@charset “utf-8”;

#sec_maincatch{
	background:linear-gradient(180deg, rgba(12, 72, 158, 0.5), rgba(12, 72, 158, 1) ),url("../images/top/bg_main_1.webp");
	background-size:cover;
	background-repeat:no-repeat;
	/*animation: zoomOutBackground 20s infinite alternate;*/
	padding-bottom:100px;
}
/*
@keyframes zoomOutBackground {
  0% {
    background-size: 120%;
    background-position: center;
  }
  100% {
    background-size: 100%;
    background-position: center;
  }
}
*/
.ifcatch{
	padding:150px 0 75px;
}
.ifcatch-span{
	color: transparent;
	font-size:16.5rem;
	font-family:var(--tasa);
	font-weight:bold;
	display: block;
	overflow: hidden;
	position: relative;
	transition: color 0ms 0.5s;
	width: max-content;
	line-height:1;
}
.ifcatch-span::after{
	content: "";
	left: 0;
	display: block;
	position: absolute;
	top: 0;
	transform: translateX(-100%);
	width: 100%;
	height: 100%;
	background-color: var(--maincolor);
}
.ifcatch-span.active{
	color: #fff;
}
.ifcatch-span.active::after{
	animation: lineAnime 1s;
}
@keyframes lineAnime {
	0% {
		transform: translateX(-100%)
	}
	50% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(100%)
	}
}
.ifcatch_txt{
	font-size:2rem;
	color:#fff;
	font-weight:bold;
}

@media screen and (max-width:767px){
	#sec_maincatch{
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		padding-bottom:0px;
	}
	.ifcatch{
		padding:100px 0 60px;
	}
	.ifcatch-span{
		font-size:5rem;
		line-height:1.3;
	}
	.ifcatch_txt{
		font-size:1.3rem;
	}
}


#sec_mainmessage{
	background:linear-gradient(0deg, rgba(12, 72, 158, 0.5), rgba(12, 72, 158, 1) ),url("../images/top/bg_main_2.webp");
	background-size:cover;
	background-repeat:no-repeat;
	padding:100px 0 400px;
	color:#fff;
	text-align:center;
	position:relative;
}
.mainmessage_header{
	position:relative;
}
.mainmessage_header img{
	margin:auto;
	max-width:98%;
}
.mainmessage_header p{
	font-size:3.6rem;
	font-weight:bold;
	margin-top:-50px;
}
.mainmessage_body{
	margin-top:80px;
}
.mainmessage_body p{
	font-weight:bold;
}
.mainmessage_body .btnarea{
	text-align:center;
	padding:80px 0 30px;
}
.mainmessage_body .btnarea a{
	margin:auto;
}
.mainmessage_img{
	display:flex;
	justify-content:space-between;
	width:100%;
	gap:15px;
	position:absolute;
	bottom:-300px;
}
.mainmessage_img div:nth-child(1){
	padding-top:120px;
}
.mainmessage_img div:nth-child(3){
	padding-top:160px;
}
.mainmessage_img div:nth-child(5){
	padding-top:100px;
}

@media screen and (max-width:767px){
	#sec_mainmessage{
		padding:100px 0 150px;
		position:relative;
	}
	.mainmessage_header p{
		font-size:2rem;
		margin-top:-20px;
	}
	.mainmessage_header img{
		width:260px;
	}
	.mainmessage_img{
		gap:15px;
		bottom:-90px;
		position:absolute;
		z-index:1;
	}
	.mainmessage_img div:nth-child(1){
		padding-top:20px;
	}
	.mainmessage_img div:nth-child(3){
		padding-top:60px;
	}
	.mainmessage_img div:nth-child(5){
		padding-top:10px;
	}
}


#sec_business{
	background-image:url("../images/top/mark_float.png");
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:400px;
}
#sec_business .row{
	justify-content:space-between;
	gap:5%;
}
#sec_business .row div.ttl_bloc .sticky{
    position: sticky;
    top: 120px;
}
#sec_business .row div.article_bloc{
	max-width:820px;
}
.ttl_bloc h2{
	font-family:var(--tasa);
	color:var(--maincolor);
	font-weight:bold;
	font-size:13.5rem;
}
@media screen and (max-width:1299px){
	.ttl_bloc h2{
		font-size:11rem;
	}
}
.ttl_bloc h2 span{
	display:block;
	font-size:2.2rem;
}
.ttl_bloc .sticky>p{
	display:block;
	font-size:3.5rem;
	font-weight:bold;
	margin-top:100px;
}
#sec_business .ttl_bloc{
	max-width:640px;
}
#sec_business .ttl_bloc .btnarea{
	margin-top:120px;
}

@media screen and (max-width:767px){
	#sec_business{
		background-position:right -100px top;
		background-size:200% auto;;
		padding-top:100px;
	}
	.ttl_bloc{
		padding:0 18px 80px;
	}
	.ttl_bloc h2{
		font-size:4.5rem;
	}
	.ttl_bloc h2 span{
		font-size:1.9rem;
	}
	.ttl_bloc .sticky>p{
		font-size:1.8rem;
		margin-top:40px;
	}
	#sec_business .ttl_bloc .btnarea{
		margin-top:65px;
	}
	#sec_business .row{
		flex-wrap:wrap;
	}
}

