@charset "UTF-8";

/*個別*/



/* =================================================================================

　トップページの本文コンテンツ

================================================================================= */


/*================================================
 *  メイン共通
 ================================================*/

/**/

.info{
	display:block;
	padding:155px 0;
	}

.info_title{
	margin-bottom:90px;
	}
.info_title h2{
	display:inline-block;
	font-size:37px;
	color:#5c7b98;
	border-bottom:1px solid #5c7b98;
	padding-bottom:4px;
	margin:-30px 0 0;
	font-weight:300;
	}

.info_body{
	}
.info_body p{
	/*font-size:16px;*/
	}
.info_body img{
	width:100%;
	}


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

.info{
	width:84%;
	margin:0 auto;
	padding:70px 0;
	}

.info_title{
	margin-bottom:50px;
	}
.info_title h2{
	font-size:33px;
	padding-bottom:3px;
	margin:-15px 0 0;
	}
.info_body{
	}
.info_body p{
	font-size:15.5px;
	}
}

/*インフォ横並び*/

.split{
	display:flex;
	justify-content: space-between;
	}
.split .info_title{
	width:30%;
	}
.split .info_body{
	width:62%;
	}
	

		@media screen and (max-width:959px) {
		.split{display:block;}
		.split .info_title , .split .info_body{width:100%;}			
		}


/*================================================
 *  冒頭
 ================================================*/

/**/

.intro_area{
	padding:0 0 170px;
	position:relative;
	
	width:960px;
	margin:0 auto;
	}

		@media screen and (max-width:959px) {
		.intro_area{
			padding:0 0 50px;
			width:84%;}
		}

.slogan{
	font-size:39px;
	letter-spacing:0.1em;
	font-weight:bold;
	font-weight:700;
	line-height:120%;
	color:#5c7b98;
	text-align:center;
	margin:140px 0 125px;
	}
		@media screen and (max-width:959px) {
		.slogan{text-align:left;
		font-size:6.2vw;
		margin:60px 0 60px;
		}
		}


.lead{
	display:flex;
	justify-content:space-between;
	z-index:11;
	}
.lead .item_l{
	width:54%;
	}
.lead .item_l img{
	width:100%;
	border-radius:2px;
	}
.lead .item_r{
	width:43%;
	display:flex;
	/*align-items:center;*/
	padding-top:200px;
	font-size:18px;
	font-weight:400;
	letter-spacing:0;
	line-height:170%;
	color:#000;
	}	
	


		@media screen and (max-width:959px) {
		.lead{
			flex-direction: column;
			width:100%;}
		.lead .item_l , .lead .item_r{width:100%;}	

		.lead .item_l img{
			width:100%;
			}

		
		.lead .item_r{
			padding:17px 0 0;
			font-size:15.5px;
		}
		
		}

.lead_back{
	background:#f2f5f7;
	width:570px;
	height:360px;
	position:absolute;
	top:240px;
	left:410px;
	z-index:-5;
	}
@media screen and (max-width:959px) {
.lead_back{
	display:none;
	}	
	
}

/*================================================
 * COMPANY STRUCTURE
 ================================================*/

/**/


.structure{}

.structure .item strong{
	color:#5c7b98;
	font-weight:bold;
	font-size:18px;
	color:#b5b1d0;
	}
.structure .item p{
	margin:10px 0 40px;
	}

.cpfig{
	margin:0 0 40px;
	}
	
@media screen and (max-width:959px) {
	
	
#company_structure h2{/*一行納*/
	font-size: clamp(23px, 7.8vw, 33px);
	}

.structure .item strong{
	font-size: clamp(13px, 4.6vw, 18px);
	color:#b5b1d0;
	}
.structure .item p{
	margin:10px 0 40px;
	}

.cpfig{
	margin:0 0 40px;
	}
	
}
	
	
	
	
	
	
		
/*================================================
 *  EQUIPMENT
 ================================================*/

#equipment{}

#equipment h4{
	font-size:20px;
	margin-bottom:5px;
	}



.eqfig{margin:0 0 10px;}

@media screen and (max-width:959px) {
	.eqfig{margin:15px 0 15px;}
}



/*================================================
 *  WORKS
 ================================================*/
/**/

.youtubelist{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	max-width:820px;
	margin:0 auto;
	}
.youtubelist .item{
	width:46%;
	margin-bottom:55px;
	}
.youtubelist .item{
	transition:all 0.2s ease 0s;
	}
.youtubelist .item:hover {
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	-ms-filter: brightness(1.2);
	}
.youtubelist .item strong{
	display:block;
	font-size:14px;
	line-height:1.2;
	margin-bottom:4px;
	}
.youtubelist .item img{
	display:block;
	margin-bottom:7px;
	}
.youtubelist .item p{
	line-height:125%;
	font-size:14px;
	letter-spacing:0;
	}
.btn_more {
	padding-top:30px;
	text-align:center;
	}	
	
	
		@media screen and (max-width:959px) {
		.youtubelist{
			flex-direction: column;
			width:85%;
			padding-top:0;

			}
		.youtubelist .item{
			width:100%;
			margin-bottom:40px;
			}	
		}



/*Moreページ用拡張*/
.youtubelist_allworks{
	max-width:1280px;
	}
.youtubelist_allworks .item{
	width:31%;
	margin-bottom:25px;
	}


		@media screen and (max-width:959px) {
		.youtubelist_allworks{
			}
		.youtubelist_allworks .item{width:100%;}	
		}




.pageback{
	padding-top:40px;
	text-align:center;
	}
.pageback a{
	font-size:19px;
	border:1px solid #aaa;
	border-radius:4px;
	padding:0.1em 2em;
	line-height:1;
	}
	
	
/*================================================
 *  @
 ================================================*/











		
.xxxxxxx{
}

		/*999px以下レイアウト*/
		@media screen and (max-width:959px) {
		
		.xxxxxxx{}
		
		
		}



















/* =================================================================================

PCサイズ限定

================================================================================= */
@media only screen and (min-width: 960px) {
	



/*PCサイズ限定*/}



/* =================================================================================

スマートフォン向けデザイン

================================================================================= */
@media screen and (max-width:959px) {





/*スマートフォン向けデザイン*/}