@charset "utf-8";

.detail_white{
	background:#fff;
}


.sub_wrapper{
	background:#E8E6FF;
	position:relative;
}

.subtitle{
	text-align:center;
	font-size:3.7em;
	color:#281C7A;
	margin:30px 0 70px;
	letter-spacing:2px;
	font-family: "myfont_eng", sans-serif;
}

.subtitle img{
	max-width:200px;
}

@media all and (min-width: 320px) and (max-width: 880px) {
.subtitle{
	margin:60px 0 60px;
	}
.titleBox h3 img{
	max-width:250px;

}
}
/*------大枠--------*/
.sub_contents{
	max-width:1400px;
	margin: 0 auto;
	padding:150px 0 ;
	position:relative;
/*	background:#ccc;*/
}
@media all and (min-width: 320px) and (max-width: 880px) {
.sub_contents{
	max-width:90%;
	padding:80px 0 30px;
	position:relative;

	}

}

/*------内容メイン--------*/
.sub_contents_detail{
	max-width:1000px;
	margin: 0 auto;
/*	background:#ccc;*/
}
@media all and (min-width: 320px) and (max-width: 880px) {
.sub_contents_detail{
	max-width:100%;
	}
}

.whitebox{
	padding:5em;
	background:#fff;
	margin:10em auto  ;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.whitebox{
	padding:1em;
	background:#fff;
	margin:5em auto;
	}
}
/*------タイトル--------*/
.detail_title{
	max-width:900px;
	margin: 0 auto;
	font-size:8.5em;
	font-family: "myfont_eng", sans-serif;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.detail_title{
	max-width:90%;
	font-size:5em;
	}
}

.engtitle{
	margin: 80px 0 60px;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.engtitle{
	margin: 20px 0 60px;
	}
}

.engtitle dl dt{
	font-size:1.1em;
	text-align:center;
}
.engtitle dl dd{
	font-size:5em;
	text-align:center;
}
.copytxt{
	text-align:center;
	line-height:2.8;
	max-width:900px;
	margin: 0 auto;
}
.copytxt span{
	display:block;
	margin:45px 0 ;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.copytxt{
	max-width:90%;
	}
}

.ceo{
	text-align:center;
	margin:100px 0 0;
}
.ceo span{
	text-align:center;
	font-size:2em;
	display:inline-block;
	margin:0 10px;
}

.pointImg {
	text-align:center;
	margin:80px 0 0;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.pointImg {
	margin:40px 0 0;
	}
}
.pointImg img{
	max-width:450px;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.pointImg img{
	max-width:80%;
	}
}



/*---Case Study---*/
.sub_wrapper_white{
	padding:15em 0;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.sub_wrapper_white{
	padding:7em 0 10em;
	}
}


/*----テーブル-----*/
.common_table{
	width:100%;
	font-size:1.1em;
}

.common_table span{
	background:url(../../cmn/images/map.png) no-repeat 0 50% ;
	background-size:8px;
	padding:0 0px 0 10px;
}
.common_table a{
	color:#333;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.common_table{
	width:90%;
	font-size:1.3em;
	margin: 0 auto 60px;
	}
}

.common_table th{
	padding:40px 0 ;
	width:150px;
	border-top:1px solid #595757;
	font-weight:500;
}	
.common_table td{
	padding:40px 0 ;
	border-top:1px solid #595757;
}
.common_table span{
	display:inline-block;
	margin: 0 0px 0 15px;
}


@media all and (min-width: 320px) and (max-width: 880px) {
.common_table th{
	width:100%;
	display:block;
	padding:40px 0 10px;
		border:none;

	}
.common_table td{
	width:100%;
	display:block;
	border:none;
	padding:20px 0 30px;
	}
}

.common_table .top_less{
	border-top:none;

}
.common_table .last_less{
	border-bottom:1px solid #595757;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.common_table .top_less{
		border:none;
	}
.common_table .last_less{
			border:none;
}
.common_table .sp_line{
	border-bottom:1px solid #595757;
	}
}
/*--------------------philosophy--------------------*/
.philosophy_flex{
	display:flex;
	align-items:center;
	margin:-40px 0 60px;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.philosophy_flex{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	}
.order1{
	order:1;
	}
}

.philosophy_flex div{
		padding:0 40px 0 40px;
}
@media all and (min-width: 320px) and (max-width: 880px) {
.philosophy_flex div{
	padding:20px 0px;
	}
}
.philosophy_txt{
	line-height:2.2;
	max-width:420px;
/*	background:#ccc;*/
	padding:0 10px 0 20px;
	font-size:1.1em;
}
.philosophy_txt span{
	display:block;
	margin:20px 0 ;
}
.casestudy{
	background:#E3DBFF!important;
}

.midashi_title img{
	max-width:30%;
	min-height:100px;

}

@media all and (min-width: 320px) and (max-width: 880px) {
.midashi_title img{
	max-width:200px;
	}
}