/***************************************
	PC版SVとはページ用CSS
	
	
***************************************/


/* SVとはページ */


.about-top-section{
	position:relative;
	max-width:1600px;
	margin:0 auto;
}

.about-top-section .about-top-headline{
	position:absolute;
	top:40%;
	left:10%;
	right:50%;
}


.about-top-section ul.about-top-navi-list{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	display:flex;
}


.about-top-section ul.about-top-navi-list li{
	width:100%;
}

.about-top-section ul.about-top-navi-list li.about-top{
	display:none;
}

.about-top-section ul.about-top-navi-list li a:link,
.about-top-section ul.about-top-navi-list li a:visited{
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	background:rgba(109,172,189,0.5);
	padding:20px 10px;
	font-size:18px;
	position:relative;
	overflow:hidden;
}

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

	.about-top-section ul.about-top-navi-list li a:link,
	.about-top-section ul.about-top-navi-list li a:visited{

		flex-direction:column;
	}

}

.about-top-section ul.about-top-navi-list li a:hover,
.about-top-section ul.about-top-navi-list li a:active{
	background:rgba(109,172,189,1);
}


.about-top-section ul.about-top-navi-list li a img{
	height:20px;
	margin-right:10px;
}


		/* 関連ページ用共通ナビ */
		
.about-header-navi-section ul.about-top-navi-list{
	display:flex;
}

.about-header-navi-section ul.about-top-navi-list li{
	width:100%;
}

.about-header-navi-section ul.about-top-navi-list li a:link,
.about-header-navi-section ul.about-top-navi-list li a:visited{
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	background:#6dacbd;
	padding:20px 10px;
	font-size:18px;
	position:relative;
	overflow:hidden;
}

.about-header-navi-section ul.about-top-navi-list li a:hover,
.about-header-navi-section ul.about-top-navi-list li a:active{
	background:rgba(109,172,189,0.7);
}

.about-header-navi-section ul.about-top-navi-list li a img{
	height:20px;
	margin-right:10px;
}


		
.about-footer-navi-section ul.about-footer-navi-list{
	display:flex;
}

.about-footer-navi-section ul.about-footer-navi-list li{
	width:100%;
}

.about-footer-navi-section ul.about-footer-navi-list li a:link,
.about-footer-navi-section ul.about-footer-navi-list li a:visited{
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	background:#6dacbd;
	padding:20px 10px;
	font-size:18px;
	position:relative;
	overflow:hidden;
}

.about-footer-navi-section ul.about-footer-navi-list li a:hover,
.about-footer-navi-section ul.about-footer-navi-list li a:active{
	background:rgba(109,172,189,0.7);
}

.about-footer-navi-section ul.about-footer-navi-list li a img{
	height:20px;
	margin-right:10px;
}



	/* ブランドコンセプト */
	
	
.about-brand-concept-section{
	padding:60px 0;
	max-width:1280px;
	margin:0 auto;
}

.about-brand-concept-section .about-brand-concept-headline{
	color:#6dacbd;
	font-size:44px;
	margin-bottom:60px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.14em;
}


.about-brand-concept-section .about-brand-concept-main-image{
	position:relative;
	margin-bottom:40px;
}

.about-brand-concept-section .about-brand-concept-main-image::after{
	position:absolute;
	z-index:1;
	content:"";
	left:0;
	right:0;
	top:0;
	margin:0 auto;
	width: 0;
	height: 0;
	border-left: 80px solid transparent;  /* 左辺 */
	border-right: 80px solid transparent; /* 右辺 */
	border-top: 50px solid #ffffff;;
	/*
	width:100px;
	height:100px;
	top:-50px;
	transform:rotate(45deg);
	background:#ffffff;
	*/
}

.about-brand-concept-section .about-brand-concept-main-image .about-brand-concept-main-image-caption{
	position:absolute;
	top:40%;
	left:0;
	background:rgba(255,255,255,0.8);
	color:#2a3133;
	font-size:32px;
	padding:20px 40px;
	font-weight:300;
}


.about-brand-concept-section p.about-brand-concept-description{
	font-size:20px;
	line-height:1.8;
}

.about-brand-concept-section .about-brand-concept-bottom{
	height:60px;
	width:100%;
	overflow:hidden;
	position:relative;
	background:#d8e2e5;
	margin:140px 0 20px;
}

