@charset "UTF-8";

@import url(index-swiper.css);

#index .hero{
	overflow:hidden;
	position:relative
}

#index .hero .hero-bg{
	width:100%;
}
#index .hero .swiper-slide .hero-bg{
	opacity:0;
	-webkit-transition:.4s .4s;
	transition:.4s .4s
}
#index .hero .swiper-slide-active .hero-bg ,
#index .hero .swiper-slide-duplicate-active .hero-bg{
	opacity:1
}

#index .hero-text{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
#index .hero-text>span{
	width:1024px;
	max-width:100%;
	height:100%;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
}
#index .hero-text img{
	max-width:100%;
	max-height:100%;
}
@media (max-width:768px){
}

#index .swiper-slide .hero-text {
	opacity:0;
	-webkit-transition:.4s .8s;
	transition:.4s .8s
}
#index .swiper-slide-active .hero-text ,
#index .swiper-slide-duplicate-active .hero-text{
	opacity:1
}
#index .swiper-slide .hero-text-delay {
	opacity:0;
	-webkit-transition:.4s 1.6s;
	transition:.4s 1.6s
}
#index .swiper-slide-active .hero-text-delay ,
#index .swiper-slide-duplicate-active .hero-text-delay{
	opacity:1
}

#index .hero1 .hero-text > span{
	width:370px;
}

#index .hero2 .hero-text,
#index .hero3 .hero-text{
	top:50%;
	height:50%;
	width:50%;
}
#index .hero2 .hero-text{
	left:50%;
}
#index .hero3 .hero-text{
	left:0;
}
#index .hero2 .hero-text>span,
#index .hero3 .hero-text>span{
	background:#f4d70f;
	padding:12px;
}
#index .hero2 .hero-text>span img,
#index .hero3 .hero-text>span img{
	width:70%;
	min-width:300px;
}

#index .news{
	padding:96px 40px 104px
}

@media (max-width:768px){
	#index .news{
		padding:48px 32px
	}
}

#index .news-title{
	font-size:28px;
	font-weight:700;
	text-align:center;
	letter-spacing:.1em;
	padding:0 0 0 .1em
}

@media (max-width:768px){
	#index .news-title{
		font-size:160%;
	}
}

#index .news-list li{
	border-bottom:1px solid hsla(0,0%,60%,.4);
	padding:24px 80px 8px;
	line-height:1.4
}

@media (max-width:768px){
	#index .news-list li{
		font-size:13px;
		padding:24px 0 12px
	}
}

#index .news-list a{
	color:#231815;
	display:block
}

#index .news-list-info{
	-webkit-box-align:center;
	align-items:center;
	display:-webkit-box;
	display:flex;
	line-height:1;
	padding-bottom:8px
}

#index .news-list-label{
	background:#2859b0;
	color:#fff;
	display:inline-block;
	font-size:10px;
	line-height:1;
	margin-left:8px;
	padding:2px 8px
}

/* index-lede */
	
#index .index-lede{
	padding:5em 3em 0;		
}
@media (max-width:768px){
	#index .index-lede{
		padding:3em 1em 0;
	}
}

#index .lede-text2{
	padding:2em 0 0;
}

/*our-strengths */
	
#index .our-strengths{
}
	
#index .subtitle-cover{
	padding:7em 0 0;
}
@media (max-width:768px){
	#index .subtitle-cover{
		padding-top:2em;
	}
}

#index .subtitle{
	font-size:200%;
	font-weight:bold;
	background:url(../../../assets/images/pages/01_top/title_strengths.png) 72% 50% no-repeat;
	background-size:148px 130px;
	height:130px;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media (max-width:768px){
	#index .subtitle{
		background:url(../../../assets/images/pages/01_top/title_strengths.png) 96% 50% no-repeat;
		background-size:110px auto;
	}
}

#index .subtitle-cover-image{		
	}

#index .f-contents-outer{
	padding:3em 0 0;
}	
@media (max-width:768px){
	#index .f-contents-outer{
		padding-top:0;
	}
}
#index .f-contents{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	overflow:hidden;
	width:100%;
}
	
#index .f-contents:not(:first-child){
	padding:7em 0 0;
}
@media (max-width:768px){
	#index .f-contents:not(:first-child){
		padding-top:2em;
	}
}
#index .f-contents-left-cover-outer{
	width:61%;
	margin-left:50px;
}

