@charset "utf-8";

@media screen and (min-width: 980px) {
	.main1-r{position: absolute; top:0; right:0;}
	.main1-r{height:108%;}
	.main1{height:100%; min-height: -webkit-calc(73vh - 100px); min-height: calc(73vh - 100px); width:100%; background:url("../img/bg.jpg") center bottom no-repeat; position: relative; background-size: cover; display: flex; align-items: center;}
	.main1::before{content:""; position: absolute; top:0; left:0; width:100%; height:100%; background: #005A99; background: linear-gradient(0deg, rgba(0, 90, 153, 1) 0%, rgba(0, 5, 34, 1) 100%); opacity:.7;}
	.mainimg{max-width: 45.83vw; height: 100%;}
	.main1-l{max-width:721px;}
	.main1-container{max-width:61.17vw;}
	.main3-r{position: absolute; top:-8vh; left:0;}

}

@media screen and (max-width: 979px) {
	.title_f1{font-size:36px;}
	.title_f2{font-size:22px;}
	.title_f3{font-size:30px;}

	.text_f1{font-size:14px;}
	.text_f2{font-size:16px;}
	.lh42 {line-height: 30px;}
	.lh62 {line-height: 48px;}
	
	.mainoya{display:flex; flex-direction: column;}
	.main1{order:2; width:92%;}
	.main1-r{order:1; width: 58%; margin-left: auto;}
	.mainoya{height:100%; min-height: -webkit-calc(73vh - 100px); min-height: calc(73vh - 100px); width:100%; background:url("../img/bg.jpg") center bottom no-repeat; position: relative; background-size: cover; display: flex; align-items: center;}	
	.mainoya::before{content:""; position: absolute; top:0; left:0; width:100%; height:100%; background: #005A99; background: linear-gradient(0deg, rgba(0, 90, 153, 1) 0%, rgba(0, 5, 34, 1) 100%); opacity:.7;}
	.main2 {padding-top: 5rem;}
	.main1-l_h2 {line-height: 39px;}
	.main1-l {padding: 2rem 0 5rem;}
	.main1-l_h2{align-items: flex-start;}
	.main1-l_p{text-align: left;}
	.main1-l_div1 {padding: 18px 6px; font-size: 14px; line-height: 1.7;}
	.main1-l_div{width:100%;}
	.main2_box2 {padding: 2rem 0;}
	.osusume_head.is-xlg {font-size: 22px;}
	.main4-r {grid-row-gap: 1rem;}
	.effectimg{max-width: 58.85vw; height: 35%;}
	.main3oya{display:flex; flex-direction: column; background: #E0E0E0; background: linear-gradient(0deg, rgba(224, 224, 224, 1) 0%, rgba(224, 224, 224, 1) 84%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%);}
	.main3{order:2; background:none;}
	.main3-r{order:1;}
	.main3oya .container2{width:94%; margin-right: auto;}
	.main3-container{width:100%; padding:3rem 0 5rem 0;}
	.main4-l p::before {width: 100px; height: 100px; right: -60px; top: -53px;}
	.main4oya {padding: 8rem 0 4rem;}
	.main3oya {margin-top: 3rem;}
	.main-syo {padding-top: 1.25rem;}
	.about_ul h2 span.d_c{font-size: 18px;}
	.about_ul h2 span.d_c:before {top: -7px;}
	.main_pro {padding: 4rem 0;}
	.slick-prev2 {left: -0.5%; z-index:3;}
	.slick-next2 {right: 0.5%;}
	
}

@media screen and (max-width: 979px)  and (min-width:858px) {
	.header .r_top .r_nav li a {font-size: 13px;}
}

@media screen and (min-width:858px){
	.header {z-index: 1000;}

	.openbtn{display:none;}
	#g-nav-list{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		/* -webkit-box-align: end; */
		-ms-flex-align: end;
		align-items: flex-end;
		height: 100%;
		margin:0 1.5rem;
		justify-content: center;
	}	
	.logo{max-width:72px;}
	.r_nav1link2_bottom{display:none;}

}

@media screen and (max-width:857px){

/******************************** hamburger *************************************/
	#g-nav{
		position:fixed;
		z-index:-1;
		opacity:0;
		transition:all 0.6s;
		top:-120%;
		right:0;
		visibility: hidden;
	}

	#g-nav.panelactive {
        opacity: 1;
        z-index: 999;
        background: #fff;
        width: 100%;
        height: auto;
        visibility: visible;
        right: 0;
		top:0;
    }	

	.openbtn{
		position: relative;
/*		top:2px;
		right:10px;*/
		z-index:9999;
		cursor: pointer;
		width:50px;
		height:50px;
	}

	.openbtn span{
		display:inline-block;
		transition:all .4s;
		position:absolute;
		left:14px;
		height:3px;
		border-radius: 2px;
		background-color:#00235A;
		width:45%;		
	}

	
	.openbtn span:nth-of-type(1){top:13px;}
	.openbtn span:nth-of-type(2){top:19px;}
	.openbtn span:nth-of-type(3){top:25px;}
	.openbtn span:nth-of-type(3)::after {
	  content:"MENU";
	  position: absolute;
	  top:5px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
	  color: #00235A;
	  font-size: 0.47rem;
	  text-transform: uppercase;
	  white-space: nowrap;
	}

	.openbtn.active span:nth-of-type(1) {
		top: 14px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}

	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	.openbtn.active span:nth-of-type(3){
		top: 26px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
	.openbtn.active span:nth-of-type(3)::after {
	  content:"CLOSE";
	  transform: translateY(0) rotate(-45deg);
	  top:5px;
	  left:4px;
	}
	#g-nav #g-nav-list{opacity:0; visibility: hidden;}
	#g-nav.panelactive #g-nav-list {
        position: fixed;
        z-index: 999;
        width: 100%;
        padding: 2rem;
        height: auto;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background: #fff;
		opacity:1;
		visibility: visible;
		
		display: flex;
        flex-direction: column;
 		grid-row-gap: 1rem;
		padding-top:4rem;
    }	

	#g-nav.panelactive ul{display:block;}
	#g-nav li{list-style:none; text-align:center;}

	#g-nav.panelactive li a{display:inline-block; text-decoration: none; padding:1rem 2.5%; width:100%;}
	.r_nav1.panelactive li+li{border-left:1px solid #fff;}
	#g-nav.panelactive .con{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index:-1; background: rgba(0,0,0,.5); display: block;}
	.r_nav1 a{text-align:left; position: relative;}
	
	.r_top h1 {margin: 12px; max-height: 70px; width: auto; width: 8vh;}
	.r_top h1 a{width:100%;}
	.logo{object-fit: cover !important; width: 100% !important; height: 100% !important; max-width: 100%; display: block;}
	.r_top {align-items: center;}
	.r_nav1link a{max-width:inherit; text-align: center;}
	.r_nav1link2{display:none;}
	.r_nav1link2_bottom a{background: #FFC107; background: linear-gradient(297deg, rgba(255, 193, 7, 1) 0%, rgba(255, 139, 95, 1) 25%, rgba(255, 123, 0, 1) 100%); width:96%; border-radius: 100vh; padding:0.8rem 1.3rem; color:#fff; display:block; text-align: center; position: fixed; bottom:26px; left:0; right:0; margin:auto; z-index:4; border:3px solid #fff; font-size:14px; font-weight: bold;}
	.l-footer.is-lp {padding-bottom: 5.5rem;}
}



@media screen and (max-width: 46.8125em) {
    .m5_head {display: block; margin-bottom: 6px;}
    .m5_imgbox {width: 100vw; margin-left: -16px; border-radius: 0; margin-bottom: 16px;}
    .m5_title {text-align: center; font-size: 24px;}
    .m5_label {margin-left: auto; margin-right: auto; font-size: 14px;}
    .m5_content-head {padding: 16px;}
    .m5_content-title {margin-bottom: 4px;}
    .m5_content-head a {font-size: 18px;}
    .m5_content-title:after {font-size: 16px;}
    .m5_content-text {font-size: 13px; line-height: 1.6;}
    .m5_content-lists {flex-wrap: wrap; padding: 16px; gap: 8px;}
    .m5_content-item:not(:last-child) {margin-bottom: 4px;}
    .m5_content-link {font-size: 16px;}
    .m5_content-item:not(:last-child) {margin-bottom: 4px;}
    .m5_content-item {padding: 16px;}
	.m5_u{display:block;}

}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .m5_tit.is-dis {font-size: 1.25rem; padding-bottom: .75rem;}
    .m5_u {display: block !important;}
	.l-container {width:96%;}
    .c-list-icon__item:not(:last-child) {margin-bottom: .625rem;}
	.c-list-icon__icon {width: 2.1875rem; height: 2.1875rem; margin-right: .625rem;}
	.c-list-icon__text {width: calc(100% - 2.8125rem); font-size: 14px;}
	.osusume_ko {width: 100%;}
	.osusume_image {margin-bottom: .625rem;}
	.osusume_read{font-size: 1rem;}
	.program_item {padding: 1.25rem .9375rem; display: block;}
	.program_image {width: 100%; margin-bottom: .9375rem;}
    .program_con {width: 100%;}
	.program_head {align-items: flex-start;}
	.program_num {width: 3.125rem; margin-right: .9375rem;}
	.program_title {width: calc(100% - 4.0625rem);}
	.program_text {margin-top: .9375rem; font-size:14px;}
	.program_num::before {font-size: 2.1875rem;}
	.main4oya{flex-wrap: wrap; flex-direction: column; grid-row-gap: 1.5rem;}
	.main4-l{margin:0 auto; width:45%;}
	.m4-r-btn{margin:0 auto;}
	.syo {padding: 24px;}
    .syo-top {flex-wrap: wrap;}
	.syo-image {width: 40%; margin: 0 auto;}
	.syo-text {width: 100%; padding-bottom: 10px;}
	.syo-head.is-lg.is-none-deco span {font-size: 14px;}
    .syo-head.is-lg.is-none-deco:after {height: 2px;}
	.main-syo {padding-top: 2.25rem; padding-bottom: 0.25rem;}
	.main_pro {padding: 3rem 0;}
	.l-section.is-lg {padding-top: 2.25rem; padding-bottom: 2.25rem;}
	.title {padding: 3% 70px 3% 25px;}
	.title::before,.title::after {right: 30px;}
	.main-voice {padding: 3rem 0 5rem;}
	.c-lp-bottom-offer__iframe iframe{width:90%;}
}

@media screen and (max-width: 767px) {
	.slidbox{width:100%;}
	.slide{margin-left:0;}
	.slick-track {margin-left: 0 !important;}
	.slidbox .slick-slide {margin: 0 15px;}
	.slidbox .slide {padding-bottom: 1.75rem;}
	.main4oya {padding: 8rem 0 4rem;}
	.about_ul h2 span {font-size: 16px;}
	.main1-l_a a {max-width: 340px;}
	.m7_link1{flex-wrap: wrap; justify-content: center; grid-row-gap: 1rem;}
	.m7_link1 a {flex: inherit; width:90%;}
	.slide-prev, .slide-next {width: 3.5rem; height: 3.5rem;}
}

@media screen and (max-width: 680px) {
	.m3_b2_div1{flex-wrap: wrap; grid-row-gap: 1rem;}
	.m3_b2_d1-1{width:100%;}
	.m3_b2_d1-h4{height:43px;}
	.m3_b2_d1-h4 span::before {width: 40px; height: 40px;}
	.main3_box2 {grid-row-gap: 2rem;}
	.main3oya {margin-top: 4rem;}
	.m3_b2_d2_h4 {max-width: 70px;}
	.m3_b2_d2_p1 {padding-left: 1.3rem;}
	.m3_b2_d2_b {height: 90px;}
	.movie {margin: 2rem auto;}
    .title_f1 {font-size: 30px;}
	.taisyo, .kikan {width: 90px; min-width: 90px;}
	.main1-l_div {grid-column-gap: 0.5rem;}
	.main1-l_div1{padding: 18px 4px; font-size:13px;}
	.l-footer__content,.l-footer__links,.l-footer__bottom{display:flex; flex-direction: column; grid-row-gap:1rem; justify-content: center;}
	.l-footer__logo{margin-right:0;}
	.l-footer.is-lp .l-footer__bottom{margin-left: inherit;}
	.l-footer__links li{justify-content: center; margin-right: 0 !important;}
	.l-footer.is-lp .l-footer__logo a{margin-right: inherit;}
    .main3oya {background: linear-gradient(0deg, rgba(224, 223, 224, 1) 0%, rgba(224, 224, 224, 1) 91%, rgba(255, 255, 255, 1) 91%, rgba(255, 255, 255, 1) 100%);}
	.program_link a {margin: 2rem auto 1rem;}
}

@media screen and (min-width: 501px) {
	.main2_box1 .main2_h2 .br{display:none;}
}
@media screen and (max-width: 500px) {
	.main2_box1 .main2_h2{line-height: 1;}
	.r_nav1link2_bottom a{bottom:16px;}
}