@charset "UTF-8";

/* テクノロジー */
#contents{
	padding-bottom:0;
}
@media (min-width: 1300px) {
	.content.technology{
		margin:0 11%;
	}
}

#anchor-btn{
	margin:5px 40px 10px;
}
#anchor-btn ul{
	font-size:0;
	text-align:center;
}
#anchor-btn ul li{
	border-top:1px solid #FFF;
	display:inline-block;
	width:calc(50% - 15px);
	font-family:'Open Sans';
	font-weight:600;
	font-size:1.2rem;
	line-height:120%;
	letter-spacing:0.15em;
	margin-top:25px;
}
#anchor-btn ul li:nth-child(odd){
	margin-right:30px;
}
#anchor-btn ul li a{
	display:block;
	color:#FFF;
	padding-top:15px;
}
#anchor-btn ul li a:hover{
	color:rgba(255,255,255,0.5);
}
.initial.btn{
	font-weight:500;
	font-size:250%;
}
@media (min-width: 568px) {
	#anchor-btn{
		margin:5px 50px 10px;
	}
	#anchor-btn ul li{
		width:calc(25% - 24px);
		margin-right:32px;
	}
	#anchor-btn ul li:nth-child(odd){
		margin-right:32px;
	}
	#anchor-btn ul li:last-child{
		margin-right:0;
	}
}
@media (min-width: 667px) {
	#anchor-btn{
		margin:5px 60px 10px;
	}
}
@media (min-width: 736px) {
	#anchor-btn{
		margin:5px 70px 10px;
	}
}
@media (min-width: 768px) {
	#anchor-btn{
		margin:5px 15% 10px;
	}
}
@media (min-width: 1024px) {
	#anchor-btn{
		margin:5px 25% 10px;
	}
}
@media (min-width: 1300px) {
	#anchor-btn{
		margin:5px 30% 10px;
	}
}

a.anchor{
    display: block;
    padding-top:60px;
    margin-top:-60px;
}
@media (min-width: 1180px) {
	a.anchor{
		padding-top:0;
		margin-top:0;
	}
}

.detail-wrap{
	font-size:0;
}
.detail{
	position:relative;
}
.detail h3{
	font-family:'Open Sans';
	font-weight:700;
	font-size:1.6rem;
	letter-spacing:0.2em;
	line-height:130%;
}
.initial{
	font-family:'Jost';
	font-weight:600;
	font-size:320%;
}
.initial.t2{
	letter-spacing:0.25em;
}
.pcapc{
	padding-left:28px;
}
.detail h4{
	font-size:1.8rem;
	padding:20px 0 10px;
	letter-spacing:0.2em;
}
.detail p{
	font-size:1.4rem;
}
.detail img{
	padding-top:20px;
}
@media (min-width: 568px) {
	.detail h4{
		padding:25px 0 15px;
	}
}
@media (min-width: 1024px) {
	.detail-wrap{
		/*display:-webkit-box;
    	display:-moz-box;
    	display:-ms-box;
    	display:-webkit-flexbox;
    	display:-moz-flexbox;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:-ms-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
		align-items:center;*/
	}
	.detail{
		display:inline-block;
		vertical-align:bottom;
		width:calc(50% - 40px);
		padding-right:40px;
	}
	.detail:nth-child(even){
		padding-right:0;
		border-left:1px solid #333;
		padding-left:39px;
	}
	.detail.h2{
		padding-left:40px;
	}
	.detail.h2:nth-child(even){
		border:none;
		padding-left:0;
	}
	.detail.h2:nth-child(odd){
		padding-left:0;
		border-right:1px solid #333;
		padding-right:39px;
	}
	.detail h3{
		font-size:1.7rem;
		padding:50px 0 20px;
	}
	.pcapc{
		padding-left:29px;
	}
	.detail img{
		padding-top:0;
	}
}
@media (min-width: 1300px) {
	.detail h3{
		font-size:1.9rem;
	}
	.pcapc{
		padding-left:33px;
	}
}