.type_pc {display:block}
.type_mo {display:none}



#Content .wrap { padding-top:100px; padding-bottom:100px; }
#Content .title { text-align:center; margin-bottom:50px; }
#Content .title p { font-size:17px; color:#444; }
#Content .title h1 { font-size:38px; font-weight:300; color:#222; }
#Content .title h1 b { font-weight:800; color:#30c38c; }
@media (max-width:768px){
	#Content .wrap { padding:50px 20px; }
	#Content .title { margin-bottom:35px; }
}
@media (max-width:560px){
	#Content .title h1 { line-height:1.2; }
	#Content .title p { margin-bottom:5px; }
}
@media (max-width:360px){
	#Content .wrap { padding:50px 10px; }
}

#Visual { background:#f2f6f5;   background-position:center; height:650px; }
#Visual .wrap { padding:0px }
#Visual .text h1 { font-size:45px; font-weight:700; color:#222; }
#Visual .text p { font-size:18px; font-weight:500; color:#555; margin-top:26px; }
@media (max-width:1140px){
	#Visual .wrap { padding-top:107px; }
}
@media (max-width:1024px){
	#Visual { background:#f2f6f5 url('../img/main/main_visual_bg_mob.jpg') no-repeat; background-size:contain; background-position:bottom; }
	#Visual .wrap { background:#f2f6f5;padding:0px; height:650px;  }
	#Visual .text { margin-bottom:18vw; }

}
@media (max-width:920px){
	.type_pc {display:none}
	.type_mo {display:block; width:100%}
}

@media (max-width:560px){
	#Visual { width:100%; height:auto; background:#f2f6f5;}
	#Visual .wrap { background:transparent; height:auto; padding:0px  }
	#Visual .text { margin-bottom:65vw; text-align:center; }
	#Visual .text h1 { line-height:1.3; font-size:35px; }
	#Visual .text p { font-size:16px; }
}

#cont01 { background:#fff; }
#cont01 .wrap { padding-top:30px; padding-bottom:30px; display:flex; justify-content:space-between; align-items:center; }
#cont01 .text p { font-size:18px; font-weight:600; color:#222; }
#cont01 .login_box form { display:flex; }
#cont01 .login_box form > div+div { margin-left:20px; }
#cont01 .login_box .box label { font-size:14px; font-weight:600; color:#444; margin-right:15px; }
#cont01 .login_box .box input { background:#f9f9f9; width:212px; border:1px solid #e4e4e4; border-radius:50px; font-size:14px; font-weight:600; padding:10px 20px; }
#cont01 .login_box .btn > * { display:inline-block; width:127px; text-align:center; border:1px solid #30c38c; font-size:14px; font-weight:600; padding:10px 0; border-radius:50px; }
#cont01 .login_box .btn > *+* { margin-left:5px; }
#cont01 .login_box .btn button { background:#30c38c; color:#fff; transition:0.3s; }
#cont01 .login_box .btn button:hover { background:#20a976; border:1px solid #20a976; }
@media (max-width:1024px){
	#cont01 .wrap { flex-wrap:wrap; justify-content:center; }
	#cont01 .text { width:100%; margin-bottom:15px; }
	#cont01 .text p { text-align:center; }
}
@media (max-width:920px){
	#cont01 .login_box .box input { width:160px; }
}
@media (max-width:768px){
	#cont01 .login_box form { flex-wrap:wrap; }
	#cont01 .login_box form > div+div { margin-left:0; margin-top:10px; }
	#cont01 .login_box .box { width:100%; display:flex; justify-content:space-between; align-items:center; }
	#cont01 .login_box .box input { width:calc(100% - 35px); }
	#cont01 .login_box .btn { margin-top:20px; width:100%; display:flex; justify-content:space-between; }
	#cont01 .login_box .btn > * { width:calc(50% - 10px); }
	#cont01 .login_box .btn > *+* { margin-left:0; }
}
@media (max-width:768px){
	#cont01 .login_box .box input { padding:10px; }
}

#cont02 { background:#f9f9f9; }
#cont02 .flex { display:flex; justify-content:space-between; }
#cont02 .flex .box { width:calc(25% - 16px); background:#fff; border-radius:30px; text-align:center; border:2px solid #fff; padding:45px 0; transition:.3s; }
#cont02 .flex .box:hover { border:2px solid #30c38c; box-shadow:1px 1px 18px 0 rgba(0,0,0,0.25); }
#cont02 .flex .box img { margin:0 auto 23px; }
#cont02 .flex .box h2 { font-size:22px; font-weight:700; color:#222; margin-bottom:14px; }
#cont02 .flex .box p { font-size:16px; font-weight:500; color:#666; }
#cont02 .flex.list4 .box { width:calc(25% - 17px); }
#cont02 .flex.list3 .box { width:calc(100% / 3 - 40px / 3); }
@media (max-width:1024px){
	#cont02 .flex	{ flex-wrap:wrap; }
	#cont02 .flex .box { width:calc(50% - 10px); }
	#cont02 .flex .box:not(:nth-child(-n+2)) { margin-top:20px; }
	#cont02 .flex .box:last-child { width:100%; }
}
@media (max-width:768px){
	#cont02 .flex .box h2 { margin-bottom:0; }
	#cont02 .flex .box p{ display:none; }
}
@media (max-width:480px){
	#cont02 .flex .box img { padding:0 20px; }
}
@media (max-width:360px){
	#cont02 .flex .box { width:calc(50% - 5px); }
}