.article_bloc article{
	background:var(--bluegray);
	padding:50px 44px 33px 50px;
	background-image:url("../images/common/mark_flag.png");
	background-position:top left 50px;
	background-repeat:no-repeat;
	margin-bottom:80px;
}
.article_bloc article .ttl{
	padding-top:120px;
	background-position:top right;
	background-repeat:no-repeat;
	background-size:auto 200px;
}
.article_bloc article .ttl.tv{
	background-image:url("../images/top/icon_tv.png");
}
.article_bloc article .ttl.faci{
	background-image:url("../images/top/icon_faci.png");
}
.article_bloc article .ttl.hands{
	background-image:url("../images/top/icon_hands.png");
}
.article_bloc article .ttl.bed{
	background-image:url("../images/top/icon_bed.png");
}
.article_bloc article .ttl h3{
	font-size:3.5rem;
}
.article_bloc article .ttl h3 span{
	font-size:2.1rem;
	display:block;
	margin-bottom:20px;
	color:var(--maincolor);
}
.article_bloc article>p{
	margin-top:65px;
}
.article_bloc article .btnarea{
	text-align:right;
	margin-top:80px;
}
@media screen and (max-width:767px){
	.article_bloc article{
		padding:20px 20px 30px;
		background-size:41px auto;
		background-position:top left 20px;
		margin-bottom:44px;
	}
	.article_bloc article .ttl{
		padding-top:64px;
		background-size:auto 90px;
	}
	.article_bloc article .ttl h3{
		font-size:1.6rem;
	}
	.article_bloc article .ttl h3 span{
		font-size:1.2rem;
		margin-bottom:10px;
	}
	.article_bloc article>p{
		margin-top:30px;
		font-size:1.3rem;
	}
	.article_bloc article .btnarea{
		margin-top:20px;
	}
}



#sec_strength{
	background:var(--maincolor);
	padding:160px 0 100px;
	margin-top:140px;
}

#sec_strength .ttl_bloc{
	text-align:center;
	color:#fff;
}
@media screen and (max-width:767px){
	#sec_strength{
		padding:90px 0 60px;
		margin-top:60px;
	}
	#sec_strength .ttl_bloc{
		padding: 0 18px 50px;
	}
}
#sec_strength .ttl_bloc h2{
	color:#fff;
}
#sec_strength .ttl_bloc div>p{
	display:block;
	margin:80px 0;
}
#sec_strength .box_3{
	justify-content:space-between;
	gap:48px;
}

#sec_strength .box_3 .box_unit{
	max-width:560px;
	background:#fff;
	flex:1;
}
#sec_strength .box_3 .box_unit .img_wrap{
	position:relative;
}
#sec_strength .box_3 .box_unit .img_wrap .no{
	position:absolute;
	top:0;
	left:0;
}
#sec_strength .box_3 .box_unit .ttl{
	height:220px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:3.3rem;
	text-align:center;
}
#sec_strength .box_3 .box_unit p{
	padding:0 30px 30px;
}
@media screen and (max-width:1550px){
	#sec_strength .box_3 .box_unit .ttl{
		height:180px;
		font-size:2.4rem;
	}
}
@media screen and (max-width:767px){
	#sec_strength .row{
		display:block;
	}
	#sec_strength .box_3 .box_unit{
		width:100%;
	}
	#sec_strength .ttl_bloc div>p{
		margin:50px 0 0;
	}
	#sec_strength .box_3 .box_unit .img_wrap .no{
		width:100px;
	}
	#sec_strength .box_3 .box_unit .ttl{
		font-size:1.6rem;
		height:100px;
	}

	.dots-wrap {
		margin-top:30px;
		display: flex;
		justify-content: center;
		padding-inline-start: 0px;
		list-style-type:none;
	}

	.dots-wrap li {
	    width: 40px;
	    height: 4px;
	    margin: 0 5px;
	    background: #fff;
	    cursor: pointer;
	}

	.dots-wrap li:hover,
	.dots-wrap li.slick-active {
	    background: #00C4FF;
	}
	.dots-wrap li button {
	    display: none;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    outline: none;
	    padding: 0;
	    border: none;
	    background-color: transparent;
	}


}

