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

/*　画面サイズが1100pxまで、以下のスタイル適用 */
@media (max-width: 1200px){

/* header */
header #wrap { width: 98%; height: 70px;}
header .logo{ padding-top: 15px}
header .logo img{ width: 215px;}
header .btn_erae { padding-top: 11px;}

/* header_navi */
header #navi {width: 100%; height: 45px; border-bottom: solid 5px #000;}
header ul {width: 100%; padding: 11px 0 0 0;}
header ul li {padding: 0 20px;}
header ul li a { font-size: 15px;}

/* header_eye_cath */
header #eye_cath img{ width: 900px; margin: 3px 0 0; }
header #eye_cath h1 { padding: 30px 0 5px; font-size: 27.5px;}
header #eye_cath h2 { font-size: 75px;}
header #eye_cath h3 { font-size: 52px;}
header #eye_cath h4 { font-size: 49px;}
header #eye_cath h5 { font-size: 19.8px; line-height: 1.2;}
header #eye_cath h6 { font-size: 15px; line-height: 1.6;}
header #eye_cath small { font-size: 33px; line-height: 1.2;}
header #eye_cath ul {width: 70%; padding: 15px 0 30px 0;}

    
/* starburst */
header #starburst { width: 12em; height: 12em; line-height: 1.8em; margin: 40px auto 56px; padding: 0;}
header #starburst span { width: 12em; height: 12em;}
header #starburst h1 { padding: 60px 0 0; font-size: 30px; line-height: 1;}
header #starburst h2 { padding: 10px 0 0; font-size: 42px;}

/* main */
main #xl { font-size: 46px;}
main #l { font-size: 30px; margin: 7px 0 10px;}

	
/* main_attend */
main #attend {width: 90%; padding: 10px 0 40px 0;}
main #attend h1 { width: 100%; margin: 20px auto 0; font-size: 21px;}
main #attend h2 { width: 100%; margin: 15px auto 20px; font-size: 15px; line-height: 1.4;}
main #attend .box { width: 98%; padding: 1% 1% 1.5%;}
main #attend .box { 
	background-image: url("../images/box_back.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right bottom}
	
main #attend .box-title { top: -20px; left: 10px; padding: 10px 30px; font-size: 19px;}
main #attend .box-text { width: 96%; margin: 4% 2% 1%; font-size: 13px; line-height: 1.5;}
main #attend h4 { width: 88%; font-size: 23px;}
main #attend .box2 { width: 98%; margin: 2.5em auto 1em; padding: 45px 1% 15px;}
main #attend .box-title2 { top: -20px; left: 10px; padding: 10px 30px; font-size: 17px;}
main #attend .box-text2 { width: 94%; margin: 4% 3% 1%; font-size: 15px; line-height: 1.7;}

/* main_erea1 */
main #erea1 {width: 100%; padding: 20px 0 25px;}
main #erea1 h1 { width: 88%; margin: 0 auto 18px; font-size: 21px;}
main #erea1 h2 { width: 84.5%; padding: 1% 2%; font-size: 17px;}
main #erea1 h3 { width: 84.5%; margin: 0 auto 20px; padding: 1% 2% 1.5%; font-size: 13px; line-height: 1.7; border: none;}
main #erea1 h4 { width: 84.5%; margin: 0 auto 20px; padding: 1% 2% 1.5%; font-size: 17px; line-height: 1.1; border: none;}
main #erea1 h5 { width: 84.5%; margin: 0 auto 10px; padding: 1% 2%; font-size: 17px; line-height: 1.2; border: none;}
main #erea1 h6 { width: 84.5%; margin: 0 auto 10px; padding: 1% 2%; font-size: 21px; line-height: 1.7;}
main #erea1 .box {background-image: url("../images/price_back2.png"); background-repeat: no-repeat; background-size: contain; background-position: center}

/* main_erea2 */
main #erea2 {width: 100%; padding: 40px 0 30px;}
main #erea2 h1 { width: 88%; margin: 0 auto 15px; font-size: 23px;}
main #erea2 h2 { width: 84.5%; padding: 1% 2%; font-size: 17px;}
main #erea2 h3 { width: 84.2%; margin: 0 auto 20px; padding: 1% 2% 1.5%; font-size: 13px; line-height: 1.7;}
main #erea2 h4 { width: 88%; font-size: 23px;}
main #erea2 .box { width: 87%; margin: 2.5em auto 1em; padding: 45px 4px 15px;}
main #erea2 .box-title { top: -20px; left: 10px; padding: 10px 30px; font-size: 17px;}
main #erea2 .box-text { width: 94%; margin: 4% 3% 1%; font-size: 15px; line-height: 1.7;}
main #erea2 .atnd_box { width: 84%; margin: 20px auto 25px; padding: 2%; font-size: 11.5px;}

/* FAQ */
main #area2_wrap { width: 89%; padding: 0 0 1%;}

/* FAQ ボタン装飾*/
main label { font-size: 15px;}

/* FAQ ボタンホバー時*/
main .hidden_text { font-size: 13px; line-height: 1.5;}

/* 小見出し */
main #erea2 .box2 { width: 84.5%; margin: 3em auto 0.5em; padding: 0.5em 1em;}
main #erea2 .box2_end { width: 84.5%; margin: 3em auto 2.5em; padding: 0.5em 1em;}
main #erea2 .box2-title { font-size: 17px;}
main #erea2 .box2-title { font-size: 19px;}
main #erea2 .box2-text { font-size: 14px; line-height: 2.4;}

/* main_erea3 */
main #erea3 { padding: 20px 0 25px;}
main #erea3 h1 { width: 88%; margin: 0 auto 18px; font-size: 21px;}
main #erea3 h2 { width: 84.2%; padding: 1% 2% 1.5%; font-size: 17px;}
main #erea3 h3 { width: 84%; padding: 1% 2% 1.5%; font-size: 13px; line-height: 1.7;}
main #erea3 h4 { font-size: 17px;}
main #erea3 h5 { font-size: 13px;}
main #erea3 ul li:last-child { font-size: 15px; line-height: 1.5;}
main #erea3 .attend {width: 96%; margin: 2% auto 0.5%; padding: 1.5% 2%;}

/* footer 設定 */
footer { border-top: solid 9px #686868; padding: 28px 0 5px 0;}
footer .footer_logo {width: 208px;}
footer a { font-size: 11px; margin-left: 10px;}
footer .copy { font-size: 10px; margin-bottom: 20px;}

/* box_img */
main .box_img { width: 32%;}
main .box_img2 { width: 85%;}
main .box_img3 { width: 85%;}
main .box_img4 { width: 36%;}
	
/* 申込ボタン */
#btn { width: 100%; margin: 20px 0 5px;}
.btn-large { font-size: 21px; border: solid 3px #ff3600;}
.btn-large:hover { font-size: 21px; border: solid 3px #FFF500; }
.btn-small { font-size: 17px; border: solid 2px #ff3600;}
.btn-small:hover { font-size: 17px; border: solid 2px #FFF500; }

/* 20220207追加 */
#free_guide_wrap { width: 88%; margin: 2.5em auto 1em; padding: 5px 4px 15px;}
.free_guide_title { top: -20px; left: 10px; padding: 10px 30px; font-size: 17px;}
.free_guide_text { width: 93%; margin: 3.5% 1.5% 0.5%; padding: 1.5% 2%; font-size: 13px; line-height: 1.4;}
.free_guide_title2 { width: 96%; margin: 3% 2% 1.2%; font-size: 15px; }
.free_guide_text2 { width: 96%; margin: 1% 2%; font-size: 12px; line-height: 1.3; }
.free_guide_img { width: 80%; margin: 2% auto;}
}

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){

/* header */
header #wrap { width: 98%; height: 65px;}
header .logo{ padding-top: 15px}
header .logo img{ width: 188px;}
header .btn_erae { padding-top: 11px;}
header .logo .header_logo2 { display:none; }

/* header_navi */
header #navi {width: 100%; height: 43px; border-bottom: solid 5px #000;}
header ul {width: 100%; padding: 10px 0 0 0;}
header ul li {padding: 0 10px;}
header ul li a { font-size: 14px;}

/* header_eye_cath */
header #eye_cath img{ width: 700px;}
header #eye_cath h1 { padding: 15px 0 1px; font-size: 20px;}
header #eye_cath h2 { font-size: 112px;}
header #eye_cath h3 { font-size: 76px;}
header #eye_cath h4 { font-size: 71px;}
header #eye_cath h5 { font-size: 26.8px; line-height: 1.2;}
header #eye_cath h6 { font-size: 20px; line-height: 1.6;}
header #eye_cath small { font-size: 45px; line-height: 1.2;}
header #eye_cath ul {width: 80%; padding: 10px 0 25px 0; display: block;}
header #eye_cath ul li:first-child { width: 90%; margin: 0 auto; padding: 0; display: block;}
header #eye_cath ul li:last-child { width: 90%; margin: 0 auto; padding: 0; display: block;}
    

/* starburst */
header #starburst { width: 16em; height: 16em; line-height: 1.8em; margin: 60px auto 56px; padding: 0;}
header #starburst span { width: 16em; height: 16em;}
header #starburst h1 { padding: 65px 0 0; font-size: 36px; line-height: 1;}
header #starburst h2 { padding: 10px 0 0; font-size: 50px;}

/* main */
main #xl { font-size: 45px;}
main #l { font-size: 29px; margin: 5px 0 8px;}
	main #l { font-size: 29px; margin: 5px 0 8px;}

/* main_attend */
main #attend {width: 90%; padding: 8px 0 38px 0;}
main #attend h1 { width: 100%; margin: 18px auto 0; font-size: 20px;}
main #attend h2 { width: 100%; margin: 13px auto 18px; font-size: 14px; line-height: 1.3;}
main #attend .box { width: 98%; padding: 0.8% 1% 1.3%;}
main #attend .box{
	background-image: url("../images/box_back.png");
	background-repeat: no-repeat;
	background-size:  contain;
	background-position: right bottom
	}
main #attend .box-title { top: -20px; left: 10px; padding: 10px 30px; font-size: 18px;}
main #attend .box-text { width: 96%; margin: 3.8% 2% 0.8%; font-size: 12px; line-height: 1.4;}
main #attend h4 { width: 88%; font-size: 22px;}
main #attend .box2 { width: 98%; margin: 2.5em auto 1em; padding: 43px 1% 13px;}
main #attend .box-title2 { top: -20px; left: 10px; padding: 10px 30px; font-size: 16px;}
main #attend .box-text2 { width: 94%; margin: 3.8% 3% 0.8%; font-size: 14px; line-height: 1.6;}

/* main_erea1 */
main #erea1 {width: 100%; padding: 18px 0 23px;}
main #erea1 h1 { width: 88%; margin: 0 auto 16px; font-size: 20px;}
main #erea1 h2 { width: 84.9%; padding: 0.8% 1.8%; font-size: 16px;}
main #erea1 h3 { width: 84.5%; margin: 0 auto 18px; padding: 0.8% 2% 1.3%; font-size: 12px; line-height: 1.6; border: none;}
main #erea1 h4 { width: 84.5%; margin: 0 auto 18px; padding: 0.8% 2% 1.3%; font-size: 16px; line-height: 1; border: none;}
main #erea1 h5 { width: 84.5%; margin: 0 auto 8px; padding: 0.8% 2%; font-size: 16px; line-height: 1.1; border: none;}
main #erea1 h6 { width: 84.5%; margin: 0 auto 8px; padding: 0.8% 2%; font-size: 20px; line-height: 1.6;}

/* main_erea2 */
main #erea2 {width: 100%; padding: 35px 0 25px;}
main #erea2 h1 { width: 88%; margin: 0 auto 13px; font-size: 21px;}
main #erea2 h2 { width: 84.5%; padding: 0.8% 2%; font-size: 16px;}
main #erea2 h3 { width: 84.2%; margin: 0 auto 18px; padding: 0.8% 2% 1.3%; font-size: 12px; line-height: 1.6;}
main #erea2 h4 { width: 88%; font-size: 22px;}
main #erea2 .box { width: 87%; margin: 2.5em auto 1em; padding: 43px 4px 13px;}
main #erea2 .box-title { top: -20px; left: 10px; padding: 10px 30px; font-size: 16px;}
main #erea2 .box-text { width: 94%; margin: 3.8% 3% 0.8%; font-size: 14px; line-height: 1.6;}
main #erea2 .atnd_box { width: 84%; margin: 20px auto 25px; padding: 1.8% 2%; font-size: 11.5px;}

/* 202212追加 */
#ext_202212 .sec_wrap { width: 97%; margin: 40px auto 10px;}
#ext_202212 .sec_title { padding: 1.2% 3.5%; font-size: 19px;}
#ext_202212 .sec_text { margin: 25px auto 18px; font-size: 15px;}
#ext_202212 .sec_img { width: 88%; margin: 0 auto 7px;}
#ext_202212 ul{ width: 90%; margin: 0 auto 40px;}
#ext_202212 ul li:first-child { width: 30%; display: inline-block;}
#ext_202212 ul li:nth-child(2) { width: 30%; display: inline-block;}
#ext_202212 ul li:nth-child(3) { width: 30%; display: inline-block;}
#ext_202212 ul li:nth-child(4) { width: 30%; margin: 1% auto; display: inline-block;}
#ext_202212 ul li { background-color: #FFFFFF;}
#ext_202212 ul li:last-child { width: 30%; margin: 1% auto; display: inline-block;}
#ext_202212 .sec_li_title { font-size: 15px;}
#ext_202212 .sec_li_text { font-size: 13px; line-height: 1.3;}

/* FAQ */
main #area2_wrap { width: 89%; padding: 0 0 0.8%;}

/* FAQ ボタン装飾*/
main label { font-size: 14px;}

/* FAQ ボタンホバー時*/
main .hidden_text { font-size: 12px; line-height: 1.4;}

/* 小見出し */
main #erea2 .box2 { width: 84.5%; margin: 2.8em auto 0.3em; padding: 0.5em 1em;}
main #erea2 .box2_end { width: 84.5%; margin: 2.8em auto 2.3em; padding: 0.5em 1em;}
main #erea2 .box2-title { font-size: 16px;}
main #erea2 .box2-text { font-size: 13px; line-height: 2.3;}
main #erea2 h4 { font-size: 16px;}
main #erea2 h5 { font-size: 12px;}
main #erea2 ul li:last-child { font-size: 14px; line-height: 1.4;}
main #erea2 .attend {width: 96%; margin: 1.8% auto 0.3%; padding: 1.3% 2%;}

/* main_erea3 */
main #erea3 { padding: 18px 0 23px;}
main #erea3 h1 { width: 88%; margin: 0 auto 16px; font-size: 20px;}
main #erea3 h2 { width: 84.2%; padding: 0.8% 2% 1.3%; font-size: 16px;}
main #erea3 h3 { width: 84%; padding: 0.8% 2% 1.3%; font-size: 12px; line-height: 1.6;}
main #erea3 h4 { font-size: 16px;}
main #erea3 h5 { font-size: 12px;}
main #erea3 ul li:last-child { font-size: 14px; line-height: 1.4;}
main #erea3 .attend {width: 96%; margin: 1.8% auto 0.3%; padding: 1.3% 2%;}

/* footer 設定 */
footer { border-top: solid 8px #686868; padding: 26px 0 4px 0;}
footer .footer_logo {width: 198px;}
footer a { font-size: 11px; margin-left: 10px;}
footer .copy { font-size: 10px; margin-bottom: 18px;}

/* box_img */
main .box_img { width: 40%;}
main .box_img2 { width: 90%;}
main .box_img3 { width: 85%;}

/* 申込ボタン */
#btn { width: 100%; margin: 18px 0 3px;}
.btn-large { font-size: 20px; border: solid 3px #ff3600;}
.btn-large:hover { font-size: 20px; border: solid 3px #FFF500; }
.btn-small { font-size: 16px; border: solid 2px #ff3600;}
.btn-small:hover { font-size: 16px; border: solid 2px #FFF500; }

/* 20220207追加 */
#free_guide_wrap { width: 88%; margin: 2.5em auto 1em; padding: 5px 4px 15px;}
.free_guide_title { top: -20px; left: 10px; padding: 10px 30px; font-size: 16px;}
.free_guide_text { width: 93%; margin: 4.5% 1.5% 0.5%; padding: 1.5% 2%; font-size: 12px; line-height: 1.4;}
.free_guide_title2 { width: 96%; margin: 3% 2% 1.2%; font-size: 14px; }
.free_guide_text2 { width: 96%; margin: 1% 2%; font-size: 11.5px; line-height: 1.3; }
.free_guide_img { width: 85%; margin: 2% auto;}
}


/*　画面サイズが667pxまで、以下のスタイル適用 */
@media (max-width: 667px){

/* header */
header #wrap { width: 98%; height: 63px;}
header .logo{ padding-top: 15px}
header .logo img{ width: 155px;}
header .btn_erae { padding-top: 10.5px;}

/* header_navi */
header #navi {width: 100%; height: 43px; border-bottom: solid 4px #000;}
header ul {width: 90%; padding: 10px 0 0 0;}
header ul li {padding: 0 0.8%;}
header ul li a { font-size: 12px;}

/* header_eye_cath */
header #eye_cath img{ width: 350px;}
header #eye_cath h1 { padding: 20px 0 2px; font-size: 15.5px;}
header #eye_cath h2 { font-size: 70px;}
header #eye_cath h3 { font-size: 48.5px;}
header #eye_cath h4 { font-size: 45px;}
header #eye_cath h5 { font-size: 20px; line-height: 1.1;}
header #eye_cath h6 { font-size: 15px; line-height: 1.6;}
header #eye_cath small { font-size: 32px; line-height: 1.2;}
header #eye_cath ul {width: 100%; padding: 10px 0 25px 0; display: block;}
header #eye_cath ul li:first-child { width: 90%; margin: 0 auto; padding: 0;}
header #eye_cath ul li:last-child { width: 90%; margin: 0 auto; padding: 0;}



/* starburst */
header #starburst { width: 10em; height: 10em; line-height: 1.8em; margin: 45px auto 43px; padding: 0;}
header #starburst span { width: 10em; height: 10em;}
header #starburst h1 { padding: 32px 0 0; font-size: 22px; line-height: 1;}
header #starburst h2 { padding: 10px 0 0; font-size: 31px;}

/* main */
main #xl { font-size: 44px;}
main #l { font-size: 28px; margin: 5px 0 8px;}

/* main_attend */
main #attend {width: 90%; padding: 8px 0 38px 0;}
main #attend h1 { width: 100%; margin: 16px auto 0; font-size: 16px;}
main #attend h2 { width: 100%; margin: 11px auto 15px; font-size: 13px; line-height: 1.3;}
main #attend .box { width: 98%; padding: 0.8% 1% 1.3%;}
main #attend .box-title { top: -20px; left: 10px; padding: 8px 20px; font-size: 14px;}
main #attend .box-text { width: 94%; margin: 5% 2% 1.6%; font-size: 12px; line-height: 1.4;}
main #attend h4 { width: 88%; font-size: 14px;}
main #attend .box2 { width: 98%; margin: 2.5em auto 1em; padding: 41px 1% 11px;}
main #attend .box-title2 { top: -20px; left: 10px; padding: 8px 22px; font-size: 15px;}
main #attend .box-text2 { width: 94%; margin: 3.8% 3% 0.8%; font-size: 13px; line-height: 1.5;}

/* main_erea1 */
main #erea1 {width: 100%; padding: 18px 0 23px;}
main #erea1 h1 { width: 88%; margin: 0 auto 16px; font-size: 17px;}
main #erea1 h2 { width: 84.5%; padding: 0.8% 1.8%; font-size: 14px;}
main #erea1 h3 { width: 81.9%; margin: 0 auto 14px; padding: 1% 3% 1.5%; font-size: 11.5px; line-height: 1.5;}
main #erea1 h4 { width: 81.9%; margin: 0 auto 18px; padding: 0.8% 3% 1.3%; font-size: 15px; line-height: 1; border: none;}
main #erea1 h5 { width: 81.9%; margin: 0 auto 8px; padding: 0.8% 3%; font-size: 15px; line-height: 1.1; border: none;}
main #erea1 h6 { width: 84.5%; margin: 0 auto 8px; padding: 0.8% 2%; font-size: 16px; line-height: 1.5;}

/* main_erea2 */
main #erea2 {width: 100%; padding: 30px 0 20px;}
main #erea2 h1 { width: 88%; margin: 0 auto 13px; font-size: 17px;}
main #erea2 h2 { width: 84.5%; padding: 0.8% 2%; font-size: 14px;}
main #erea2 h3 { width: 81.9%; margin: 0 auto 14px; padding: 0.8% 3% 1.3%; font-size: 11.5px; line-height: 1.5;}
main #erea2 h4 { width: 88%; font-size: 14px;}
main #erea2 .box { width: 87%; margin: 2.5em auto 1em; padding: 41px 4px 11px;}
main #erea2 .box-title { top: -20px; left: 10px; padding: 8px 22px; font-size: 15px;}
main #erea2 .box-text { width: 94%; margin: 3.8% 3% 0.8%; font-size: 13px; line-height: 1.5;}
main #erea2 .atnd_box { width: 84%; margin: 15px auto 16px; padding: 1.8% 2%; font-size: 11.5px;}

/* 202212追加 */
#ext_202212 .sec_wrap { margin: 30px auto 8px;}
#ext_202212 .sec_title { font-size: 17px;}
#ext_202212 .sec_text { width: 96%; margin: 20px auto 14px; font-size: 14px;}
#ext_202212 .sec_img { width: 50%; margin: 0 auto 7px;}
#ext_202212 ul{ width: 91%; margin: 0 auto 40px;}
#ext_202212 ul li:first-child { width: 96%; margin: 0% auto; display: inline-block;}
#ext_202212 ul li:nth-child(2) { width: 96%; margin: 2% auto; display: inline-block;}
#ext_202212 ul li:nth-child(3) { width: 96%; margin: 2% auto; display: inline-block;}
#ext_202212 ul li:nth-child(4) { width: 96%; margin: 2% auto; display: inline-block;}
#ext_202212 ul li:last-child { width: 96%; margin: 2% auto; display: inline-block;}
#ext_202212 .sec_li_title { font-size: 14px;}
#ext_202212 .sec_li_text { font-size: 12px; line-height: 1.2;}

/* FAQ */
main #area2_wrap { width: 89%; padding: 0 0 0.8%;}

/* FAQ ボタン装飾*/
main label { font-size: 13px;}

/* FAQ ボタンホバー時*/
main .hidden_text { font-size: 11.5px; line-height: 1.3;}

/* 小見出し */
main #erea2 .box2 { width: 84.5%; margin: 2.4em auto 0.3em; padding: 0.5em 1em;}
main #erea2 .box2_end { width: 84.5%; margin: 2.4em auto 2em; padding: 0.5em 1em;}
main #erea2 .box2-title { font-size: 15px;}
main #erea2 .box2-text { font-size: 12px; line-height: 2.3;}
main #erea2 h4 { font-size: 14px;}
main #erea2 h5 { font-size: 11.5px;}
main #erea2 ul {width: 100%; margin: 1% 0 0; padding: 0; list-style: none; display: block;}
main #erea2 ul li:first-child {width: 60%; margin: 16px auto; padding: 0; text-align: center;}
main #erea2 ul li:last-child {width: 98%; text-align: left; font-size: 13px; line-height: 1.4; font-weight: bold;}
main #erea2 .attend {width: 96%; margin: 1.8% auto 0.3%; padding: 1.3% 2%;}
main #erea2 h4 { font-size: 14px;}
main #erea2 h5 { font-size: 11.5px;}
main #erea2 ul {width: 100%; margin: 1% 0 0; padding: 0; list-style: none; display: block;}
main #erea2 ul li:first-child {width: 60%; margin: 16px auto; padding: 0; text-align: center;}
main #erea2 ul li:last-child {width: 98%; text-align: left; font-size: 13px; line-height: 1.4; font-weight: bold;}
main #erea2 .attend {width: 96%; margin: 1.8% auto 0.3%; padding: 1.3% 2%;}

/* main_erea3 */
main #erea3 { padding: 18px 0 23px;}
main #erea3 h1 { width: 88%; margin: 0 auto 16px; font-size: 17px;}
main #erea3 h2 { width: 84.2%; padding: 0.8% 2% 1.3%; font-size: 14px;}
main #erea3 h3 { width: 84%; padding: 0.8% 2% 2%; font-size: 11px; line-height: 1.5;}
main #erea3 h4 { font-size: 14px;}
main #erea3 h5 { font-size: 11.5px;}
main #erea3 ul {width: 100%; margin: 1% 0 0; padding: 0; list-style: none; display: block;}
main #erea3 ul li:first-child {width: 60%; margin: 16px auto; padding: 0; text-align: center;}
main #erea3 ul li:last-child {width: 98%; text-align: left; font-size: 13px; line-height: 1.4; font-weight: bold;}
main #erea3 .attend {width: 96%; margin: 1.8% auto 0.3%; padding: 1.3% 2%;}

/* footer 設定 */
footer { border-top: solid 5px #686868; padding: 22px 0 2px 0;}
footer .footer_logo {width: 168px;}
footer a { font-size: 11px; margin-left: 10px;}
footer .copy { font-size: 10px; margin-bottom: 16px;}

/* box_img */
main .box_img { width: 40%;}
main .box_img2 { width: 90%;}
main .box_img3 { width: 100%;}

/* 申込ボタン */
#btn { width: 100%; margin: 18px 0 3px;}
.btn-large { font-size: 17px; border: solid 2px #ff3600;}
.btn-large:hover { font-size: 17px; border: solid 2px #FFF500; }
.btn-small { font-size: 15px; border: solid 2px #ff3600;}
.btn-small:hover { font-size: 15px; border: solid 2px #FFF500; }

/* 20220207追加 */
#free_guide_wrap { width: 88%; margin: 2.5em auto 1em; padding: 5px 4px 15px;}
.free_guide_title { top: -20px; left: 10px; padding: 10px 30px; font-size: 15px;}
.free_guide_text { width: 93%; margin: 4.5% 1.5% 0.5%; padding: 1.5% 2%; font-size: 11.5px; line-height: 1.3;}
.free_guide_title2 { width: 96%; margin: 3% 2% 1.2%; font-size: 13px; }
.free_guide_text2 { width: 96%; margin: 1% 2%; font-size: 11px; line-height: 1.2; }
.free_guide_img { width: 80%; margin: 2% auto;}

/* 202212追加 */
#ext_202212 .sec_wrap { margin: 30px auto 8px;}
#ext_202212 .sec_title { font-size: 15px;}
#ext_202212 .sec_text { width: 96%; margin: 20px auto 14px; font-size: 13px;}
#ext_202212 .sec_img { width: 50%; margin: 0 auto 7px;}
#ext_202212 ul{ width: 92%; margin: 0 auto 30px; display: block;}
#ext_202212 .sec_li_title { font-size: 13px;}
#ext_202212 .sec_li_text { font-size: 12px; line-height: 1.2;}