#cont03 .boxing { background:#f9f9f9; border-radius:30px; padding:50px; }
#cont03 .boxing .box01 { display:flex; justify-content:space-between; margin-bottom:50px; }
#cont03 .boxing .box01 > div { width:calc(50% - 25px); }
#cont03 .boxing .box01 .img_box { border-radius:30px; overflow:hidden; }
#cont03 .boxing .box01 .text_box { display:flex; flex-direction:column; justify-content:space-between; }
#cont03 .boxing .box01 .text_box p { white-space:pre-line; font-size:20px; color:#444; }
#cont03 .boxing .box01 .text_box p b { font-weight:700; }
#cont03 .boxing .box01 .text_box dl dt { font-size:16px; font-weight:700; color:#666; }
#cont03 .boxing .box01 .text_box dl dd { font-size:14px; font-weight:500; color:#666; margin-top:3px; }
#cont03 .boxing .box02 { background:#fff; border-radius:30px; padding:60px 80px; }
#cont03 .boxing .box02 .form_box { display:flex; flex-wrap:wrap; justify-content:space-between; }
#cont03 .boxing .box02 .form_box .box { width:calc(50% - 20px); display:flex; align-items:center; justify-content:space-between; }
#cont03 .boxing .box02 .form_box .box+.box:not(:nth-child(-n+2)) { margin-top:30px; }
#cont03 .boxing .box02 .form_box .box label, #cont03 .boxing .box02 .form_box .box p { font-size:16px; font-weight:600; color:#444; }
#cont03 .boxing .box02 .form_box .box:not(.box.tel) input { background:#f9f9f9; width:323px; border:1px solid #e4e4e4; border-radius:50px; font-size:16px; font-weight:600; padding:12px 20px; }
#cont03 .boxing .box02 .form_box .box:not(.box.tel) select { background:#f9f9f9 url('../img/ic_select01.png') no-repeat calc(100% - 20px) 50%; width:323px; border:1px solid #e4e4e4; border-radius:50px; font-size:16px; font-weight:600; padding:12px 20px; cursor:pointer; }
#cont03 .boxing .box02 .form_box .box.tel .flex { background:#f9f9f9; width:323px; border:1px solid #e4e4e4; border-radius:50px; display:flex; justify-content:space-between; align-items:center; }
#cont03 .boxing .box02 .form_box .box.tel .flex select, #cont03 .boxing .box02 .form_box .box.tel .flex input { width:100px; font-size:16px; font-weight:600; padding:12px 20px; background:none; border:0; border-radius:50px; }
#cont03 .boxing .box02 .form_box .box.tel .flex select { background:url('../img/ic_select01.png') no-repeat calc(100% - 20px) 50%; cursor:pointer; }
#cont03 .boxing .box02 .form_box .box.tel .flex input { text-align:center; }
#cont03 .boxing .box02 .form_box .btn { display:flex; justify-content:space-between; flex-wrap:wrap; }
#cont03 .boxing .box02 .form_box .btn .chk { width:100%; margin:15px 0; display:flex; justify-content:flex-end; align-items:center; }
#cont03 .boxing .box02 .form_box .btn .chk input { appearance:none; width:14px; height:14px; border:1px solid #ddd; background:#f9f9f9; border-radius:50%; position:relative; cursor:pointer; }
#cont03 .boxing .box02 .form_box .btn .chk input:checked:after { content:''; width:8px; height:8px; background:#30c38c; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; }
#cont03 .boxing .box02 .form_box .btn .chk label { font-size:14px; font-weight:500; color:#444; margin-left:7px; cursor:pointer; }
#cont03 .boxing .box02 .form_box .btn .flex { display:flex; flex-wrap:wrap; align-content:space-between; width:calc(100% - 480px); }
#cont03 .boxing .box02 .form_box .btn .flex p { width:100%; font-size:16px; font-weight:600; color:#444; }
#cont03 .boxing .box02 .form_box .btn .flex p span { color:#d80000; }
#cont03 .boxing .box02 .form_box .btn .flex > div { display:flex; align-items:center; }
#cont03 .boxing .box02 .form_box .btn .flex > div+div { margin-left:30px; }
#cont03 .boxing .box02 .form_box .btn .flex > div label { font-size:16px; font-weight:500; color:#444; margin-right:9px; cursor:pointer; }
#cont03 .boxing .box02 .form_box .btn .flex > div input { appearance:none; width:20px; height:20px; border:1px solid #ddd; background:#f9f9f9; border-radius:50%; position:relative; order:1; cursor:pointer; }
#cont03 .boxing .box02 .form_box .btn .flex > div input:checked:after { content:''; width:14px; height:14px; background:#30c38c; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; }
#cont03 .boxing .box02 .form_box .btn .flex > div input:checked ~ label { font-weight:600; color:#30c38c; }
#cont03 .boxing .box02 .form_box .btn button { width:478px; background:#30c38c; border-radius:50px; font-size:16px; font-weight:700; color:#fff; padding:18px 0; transition:0.3s; }
#cont03 .boxing .box02 .form_box .btn button:hover { background:#20a976; }
@media (max-width:1024px){
	#cont03 .boxing .box01 { align-items:flex-start; }
	#cont03 .boxing .box01 .img_box { width:calc(40% - 10px); }
	#cont03 .boxing .box01 .text_box { width:calc(60% - 10px); }
	#cont03 .boxing .box01 .text_box p { margin-bottom:30px; }
	#cont03 .boxing .box02 .form_box .box { width:100%; }
	#cont03 .boxing .box02 .form_box .box:not(.box.tel) input { width:calc(100% - 80px); }
	#cont03 .boxing .box02 .form_box .box+.box { margin-top:20px; }
	#cont03 .boxing .box02 .form_box .box+.box:not(:nth-child(-n+2)) { margin-top:20px; }
	#cont03 .boxing .box02 .form_box .box.tel .flex { width:calc(100% - 80px); }
	#cont03 .boxing .box02 .form_box .box.tel .flex select, #cont03 .boxing .box02 .form_box .box.tel .flex input { width:calc(33% - 10px); }
	#cont03 .boxing .box02 .form_box .box:not(.box.tel) select { width:calc(100% - 80px); }
	#cont03 .boxing .box02 .form_box .btn { width:100%; margin-top:10px; }
	#cont03 .boxing .box02 .form_box .btn .chk { justify-content:flex-start; margin-top:25px; }
	#cont03 .boxing .box02 .form_box .btn .flex { width:100%; order:-1; margin-top:20px; }
	#cont03 .boxing .box02 .form_box .btn .flex p { margin-bottom:10px; }
	#cont03 .boxing .box02 .form_box .btn button { width:100%; }
}
@media (max-width:920px){
	#cont03 .boxing .box02 { padding:40px 60px; }
	#cont03 .boxing .box02 .form_box .btn .flex p { margin-right:20px; }
	#cont03 .boxing .box02 .form_box .btn .flex > div+div { margin-left:20px; }
}
@media (max-width:768px){
	#cont03 .wrap { padding:50px 0 0; }
	#cont03 .title { padding:0 20px; }
	#cont03 .boxing { padding:20px 0 0; border-radius:0; }
	#cont03 .boxing .box01 { flex-wrap:wrap; padding:0 20px; margin-bottom:35px; }
	#cont03 .boxing .box01 .img_box { width:100%; max-width:fit-content; margin-bottom:40px; }
	#cont03 .boxing .box01 .text_box { width:100%; }
	#cont03 .boxing .box02 { padding:35px 20px; border-radius:0; }
}
@media (max-width:560px){
	#cont03 .boxing .box02 .form_box .box:not(.box.tel) input { width:calc(100% - 60px); }
	#cont03 .boxing .box02 .form_box .box:not(.box.tel) select { width:calc(100% - 60px); }
	#cont03 .boxing .box02 .form_box .box.tel .flex { width:calc(100% - 60px); }
}
@media (max-width:360px){
	#cont03 .title { padding:0 10px; }
	#cont03 .boxing .box01 { padding:0 10px; }
	#cont03 .boxing .box02 { padding:35px 10px; }
	#cont03 .boxing .box02 .form_box .box:not(.box.tel) select { padding:12px 10px; background:#f9f9f9 url('../img/ic_select01.png') no-repeat calc(100% - 10px) 50%; }
	#cont03 .boxing .box02 .form_box .box:not(.box.tel) input { padding:12px 10px; }
	#cont03 .boxing .box02 .form_box .box.tel .flex select, #cont03 .boxing .box02 .form_box .box.tel .flex input { padding:12px 10px; }
	#cont03 .boxing .box02 .form_box .box.tel .flex select { background:url('../img/ic_select01.png') no-repeat calc(100% - 10px) 50%; }
}