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

#topmv{
	background: url(../img/kv.jpg) no-repeat center center;
	background-size: cover;
	height: 800px;
	position: relative;
}
#topmv .txt{
	text-align: left;
	width: 85%;
	max-width: 1120px;
	margin:0 auto;
	position:absolute;
  top: 50%;
  top: 42%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  color:#fff;
}
#topmv .txt h2{
	font-weight: 500;
	font-size: 3em;
	text-shadow: 0 0 16px rgba(52, 91, 45, 0.8);
	line-height: 1.4;

}
#topmv .txt p{
	font-weight: 500;
	font-size: 1.2em;
	text-shadow: 0 0 16px rgba(52, 91, 45, 0.8);
}
#topmv .txt img{
	width: 50%;
}
#top_pagenav{
	background: rgba(246, 133, 0, 0.08);
}
#top_pagenav ul{
	display: flex;
	justify-content: center;
}
#top_pagenav ul li{
	padding:0 1em;
}
#top_pagenav ul li a{
	display: block;
	font-size: 0.9em;
	padding:2em 0 2em 1.5em;
	background: url(../img/farrow1.svg) no-repeat left center;
	background-size: 1em auto;
	font-weight: 600;
}


.enttl{
	font-weight: 500;
	font-size: 0.9em;
	color:#004098;
	position: relative;
  	font-family: "Inter", sans-serif !important;
	padding-left: 1.4em;
	margin-bottom:2em;
}
.enttl::before{
	content: "●";
	color:#F7AC00;
	font-size: 0.9em;
	position: absolute;
	left:0;
}
.ttl1{
	font-weight: 700;
	font-size: 2em;
	line-height: 1.5;
	padding-bottom:1.5em;
}
.ttl1 em{
	color:#F68500;
}


#t_about{
	padding:160px 0 100px;
	background: url(../img/top_about_bg.png) no-repeat center top 300px;
	background-size: 100% 100%;
	text-align: left;
}
#t_about .wrap{
	position: relative;
	max-width: 960px;
}
#t_about .ttl1{padding-bottom:0;}
#t_about .flex1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin:0 -50px 0 -100px;
}
#t_about .flex1 .pic{
	width: 50%;
	max-width: 600px;
}
#t_about .flex1 .txt{
	position: relative;
	width: calc(40% + 50px);
}
#t_about .flex1 .txt::before{
	content: "";
	display: block;
	width: 168px;
	height: 167px;
	background: url(../img/sun.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	right:-120px;
	bottom:-55px;
}
#t_about .box{
	position: relative;
	padding:160px 0;
	min-height: 950px;
}
#t_about .box .txt{
	max-width: 470px;
	padding-left: 1em;
}
#t_about .box .txt p{
	padding-bottom:2em;
}
#t_about .box .txt .more1{
	text-align: right;
}
#t_about .box .txt .more1 a{
	color:#004098;
	font-weight: 700;
	display: inline-block;
	background: url(../img/btn.svg) no-repeat right center;
	background-size: 60px auto;
	padding:1.2em 80px 1.2em 0;
}
#t_about .box .txt .more1 a:hover{
	background: url(../img/btn.svg) no-repeat right center;
	background-size: 60px auto;
}
#t_about .box .img1{
	width: 570px;
	position: absolute;
	top:30px;
	right: -350px;
}
#t_about .box .img2{
	width: 540px;
	position: absolute;
	bottom:0;
	right: -250px;
}
#t_about .box .img3{
	width: 680px;
	position: absolute;
	bottom:0;
	left: -350px;
}

