@charset "utf-8";
body {
	-webkit-print-color-adjust: exact;
}

/* main visual #mavisual ---------------- */
#mavisual{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	border-bottom: solid 1px #efefef;
	background: url(../images/mv_bg_pc1920.png) no-repeat    !important;
	background-size:cover;
	background-position:center center;
}
#mavisualinner{
	background: url(../images/mv/mv_text_2022.png) no-repeat    !important;
	margin: 0 auto;
	background-position:center center;
	position: relative;
}

#mavisual #mavisualinner .h1box{
	width:100%;
	height: 100%;
	position: relative;
}

@media screen and (max-width:1023px){
#mavisualinner{
	padding: 0px 0px;
	height: 428px;
	background-size:  80% auto !important;
	background-position:center center !important;
	}

	#mavisual #mavisualinner .h1box{
	width:100%;
	box-sizing: border-box;
	background: rgba(255,255,255,0.6);
	}
	.h1box ul{
	width: 100% !important;
	padding: 124px 0 0 64px;
	}
}
@media print, screen and (min-width:1024px){
	#mavisualinner{
	width: 100%;
	height: 468px;
	max-width: 630px;
	box-sizing: border-box;
	background-size: 100% auto !important;
	background: url(../images/mv/mv_text_2022.png) no-repeat    !important;
		background-position:center center !important;
	}
}



/* ma left div */
.h1box{
}
.h1box h1{
	width: 100%;
	font-size: 1.8em;
	line-height: 1em;
}
.h1box h1 span{
	display: block;
	position: absolute;
}
/* text1 想いをカタチにしちゃう会社サトラボ。 -- */
.h1subtxt{
	width: calc(100% - 64px);
	font-size: 0.8em;
	letter-spacing: 0.035em;
	position: absolute;
}
/* text2 -- サトラボ - Sato - Laboratory */
.mvft_bg{
	font-size: 1em;
	box-sizing: border-box;

}
/*　under txet formlink */
.h1box ul{
	width: 60%;
	box-sizing: border-box;
	position: absolute;
	bottom: 126px;
	left: 0;
	font-size: 1.4em;
}
.h1box ul li span{
	display: block;
}
.mv_subtxt1{
	line-height: 1em;
	font-size: 1.em;
	margin-bottom:6px;
}
.mv_subtxt2{
	line-height: 1.4em;
	font-size: 1em;
	letter-spacing: 0.055em;
}
li.pc_tellbtn a{
	width: calc(100% - 96px);
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	line-height: 1em;
	letter-spacing: 0.045em;
	padding: 16px 20px 14px;
	background: #1e1e1e;
	border: solid 1px #FFF;
	border-radius: 3px;
	position: absolute !important;
	bottom: 62px;
	left:48px;
}
.pc_tellbtn a:hover{
	background:#DD4346;
	}
.pc_tellbtn a:after{
	top: calc(50% + 0.5px);
	right: 24px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	}




/* sidebar floating bottom limit 
** function.phpで非表示だけだと、floatが突き抜ける
*/
#breadcrumb{
	display: none;
}
/* #contents --------------------------------- */





/* H2 */
#main_cnt h2{
	width: 100%;
	display: block;
	padding:8px 0;
	box-sizing: border-box;
	font-size: 1.15em;
	line-height: 1.5em;
	letter-spacing: 0.045em;
	margin-bottom:8px;
}
/* cntent base */
.content_base{
	width: 100%;
	margin-bottom: 88px;
}
/* margin-bottomは#contentsで指定 */
.content_base:last-child{
	margin-bottom: 0 !important;
	
}
/* -- #contents -- #main_cnt -- div.newsbox*/
/* .content_index1 */
/* .content_index1 */
.content_index1 p{
	width: 100%;
	display: block;
	background:url(../images/bunner_covid_pc.png) no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding-top: 35.04%;
	line-height: 1;
	font-size: 0;
	margin-bottom: 48px;
}

.content_index1 ul{
	background: #0078D7;
	box-sizing:border-box;
	padding: 24px 0;
	margin-bottom: 24px;
}
.content_index1 ul li:nth-child(1){
	width: 80%;
	margin: 0 auto 3.2%;
}
.content_index1 ul li:nth-child(2){
	width: 100%;
	box-sizing: border-box;
	padding: 0 4.8%;
	color: #fff;
}

.content_index1 ul li:nth-child(3){
	width: 100%;
	box-sizing: border-box;
	padding: 0 4.8%;
	color: #fff;
}

.content_index1 ol{
	background: #F7F7F7;
	box-sizing:border-box;
	padding: 6.4% 4.8%;
	margin-bottom: 12%;
	border: dotted 1px #1D6DA3;
}
.content_index1 ol li:nth-child(2){
	font-size: 14px;
	line-height: 1.7em;
}

/* content_2 */
.content_2{
	width: 100%;
	clear: both;
	overflow: hidden;
}

.content_2 .h2div{
	width: 100%;
	margin-bottom: 16px;
	clear: both;
	overflow: hidden;
	
}

.content_2 .cnt2_h2_1{
	width: 100%;
	display: block;
	color: #F26A2B;
	font-size: 1.3em !important;
	line-height: 1em;
	border-bottom: solid 1px #F26A2B;

}



.content_2 h2{
	font-size: 16px;
	line-height: 1.2em;
	margin-bottom: 12px;
	font-weight: bold;
}

.content_2 .cnt2_h2_2{
	width: 100%;
	margin-bottom: 20px !important;
	display: block;
	color: #F26A2B;
	font-size: 1.3em !important;
	line-height: 1em;
	border-bottom: solid 1px #F26A2B;
	clear: both;
	overflow: hidden;
}

.h2img{
	width: 40%;
	float: left;
	box-sizing: border-box;
	padding-right: 16px;
	margin-bottom: 64px;
}

.content_2 ul{
	
}
.content_2 ul.h2_1ul{
	width: 60%;
	float: left;
}
.content_2 ul.h2_1ul li h1{
	font-size: 16px !important;
}
.content_2 ul li{}

ul.plan{
	width: 100%;
	padding-bottom: 24px;
	margin-bottom: 48px;
	box-sizing: border-box;
	border-bottom: dotted 1px #666; 
}

ul.plan li:nth-child(1){
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 12px;
}
ul.plan li:nth-child(2){
	font-size: 14px !important;
	margin-bottom: 24px;
}

ul.plan li:nth-child(3) a{
	width: 40%;
	display: block;
	position: relative;
	margin-left: 60%;
	height: 44px;
	line-height: 44px;
	box-sizing: border-box;
	padding: 0 12px;
	background: #318DCB;
	color: #fff;
	font-size: 14px;
}
ul.plan li:nth-child(3) a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 14px;
	width: 3px;
	height: 3px;
	margin: -2px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
   	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);	
	}












/* content_3 */
.content_3 h2{
	text-align: center;
	display: block;
	box-sizing: border-box;
	padding: 24px 0 !important;
	border-top:solid 1px #F26A2B;
	border-bottom:solid 1px #F26A2B;
	margin-bottom: 24px !important;
}
.content_3 h2 img{
	width: 71.4%;
	
}
.content_3 h3{
	text-align: center;
	display: block;
	margin-bottom: 18px !important;
	
}
/* content_3 text */
.content_3 ol{
	margin-bottom: 12%;
}
/* content_3 -- */
.content_3 ul{}

/* content_4 */
.content_4{}