@charset "utf-8";

	.header {z-index: 1000;}
@media screen and (max-width:1300px){
	.globaltop2 img{object-position: -120px;}
}


@media screen and (min-width:1201px){
	.container{padding:0 98px;}
	

	.openbtn{display:none;}
	
	.r_nav1{display:flex; align-items: center; gap:14px; color:#fff;}
	#g-nav-list{display:flex; align-items:center; gap:34px; color:#fff;}
	
	.top_topics{display: grid; grid-template-columns: repeat(3, 1fr); align-items:stretch; flex-wrap: wrap; gap:14px; margin-top:20px;}

	.top_topics p{padding:14px 16px; background: #00A6FF; background: linear-gradient(-38deg, rgba(0, 166, 255, 1) 0%, rgba(18, 64, 166, 1) 100%); border:1px solid #29abe2; border-radius: 10px; font-size:20px; color:#fff; text-align: center; display: flex; align-items: center; justify-content: center;}
	

	
	.fixmenu{display:flex; gap:20px; position: fixed; right:0; bottom:3%; z-index:100; flex-direction: column; max-height: 80vh;}
	.fixmenu a{border-radius: 10px 0 0 10px; padding:20px 10px; min-width:65px; color:#fff; font-size:18px; display:flex; gap:6px; writing-mode: vertical-rl; font-weight: 600; align-items: center;}
	.icon10{max-width:41px;}
	.fixmenu a span{display:flex; align-items: center;}
	.fixmenu a span br{display:none;}
	
	#main2.is-fixed {position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; padding:20px 0;}
	
#menu-menu a{padding:10px 15px;}
.sub-menu {display: none; padding-top:10px;}
.menu-item-has-children:hover .sub-menu {display: block;}
.menu {text-align: center;}
.menu > .menu-item {display: inline-block; padding: .5em .3em;}
.menu-item {list-style-type: none;}
.menu-item-has-children {position: relative;}
.menu-item-has-children:hover {cursor: pointer;}
.menu-item-has-children:hover .sub-menu {display: block;}
.sub-menu {display: none; position: absolute; top: 100%; left: 0; width: 200px; background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);/*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);*/ padding: 0; padding:10px 0 0 0;}
	.header2 .sub-menu{background:rgba(27, 20, 72, 1); color:#fff;}
	.header_c .sub-menu{background:rgba(27, 20, 72, 1); color:#fff;}
.sub-menu > .menu-item:not(:last-child) {border-bottom: 1px solid #eee;}
	.header2 .sub-menu > .menu-item:not(:last-child) {border-bottom: 1px solid #3461b2;}
	.header_c .sub-menu > .menu-item:not(:last-child) {border-bottom: 1px solid #3461b2;}
.sub-menu > .menu-item a {display: inline-block; width: 100%; height: 100%; padding: .5em 0;}
.sub-menu > .menu-item a:hover {background: #1240a6; color: #fff !important;}	
	
}

@media screen  and (min-width:1201px) and (max-height: 900px) {
	.fixmenu a{font-size:16px;}
	.icon10 {max-width: 30px;}
}



@media screen and (max-width:1200px){
    .container {padding: 0 24px;}
	.top1 img{width:50%;}

/******************************** hamburger *************************************/
	.r_top h1{width:70%;}

	#g-nav{
		position:fixed;
		z-index:-1;
		opacity:0;
		transition:all 0.3s;
		top:0;
		right:0;
		visibility: hidden;
		pointer-events: none;
	}

	#g-nav.panelactive{
		opacity:1;
		z-index:999;
		background:#fff;
		width:80%;
		height:100vh;
		visibility:visible;
		pointer-events: auto;
	}

	.openbtn{
		position:relative;
		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:#fff;
		width:45%;		
	}
	
	.header3 .openbtn span{background-color:#000;}
	.header3 .openbtn.active span{background:#fff;}
	.header3 .r_nav2 li {border: 1px solid #fff;}
	.header3 .r_nav2 li a::before {background: url(../img/icon.png) no-repeat;}
	
	.openbtn span:nth-of-type(1){top:15px;}
	.openbtn span:nth-of-type(2){top:23px;}
	.openbtn span:nth-of-type(3){top:31px;}
	.openbtn.active span:nth-of-type(1) {
		top: 18px;
		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: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}

	#g-nav #g-nav-list{opacity:0;}	
	#g-nav.panelactive #g-nav-list{
		opacity:1;
		z-index:999;
		width:100%;
		height:100vh;
		overflow: auto;
		-webkit-overflow-scrolling:touch;
		background:#1b1448;
		display:flex;
		flex-direction: column; align-items: center;
		gap:30px; color:#fff; justify-content: space-between;
	}

	#g-nav.panelactive ul{display:block; width:90%;}
	#g-nav.panelactive ul.r_nav1{padding-top: 5rem;}
	#g-nav.panelactive ul.r_nav2{padding-bottom: 2rem;}
	#g-nav li{list-style:none; text-align:center; width:100%;}

	#g-nav.panelactive li a{display:inline-block; text-decoration: none; color:#fff; padding:2.5%; width:100%; text-align:left;}
	.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(3, 3, 3, .5);
		display: block;}
	.r_nav2 li a {padding-left: 50px !important;}
	
	.top_topics{display:flex; align-items: center; flex-wrap: wrap; margin-top:25px; padding:9px 19px; background: #00A6FF; background: linear-gradient(-38deg, rgba(0, 166, 255, 1) 0%, rgba(18, 64, 166, 1) 100%); border:1px solid #29abe2; border-radius: 10px; gap:4px; justify-content: center;}

	.top_topics p{ font-size:13px; color:#fff; text-align: center;}	
	.top_topics p:not(:last-child)::after {content: "/"; margin-left: 4px; color: #fff;}
	.mtb_con{gap:15px;}
	.header,.header2,.header3{padding: 24px 14px;}
	#header.HeightMin{position: fixed; z-index: 999; height:70px; animation: DownAnime 0.5s forwards; background:rgba(27,20,72,.9);}
	#header.header3.HeightMin{position: fixed; z-index: 999; height:70px; animation: DownAnime 0.5s forwards; background:rgba(255,255,255,.9);}

	.m3_box1{margin-top:30px;}
	.fot_div2-1oya{flex-direction: column; gap:41px;}
	.fot_div2{gap:50px;}
	
	.fixmenu{display:flex; position: fixed; left:0; bottom:0; z-index:100; align-items: stretch; width:100%;}
	.fixmenu a{padding:14px; flex:1; color:#fff; display:flex; flex-direction: column; gap:6px; font-size:14px; font-weight: 600; justify-content: center; text-align: center; min-width: 0; overflow: hidden;}
	.icon10{max-width:35px; margin:0 auto;}
	#header.header3.HeightMin .title_span {color: #000;}
	.front_d3img {width: 100%; object-fit: cover;}
	.front_d3-1{max-width:inherit;}
	.front_div3{display: grid; grid-template-columns: repeat(3, 1fr);}
	.mainzeroichi .main1{background: #03142c;}
	
	.sub-menu li a{padding-left:40px !important; position: relative;}
	.sub-menu li a::before{position: absolute; content:""; top: 50%; left: 15px; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width:10px; height:1px; background:#fff;}
	.zeroichitop2 img{object-position: -220px;}
	.globaltop2 img{object-position: -166px;}

}

	@keyframes DownAnime{
	  from {
		opacity: 0;
		transform: translateY(-170px);
	  }
	  to {
		opacity: 1;
		transform: translateY(0);
	  }
	}

@media screen and (min-width:1001px){
	.news_div2-l{max-width:820px;}
	.news_div2-r{max-width:320px;}

	
	/*
	.main-text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
	width: 100%;
	max-width:1280px;
	display: block;
	padding:90px 98px;  margin-top: 20px;
}*/
	
	.main-text-box4{margin-top:0;}
}

	.main-text-box2{display: flex; justify-content: end; margin-top: 73px;}	
	.main-text-box3{display: flex; justify-content: end; margin-top:0; padding: 30px 98px 90px 98px;}	


@media screen and (max-width:1000px){
	.news_div2{flex-direction: column; padding-bottom:3rem; gap:20px;}
	.main-text-box {padding: 90px 24px;}
	.main-text-box4 {padding: 40px 24px 90px;}
	.main-text-box2 {padding: 0px 24px 90px 24px; margin-top:0;}

}


@media screen and (min-width:901px){
	
	.head1,.m5_td_con{width:245px;}
	.m5_th2_head{width:230px;}
	.f3_d2_div1-2 div.f3_d2_t1:first-child{padding-top:0;}
	.f3_d2_div1-2 div.f3_d2_t1:last-child{padding-bottom:0;}
	.f3_d2_div1-2 div.f3_d2_t1:only-child {padding:20px 0;}
	.m3_box2-1{flex: 1;}

}


@media screen and (max-width:900px){
	.img2{margin:0 auto;}
	.m2_div ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:42px;}
	.m3_box1{flex-direction: row; gap:28px; flex-wrap: wrap;  justify-content: center;}
	.m3img{margin:0 auto;}
	.m3_box1-1 h3{text-align: center; font-weight: bold; margin-bottom:21px;}
	.m3_box1-1{width:100%;}
	.m3_box2{padding:30px 0;}
	.m3_box2{flex-wrap: wrap;}
	.m3_box2-1 {width: 100%;}
	.m3_box3{ width: 100vw; margin-left: calc((100vw - 100%) / -2); margin-right: calc((100vw - 100%) / -2); border-radius: 0; text-align: left;}
	.m3_box4{flex-wrap: wrap; justify-content: center;}
	.m3_b4-1{width:100%;}
	.m3_b4-1 h4{text-align: center;}
	.m3_b4-1 ul{width:78%; margin: 0 auto;}
	.m3_box5{flex-wrap: wrap;}
	.main3 {padding: 100px 0 0;}
	.main4,.main5,.main6,.main7,.main8,.main9,.main10,.main11,.main12,.main14{padding:47px 0 47px;}
	.main13{padding:56px 0 56px;}
	.m4_box1 h2,.m4_box1 h2 span{width:100%; text-align: center;}
	.m4_box1 h3 br{display:none;}
	.m4_box2{flex-wrap: wrap;}
	.m4_box1 p{text-align: center;}
	.m4_box2 {padding:18px 0;}
	.m4_box2-1{width:100%;}
	.main5 .m4_box1 p,.main6 .m4_box1 p,.m4_box1 p{text-align:left;}
	.m5_box2 h3{text-align:center;}
	.m5_tableoya2 {overflow-x: scroll; overflow-y: hidden;  width: 100%; margin-left: 0; margin-right: 0; -webkit-overflow-scrolling: touch; }
	.m5_table {padding-right: 0; min-width: auto; margin-left: 0; margin-right: 0;}
	.m5_tableoya2{padding-bottom:2rem;}

	.m5_tableoya2::-webkit-scrollbar {height: 25px;}
	.m5_tableoya2::-webkit-scrollbar-thumb {background: #1240a6; border-radius: 100vh;}
	.m5_tableoya2::-webkit-scrollbar-track {background: #e6e6e6;	border-radius: 100vh;}	

	.m5_th_head2{margin-top:50px;}
	.m5_th_head2,.m5_th_head3{flex-direction: column; gap:20px;}
	.m5_th_head2 .m5_th2_head, .m5_th_head3 .m5_th2_head {margin-left:0; width:100%;}
	.m5_th_head div p{width:100%;}
	.m5_th_head3{margin-top:20px;}
	.m5_td_con {width: 200px;}
	
	.m6_box2{flex-direction: column;}
	.m6-1,.m6-2{width:100%;}
	.m6-1{order:2;}
	.m6-1 img{margin:0 auto;}
	.m6-2{order:1;}
	.m7_box2{display:flex; flex-direction: column; gap: 50px; margin-top:40px;}
	.m7_div1{max-width:inherit;}
	.m7_div1-1{flex-direction: column; gap:20px; align-items: center;}
	.m7_div1-1p{order:2; margin-left:0; text-align: center;}
	.m7_div1-2p{order:1;}
	.m7_div1-2{padding:20px;}
	.m7_div1-3{line-height:24px;}
	.m7_div1{padding-top:0;}
	.m9_div1{flex-direction: column;}
	.m8_box2-1{display: flex; flex-direction: column; align-items: center;}
	.m8_box2-1 h4{max-width:341px;}
	.m8_box2 {display:grid; grid-template-columns: repeat(2, 1fr);}
	.m9_div1 {align-items: flex-start;}
	.m9_div1{border-bottom:none; gap:0;}
	.m9_div1-r{border-top: 1px solid #1240a6; padding-top:20px;}
	.m9_div1-r h4{margin-bottom:10px;}
	.m12_p1{line-height:30px;}
	.m12_div2 {flex-wrap: wrap;}
	.m13_p1{line-height: 30px;}
	.fot_div2{flex-wrap: wrap;}
	.fot_div2-1 ul{gap:30px;}
	.fot_div3{flex-wrap: wrap; justify-content: center;}
	.fot_div3 ul{flex-wrap: wrap; gap:14px; justify-content: center;}
	.fot_div3 li{position:relative; padding-left:12px;}
	.fot_div3 li::before{position:absolute; content:"";	left: 0; top:5px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}
	.m3_box1 p{line-height:24px;}
	.m3_box3{line-height:43px;}
	.m3_b4-1 h3{line-height:36px;}
	.m3_box4{padding-top:48px;}
	.m4-p1{line-hight:26px;}
	.m6_con p{line-height:19px;}
	.m9_div1-l,.m9_div1-l img {width: 150px; height: 150px;}
	.m9_div1-r p{line-height:24px;}
.head1,.m5_td_con{width:200px;}
	.m5_th2_head{width:230px; height:max-content;}
	.news1{height:140px;}
	.tagoya {grid-template-columns: repeat(2, 1fr);}
	
	.channel_box2 {grid-template-columns: repeat(2, 1fr);}
	.zero_box2_div3{grid-template-columns: repeat(2, 1fr);}
	.zero_boxoya {grid-template-columns: repeat(2, 1fr);}
	.global_box2_div3{grid-template-columns: repeat(2, 1fr);}
	.bs_h2 span{font-size:22px; line-height: 25px; margin-top:20px;}
	.hrd_box2_div2 {grid-template-columns: repeat(2, 1fr);}
	.hrd_box2_div3 {grid-template-columns: repeat(2, 1fr);}
	.hrd2_div_ko{margin:0 auto;}
	.front_h1{flex-direction: column; gap:0;}
	.front_div3{grid-template-columns: repeat(2, 1fr);}
	.f3_d2_div1{flex-direction: column; gap:0;}
	.f3_d2_div1-1{max-width: inherit; border-radius: 10px;}
	.f3_d2_div1-1 br{display:none;}
	.f4_box3_div {grid-template-columns: repeat(3, 1fr);}
	.main1{min-height: -webkit-calc(100vh - 35vh); height: calc(100vh - 32vh);}
	.top img{height: calc(100vh - 32vh);}
	
	.search2_div1 {grid-template-columns: repeat(2, 1fr);}
	.search2_div2{flex-direction: column;}
	.search2_div3{flex-direction: column;}
	.course-list {grid-template-columns: repeat(2, 1fr);}
	.search2_div2-l{width:100%;}
	.search2_div2-r{width:100%;}
	.search2_list {grid-template-columns: repeat(2, 1fr); gap: 10px 50px;}
	.search2_list2{display:grid; grid-template-columns: repeat(2, 1fr); gap: 10px 50px;}
	.mainchannel{align-items: flex-start;}
	.main-text-box3{justify-content: flex-start;}
	.mainbusiness .main-text-box3 {justify-content: end;}
	.globaltop2 img{object-position: 162px;}


}

@media screen and (max-width:1000px){
	.hrdsection{display:none;}
}


@media screen and (min-width:751px){
	.m10_box1 table tbody {
	display: grid;
    grid-template-columns: repeat(2, 1fr);    
    width: 100%;
    border-collapse: collapse;gap:20px;		
  }
	
	
  .m10_box1 table tr {
    display: flex;
    width: 100%;
    height: 60px;
  }
	
	.m10_box1 table td {
    	width: 70%; display: flex; align-items: center; padding-left:20px;
	}
	.m4_box2-1{flex: 1;}
.hrd2_div_ko .hover-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; background-color: #fff; color: #1240a6; padding: 5px 15px; border-radius: 100vh; white-space: nowrap; font-size:19px;}
.hrd2_div_ko:hover .hover-btn {opacity: 1; visibility: visible;}
.hrd2_div_ko:hover::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#999999; mix-blend-mode: multiply; border-radius: 10px; }

.hrd2_div_ko:hover .hover-btn span.span1{padding-right:20px; position: relative;}
.hover-btn span.span1::before{content:""; position: absolute; top:8px; right:0; background:url("../img/arrow.svg") no-repeat; width:13px; height:14px; background-size:contain;}	
	.hrd_box3-1,.hrd_box3-3{flex:1;}
	.hrd_box1_h3 br{display:none;}
	.global_box1_h3 br{display:none;}

.course-item .hover-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; background-color: #fff; color: #1240a6; padding: 5px 15px; border-radius: 100vh; white-space: nowrap; font-size:19px;}
.course-item:hover .hover-btn {opacity: 1; visibility: visible;}
.course-item:hover::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#999999; mix-blend-mode: multiply; border-radius: 10px; }

.course-item:hover .hover-btn span.span1{padding-right:20px; position: relative;}
.course-item .hover-btn span.span1::before{content:""; position: absolute; top:8px; right:0; background:url("../img/arrow.svg") no-repeat; width:13px; height:14px; background-size:contain;}	

	
}

@media screen and (max-width:750px){
	.m10_box1 table{width:100%; table-layout: fixed; border-collapse: separate; border-spacing: 0 12px; vertical-align: middle;  margin: -12px 0; padding-top:12px;}
	.m10_box1 table td {padding-left:20px;}
	.m10_box1 table th{width:116px; padding: 12px 6px;}
	.title span::after{width:20px; height:20px; top:0;}
	.title span::before{font-size:13px; left:5px; top:2px;}
	.title span {padding-left: 30px;}
	.box::before{width:20px; height:20px; top:10px;}
	.box::after{font-size:13px; left:5px; top:10px; line-height: normal;}
	.box p{padding-left: 10px;}
	.box {margin: 0px 0 0 20px;}
	.m12_div2-1{max-width: 100%;}
	.m4_box2{flex-direction: column;}
	.breadbox {padding: 8px 0;}
	.newscat {padding: 6px 13px;}
	.tagoyalist {grid-template-columns: repeat(2, 1fr); padding: 60px 0 100px;}
	.tagsyo_box1{flex-direction: column; padding: 40px 0 0;}
	.tagsyo1,.tagsyo1 img,.tagsyo2{width:100%;}
	.hrd_box2_div2 {    grid-template-columns: repeat(2, 1fr);}
	.hover-btn{text-align: center; display:block; margin-bottom:20px;}
	.hover-btn span.span1{background:#1240a6; border-radius: 100vh; color:#fff; padding:12px; display:inline-block; width:100%; max-width:240px;}
	.hover-btn span span.span2{padding-right:20px; position: relative;}
	.hover-btn span span.span2::before{content:""; position: absolute; top: 50%; right: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background:url("../img/arrow4.png") no-repeat; width:14px; height:16px; background-size:contain;}
	.hrd_box1_h4{line-height: 33px;}
	.hrd_box2_div3 {grid-template-columns: repeat(2, 1fr);}
	.hrd_div4{flex-direction: column; align-items: center; gap:33px;}
	.hrd_box1_h4 span::before{top:12px;}
	.hrd_box3{flex-wrap: wrap; justify-content: center; gap:9px;}
	.hrd_box3-2 p{transform: rotate(90deg);}
	.hrd_box3-2{height:36px;}
	.hb3_p2{margin-bottom:10px;}
	.hrd_box4 p{line-height:30px;}
	.hb3_p{margin-bottom:9px;}
	
	.mtb_con2 .zero_h2{font-size:33px; line-height:43px;}
	.mtb_con2 .zero_h2 span{font-size:28px; line-height:35px;}
	.zero_boxoya2{margin-top:0;}
	.global_oya {padding-top: 50px;}
	.business_box1{margin-top:50px;}
	.steps-container{padding-bottom:50px;}
	
	.front_p2{margin-top:18px; color:#333333; font-size:15px; line-height:23px;}
	.front_div1::before{width:172px; height:64px; background-size: contain;}
	input[type="text"]{height:56px;}
	#searchsubmit{height:56px; font-size:20px; width:70px;}
	.hrd2_div_h4{font-size:18px;}
	.m1-p2{font-size:22px;}
	.m1-h1{font-size:32px;}
}


@media screen and (min-width:601px){
	.top_sp{display:none;}
	.m14_box1 .slick-track{display: flex; align-items: flex-start; gap:42px;}
	.step-item:not(:last-child)::before {content: ""; position: absolute; top: 12px; left: calc(50% + 20px); width: calc(100% + 20px); height: 20px; border-bottom: 2px solid #1240a6; z-index: 1;}
	.step-item {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative;}
	.hrd_box4 br{display:none;}
	.hrd_m12_h2 br{display:none;}
	.channel_h4 br{display:none;}
	.front_d2_key p{display:flex;}
	.front_d2_key p a{border-radius:100vh; border:1px solid #1240a6; padding:12px 26px;}
	.front_div4-2.sp{display:none;}
	.f3_d2_div1-2 div.f3_d2_t1+div.f3_d2_t1{border-top:1px solid #1240a6;}
	.f4_box1 h3 br{display:none;}
}

@media screen and (max-width:900px) and (min-width:601px){

.mainchannel .top3{background: #03142c;}
.mainchannel .top3 img {object-position: 68px 70px;}
.mainzeroichi .top2 img {object-position: -387px;}

}

@media screen  and (min-width:401px) and (max-height: 900px) {
	.front {min-height: -webkit-calc(100vh - 15vh) !important; height: calc(100vh - 15vh) !important;}
	.main-text-box4 {padding: 10px 24px 90px;}

}



@media screen and (max-width:600px){
	.top_pc{display:none;}
	.top img{object-position: bottom;}
	.m2_div ul{display: grid; grid-template-columns: repeat(2, 1fr); gap:30px 40px;}
	.m4_box1 p{line-height:26px;}
	.m4_box1 h3{line-height:34px;}
	.m8_box2{display:flex; flex-direction: column; align-items: center;}
	.m8_box2-1_h4{max-width:inherit;}
	.m8_box2-1_pimg{width:100%;}
	.m8_box2-1 p img {max-width: 100%;}
	.m8_box2-1{max-width:100%;}
	.slick-slide {margin: 0 10px;}
	.slick-slide img {display: block; margin: 0 auto;}


	.m5_table th.head1{position: sticky; left: 0;  z-index: 2;}
	
	.m5_table .head1{writing-mode: vertical-lr; text-orientation: upright; width:20px;}
	.m5_table .head1 span{text-combine-upright: all;}
	.m5_table {writing-mode: vertical-lr; width: 100%; border-collapse: separate; border-spacing: 6px;}

	.m5_table tr {writing-mode: vertical-lr;}
	.head1,.m5_td_con{width:inherit;}
	.m5_th2_head{width:auto; height:max-content;}


	.m5_table th,.m5_table td {writing-mode: horizontal-tb; box-sizing: border-box; vertical-align: middle;}
	.m5_table tbody {display: block;}
	.m5_table .head1{white-space: nowrap;}
  	.m5_table th.m5_th2_head {order: -1;}
	.m5_table th span,.m5_table td span,.ipa {writing-mode: horizontal-tb; width: max-content; min-width: 30px;
    text-align: center; margin: 0 auto;　display: block !important;　width: 100%; height:auto !important;}
	.m5_table td span,.ipa{display:block; width: 145px;}
	.newsbox{flex-direction: column;}
	.newsimg{width:100%; max-width: inherit;}
	.newsimg img{width:100%;}
	.tagsyobox {padding: 30px 0 55px;}
	.hrd_h2 span,.hrd_h3 span{display:block;}
	.hrdsection2,.hrdsection3{padding:50px 0;}
	.hrd_box2_div1{width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); font-size:20px; padding: 13px 20px; justify-content: center;}
	.hrd_box1_h3{margin-bottom:20px;}
	.global_box1_h3{margin-bottom:20px;}
	.hrd_box2_div2{margin-top:29px;}
	.hrd_box2_div2 {display:flex; flex-direction: column; align-items: center; gap:28px;}
	.hrd2_div_ko{max-width:340px;}
	.steps-container{flex-direction: column;}
	.step-item{display:flex; align-items: flex-start; gap: 20px; position: relative;}
	.step-item-next{display:flex; flex-direction: column; width:82%; align-items: flex-start; margin-top: 20px;}
	.step-item:not(:last-child)::before {content: ""; position: absolute; left: 29px; top: 20px; height: calc(100% + 30px); width: 2px; background-color: #1240a6; z-index: 1;}
	.hrd_box2_div3{display: flex; flex-direction: column; align-items: center; gap:18px;}
	.hrd2_div3_ko{max-width:340px;}
	.hrd_m12_h2{font-size:25px; line-height: 30px;}
	.header, .header2, .header3 {padding: 5px 14px;}
	.hrd_m12_p1{line-height: 30px;}
	.hrd_main12,.hrdsection4 {padding:50px 0;}
	
	.channel{display: none;}
	.channel_div1{width: 100vw;  margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0;}
	.channel_h4{text-align: center; font-size: 25px; line-height: 34px;}
	.mtb_con2 .hrd_h2 {font-size: 39px; line-height: 48px;}
	.channel_box3{margin-top:30px;}
	
	.channel_box2 {display:flex; flex-direction: column;}
	.channel_box2-1{max-width:100%;}
	.channel1 .hrd_box1_p1{padding-left:0;}
	.channel1{padding-bottom:50px;}
	.channel_box2{padding-top:30px;}
	.zero_boxoya,.zero_boxoya2 {grid-template-columns: repeat(1, 1fr);}
	.zero2_div3_h4 .step{font-size:18px;}
	.custom-frame::before{content: ""; position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.4);}
	.main_zukei{width:61vw;}
	.front_p2 {width: 47vw;}
	.front_d2_key p{font-size:16px; text-decoration: underline;}
	.front_div3{grid-template-columns: repeat(1, 1fr);}
	.front_div4-2.pc{display:none;}
	.front_div4-1 {padding: 30px 20px; display:flex; flex-direction: column; align-items: center;}
	.f3_d2_t1 div,.f3_d2_t1{flex-direction: column; width:100%;}
	.f3_d2_t1 h5 {border-bottom:1px solid #1240a6; width:100%; padding-bottom:12px; text-align: center;}
	.f3_d2_t1 div{gap:15px;}
	.f3_d2_t1 a{font-size:18px; max-width:184px;}
	.front3{padding:50px 0;}
	.front4{padding:50px 0;}
	.f4_box2 h4{padding-left:18px; position: relative; line-height:30px;}
	.f4_box2 h4::before{content:""; position: absolute; top:11px; left:0; width:8px; height:8px; background:#1240a6;}
	.f4_box2 p{line-height:26px;}
	.front_d3_p2{text-align: center;}
	.f3_box1_p1{line-height:27px;}
	.f4_box3_div {grid-template-columns: repeat(2, 1fr);}
	.front_d3_p1{margin-top:15px;}
	.front2 {margin-top: -2rem;}
	.search2_div1 {grid-template-columns: repeat(1, 1fr);}
	.course-list {grid-template-columns: repeat(1, 1fr);}
	.search2_list {grid-template-columns: repeat(1, 1fr);}
	.search2_list2 {grid-template-columns: repeat(1, 1fr);}
	.search2_box .box2{padding:10px 0 30px 0;}
	.search-box-container .search2box1,.search-box-container .search2_list,.search2_list2,.search2_list3{padding-left:15px; padding-right:15px;}
	.search2_box .box2 h3{width:100%; padding:7px 12px;}
	.course_div_ko1 img{max-width:100%;}
	.search2_box .title2{font-size:20px; margin-bottom: 20px;}
	.search-submit button{font-size:20px;}
	.search2_box .title2 span {padding-right: 49px;}
	.keyword-search-box button{max-width:100px; font-size: 16px;}
	.search2_box .title2 span::before, .search2_box .title2 span::after {width: 18px;}
	.search2{padding-top:50px;}
	.search2_div2,.search2_div3{gap:0;}
	.title2.close{margin-bottom:0;}
	.search2_div1,.search2_list,.search2_list2{border-top:none;}
	.search2_div3{margin-top:0;}
	.search-box-container .title2{text-align: left;}
	.search-box-container .title2 span{width:100%; display:block;}
	.search2_list3{flex-direction: column; align-items: flex-start;}
	.main-text-box2 {justify-content: flex-start;}
	.mainbusiness{align-items: flex-start;}
	.mainbusiness .main-text-box3 {justify-content:flex-start;}
	.mainzeroichi .main1 {justify-content:flex-start;}
	.mainzeroichi .main-text-box3 {align-items:flex-start; padding: 30px 24px 90px 24px;}
	.tagsyolist{padding:50px 0;}
	.outlineimg table{width:100% !important;}
	.channel_linkbox{justify-content: center;}


}



@media screen and (max-width:500px){
	.tagoya {grid-template-columns: repeat(1, 1fr);}
	.tagoyalist {grid-template-columns: repeat(1, 1fr);}
	.f4_box3_div {grid-template-columns: repeat(1, 1fr);}
	.f4_img {width: 100%;}
	.f4_box3_div1 a{margin:0 auto;}
	.hrd_p1 br{display:none;}
	.main1 {min-height: -webkit-calc(100vh - 23vh); height: calc(100vh - 23vh); align-items: flex-start;}
	.top img {height: calc(100vh - 23vh);}
	.singlemain1 .main-text-box {margin-top: 78px; padding-top:70px}
	.main-text-box2{padding:90px 24px;}


}