#t_principles{
	text-align: left;
	position: relative;
	z-index: 2;
	background: #F7F7F7;
}
#t_principles .bg{
	background: url(../img/t_principles_bg.png) no-repeat center bottom;
	background-size: 1440px auto;
	padding:0 0 100px;
}
#t_principles::before{
	content: "";
	display: block;
	width: 350px;
	height: 347px;
	background: url(../img/sun3.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	left:calc(50% - 175px);
	bottom:-160px;
	z-index: -1;
}
@media screen and (max-width:1440px) {

#t_principles .bg{
	background:#F7F7F7 url(../img/t_principles_bg.png) no-repeat center bottom;
	background-size: cover;
}
}
#t_principles .wrap{
	position: relative;
	max-width: 960px;
}
#t_principles .box{
	background: #fff;
	border-radius: 24px;
	padding:50px 60px;
	position: relative;
	top:-170px;
	box-shadow: 0 8px 0 rgba(0, 0, 0, 0.16);
	margin-bottom:-80px;
}

 
#t_principles .box .box1{
	background: #F7F7F7;
	border-radius: 24px;
	padding:40px 60px;
	text-align: center;
	margin-bottom:3em;
}
#t_principles .box .box1 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom:2em;
}
#t_principles .box .box1 ul li{
	width: 6em;
	height: 6em;
	border-radius: 100em;
	font-size: 1.5em;
	font-weight: 700;
	border:solid 6px #E26E6E;
	color:#E26E6E;
	padding-top:0.9em;
	background: #fff;
}
#t_principles .box .box1 ul li:nth-child(2){
	color:#F0AC17;
	border-color: #F0AC17;
}
#t_principles .box .box1 ul li:nth-child(3){
	color:#3DC5C5;
	border-color: #3DC5C5;
}
#t_principles .box .box1 ul li:nth-child(4){
	color:#6781E9;
	border-color: #6781E9;
}
#t_principles .box .box1 ul li .ico{
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom:0.3em;
}
#t_principles .box .box1 ul li img{
	width: 2em;
	height: 2em;
	object-fit: contain;
}
#t_principles .box .box1 p{
	color:#858585;
	letter-spacing: 0.1em;
}
#t_principles .box .box2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#t_principles .box .box2 .txt{
	width: 55%;
}
#t_principles .box .box2 .txt p{padding-bottom:2em; letter-spacing: 0.05em;}
#t_principles .box .box2 .pic{
	width: 40%;
}
#t_principles h3{
	text-align: center;
	padding:0 0 0.5em;
	font-size: 2em;
	color:#fff;
	font-weight: 700;
	line-height: 1.4;
	position: relative;
	background: url(../img/line_dash.svg) no-repeat center bottom;
	background-size: 17em auto;
	margin-bottom:3.5em;
}
#t_principles h3::before{
	content: "";
	display: block;
	width: 60px;
	height: 80px;
	background: url(../img/farrow2.svg) no-repeat center bottom;
	background-size: contain;
	position: absolute;
	left:calc(50% - 30px);
	bottom:-140px;
}

#t_do{
	background: #F7F7F7;
	background-size: 350px auto;
	padding:320px 0 60px;
	margin-top:-100px;
	position: relative;
	z-index: 1;
}
#t_do .enttl{
	display: inline-block;
}
#t_do .box{
	position: relative;
}
#t_do .box1{padding-top:4em;}
#t_do .box .inner{
	position: relative;
	background: rgba(255,255,255,0.8);
	backdrop-filter: blur(10px);
	border-radius: 24px;
	padding:120px 80px 80px;
	text-align: left;
	margin-bottom:150px;
}
#t_do .box .img{
	position: absolute;
	z-index: -1;
	width: 228px;
	left:-70px;
	top:-140px;
}
#t_do .box .title{
	position: absolute;
	left:0;
	top:0;
	width: 205px;
	border-radius: 24px 0 24px 0;
	background: #F7AC00;
	padding:0.5em;
	text-align: center;
}
#t_do .box .title span{
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", "游ゴシック",
    YuGothic, "メイリオ", Meiryo, sans-serif;
	display: inline-block;
	background: url(../img/ico_do1.svg) no-repeat left center;
	background-size: 2em auto;
	padding: 1em 0 1em 3em;
	font-weight: 600;
	font-size: 0.9em;
	color:#fff;
}
#t_do .box h3{
	font-size: 1.4em;
	font-weight: 700;
	color:#F0AC17;
	line-height: 1.4;
	border-left: solid 4px #F0AC17;
	padding-left: 0.7em;
	margin-bottom:1em;
}
#t_do .box p{
	width: 67%;
}
#t_do .box .pic{
	position: absolute;
	right:-30px;
	top:-30px;
	width: 320px;
}
#t_do .box .btn1{
	position: absolute;
	right:0;
	bottom:-40px;
	width: 295px;
	text-align: center;
}
#t_do .box .btn1 a{
	display: block;
	padding:0.8em 0;
	background: #F7AC00;
	color:#fff;
	border-radius: 24px 0 24px 0;
}
#t_do .box .btn1 a span{
	display: inline-block;
	font-weight: 700;
	background:url(../img/btn_orange.svg) no-repeat right center;
	background-size: 3.5em auto;
	padding:1em 4.5em 1em 0;
}
#t_do .box2 .title{
	background: #6781E9;
}
#t_do .box2 .title span{
	background: url(../img/ico_do2.svg) no-repeat left center;
	background-size: 2em auto;
}
#t_do .box2 .img{
	position: absolute;
	z-index: -1;
	width: 376px;
	left:-100px;
	top:-180px;
}
#t_do .box2 h3{
	color:#6781E9;
	border-left: solid 4px #6781E9;
}
#t_do .box2 .pic{
	position: absolute;
	right:-60px;
	top:-30px;
	width: 392px;
}
#t_do .box2 .btn1 a{
	background: #6781E9;
}
#t_do .box2 .btn1 a span{
	background:url(../img/btn_blue.svg) no-repeat right center;
	background-size: 3.5em auto;
}

