@charset "UTF-8";
.ls-1 {letter-spacing: .2rem;}
.biz-sec { background-color: ;}
#business { overflow: hidden;}.biz-text-area { padding: 3.5vw; color: ;}#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
.biz-text-area h2 { border-bottom: solid 1px ; padding-bottom: 3px;}
#personal { padding: 0 10rem; background-color: #ebf2fa;}
#personal .alert{ padding: 2vw; background-repeat: no-repeat; background-size:35%; background-position:right bottom;}#personal .alert p{ letter-spacing: .2rem; font-family: "BIZ UDPMincho", serif; font-weight: 400; font-style: normal;}#personal p{ line-height: 2.5; }/*#personal li {background: linear-gradient(30deg, #e3e3e3, #fcfcfc, #e3e3e3);	font-size: 16px;	width: 150px;	height: 150px;	line-height: 150px;	border-radius: 50%;	text-align: center;	margin: 0 10px;
}*/
#personal h3:before { background-color: #3f668d; border-radius: 5px; content: ""; display: inline-block; height: 40px; margin-right: 10px; vertical-align: middle; width: 10px;}/*.kokokara_link a{ width: 250px; display:inline-grid; background-color:#3f668d;
}*/
.kokokara_link a { width: 360px; display: inline-block; position: relative; line-height: 25px; height: 60px;/*リボンの高さ*/ /*line-height: 50px;リボンの高さ*/ text-align: center; /*padding: 0 30px;横の大きさ*/ font-size: 18px;/*文字の大きさ*/ background: #3f668d;/*塗りつぶし色*/ color: #FFF;/*文字色*/ box-sizing: border-box; transition: 0.2s ease-in-out;}
.kokokara_link a:before, .kokokara_link a:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1;}
.kokokara_link a:before { top: 0; left: 0; border-width: 30px 0px 30px 30px; border-color: transparent transparent transparent #fff; border-style: solid;}
.kokokara_link a:after { top: 0; right: 0; border-width: 30px 15px 30px 30px; border-color: #fff #fff #fff #3f668d; border-style: solid;}.kokokara_link a:hover{ text-decoration: none; opacity: .8;}@media (min-width: 768px){ .biz-text-area { padding: 3vw; height: 100%; } .biz-text-area h2 { font-size: 140%; } .biz-text-area h3 { font-size: 120%; margin-bottom: 0; } .biz-text-area h4 { font-size: 110%; margin-bottom: 0; }}
@media (min-width: 1300px){ .biz-text-area { font-size: 1.1rem; }}
@media (max-width: 767px){ .biz-text-area h2 { font-size: 120%; } .biz-text-area h3 { font-size: 105%; } .biz-text-area h4 { font-size: 100%; }}@media (max-width: 575px){ .index-header::after { bottom: 4vw; }
#personal {padding: 0 2rem;}
}