@charset "UTF-8";
/* Custom */
h1 span { position: relative; padding: .5em .7em .4em; border-bottom: 3px solid #2d284a; }
h1 span::before,
h1 span::after { position: absolute; left: 30px; bottom: -15px; width: 30px; height: 15px; clip-path: polygon(0 0, 100% 0, 50% 100%); content: ''; }
h1 span::before { background-color: #2589d0; }
h1 span::after { background-color: #fff; bottom: -11px; }
h1 { margin: 60px 1% 100px; }
h2 span { position: relative; padding: .5em 1.2em .5em 1.5em; }
h2 span::before { position: absolute; transform: translateY(-50%); width: 12px; height: 12px; border: 2px solid #2d284a; display: inline-block; content: ''; }
h2 span::after { position: absolute; transform: translateY(-50%); width: 12px; height: 12px; border: 2px solid #2589d0; display: inline-block; content: ''; }
h2 span::before { top: calc(50% - 3px); left: 0; }
h2 span::after { top: calc(50% + 3px); left: 5px; }
h2 { margin: 60px 1% 40px; }
#container2 h1 span::after { background-color: #e3eeb2; }
#container2 #main #three_culm { background-color: #fff; }
#btn a { background-color: #4c4a67; width: 50%; margin: 45px 21%; }
#glab_list ul { width: 100%; float: left; margin: 0; padding: 0; display: block; }
#glab_list li { width: 45%; float: left; margin: 0 5% 5% 0; padding: 0; display: block; }
#glab_list li a:link { color: #585858; }
#glab_list li a:visited { color: #585858; }
#glab_list li a:hover { color: #a54a4a; }
#glab_list li a:active { color: #c3a942; }
#glab_img0 { background: url(../common/data_img/moyamoya.png) center / 100% no-repeat; width: 57%; float: left; margin: 0; padding: 90px 21% 120px 22%; display: block; }
#glab_img1 { background: url(../common/data_img/moyamoya2.png) center / 100% no-repeat; width: 57%; float: left; margin: 0; padding: 90px 21% 120px 22%; display: block; }
#glab_img2 { background: url(../common/data_img/moyamoya3.png) center / 100% no-repeat; width: 57%; float: left; margin: 0; padding: 90px 17% 120px 26%; display: block; }
#glab_name { font-size: 110%; font-weight: bolder; line-height: 130%; }
#glab_view { margin: 0 10%; }
#glab_view p { line-height: 220%; }
#taik_list ul { width: 100%; float: left; margin: 0; padding: 0; display: block; }
#taik_list li { width: 45%; float: left; margin: 0 5% 5% 0; padding: 0; display: block; }
#taik_list li a:link { color: #585858; }
#taik_list li a:visited { color: #585858; }
#taik_list li a:hover { color: #a54a4a; }
#taik_list li a:active { color: #c3a942; }
#taik_img { background: url(../common/data_img/kotobito.png) center / 100% no-repeat; width: 57%; float: left; margin: 0; padding: 100px 21% 110px 22%; display: block; }
#taik_name { font-size: 110%; font-weight: bolder; line-height: 130%; }
#clum3 { margin: 35px 0 0; }
#clum3 ul:nth-child(1) { width: 25%; }
#clum3 ul:nth-child(2) { width: 27%; }
#clum3 ul:nth-child(3) { width: 35%; }
/* shadow */
#sb_container #sb_main { font-size: 115%; line-height: 160%; background-color: #fff; width: 64%; float: left; margin: 5% 10%; padding: 5% 8%; display: block; border-radius: 15px; }
#sb_navi { display: none; }
#sb_container #copy { color: #fff; }

/* PC用 */
@media only screen and (min-width: 1001px) {
#container2 #main #three_culm { width: 29%; margin: 0 0.5% 3%; padding: 1% 1% 0; }
}

/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
#container2 #main #three_culm { width: 29%; margin: 0 0.5% 3%; padding: 1% 1% 0; }
}

/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
}

/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
h1 { font-size: 150%; margin: 30px 0 70px; }
h2 { font-size: 140%; margin: 20px 0; }
h3 { font-size: 130%; margin: 0; }
h1 span { position: relative; padding: .5em 0 .4em; }
h2 span { position: relative; padding: .5em 0 .5em; }
}

/* Mobile2用 */
@media screen and (max-width: 540px) {
h1 { font-size: 150%; margin: 30px 0 70px; }
h2 { font-size: 140%; margin: 20px 0; }
h3 { font-size: 130%; margin: 0; }
h1 span { position: relative; padding: .5em 0 .4em; }
}

/* moyamoya */
#moyamoya { width: 100%; overflow: hidden; margin: 0; padding: 0; display: block; }
#moyamoya li a:link { color: #585858; }
#moyamoya li a:visited { color: #585858; }
#moyamoya li a:hover { color: #a54a4a; }
#moyamoya li a:active { color: #c3a942; }
#moyamoya h1 span::after { background-color: #fff; bottom: -11px; }
#moyamoya h2 { margin: 34px 0 22px; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
}

/* oneonone */
#oneonone { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
#oneonone h1 { color: #fff; }
#oneonone h1 span::after { background-color: #71c0bb; bottom: -11px; }
#oneonone #one_culm { background: #fff; }
/* PC用 */
 only screen and (min-width: 1001px) {
}
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#oneonone h1 { letter-spacing: 0; }

}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#oneonone h1 { letter-spacing: 0; }

}

/* kotobito */
#kotobito { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
#kotobito #three_culm { background: #e3eeb2; }
/* PC用 */
 only screen and (min-width: 1001px) {
}
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#kotobito h1 { letter-spacing: 0; }

}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#kotobito h1 { letter-spacing: 0; }

}