#t_do .box3 .title{
	background: #E26E6E;
}
#t_do .box3 .title span{
	background: url(../img/ico_do3.svg) no-repeat left center;
	background-size: 2em auto;
}
#t_do .box3 .img{
	position: absolute;
	z-index: -1;
	width:273px;
	left:-100px;
	top:-120px;
}
#t_do .box3 h3{
	color:#E26E6E;
	border-left: solid 4px #E26E6E;
}
#t_do .box3 .pic{
	position: absolute;
	right:-100px;
	top:-30px;
	width: 480px;
}
#t_do .box3 .btn1 a{
	background: #E26E6E;
}
#t_do .box3 .btn1 a span{
	background:url(../img/btn_red.svg) no-repeat right center;
	background-size: 3.5em auto;
}

#t_siryo{
	background: url(../img/shiryou.jpg) no-repeat center center;
	background-size: cover;
	padding:80px 0;
}
#t_siryo .txt{
	background: rgba(0, 64, 152, 0.8);
	backdrop-filter: blur(10px);
	border-radius: 24px;
	width: 380px;
	padding:40px 60px;
	text-align: left;
}
#t_siryo .txt *{color:#fff;}
#t_siryo .txt .ttl1{
	margin-top:-0.5em;
	padding-bottom:1em;
}
#t_siryo .txt .btn1 a{
	display: block;
	border-radius: 20px;
	background: rgba(255,255,255,0.2);
	padding:0.3em;
	text-align: center;
}
#t_siryo .txt .btn1 a span{
	font-weight: 700;
	background: url(../img/arrow_white.svg) no-repeat right center;
	background-size: 1.5em auto;
	display: inline-block;
	padding:0.5em 3em 0.5em 0;
}

#t_information{
	padding:120px 0;
	text-align: left;
}
#t_information .box{
	background: #F7F7F7;
	border-radius: 24px;
	padding:5px 40px 10px;
	margin-bottom:2em;
}
.newslist{
	text-align: left;
}
.newslist li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding:1.3em 0;
	border-bottom: solid 1px #E6E6E6;
}
.newslist li:last-of-type{border: none;}
.newslist li .catname{
	width: 8em;
}
.newslist li .catname a{
	border-radius: 10em;
	display: inline-block;
	padding:0.4em 1.3em;
	line-height: 1.2;
	font-size:0.85em;
	color:#fff;
	margin:0.2em 0;
	background: #004098;
}
.newslist li .catname a.cat1{background: #004098;}
.newslist li .catname a.cat2{background: #F0AC17;}
.newslist li .catname a.cat3{background: #F68500;}
.newslist li .catname a.cat-ecture_kou{background: #F68500;}
.newslist li .catname a.cat-lecture_mayumi{background: #F68500;}
.newslist li .catname a.cat-info{background: #004098;}
.newslist li .catname a.cat-new-item{background: #F0AC17;}
.newslist li .catname a.cat-campaign{background: #F0AC17;}
.newslist li .catname a.cat-kouen{background: #F68500;}
.newslist li .catname a.cat-announce{background: #004098;}
.newslist li .day{
	width: 7em;
	color:#858585;
}
.newslist li .nname{
	width: calc(100% - 19em);
}
#t_information .morebtn{
	text-align: right;
}
#t_information .morebtn a{
	display: inline-block;
	background: url(../img/morebtn1.svg) no-repeat right center;
	background-size: 3.5em auto;
	padding:1em 4.5em 1em 0;
	color:#004098;
	font-weight: 700;
}

#t_recruit{
	padding:120px 0;
	background: #F7F7F7;
	text-align: left;
}
#t_recruit .t_recruit1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom:5em;
}
#t_recruit .t_recruit1 li{
	width: 31%;
	width: 48%;
}
#t_recruit .t_recruit1 li h3{
	font-weight: 700;
	font-size: 1.4em;
	padding:1.2em 0;
	line-height: 1.7;
}
#t_recruit .t_recruit1 li p{padding-bottom:2em;}
#t_recruit .t_recruit1 li .btn1 a{
	display: block;
	width: 90%;
	background: #004098;
	margin:0 auto;
	border-radius: 24px;
	color:#fff;
	text-align: center;
	padding:0;
}
#t_recruit .t_recruit1 li .btn1 a span{
	display: inline-block;
	background:  url(../img/arrow_white.svg) no-repeat right center;
	background-size: 1.5em auto;
	font-weight: 700;
	padding:0.8em 3em 0.8em 0;

}

#t_recruit .t_recruit2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: url(../img/line_dashe2.svg) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom:5em;
	margin-bottom:5em;
}
#t_recruit .t_recruit2 li{
	width: 48%;
	background: url(../img/recruit_bana1.png) no-repeat center center;
	background-size: cover;
	border-radius: 24px;
	padding:50px 40px 40px;
}
#t_recruit .t_recruit2 li:nth-child(2){
	background: url(../img/recruit_bana2.png) no-repeat center center;
	background-size: cover;
}
#t_recruit .t_recruit2 li *{
	color:#fff;
}
#t_recruit .t_recruit2 li h3{
	font-size: 1.4em;
	font-weight: 700;
	padding-bottom:1em;
}
#t_recruit .t_recruit2 li .btn1 a{
	display: block;
	border-radius: 24px;
	background: rgba(255,255,255,0.2);
	max-width: 290px;
	text-align: center;
}
#t_recruit .t_recruit2 li .btn1 a span{
	display: inline-block;
	background:  url(../img/arrow_white.svg) no-repeat right center;
	background-size: 1.5em auto;
	font-weight: 700;
	padding:0.8em 3em 0.8em 0;

}
.linkbox{
	cursor: pointer;
}
/* .linkbox .pic img {
  border-radius: 20px;
} */