#index .f-contents-left{
	background-color:#f0f0f0;
	width:100%;
	margin-top:-25px;
	padding:0em 0em 0em 0em;
}
@media (max-width:768px){
	#index .f-contents-left{
		margin-top:-18px;
	}
}
#index .f-contents-subtitle-mini-cover{
	padding:2em 7em 2em 3em;
}
	
#index .f-contents-number{
	color:#ffe400;
	font-size:400%;
	line-height:1;
	margin-left:-15px;
}
	
#index .f-contents-left-cover{
	width:100%;
}
	
#index .f-contents-subtitle-mini{
	font-size:200%;
	font-weight:bold;
	line-height:1.3;
}
	
#index .f-contents-subtitle-mini-text{
	padding:1em 0 0 0;
	line-height:2.5;
}
	
#index .f-contents-subtitle-mini-text2{
	padding:2em 0 1em;
}
	
#index .f-contents-link{
	background-color:#265aa6;
	display:inline-block;
	width:100%;
	color:#fff;
	letter-spacing:0.1em;
	text-indent:0.1em;
	font-size:120%;
	padding:0.5em 2.5em;
}

#index .f-contents-link-triangle{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
	
#index .f-contents-link-triangle:before{
	content:"";
	display:inline-block;
	padding:0 0 0 8px;
	width:0;
	height:0;
	border-style:solid;
	border-width:9px 0 9px 15.6px;
	border-color:transparent transparent transparent #ffe400;
}
	
#index .f-contents-right-cover{
	width:39%;
}
	
#index .f-contents-right{
	width:100%;
}
	
#index .f-contents-right img{
	width:100%;
	margin-left:-50px;
}
	
/* nth-child(even) */
@media (min-width:769px){
	#index .f-contents:nth-child(odd){
		flex-direction:row;
	}
	
	#index .f-contents:nth-child(even){
		flex-direction:row-reverse;
	}
	
	#index .f-contents:nth-child(even){
		
	}
	
	#index .f-contents:nth-child(even) .f-contents-left-cover-outer{
		width:61%;
		margin-left:0px;
		margin-right:50px;
	}
	
	#index .f-contents:nth-child(even) .f-contents-right-cover{
		width:39%;
		margin-left:0px;
		margin-right:0px;
	}
	
	#index .f-contents:nth-child(even) .f-contents-right img{
		width:100%;
		margin-left:50px;
	}
	
	#index .f-contents:nth-child(even) .f-contents-subtitle-mini-cover{
		padding:2em 3em 2em 7em;
	}
	
	#index .f-contents:nth-child(even) .f-contents-number{
		text-align:right;
		margin-right:-15px;
	}
	
	#index .f-contents:nth-child(even) .f-contents-link{
		padding:0.5em 5.8em;
	}
}

/* sp */
@media (max-width:768px){
	#index .f-contents{
		align-items:flex-end;
	}
	
	#index .f-contents-left-cover-outer{
		width:67%;
		margin-left:12px;
	}

	#index .f-contents-left{
		width:150%;
	}

	#index .f-contents-number{
		font-size:320%;
		margin-left:-12px;
	}

	#index .f-contents-subtitle-mini-cover{
		padding-top:2em;
		padding-right:calc(35% + 0.5em);
		padding-bottom:2em;
		padding-left:1.5em;
	}

	#index .f-contents-subtitle-mini{
		font-size:140%;
	}

	#index .f-contents-subtitle-mini-text{
		line-height:1.8;
	}	

	#index .f-contents-link{
		padding:0.5em 2.5em;
		text-align:right;
	}

	#index .f-contents-right-cover{
		width:33%;
		padding-top:0;
		padding-right:0.5em;
		padding-bottom:4em;
		padding-left:0;
		flex-grow:1;
		margin-right:12px;
	}

	#index .f-contents-right img{
		width:100%;
		margin-left:0px;
	}

	/* sp:nth-child(5)*/
	#index .f-contents:nth-child(5) .f-contents-right-cover{
		padding-bottom:1em;
	}
}

/* 	news */
#index .news-title-wrap{
	padding:8em 0 0;
}
#index .community{
	text-align:center;
}
#index .community a{
	display:inline-block;
}
#index .sustainability{
	text-align:center;
	padding-top: 2em;
}
@media (max-width:768px){
	#index .sustainability{
		padding-top: 0;
	}
}
#index .sustainability a{
	display:inline-block;
}