@charset "utf-8";
/*vision*/

/**/
#mv{
	background-color:#dcf0f5;
	padding:0 5%;
}
@media screen and (max-width:768px) {
	.maskScroll{
		overflow: auto;	/*tableをスクロールさせる*/
		white-space: nowrap;	/*tableのセル内にある文字の折り返しを禁止*/
		margin-bottom:20px;
	}
}

/**/
.maskTxt01{
	font-size:1.6rem;
	font-weight:bold;
	text-align: center;
	color: #333;
	margin:40px 0;
}
.maskTxt01 em{
	color: #dc5c1f;
	font-style:normal;
}
@media screen and (min-width:768px) {
	.maskTxt01{
		font-size:2rem;
	}
}
/*モビロンテープの特徴*/
.maskTtl01{
	font-weight:bold;
	font-size:2rem;
	margin-bottom:20px;
	color:#2e3d8a;
}
@media screen and (min-width:768px) {
	.maskTtl01{
		font-size:3rem;
	}
}
/**/
.maskTable01{
	border-spacing:0;
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	font-size:1.2rem;
	margin:0 auto;
}
.maskTable01 th,
.maskTable01 td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
}
.maskTable01 th[scope="col"]{
	font-size:1.4rem;
}
.maskTable01 th[scope="col"]:nth-of-type(3){
	background-color:#2e3d8a;
	color:#fff;
}
.maskTable01 th[scope="row"]{
	text-align:left;
}
.maskTable01 td:nth-of-type(1){
	background-color:#f2f2f2;
}
.maskTable01 td:nth-of-type(2){
	background-color:#dcf0f5;
	color:#2e3d8a;
	font-weight: bold;
}
@media screen and (min-width:768px) {
	.maskTable01{
		font-size:1.8rem;
		margin:0 auto 40px;
	}
	.maskTable01 th[scope="col"]{
		font-size:2rem;
	}
	.maskTable01 th[scope="row"]{
		padding:10px 20px;
	}
}
/**/
.maskImg{}
.maskImgUnit{
	margin-bottom:40px;
}
.maskImgUnit figure{
	margin:0 auto 20px;
	max-width:360px;
}
.maskImgTxtwrap{
	background-color:#dcf0f5;
	padding:20px;
	text-align:left;
}
.maskImgTxtwrap h4{
	font-weight:bold;
	font-size:1.8rem;
	color:#2e3d8a;
}
.maskImgTxtwrap h4 span{
	font-weight:normal;
	font-size:1.4rem;
	color:#333;
}
.maskImgTxtwrap p{
	font-size:1.4rem;
}
@media screen and (min-width:768px) {
	.maskImg{
		display:flex;
		max-width:800px;
		justify-content: space-between;
		margin:0 auto 60px;
	}
	.maskImgUnit{
		width:47.4%;
		max-width:360px;
	}
	.maskImgTxtwrap h4{
		font-size:2rem;
	}
	.maskImgTxtwrap h4 span{
		font-size:1.6rem;
	}
	.maskImgTxtwrap p{
		font-size:1.6rem;
	}
}
/*物性・仕様*/
#mask .ttl02{font-size:1.6rem;margin:0 0 20px;}
@media screen and (min-width:768px) {#mask .ttl02{font-size:2rem;}}
.maskTable02{
	border-spacing:0;
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	font-size:1.2rem;
	margin:0 auto;
}
.maskTable02 th,
.maskTable02 td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
}
.maskTable02 th[scope="col"]{
	background-color:#2e3d8a;
	color:#fff;
	font-weight: normal
}
.maskTable02 th[scope="row"]{
	font-size:1.4rem;
}
@media screen and (min-width:768px) {
	.maskTable02{
		font-size:1.4rem;
		margin:0 auto 20px;
	}
	.maskTable02 th[scope="row"]{
		font-size:1.6rem;
	}
}
/*お問い合わせ*/
.conBtn{
	margin:0 auto 20px;
	display:block;
	text-align:center;
	background-color:#00a0e9;
	color:#fff !important;
	text-decoration: none !important;
	max-width:500px;
	padding:20px 10px;
	font-size:1.6rem;
	font-weight: bold;
	position:relative;
}
.conBtn::before{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #fff;
	left:20px;
	top:calc(50% - 10px);
}
@media screen and (min-width:768px) {
	.conBtn{
		font-size:2rem;
		padding:25px 15px;
	}
}
.conTel{
	font-size:1.4rem;
	text-align:center;
	line-height:1.3;
}
.conTel em{
	font-size:3.5rem;
	display:block;
}
.conTel small{
	font-size:70%;
}
@media screen and (min-width:768px) {
	.conTel em{
		display:inline-block;
		margin-left:20px;
	}
}