#sec_news{
	background:var(--bluegray);
	padding:100px 26px;
	display:flex;
	justify-content:center;
}
#sec_news .news_inner{
	max-width:1200px;
	margin:auto;
	width:100%;
}
#sec_news .news_box{
	background:#fff;
	padding:60px 48px;
	display:flex;
	justify-content:space-between;
	gap:30px;
}
#sec_news .news_inner .ttl_bloc{
	flex-basis: auto;
}
#sec_news .news_inner .ttl_bloc h2{
	font-size:8rem;
}
#sec_news .news_inner .ttl_bloc .btnarea{
	margin-top:60px;
}
#sec_news .news_inner .ttl_bloc .btn_std_w{
	width:200px;
	height:52px;
}
#sec_news .news_inner .ttl_bloc .btn_std_w p::before{
	margin-right: 1rem;
}
@media screen and (max-width:767px){
	#sec_news{
		padding:50px 26px;
	}
	#sec_news .news_box{
		padding:30px 20px;
		flex-direction:column;
		gap:0px;
	}
	#sec_news .news_box .ttl_bloc{
		display:flex;
		justify-content:space-between;
		padding:0 10px 30px;
	}
	#sec_news .news_box .ttl_bloc h2{
		font-size:4.5rem;
	}
	#sec_news .news_box .ttl_bloc .btn_std_w{
		width:135px;
		height:40px;
	}
	#sec_news .news_box .ttl_bloc .btn_std_w p{
		font-size:1.3rem;
	}
	#sec_news .news_box .ttl_bloc .btnarea{
		margin-top:0px;
	}

}
#sec_news .news_inner .article_list{
	flex-basis: auto;
	width:100%;
}
#sec_news .news_inner .article_list ul li{
	list-style-type:none;
	padding-bottom:16px;
	border-bottom:1px solid #BDCDE5;
}
#sec_news .news_inner .article_list ul li a>div{
	display:flex;
	gap:40px;
}
#sec_news .news_inner .article_list ul li a date{
	color:var(--maincolor);
	font-weight:bold;
	font-size:1.8rem;
}
#sec_news .news_inner .article_list ul li  a span{
	font-size:1.4rem;
	background:#919191;
	color:#fff;
	padding:3px 15px;
	border-radius:15px;
}
#sec_news .news_inner .article_list ul li  a p{
	padding-left:18rem;
}
#sec_news .news_inner .article_list ul li:last-child{
	border:none;
	padding-bottom:0;
}
#sec_news .news_inner .article_list ul li:not(:first-child){
	padding-top:16px;
}
@media screen and (max-width:767px){
	#sec_news .news_inner .article_list ul{
		padding-inline-start: 0px;
	}
	#sec_news .news_inner .article_list ul li{
		padding-bottom:20px;
	}
	#sec_news .news_inner .article_list ul li a>div{
		gap:10px;
	}
	#sec_news .news_inner .article_list ul li a date{
		font-size:1.4rem;
	}
	#sec_news .news_inner .article_list ul li  a span{
		font-size:1.2rem;
		padding:2px 10px;
		border-radius:15px;
	}
	#sec_news .news_inner .article_list ul li  a p{
		padding:10px 0 0 0;
	}
	#sec_news .news_inner .article_list ul li:not(:first-child){
		padding-top:20px;
	}
}


#sec_btm_bnr{
	display:flex;
}
#sec_btm_bnr>div{
	flex:1;
	padding:90px 40px 30px;
	display:flex;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
#sec_btm_bnr>div.bnr_1{
	background-image:url("../images/top/bg_partner.jpg");
	justify-content:center;
}
#sec_btm_bnr>div.bnr_2{
	background-image:url("../images/top/bg_recruit.jpg");
	justify-content:center;
}
#sec_btm_bnr .bnr_inner{
	color:#fff;
}
#sec_btm_bnr .bnr_inner .ttl{
	font-size:3.6rem;
	height:80px;
}
#sec_btm_bnr .bnr_inner .ttl span{
	font-size:2.5rem;
	display:block;
}
@media screen and (max-width:1000px){
	#sec_btm_bnr .bnr_inner .ttl{
		font-size:2.8rem;
	}
	#sec_btm_bnr .bnr_inner .ttl span{
		font-size:2.2rem;
	}
}
#sec_btm_bnr .bnr_inner>p{
	font-size:1.9rem;
	margin-top:34px;
}
#sec_btm_bnr .bnr_inner .btnarea{
	margin-top:55px;
	display:flex;
	justify-content:end;
}
#sec_btm_bnr .bnr_inner .btnarea .btn_std_wbd{
	height:70px;
	width:270px;
}
#sec_btm_bnr .bnr_inner .btnarea .btn_std_wbd p::before {
    margin-right: 1rem;
}
@media screen and (max-width:767px){
	#sec_btm_bnr{
		flex-direction:column;
	}
	#sec_btm_bnr>div{
		padding:38px 30px 30px;
	}
	#sec_btm_bnr .bnr_inner .ttl{
		font-size:1.9rem;
		height:80px;
	}
	#sec_btm_bnr .bnr_inner .ttl h3{
		line-height:1.5;
	}
	#sec_btm_bnr .bnr_inner .ttl span{
		font-size:1.5rem;
		display:block;
	}
	#sec_btm_bnr .bnr_inner>p{
		font-size:1.4rem;
		margin-top:0px;
		padding-right:0px;
	}
	#sec_btm_bnr .bnr_inner .btnarea{
		margin-top:20px;
		justify-content:start;
	}
	#sec_btm_bnr .bnr_inner .btnarea .btn_std_wbd{
		height:50px;
		width:230px;
		padding-left:20px;
	}
}