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

#shogei.school #main{}
#shogei.school #main p.img{ margin:auto;}

#shogei.school #main .link_cont{}
#shogei.school #main .link_cont .left{ max-width:507px; width:50%; text-align:center; display:inline-block; vertical-align:top;}
#shogei.school #main .link_cont .right{width:50%; text-align:left; display:inline-block; vertical-align:top; box-sizing:border-box; padding-left:5%;}
#shogei.school #main h4.sub_ttl{ font-size:20px; line-height:1.8; border-left:2px #C5B5D9 solid; padding:10px 0 2px 4%;font-weight:300; color:#4C4948;}
#shogei.school #main h4.sub_ttl span{ display:block; color:#C5B5D9; font-size:12px;font-weight:300;}
#shogei.school #main .link_cont .right  p{ font-size:24px; margin-top:30px;}




#shogei.school #main .map { margin:50px auto;}
#shogei.school #main .map .text{ font-size:23px; margin-top:1em;}

#shogei.school #main .map .lef_rig .left,
#shogei.school #main .map .lef_rig .right{ width:47%;}
#shogei.school #main .map .lef_rig h5{ background:#6E6E78; color:#FFF; font-size:16px; text-align:center; padding:0.3em 0.5em;}
#shogei.school #main .map .lef_rig p{ font-size:13px; margin-top:1.5em;}
#shogei.school #main .map .left{ margin-right:3%;}
#shogei.school #main .map .right{ margin-left:3%;}


#shogei.school #main .iframe iframe{ width:100%; max-height:600px; height:600px;}



@media all and (max-width: 750px) {

#shogei.school #main .link_cont{}

#shogei.school #main h3.ttl{ width:90%;}
#shogei.school #main p.img{ margin:auto;}
#shogei.school #main .link_cont .left{ max-width:507px; width:90%; margin:auto; display:block; box-sizing:border-box;padding:0;}
#shogei.school #main .link_cont .right{max-width:507px; width:90%; margin:auto; display:block; box-sizing:border-box;padding:20px 0 10px;}
#shogei.school #main h4.sub_ttl{ font-size:15px; line-height:1.8; border-left:2px #C5B5D9 solid; padding:6px 0 2px 4%}
#shogei.school #main .link_cont .right  p{ font-size:18px;  margin-top:1em; padding-left:4%;}

#shogei.school #main .link_cont a.btn_common{margin:30px auto 0;width:70%;padding:15px 0%;background-size:75% auto; }
#shogei.school #main .link_cont a.btn_common img{width:75%;}


#shogei.school #main .map { margin:12% auto;}
#shogei.school #main .map .text{ font-size:18px;  padding-left:4%;}


#shogei.school #main .map .lef_rig .left,
#shogei.school #main .map .lef_rig .right{ width:100%;margin:12% auto 0%;}
#shogei.school #main .map .lef_rig .left{ margin:0 auto 0%;}
#shogei.school #main .map .lef_rig p{ font-size:14px; margin-top:1.0em; line-height:1.4;}


#shogei.school #main .iframe iframe{ max-height:800px; height:120vw;}
	
}