/*--------------------------------

business

--------------------------------*/

/* pagetitle */

.pagetitle .inner {position:relative;}
.inner {display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start; align-items:flex-start;}
.pagetitle .inner a.companyLogo {position:absolute; bottom:50px; right:0; transition: .2s;}
.pagetitle .inner a.companyLogo:hover {opacity: .5;}
.pagetitle .inner a.companyLogo img {max-width:100%;}

@media screen and (max-width: 640px) {
	
	.pagetitle .inner a.companyLogo {width:150px; bottom:30px;}
	.pagetitle .inner a.cosmosLogo,.pagetitle .inner a.trustLogo {width:100px; bottom:30px;}

}


/* about */

#about {margin-bottom:90px;}

#about .section_title {margin-left:-18px;}
#about .section_title::before {left:18px;}

#about .contents {padding: 3.6% 4.6%; background-color:#fff;}
#about .contents p {text-align:justify;}

@media screen and (max-width: 640px) {
	
	#about .section_title {margin-left:-14px;}
	#about .section_title::before {left:14px;}
}


/* detail */

#detail {margin-bottom: 140px;}
#detail .inner {display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start; align-items:flex-start;}

#detail .inner .image ,
#detail .inner .text {width:48%;}

#detail .inner .image img {max-width:100%;}

#detail .inner .text h3 {
	margin:0 0 20px;
	font-size:2rem;
	font-weight:700;
}
#detail .inner .text h3 b {
	margin-left:5px;
	display:inline-block;
	font-family:"Oswald", sans-serif;
	font-weight:500;
	font-size:3.6rem;
	line-height:1;
	letter-spacing:-0.01em;
}

#detail .inner .text a.web_sns {
	width:100%;
	max-width:220px;
	margin:10px 0 0;
	display:block;
	padding:8px 20px;
	color:#fff;
	background:#a0c922;
	position:relative;
	transition: .2s;
}
#detail .inner .text a.web_sns:hover {
	background:#202020;
}
#detail .inner .text a.web_sns::after {
	content: "";
	width: 0;
	height:0;
	margin:auto;
	position:absolute; top:0; bottom:0; right:12px;
	border-style:solid;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:10px solid #ffffff;
	border-right:0;
}

#detail .inner .address {
	margin: 20px 0 0;
	padding:20px 0 0;
	border-top:solid 1px #202020;
}
#detail .inner .address .tel {
	font-family:"Oswald", sans-serif;
	font-weight:500;
	font-size:3.6rem;
	line-height:1;
	letter-spacing:-0.01em;
	position:relative;
	padding-left:28px;
}
#detail .inner .address .tel:before {
	content: "";
	background: url(../images/share/icon_tel.svg) no-repeat;
	width: 23px;
	height:26px;
	position:absolute; top:58%; left:0;
	transform:translateY(-50%);
}
#detail .inner .address p:nth-child(3) {
	font-size:1.4rem;
	margin-left:-10px;
}

@media screen and (max-width: 640px) {
	
	#detail {margin-bottom:80px;}

	#detail .inner .image ,
	#detail .inner .text {width:100%;}
	
	#detail .inner .text {margin:20px auto 0;}

	#detail .inner .address p:nth-child(1) {
		font-size: 1.3rem;
		margin-bottom: 6px;
	}
	#detail .inner .address .tel {
		font-size: 3rem;
		padding-left: 24px;
	}
	#detail .inner .address .tel:before {
		width: 20px;
		height: 23px;
	}
	#detail .inner .address p:nth-child(3) {
		font-size: 1.3rem;
		margin-left: -8px;
	}
}