.about-brand-concept-section .about-brand-concept-bottom::after{
	position:absolute;
	z-index:1;
	content:"";
	left:0;
	right:0;
	top:0;
	margin:0 auto;
	width: 0;
	height: 0;
	border-left: 120px solid transparent;  /* 左辺 */
	border-right: 120px solid transparent; /* 右辺 */
	border-top: 100px solid #ffffff;;
	/*
	width:100px;
	height:100px;
	top:-50px;
	transform:rotate(45deg);
	background:#ffffff;
	*/
}



	/* ブランドの特徴 */
	
.about-features-section{
	max-width:1600px;
	margin:0 auto;
}

.about-features-section .about-features-item{
	margin:80px auto;
}


.about-features-section .about-features-item .about-features-item-headline{
	color:#63767a;
	font-size:40px;
	font-weight:normal;
	position:relative;
	display:flex;
	align-items:center;
	margin:40px 0;
}



.about-features-section .about-features-item .about-features-item-headline span{
	display:block;
}

.about-features-section .about-features-item .about-features-item-headline::before{
	height:2px;
	content:"";
	flex-grow:1;
	background:#6dacbd;
	margin-right:40px;
	width:20%;
	min-width:10%;
	max-width:20%;
}

.about-features-section .about-features-item .about-features-item-headline::after{
	height:18px;
	content:"";
	flex-grow:1;
	background:url('../img/about/index/features-headline-right-background.png') repeat-x;
	margin-left:240px;
}


.about-features-section .about-features-item:nth-of-type(even) .about-features-item-headline{
	position:relative;
	display:flex;
	flex-direction:row-reverse;
}

.about-features-section .about-features-item:nth-of-type(even) .about-features-item-headline::before{
	background:#6dacbd;
	margin-right:0;
	margin-left:40px;
	width:20%;
	min-width:10%;
	max-width:20%;
}

.about-features-section .about-features-item:nth-of-type(even) .about-features-item-headline::after{
	margin-left:0px;
	margin-right:240px;
}



.about-features-section .about-features-item-catch{
	color:#63767a;
	font-size:28px;
}


.about-features-section .about-features-item-image{
	text-align:center;
	margin:30px 0;
}


.about-features-section p.about-features-item-description{
	line-height:1.8;
}


.about-features-section .about-features-bottom{
	height:60px;
	width:100%;
	overflow:hidden;
	position:relative;
	background:#d8e2e5;
	margin:140px 0 20px;
}

.about-features-section .about-features-bottom::after{
	position:absolute;
	z-index:1;
	content:"";
	left:0;
	right:0;
	top:0;
	margin:0 auto;
	width: 0;
	height: 0;
	border-left: 120px solid transparent;  /* 左辺 */
	border-right: 120px solid transparent; /* 右辺 */
	border-top: 100px solid #ffffff;;
	/*
	width:100px;
	height:100px;
	top:-50px;
	transform:rotate(45deg);
	background:#ffffff;
	*/
}



	/* もっと知りたい方へ */
	
.about-more-contents-section{
	max-width:1280px;
	margin:40px auto 80px;
}


.about-more-contents-section ul.about-more-contents-navi-item-list{
	display:flex;
	padding:0 20px;
}

.about-more-contents-section ul.about-more-contents-navi-item-list > li{
	width:100%;
	margin:0 20px;
	border:2px solid #6dacbd;
	border-radius:8px;
	overflow:hidden;
}


.about-more-contents-section ul.about-more-contents-navi-item-list > li a:link,
.about-more-contents-section ul.about-more-contents-navi-item-list > li a:visited{
	display:flex;
	flex-direction:column;
	align-items:center;
	color:#6dacbd;
	border-bottom:6px solid #cfe1e5;
}

.about-more-contents-section ul.about-more-contents-navi-item-list > li .about-more-contents-navi-item-image{
	margin-bottom:14px;
}

.about-more-contents-section ul.about-more-contents-navi-item-list > li .about-more-contents-navi-item-caption{
	margin-bottom:14px;
	text-align:center;
	font-size:20px;
	margin-bottom:20px;
}

.about-more-contents-section ul.about-more-contents-navi-item-list > li .about-more-contents-navi-item-link-icon{
	background:#6dacbd;
	border-radius:300px;
	color:#ffffff;
	line-height:1;
	padding:10px;
	font-size:20px;
	margin-bottom:20px;
}

.about-more-contents-section ul.about-more-contents-navi-item-list > li a:hover,
.about-more-contents-section ul.about-more-contents-navi-item-list > li a:active{
	opacity:0.7;
}