#t_recruit .t_recruit3{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#t_recruit .t_recruit3 li{
	width: 48%;
	border-radius: 32px;
	background:#fff url(../img/recruit_bana3.png) no-repeat right center;
	background-size:auto 100%;
	padding:30px 16em 30px 40px;
	text-align: left;
	position: relative;
}
#t_recruit .t_recruit3 li:nth-child(2){
	background:#fff url(../img/recruit_bana4.png) no-repeat right center;
	background-size:auto 100%;
}
#t_recruit .t_recruit3 li h3{
	font-weight: 700;
	font-size: 1.4em;
	padding-bottom:0.5em;
}
#t_recruit .t_recruit3 li .btn1{
	position: absolute;
	right:8px;
	bottom:8px;
	width: 60px;
}

#t_interview{
	background-image:url(../img/interview_bg_t.png),url(../img/interview_bg.png);
	background-repeat: no-repeat,repeat;
	background-size: 100% auto,100% auto;
	background-position: left top,left top;
	padding:20vw 0 10vw;
}
#t_interview .flex{
	display: flex;
	justify-content: space-between;
}
#t_interview .flex .txt{
	width: 350px;
	text-align: left;
}
#t_interview .flex .txt *{color:#fff;}
#t_interview .flex .txt p{
	margin-top:-1.5em;
}
#t_interview .flex .cont{
	width: calc(100% - 380px);
}
#t_interview .flex .cont .interviewlist{
	display: flex;
	overflow-x: visible;
}
#t_interview .flex .cont .interviewlist li{
	width: 320px;
	min-width: 320px;
	margin-right: 40px;
	text-align: left;
}
#t_interview .flex .cont .interviewlist li *{color:#fff;}
#t_interview .flex .cont .interviewlist li .pic{
	position: relative;
    width: 100%;
	min-width: 320px;
    height: 200px;
    overflow: hidden;
    border-radius: 20px;
}
#t_interview .flex .cont .interviewlist li .pic .icat{
	position: absolute;
	left:10px;
	top:10px;
	line-height: 1;
}
#t_interview .flex .cont .interviewlist li .pic .icat span{
	display: inline-block;
	font-size: 0.8em;
	background: #F7AC00;
	color:#fff;
	border-radius: 10em;
	padding:0.4em 1em;
}
#t_interview .flex .cont .interviewlist li h3{
	padding:1em 0;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.6;
	height: 9.6em;
}
#t_interview .flex .cont .interviewlist li p {
	height: 7.6em;
}
#t_interview .flex .cont .interviewlist li .btn1{padding-top:2em;}
#t_interview .flex .cont .interviewlist li .btn1 a{
	display: block;
	border-radius: 24px;
	background: rgba(255,255,255,0.2);
	max-width: 290px;
	text-align: center;
}
#t_interview .flex .cont .interviewlist li .btn1 a span{
	display: inline-block;
	background:  url(../img/arrow_white.svg) no-repeat right center;
	background-size: 1.5em auto;
	font-weight: 700;
	padding:0.8em 3em 0.8em 0;

}
#t_interview .morebtn{
	text-align: right;
	padding-top:60px;
	margin-bottom:-60px;
}
#t_interview .morebtn a{
	display: inline-block;
	background: url(../img/morebtn1.svg) no-repeat right center;
	background-size: 3.5em auto;
	padding:1em 4.5em 1em 0;
	color:#fff;
	font-weight: 700;
}