@charset "UTF-8";

#header_r24 {position: relative; width: 100%; border-top: 5px solid #E21722;}
#gNav_r24 {padding: 20px 30px 20px 40px; transition: .3s; background: #FFF;}
.headlogo_r24 {width: 106px;}
.menu_r24:hover > a {background: #195FAB;}
.child_menu_r24 > li > a:hover {background: #FFF;}
.child_menu_r24 {width: 100%; left: 0; color: #222;}
.menu_r24:hover .child_menu_r24 {visibility: visible;}
.child_menu_r24 a:hover {color: #222;}
#hanburger_r24 {display: none;}
.menu_button_r24 {width: 60px; height: 60px; position: fixed; top: 0; right: 0; background: #195FAB; z-index: 15; display: none;}
#hanburger_r24:checked ~ .menu_button_r24 {top: 0;}
#hanburger_r24:checked ~ .span2_r24 {display: none;}
#hanburger_r24:checked ~ .span1_r24 {width: 34px; transform: rotate(45deg); top: 27px; right: 13px;}
#hanburger_r24:checked ~ .span3_r24 {width: 34px; transform: rotate(-45deg); top: 27px; right: 13px;}
/* .global_menu_r24 {visibility: hidden; width: 100%; height: 100%; position: fixed; top: 0; left: 0; color: #222; overflow-y: scroll; background: #FFF;} */
/* .global_menu_r24 .ib{display:block;} */
/* #hanburger_r24:checked ~ .global_menu_r24 {visibility: visible;} */
.menu_r24 {white-space: nowrap;}
.menu _r24.pd {display: none;}
.menu_r24:last-child {margin-right: 0px;}
.menu_r24 > a {display: block; width: 100%; padding: 10px 15px 10px 34px; color: #195FAB; border-radius: 8px; position: relative;}
.menu_r24 > a:hover {background: #CADCF0;}
.menu_r24 > a::before,.menu_r24 > a::after {position: absolute; content: ''; border-radius: 50%; top: 50%; transform: translateY(-50%);}
.menu_r24 > a::before {width: 14px; height: 14px; background: #195FAB; left: 15px;}
.menu_r24 > a::after {width: 6px; height: 6px; background: #FFF; left: 19px;}
.child_menu_r24 > li > a {padding: 10px 20px; text-align: left;}
.headBtn_r24 li {width: 184px; margin-left: 20px;}
.headBtn_r24 li a {width: 100%; display: block; padding: 20px; border-radius: 8px; box-shadow: 2px 2px 3px rgba(0,0,0,.4); background: #FFF; text-align: center; position: relative;}
.headBtn_r24 li a::before {position: absolute; content: ''; width: calc(100% - 8px); height: calc(100% - 8px); margin: 4px; border-width: 2px; border-style: solid; border-radius: 6px; top: 0; left: 0; transition: .3s;}
.headBtn_r24 li:first-child a::before {border-color: #195FAB;}
.headBtn_r24 li:last-child a::before {border-color: #E21722;}
.headBtn_r24 li:first-child a:hover::before,.headBtn li:last-child a:hover::before {border-color: #FFF;}
.headBtn_r24 li a span {padding-left: 32px;}
.headBtn_r24 li:first-child a:hover {background: #195FAB;}
.headBtn_r24 li:last-child a:hover {background: #E21722;}
.headBtn_r24 li:first-child a span {background: url("../img/icon_pen_bl.svg") no-repeat left center; color: #195FAB;}
.headBtn_r24 li:last-child a span {background: url("../img/icon_book_rd.svg") no-repeat left center; color: #E21722;}
.headBtn_r24 li:first-child a:hover span {background: url("../img/icon_pen_wh.svg") no-repeat left center; color: #FFF;}
.headBtn_r24 li:last-child a:hover span {background: url("../img/icon_book_wh.svg") no-repeat left center; color: #FFF;}
#hanburger_r24 {display: none;}
#courseNav_r24 {border-bottom: 1px solid #195FAB; border-top: 1px solid #195FAB;}
#courseNav_r24 li {position: relative; width: calc(100%/7);}
#courseNav_r24 li::before,#courseNav_r24 li:last-child::after {position: absolute; content: ''; width: 1px; height: 40px; background: #E21722; left: 0; top: 50%; transform: translateY(-50%);}
#courseNav_r24 li:last-child::after {left: inherit; right: 0;}
#courseNav_r24 li a {width: 100%; display: block; padding: 25px 10px; text-align: center;}
#courseNav_r24 li a:hover {background: #195FAB; color: #FFF;}
@media screen and (max-width: 1320px) {
	#gNav_r24 {padding: 20px;}
	.menu_r24 > a {padding: 10px 10px 10px 29px;}
	.menu_r24 > a::before {left: 10px;}
	.menu_r24 > a::after {left: 14px;}
	.headBtn_r24 li {width: 174px; margin-left: 10px;}
	.headBtn_r24 li a {padding: 15px 10px;}
}
@media screen and (max-width: 1190px) {
	#gNav_r24 {padding-bottom: 10px; align-items: flex-end;}
	#gNav_r24 .headlogo_r24 {margin-bottom: 10px;}
	/* .global_menu_r24 {flex-direction: column-reverse;} */
	.headBtn_r24 {margin-top: -10px;}
	.headBtn_r24 li {margin-left: 20px;}
	.headBtn_r24 li a {font-size: 14px;}
	.headBtn_r24 li a span {padding-left: 28px;}
	.headBtn_r24 li a span {background-size: 20px;}
}
@media screen and (min-width: 896px) {
	#gNav_r24.fixed {position: fixed; width: 100%; top: 0; left: 0; animation: slideInDown 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; border-bottom: 1px solid #195FAB; padding-top: 10px; padding-bottom: 10px; z-index: 10;}
	#gNav_r24.fixed .headlogo_r24 {width: 80px;}
	#gNav_r24.fixed .headBtn_r24 li a {padding: 10px 20px; font-size: 14px;}
  .menu_button_r24 {display: none;}
  /* .global_menu_r24 {position: inherit; padding: 0; color: #fff; visibility: visible; overflow-y: visible; height: auto; width: auto;} */
  .menu_r24:hover > a {background: #CADCF0;}
  .child_menu_r24 {width: calc(100% - 80px); margin: 0 40px; position: absolute; top: 64px; left: 0; padding: 30px; color: #222; background: #FFF; visibility: hidden; opacity: 0; transition: .5s top, .5s opacity; z-index: 10; box-shadow: 0 3px 6px rgba(0,0,0,.3);}
  .menu_r24:hover .child_menu_r24 {visibility: visible; top: 105px; opacity: 1;}
	#gNav_r24.fixed .child_menu_r24 {top: 40px;}
	#gNav_r24.fixed .menu_r24:hover .child_menu_r24 {top: 50px;}
	.child_menu_r24 .thumbImg_r24 {width: 200px;}
	.child_menu_r24 .subNav_r24 {width: calc(100% - 200px);}
  .child_menu_r24 > li > ul > li {width: calc(100%/3 - 20px); border-bottom: 1px solid #CCCCCC; margin-left: 20px;}
	.child_menu_r24 > li > ul > li:first-child {width: calc(100% - 20px); border-bottom: none;}
  .child_menu_r24 > li > ul > li a {position: relative; padding: 15px 0; display: block; line-height: 1.5; color: #195FAB; font-weight: 600;}
	.child_menu_r24 > li > ul > li a::before,.child_menu_r24 > li > ul > li a::after {position: absolute; content: ''; background: #195FAB;}
	.child_menu_r24 > li > ul > li a::before {width: 40px; height: 1px; right: 0; bottom: 20px; transition: .3s;}
	.child_menu_r24 > li > ul > li a::after {width: 16px; height: 1px; right: 0; bottom: 24px; transform: rotate(30deg);}
	.child_menu_r24 > li > ul > li a:hover {color: #195FAB;}
	.child_menu_r24 > li > ul > li a:hover::before {width: 60px;}
	.child_menu_r24 > li > ul > li a.blank_r24::before {width: 14px; height: 14px; background: url("../img/icon_window_bl.svg") no-repeat center; background-color: none; background-size: cover; bottom: inherit; top: 50%; transform: translateY(-50%);}
	.child_menu_r24 > li > ul > li a.blank_r24::after {content: none;}
}
@media screen and (min-width: 1290px) {
  .child_menu_r24 > li > ul > li {width: calc(25% - 40px); margin-left: 40px;}
	.child_menu_r24 > li > ul > li:first-child {width: calc(100% - 40px);}
}
@media screen and (min-width: 1190px) {
	.child_menu_r24 {top: 64px;}
	.menu_r24:hover .child_menu_r24 {top: 85px;}
	.child_menu_r24 .thumbImg_r24 {width: 300px;}
	.child_menu_r24 .subNav_r24 {width: calc(100% - 300px);}
  .child_menu_r24 > li > ul > li {width: calc(25% - 20px); margin-left: 20px;}
	.child_menu_r24 > li > ul > li:first-child {width: calc(100% - 20px);}
}

@media screen and (max-width: 896px) {
	#gNav_r24 {border-bottom: 1px solid #CCCCCC; padding: 10px 15px;}
	#gNav_r24 .headlogo_r24 {width: 58px; margin-bottom: 0;}
	/* .global_menu_r24 {flex-direction: column;} */
	.menu_button_r24 {display: block;}
	.child_menu_r24 .thumbImg_r24 {display: none;}
  span.span1_r24,span.span2_r24,span.span3_r24 {width: 29px; height: 1px; background-color: #FFF; position: absolute; right: 15px; transition: .3s; z-index: 100; position: fixed;}
  .span1_r24 {top: 18px;}
  .span2_r24 {top: 27px;}
  .span3_r24 {top: 37px;}
  .menu_r24 {display: block;}
  .menu_r24 > a {padding: 15px 15px 15px 28px; text-align: left; border-bottom: 1px solid #CCC; border-radius: 0;}
	.menu_r24:hover > a {background: #FFF;}
  .menu_r24 > a span {margin-right: 10px; width: 30px!important;}
  .menu_r24 > a span img {width: 100%;}
  /* .global_menu_r24 {z-index: 10;} */
	.child_menu_r24 .subNav_r24 {width: 100%;}
	.subNav_r24 .txt18 {display: none;}
	.spCol_r24 {/*flex-direction: column;*/}
	.subNav_r24 li {width: 50%;}
  .child_menu_r24 > li > a,.child_menu_r24 > li > ul > li a {width: 100%; display: block; padding: 10px 15px; color: #222; text-align: left; /*border-bottom: 1px dotted #999;*/}
  .child_menu_r24 > li > ul > li a {padding: 15px 20px 15px 35px; position: relative;}
  /*.child_menu > li > ul > li:last-child a {border-bottom: 1px solid #CCC;}*/
  .child_menu_r24 > li > ul > li a::before {border-top: solid 1px #222; content: ''; left: 20px; position: absolute; top: 50%; width: 10px;}
  .menu_r24 .pd {display: inline-block; width: 100%; position: absolute; top: 0; left: 0; height: 100%;}
  .menu_wrap_r24 {display: none;}
  #hanburger_r24:checked ~ * .menu_wrap_r24 {display: block; opacity: 1; min-height: 100vh; background: rgba(255,255,255,.8); /*position: fixed;*/ overflow-y: scroll; top: 0; z-index: 5; width: 100%;}
  #hanburger_r24:checked ~ * .menu_r24 {max-height: inherit; overflow-y: visible; padding: 0; margin-left: 0; position: relative;}
  #hanburger_r24:checked ~ * .child_menu_r24 {max-height: 0; overflow-y: hidden; visibility: hidden; text-align: left; border-bottom: 1px solid #CCC;}
  .menu_r24 .child_menu_r24 {border-top: 1px solid #DDD; position: relative; opacity: 1; top: 0; margin-left: auto; left: auto; width: auto;}
  .child_menu_r24 li {display: block;}
  .menu_r24 > label:hover {cursor: pointer; cursor: hand;}
  .menu_r24 input[type="checkbox"]:checked ~ .child_menu_r24 {max-height: inherit!important; overflow-y: visible; visibility: visible!important;}
  /* #gNav_r24{flex-wrap: nowrap;} */
  .global_menu_r24{flex-wrap: nowrap;}
	.headBtn_r24 {margin-top: 10px; margin-bottom: 10px; justify-content: center; max-width: 135px; width: 100%;}
	.headBtn_r24 li {margin-left: 10px; margin-right: 10px; width: calc(100%);}
	.headBtn_r24 li a {font-size: 14px; padding: 20px 15px;}
	.headBtn_r24 li a span {padding-left: 28px;}
	.headBtn_r24 li a span {background-size: 20px;}
}
@media screen and (max-width: 568px) {
	.headBtn_r24 li {margin-left: 0px; margin-right: 0px; width: calc(100%);}
	.headBtn_r24 li a {padding: 15px;}
}
#foot2024_r24 {border-bottom: 10px solid #E21722;border-top:none;}
.cmnContact_r24 li a {width: 100%; display: block; padding: 20px 10px; border-radius: 8px; color: #FFF; text-align: center;}
.cmnContact_r24 li a span {padding-left: 39px;}
.cmnContact_r24 li:first-child a {border: 1px solid #195FAB; background: #FFF; color: #195FAB;}
.cmnContact_r24 li:first-child a:hover {background: #195FAB; color: #FFF;}
.cmnContact_r24 li:first-child a span {background: url("../img/icon_pen_bl.svg") no-repeat; background-size: 29px auto;}
.cmnContact_r24 li:first-child a:hover span {background: url("../img/icon_pen_wh.svg") no-repeat; background-size: 29px auto;}
.cmnContact_r24 li:nth-child(2) a {border: 1px solid #E21722; background: #FFF; color: #E21722;}
.cmnContact_r24 li:nth-child(2) a:hover {background: #E21722; color: #FFF;}
.cmnContact_r24 li:nth-child(2) a span {background: url("../img/icon_book_rd.svg") no-repeat; background-size: 29px auto;}
.cmnContact_r24 li:nth-child(2) a:hover span {background: url("../img/icon_book_wh.svg") no-repeat; background-size: 29px auto;}
.cmnContact_r24 li:last-child a {border: 1px solid #666666; background: #FFF; color: #666;}
.cmnContact_r24 li:last-child a:hover {background: #666666; color: #FFF;}
.cmnContact_r24 li:last-child a span {background: url("../img/icon_mail_gry.svg") no-repeat; background-size: 29px auto;}
.cmnContact_r24 li:last-child a:hover span {background: url("../img/icon_mail_wh.svg") no-repeat; background-size: 29px auto;}
.cmnTel_r24 li {margin-left: 20px; margin-right: 20px;}
.cmnTel_r24 li img {height: 30px;}
.cmnTel_r24 .freedial {padding-left: 43px; background: url("../img/icon_freedial.svg") no-repeat left center;}
.cmnTel_r24 .tel {padding-left: 43px; background: url("../img/icon_tel.svg") no-repeat left center;}
#footNav_r24 {border-top: 10px solid #E21722; padding: 50px 0; color: #FFF;}
#footNav_r24 a {color: #FFF;}
#footNav_r24 a:hover {text-decoration: underline;}
#footNav_r24 .col6_r24 li {margin-bottom: 10px;}
#footNav_r24 .col6_r24 > li {margin-right: 60px;}
#footNav_r24 .col6_r24 > li:last-child {margin-right: 0;}
#footNav_r24 .col6_r24 li > ul.second_r24 {margin-left: 1em; margin-top: 10px;}
#footNav_r24 .col6_r24 li > ul.second_r24 ul:first-child {margin-right: 30px;}
#footNav_r24 .col6_r24 .home_r24 {width: 100%; margin-bottom: 20px;}
#footNav_r24 .title_r24 {pointer-events: none;}
#footLogo_r24 ul {padding: 30px 0 15px;}
#footLogo_r24 li {margin: 0 15px 15px;}
#footLogo_r24 li img {height: 26px;}
.ftCopy_r24 {padding: 20px 0;}
.ftCopy_r24 small {font-size: 14px;}
#ftNavi_r24 {display: none;}
@media screen and (max-width: 1075px) {
	.cmnContact_r24 .col2_r24 {width: calc(50% - 40px);}
	.cmnTel_r24 li {margin-left: 10px; margin-right: 10px;}
	.cmnTel_r24 li img {height: 26px;}
	.cmnTel_r24 li .txt24 {font-size: 20px;}
}
@media screen and (max-width: 986px) {
	#footNav_r24 .col6_r24 > li {margin-right: 30px;}
}
@media screen and (max-width: 896px) {
	#foot2024_r24 {margin-bottom: 60px;}
	#foot2024_r24 .container_r24 {width: 100%;}
	.cmnContact_r24 li a {padding: 14px 10px;}
	.cmnContact_r24 li a span {padding-left: 32px;}
	.cmnContact_r24 li:first-child a span,.cmnContact_r24 li:first-child a:hover span,.cmnContact_r24 li:nth-child(2) a span,.cmnContact_r24 li:nth-child(2) a:hover span,.cmnContact_r24 li:last-child a span,.cmnContact li:last-child a:hover span {background-size: 22px auto;}
	.cmnTel_r24 {align-items: flex-end;}
	.cmnTel_r24 li:first-child img {height: 40px;}
	.cmnTel_r24 li img {height: 22px;}
	.cmnTel_r24 li .txt24 {font-size: 18px;}
	.cmnTel_r24 .freedial {padding-left: 35px; background-size: 30px;}
	.cmnTel_r24 .tel {padding-left: 25px; background-size: 20px;}
	#footNav_r24 {padding: 0 0 10px;}
	#footNav_r24 .col6_r24 .home_r24 {width: 100%; margin-bottom: 0; border-bottom: 1px solid #FFF;}
	#footNav_r24 .col6_r24 .home_r24 a {width: 100%; display: block; padding: 15px;}
	#footNav_r24 .col6_r24 {width: 100%; margin-left: 0; margin-right: 0;}
	#footNav_r24 .col6_r24 > li {margin-right: 0; width: 100%; margin-bottom: 0;}
	#footNav_r24 .col6_r24 > li:nth-child(4),#footNav_r24 .col6_r24 > li:last-child {width: calc(50% - 30px); margin-left: 15px; margin-right: 15px; margin-top: 15px;}
	#footNav_r24 .col6_r24 li > ul.second_r24 {margin-left: 0; margin-top: 0;}
	#footNav_r24 .title_r24 {pointer-events: all; padding: 14px 15px; border-bottom: 1px solid #FFF; width: 100%; display: block; position: relative;}
	#footNav_r24 .title_r24::before,#footNav_r24 .title_r24::after {position: absolute; content: ''; background: #FFF; top: 50%; transform: translateY(-50%);}
	#footNav_r24 .title_r24::before {width: 15px; height: 1px; right: 15px;}
	#footNav_r24 .title_r24::after {width: 1px; height: 15px; right: 23px;}
	#footNav_r24 .toggle_r24 {height: 0;	padding: 0;	transition: .2s; overflow: hidden; display: flex; flex-wrap: wrap;}
	#footNav_r24 .ftCourse_r24 > li {width: 100%;}
	#footNav_r24 .ftCourse_r24 > li > ul {margin-bottom: 0;}
	#footNav_r24 .ftAbout_r24 li,#footNav_r24 .ftCourse_r24 ul {width: calc(50% - 30px); margin: 0 15px 10px;}
	#footNav_r24 .col6_r24 li > ul.second_r24 ul:first-child {margin-right: 15px;}
	#footNav_r24 input:checked + .title_r24::after {content: none;}
	#footNav_r24 input:checked + .title_r24 + .toggle_r24 {height: auto; padding: 15px 0 5px; border-bottom: 1px solid #FFF;}
	#footLogo_r24 ul {padding: 20px 0 5px;}
	#footLogo_r24 li {margin: 0 10px 15px;}
	#footLogo_r24 li img {height: 18px;}
	.ftCopy_r24 {padding: 10px 0;}
	#ftNavi_r24.fixed {display: block; position: fixed; z-index: 5; bottom: 0; width: 100%; animation: slideInUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;}
	#ftNavi_r24 li {width: calc(50% - 30px); text-align: center;}
	#ftNavi_r24 li a {display: block; width: 100%; padding: 19px 0 20px; color: #FFF; font-size: 14px;}
	#ftNavi_r24 li:first-child {width: 60px;}
	#ftNavi_r24 li:first-child span {width: 20px; margin: 0 auto 3px; display: block;}
	#ftNavi_r24 li:first-child a {padding: 10px 0 9px; font-size: 12px; background: #666666;}
	#ftNavi_r24 li:nth-child(2) a {background: #195FAB;}
	#ftNavi_r24 li:nth-child(2) a span {padding-left: 30px; background: url("../img/icon_pen_wh.svg") no-repeat left center; background-size: 20px auto;}
	#ftNavi_r24 li:last-child a {background: #E21722;}
	#ftNavi_r24 li:last-child a span {padding-left: 30px; background: url("../img/icon_book_wh.svg") no-repeat left center; background-size: 20px auto;}
}
@media screen and (max-width: 568px) {
	.cmnContact_r24 .col2_r24 {width: calc(100% - 30px);}
}