@charset "UTF-8";
/* CSS Document */

body {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 16px;
line-height: 1.625em;
color: #1a1a1a;
}
b, strong, .bold,.strong,
.section_plan h3,.section_faq dt,
.section_form .formtable > tbody > tr > th{
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
 font-weight: bold;
}
a { color: #333;}
div {box-sizing: border-box;}
img {max-width: 100%; vertical-align: bottom}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
p {margin-bottom: 1.6em;}

@media (min-width: 768px) {
.sp {display: none;}
}
@media (max-width: 767px) {
body {font-size: 14px;}
.pc {display: none;}
.spbr {display: block;}
}
.container {width: 96% ; max-width: 1000px; margin: 0 auto; }
.manga {padding: 50px 0; text-align: center}
.manga p {margin-bottom: 0;}
.mainimage a img,
.cv a img { transition: opacity 0.3s ease-out;}
.mainimage a:hover img,
.cv a:hover img {opacity: .8;}
@media (min-width: 768px) {
.manga .container {
    width: 780px;
		max-width: 96%;
		box-sizing: border-box;
    margin: auto;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 30px;
}

}
@media (max-width: 767px) {
.manga .sp img {display: block; margin: 0 auto 0;}
}
.mgBox {
    width: 780px;
    margin: auto;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 30px;
}

header {position: fixed; top: 0;left: 0;width: 100%; z-index: 999; background: #fff;}
header .inner {width: 100% ; max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 25px 15px; overflow: hidden;}
header h1{ float: left; width: 194px; max-width: 19.4%;}
header li a {transition: .2;}
header li a:hover {color:#002266;}
@media (min-width: 768px) {
header { }
header ul {float: right; padding-top: 8px; font-size: 14px;}
header li { display: inline-block; }
header li::after {content: "｜"}
header li:last-child::after {content: ""; display: none;}
header nav {display: block !important;}
}
@media (min-width: 768px) and (max-width: 890px) {
header ul {font-size: 12px;}
}
@media (max-width: 767px) {
header {padding: 15px 0;}
header .inner {padding: 0 ; max-width: 100%;}
header h1{ width: 194px; max-width: 80%; float: none; padding-left: 10px;}
header #toggle {position: absolute;  top: 0; right: 0; width: 69px ;height: 100%;background:#002266; text-align: center; line-height: 69px; color: #fff;}
header #toggle:hover {cursor: pointer;}
nav {display: none; width: 100%; position: absolute; background:#002266; z-index: 99; top:69px; color: #fff;}
nav li a {display: block; padding: 10px; color: #fff;}

nav li a:hover {background: rgba(0,0,0,.2); color: #fff;}
nav li {border-bottom: 1px solid #ddd;}
}

.mainimage {background: url("../img/mainimage.jpg") no-repeat center; height:0;box-sizing: border-box; position: relative;padding-bottom: 41.666%; background-size: cover;}
.mainimage ul { text-align: center; position: absolute;bottom:2%;width: 100%; left: 0}
.mainimage li {display: inline-block; width: 29.84%;}
.mainimage li img {width: 100%;}
@media (min-width: 768px) {
}
@media (max-width: 850px) {
.mainimage {background-image: url("../img/sp_mainimage.jpg"); padding-bottom: 58.88%;}
.mainimage li {width: 42.11%;}
}
@media (max-width: 767px) {
}

.cv { padding: 40px 0 20px; text-align: center; }
.section04 .cv { padding: 0px 0 60px;}
.cv li { margin-bottom: 15px;}
@media (min-width: 768px) {
.cv li {display: inline-block;}
}
@media (max-width: 767px) {
.cv { padding: 20px 0 18px;}
.cv li { margin-bottom: 2px;}
}

.section01 {text-align: center;}
.section01 h3 {padding: 0 0 20px;}
.section01 .box01 {background: #e5f3fa; padding-top: 40px;}
.section01 .box02 {background: #002266; padding-bottom: 40px;}
.section01 .box03 {background: #e5f3fa; padding: 30px 0;}
.section01 .box03 p {margin-bottom: 0.8em;}
.section01 .bgbox {background: #fff; padding: 40px 35px 25px; text-align: left; border-bottom: 4px solid #aadbf2;}
.section01 .box01 ul {overflow: hidden; padding-bottom: 20px;}
.section01 .bgbox li {display: inline-block; background: url("../img/moyamoya.png") no-repeat left top; padding-left: 26px; padding-right: 20px; margin: 0 5px 10px; min-height: 25px; font-weight: bold;}
.section01 .box02 p { position: relative}
.section01 .box02 p img { margin-top: -8px;}
.section01 p.rlt {position: relative;}
.section01 p.rlt img {margin-top: -9px;}
@media (min-width: 768px) {
.section01 .box01 li { float: left; margin-bottom: 2%; margin-right: 2%; width: 49%;}
.section01 .box01 li:nth-child(2n) {margin-right: 0;} 
}
@media (max-width: 767px) {
.section01 .box01 li {margin-bottom: 8px;}
.section01 .box02 {padding-bottom: 10px;}
}

.section02,
.section_flow { background: url("../img/bg01.png"); border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.section02 .container {position: relative; padding: 22px 0 50px;}
.section02 h3,
.section_flow h3 {position: relative; text-align: center;padding: 0 10px;}
.section02 h3 img,
.section_flow h3 img { margin-top: -39px;}
.section02 .bgbox { background: rgba(145,193,237,.4); padding: 10px;}
.section02 .bgbox .inner { background: #fff; padding: 25px; }
.section02 .bgbox p {margin-bottom: 0.8em;}
.section02 .bgbox p.strong {color: #002266; font-size: 137.5%; font-weight: bold; margin-bottom: 0.1em;}
@media (min-width: 768px) {
.manga02 {padding-bottom: 90px;}
.section02 .leftbox { width: 68.2%;}
.section02 .img {position: absolute; bottom:0; right: 0; width: 257px;}
}
@media (max-width: 767px) {
.section02 .bgbox .inner { padding-bottom: 0;}
.section02 .bgbox p.center {text-align: center; margin-bottom: 0}
.section02 .bgbox p.center img {max-width: 75%;}
}

.section03 {color: #fff;}
.section03 .box01 {background: #002266 url("../img/arrow_white.png") no-repeat top center; padding: 60px 0 25px; font-size: 125%; font-weight: bold; text-align: center; line-height: 1.6em;}
.section03 .box01 h3 {margin-bottom: 15px;}
.section03 .box02 {background: url("../img/sec03_bg.jpg") no-repeat center; background-size: cover; padding: 50px 0 30px;}
@media (min-width: 768px) {
.section03 .rightbox {padding-left: 33%;}
}
@media (max-width: 767px) {
.section03 .box02 { background-position: right center;}
}

.section04 h3 {background: #002266; text-align: center; padding: 22px;}
.section04 .inner { background: #e5f3fa url("../img/arrow_blue.png") no-repeat top center; padding: 90px 0 0;}
.section04 .box { border: 4px solid #9bd4ed; border-radius: 10px; margin-bottom: 70px; background: #fff; position: relative;}
.section04 .box p.img,
.section04 .box h4 { padding-left: 6px; padding-right: 6px;}
.section04 .box p { padding-left: 20px; padding-right: 20px;}
.section04 .box .icon,
.section04 .box p.img ,
.section04 .box h4 {text-align: center; margin-bottom: 14px}
.section04 .box .icon {position: absolute;width: 100%; top: 0; left: 0;}
.section04 .box .icon img {margin-top: -50px;}
.section04 .box p.img { padding-top: 6px;}
@media (min-width: 768px) {
.section04 .boxwrap {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.section04 .boxwrap .box { max-width: 32%; margin-right: 2%; flex: 1 1 32%;}
.section04 .boxwrap .box:nth-child(3n) {margin-right: 0;}
.section04 h4 {height: 56px; box-sizing: border-box;}
.section04 .box01 h4,.section04 .box02 h4,.section04 .box05 h4 {padding-top: 0.8em;}
.section04 .box06 h4 {height: auto;}
}
@media (max-width: 767px) {
.section04 .inner { padding-bottom:30px;}
.section04 .box {max-width: 480px; margin-left: auto;margin-right: auto;}
.section04 .box06 {margin-bottom: 10px;}
}

.section_plan {background: #e5f3fa;padding: 60px 0; text-align: center;}
.section_plan h3,
.section_form h3{ font-size: 212.5%; text-align: center; font-weight: bold; color: #002266; margin-bottom: 20px;}
.section_plan h3 .border,
.section_form h3 .border {display: inline-block; border-bottom: 2px solid #002266; padding: 0 10px 10px;}
.section_plan h3 .figure {font-size: 147%;}
.section_plan li { margin-bottom: 2%;}
@media (min-width: 768px) {
.section_plan ul {overflow: hidden;}
.section_plan li { float: left; width: 49%; margin-right: 2%; }
.section_plan li:nth-child(2n) {margin-right: 0;} 
}
@media (max-width: 767px) {
.section_plan h3, .section_form h3 {font-size: 180%;}
}

.section_flow {text-align: center; padding-bottom: 40px;}
.section_flow h3 {margin-bottom: 20px;}
@media (min-width: 768px) {
.manga06 {padding-bottom: 90px;}
}
@media (max-width: 767px) {
.section_plan {padding: 30px 0}
.section_plan h3 {line-height: 1.1;}
}

.section_faq {background: url("../img/qa_bg01.jpg") no-repeat top center; background-size: cover; padding:88px 0;	}
.section_faq .bgwhite { background: rgba(255,255,255,.8); padding: 45px 60px 20px;}
.section_faq h3 {text-align: center; margin-bottom: 30px;}
.section_faq dt {background: url("../img/qa_icon01.png") no-repeat top left; color:#002266 ; font-size:137.5% ; padding-top: 13px; padding-left: 67px; margin-bottom: 10px; font-weight: bold; min-height: 50px; box-sizing: border-box;}
.section_faq dt.q02 { background-image: url("../img/qa_icon02.png");}
.section_faq dt.q03 { background-image: url("../img/qa_icon03.png");}
.section_faq dt.q04 { background-image: url("../img/qa_icon04.png");}
.section_faq dt.q05 { background-image: url("../img/qa_icon05.png");}
.section_faq dd {border-bottom: 1px solid #e0e0e0; padding-bottom: 25px; margin-bottom: 25px;} 
.section_faq dd:last-child {border-bottom: none;}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
.section_faq { padding: 30px 0;}
.section_faq .bgwhite { padding: 20px;}
.section_faq dt {background-size: 40px; padding-left: 45px;padding-top: 6px;font-size:126% ;}
}

.section_contact {background: #002266; text-align: center; padding: 50px 0 30px;}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
.section_contact {padding: 30px 0 20px;}
}

.section_form { background: url("../img/bg01.png"); padding: 50px 0; }
.section_form h4 {font-size:150%; margin-bottom: 15px;padding-left: 19px;position: relative;}
.section_form h4::before { content:"■"; color: #002266; font-size: 16px;position: absolute;left: 0;top: 1px;}
.section_form h4 .subttl {font-size: 16px; padding-left: 15px;}
.section_form .formtable {width: 100%; margin-bottom: 1.6em;border-collapse: collapse;}
.section_form .formtable th,.section_form .formtable td {vertical-align: middle;}
.section_form .formtable > tbody > tr > th,.section_form .formtable > tbody > tr > td {background: #e5e5e5;border-bottom: 3px solid #fff; padding: 18px 10px 18px 15px;}
.section_form .formtable > tbody > tr > th {font-weight: bold; text-align: left; }
.section_form input {margin-left: 3px; margin-right: 3px;}
.section_form input[type="text"] ,.section_form textarea {padding: 5px; box-sizing: border-box; width: 96%;}
.section_form .formtable label {display: inline-block; }
.section_form .formtable label.address{display: block; margin-bottom: 0.2em;}
.section_form .formtable label.address span {display: inline-block ;width: 5em;}
.btn {text-align: center;}
.section_form .required {background: #ee3322; display: inline-block; float: right; color: #fff; font-size: 12px; font-weight: normal;line-height: 18px; width: 35px;text-align: center; margin-top: 4px;}
.section_form .btn button {background: url(../img/form_btn.png); width:260px; height:68px;text-indent: -9999px; border: none; box-shadow: none;}
.section_form .btn button:hover {opacity: .8; cursor: pointer}
#mfp_overlay_background,
#mfp_loading_screen{display: none !important;}
  .section_form textarea {width: 95% !important;}
  .section_form textarea {height: 120px !important;}
@media (min-width: 768px) {
.section_form .formtable > tbody > tr > th {width: 25%;}
.section_form .formtable > tbody > tr > td {border-left: 3px solid #fff;}
}
@media (max-width: 767px) {
.section_form { padding: 30px 0; }
.section_form .formtable > tbody > tr > th,.section_form .formtable > tbody > tr > td  {
display: block;}
.section_form .formtable > tbody > tr > th {border-bottom: none; padding-bottom: 0;}
.section_form .formtable > tbody > tr > td {padding-top: 10px;}
.section_form .formtable label {display: block; }
.section_form .required {float: none; margin-left: 5px;}
}

footer {text-align: center;color: #ffffff; font-size: 14px; padding: 40px 20px; background: #8b8b8b;}
footer ul,footer p{margin-bottom: 0.8em; line-height: 1.4em;}
footer a ,footer a:visited{color: #ffffff;}
footer a:hover {text-decoration: underline;}
footer li {display: inline-block;}
footer li::after {content: "｜"}
footer li:last-child::after {content: ""; display: none;}
.pagetop {position: fixed; bottom: 20px; right: 20px;}
.pagetop:hover {cursor: pointer;}
.pagetop:hover img { opacity: .7; }

@media (min-width: 768px) {
}
@media (max-width: 767px) {
}

.section_thanks {text-align: center; padding: 60px 0 30px}
.ttl01 {font-size: 128%; }
.telnumber {font-size: 115%;}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}