@charset "utf-8";
/* CSS Document */
body {
	font-family: "ヒラギノ角ゴ Pro W3",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP', sans-serif, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "ss02";
	font-size:16px;
	line-height: 1.8;
	position:relative;
}

.container{
	max-width: 1024px;
	margin: 0 auto;
}

@media (max-width: 1024px) {
.container{
    width:100%;
    margin: 0 auto;
    }
}	
/*メインビジュアル*/
.main{
    background-color: #fff;
}
.main-inner{
    background-image: url(img/head_bg-en.png);
	background-repeat: no-repeat;
    background-position: top center;
	height: 610px;
}
@media (max-width: 770px) {
.main-inner{
    background-image:none;
	background-repeat: no-repeat;
    background-position: top center;
	height: auto;
}
}
.c_logo{
	padding: 15px 0 0 10px;
}
.bl01-copy{
	margin: 157px 0 0 10px;
}
@media (max-width: 770px) {
.pc_img img{
    width: 96%;
    height: auto;
    display: block;
    margin: 0 auto;
}  
}

.pc_img{
    display: block;
}
.sma_img{
    display: none;
}   

/*block02*/
.block02{
    background-color: #ffffff;
}
.block02_inner{
	background-image: url("img/block02-bg.png");
	background-repeat: no-repeat;
    background-position: center 280px;
	background-size: contain;
}

@media (min-width: 1536px) {
.block02_inner{
	background-size: contain;
}
}	
.product-lineup{
	background-image: url("img/bl02-products-ph.png");
	background-repeat: no-repeat;
	background-position: center 110px;
}

.block02 .container{
    padding: 30px 0;
    position:relative;
}
.cont-flexbox{
	display: flex;
}
.productns{
	width: 245px;
}

a.lineup-btn{
	border:1px solid #bb4622;
	display: block;
	background-color: transparent;
	color: #bb4622;
	text-align: center;
	margin: 15px 0;
	border-radius:5px;
}
a.lineup-btn:hover{
	border:1px solid #bb4622;
	display: block;
	background-color:#bb4622;
	color: #fff;
}
.lineup01{
	margin: 0 0 0 20px;
}
.lineup02{
	margin: 0 0 0 368px;
}
.lineup03{
	margin: 305px 0 0 174px;
}
.lineup04{
	margin: 378px 0 0 100px;
}
/*DOM-24の文字数大幅増*/
.productns.lineup04{
	width: 500px;
	text-align: right;
}
.productns.lineup04 p{
	text-align: left;
}
@media (max-width: 1024px) {
.product-lineup{
	background-size: contain;
	background-position: center 140px;
}
.lineup01{
	margin: 0 0 0 20px;
}	
.lineup02{
	margin: 0 0 0 300px;
}	
.lineup03{
	margin: 280px 0 0 174px;
}	
.lineup04{
	margin: 280px 0 0 240px;
}	
}
.lineup-sma01{
		display: none;
	}	
@media (max-width: 960px) {
.block02_inner{
	background-image:none;
}
.product-lineup{
	background-image:none;
}	
.cont-flexbox{
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}	
.productns{
	width: 45%;
}	
.productns img{
	width:110%;
	height: auto;
}	
/*DOM-24の文字数大幅増*/
.productns.lineup04{
	width: 45%;
	text-align: left;
}
.productns.lineup04 p span{
	margin-bottom: 20px;
}
.lineup01{
	margin: 0 10px 0 0;
}
.lineup02{
	margin: 0;
}
.lineup03{
	margin: 0 10px 0 0;
}
.lineup04{
	margin: 0;
}
.lineup-sma01{
	display: block;
	}
.lineup-sma01 img{	
	width: 100%;
	height: auto;
	}		
}	

.productns-quality{
	margin:60px 0 0 0;
	display: flex;
}
.productns-quality .pro-quality-txt{
	width: 500px;
	margin:90px 0 0 0;
}
.quality_img_pc{
	display: block;	
}
.quality_img_sma{
	display: none;
}
@media (max-width: 960px) {
.productns-quality{
	background-image: url("img/bl02-image_quality2.png");
	margin:30px 0;
	display: flex;
	flex-wrap: wrap;
/*	justify-content: flex-end;*/
	background-size:contain;
	background-repeat: no-repeat;
	background-position: right top;
}
.productns-quality .pro-quality-txt{
	width: 88%;
	margin:0 auto 5%;

}
.quality_img_pc{
	display: none;
}
.quality_img_sma{
	display: block;
	margin:0 0 0 5%;
}
.quality_img_sma img{
	width:100%;
	height: auto;
}	
}
.products-all{
	padding: 8px 0;
}
.bg-kazari02to03{
	background-image: url("img/block02-03bg2.jpg");
	background-repeat: repeat;
    background-position: center top;
	/*background-size: auto;*/
	height: 38px;
}
.bg-kazari03to04{
	background-image: url("img/block03-04bg.jpg");
	background-repeat: repeat;
    background-position: center top;
	/*background-size: auto;*/
	height: 37px;
}
.bg-kazari04to05{
	background-image: url("img/block04-05bg.jpg");
	background-repeat: repeat;
    background-position: center top;
	/*background-size: auto;*/
	height: 54px;
	background-color: #292826;
}
@media (min-width: 1536px) {
.block04{
	background-size:cover;
}
.bg-kazari03to04{
	background-size:cover;
}
.bg-kazari04to05{
	background-size:cover;
}
}	

/*block03*/
.block03{
    background-color: #e9e6e0;
    padding: 0 0 60px;
}
.block03 p{
	font-size:1.15em;
}
.nayami-tonyu{
	background-image: url(img/bl03-bg01-en.jpg);
	background-repeat: no-repeat;
    background-position: top center;
	position: relative;
}
.nayami-tofu{
	background-image: url(img/bl03-bg02-en.jpg);
	background-repeat: no-repeat;
    background-position: top center;
	padding: 158px 0 0 0;
}
.nayami-atsuage{
	background-image: url(img/bl03-bg03-en.jpg);
	background-repeat: no-repeat;
    background-position: top center;
	padding: 190px 0 0 0;
}
.sma-img{
		display: none;
	}
@media (max-width:770px) {
.nayami-tonyu{
	background-image: none;
	position: relative;
}
.nayami-tofu{
	background-image: none;
	padding: 20px 0 0 0;
}
.nayami-atsuage{
	background-image: none;
	padding: 20px 0 0 0;
}	
}

.nayami-copy{
	width: 45%;
	border-left: 3px solid #9d9181;
	padding: 0 0 20px 30px;
}

@media (max-width:1200px) {
.nayami-copy{
	display:inline-block;
}
}
.nayami-copy h2{
	font-weight: bold;
	font-size:1.8em;
	font-family: "M PLUS Rounded 1c"!important;
}

.nayami-fig{
	width:580px;
	padding: 0 0 0 60px;
}
@media (max-width:1200px) {
.nayami-fig{
	width:55%;
	display: inline-block;
}
}
@media (max-width:770px) {
.nayami-fig{
	width:85%;
	padding: 0 0 0 10%;
}

}
@media (max-width:499px) {
.nayami-copy h2{
	font-weight: bold;
	font-size:1.4em;
	margin-top: 20px;
}		
.nayami-copy p{
	font-size:1em;
}	
}

.nayami-fig h3{
	font-family: "M PLUS Rounded 1c"!important;
	font-weight: bold;
	font-size:1.1em;
	padding: 0 0 15px 0;
}

.osusume-copy{
	font-size:0.9em;
	padding: 10px 0 0 0;
}
/*豆乳と厚揚げ個別の指定*/
.nayami-tonyu .container{
	padding: 180px 0 60px 0;
}
.nayami-atsuage .container{
	padding: 0 0 60px 0;
}
.nayami-tonyu .nayami-copy{
	margin: 0 0 140px 50%;
}
.nayami-atsuage .nayami-copy{
	margin:0 0 140px 50%;
}

@media (max-width:770px) {
.nayami-tonyu .nayami-copy{
	margin: 0 0 20px 2%;
	width: 90%;
}
.nayami-atsuage .nayami-copy{
	margin:0 0 20px 2%;
	width: 90%;
}
.nayami-tonyu .container{
	padding: 40px 0 60px 0;
}
.nayami-atsuage .container{
	padding: 40px 0 60px 0;
}
.nayami-fig p{
	font-size:1em;
}	
}


.nayami-tonyu .nayami-copy h2,.nayami-atsuage .nayami-copy h2{
	color: #bb4622;
}
.nayami-tonyu .nayami-fig h3,.nayami-atsuage .nayami-fig h3{
	color:#bb4622;
}
.nayami-tonyu .nayami-fig,.nayami-atsuage .nayami-fig{
	background-image: url(img/bl03-list-mark.png);
	background-repeat: no-repeat;
    background-position: top left 2%;
}
@media (max-width:770px) {
.nayami-tonyu .nayami-fig,.nayami-atsuage .nayami-fig{
	background-image: url(img/bl03-list-mark.png);
	background-size:5%;
	background-position: top 2% left 2%;
}
}

.nayami-tonyu .osusume-copy,.nayami-atsuage .osusume-copy{
	color: #bb4622;
}
.nayami-tonyu a.lineup-btn,.nayami-atsuage a.lineup-btn{
	border:2px solid #bb4622;
	display: block;
	background-color: transparent;
	color: #bb4622;
	text-align: center;
	margin: 12px 0;
	border-radius:5px;
	background-image: url(img/btn-mark.png);
	background-repeat: no-repeat;
    background-position: top 10px right 10px;
	letter-spacing: 0.6em;
}

.nayami-tonyu a.lineup-btn:hover,.nayami-atsuage a.lineup-btn:hover{
	border:2px solid #bb4622;
	display: block;
	background-color:#bb4622;
	color: #fff;
	background-image: url(img/btn-mark_over.png);
	background-repeat: no-repeat;
    background-position: top 10px right 10px;
}
/*豆腐個別の指定*/
.nayami-tofu .nayami-copy{
	margin: 0 0 90px 0px;
}
@media (max-width:770px) {
.nayami-tofu .nayami-copy{
	margin: 0 0 20px 2%;
	width: 90%;
}
}

.nayami-tofu .nayami-copy h2{
	color: #cc933b;
}


.nayami-tofu .nayami-fig h3{
	color:#cc933b;
}
.nayami-tofu .nayami-fig{
	background-image: url(img/bl03-list-mark2.png);
	background-repeat: no-repeat;
    background-position: top left 2%;
}
@media (max-width:770px) {
.nayami-tofu .nayami-fig{
	background-image: url(img/bl03-list-mark2.png);
	background-size:5%;
	background-position: top 2% left 2%;
}
}
.nayami-tofu .osusume-copy{
	color: #cc933b;
}
.nayami-tofu a.lineup-btn{
	border:2px solid #cc933b;
	display: block;
	background-color: transparent;
	color: #cc933b;
	text-align: center;
	margin: 12px 0;
	border-radius:5px;
	background-image: url(img/btn-mark2.png);
	background-repeat: no-repeat;
    background-position: top 10px right 10px;
	letter-spacing: 0.6em;
}
.nayami-tofu a.lineup-btn:hover{
	border:2px solid #cc933b;
	display: block;
	background-color:#cc933b;
	color: #fff;
	background-image: url(img/btn-mark_over.png);
	background-repeat: no-repeat;
    background-position: top 10px right 10px;
}
a.lineup-btn.nayami-btn{
	margin: 0 0 5px 0;
}
.tonyu01{
	margin: 76px 0 0 30%;
}
.tonyu02{
	margin: 76px 0 0 0;
}

@media (max-width:770px) {
.tonyu01{
	margin: 76px 0 0 0;
}
.tonyu02{
	margin: 76px 0 0 0;
}
.sma-img{
		display: block;
	}
.sma-img img{
	width: 80%;
	display: block;
	height: auto;
	margin: 0 auto;
	}	
}

/*block04*/
.block04{
	background-image: url(img/bl04-bg.jpg);
	background-repeat: no-repeat;
    background-position: top center;
	position: relative;
	background-size:cover;
	background-color: #292826;
/*	height: 1348px;*/
    padding: 0 0 20px;
}
.bl04-movie-area{
	display: flex;
	justify-content: space-between ;
	align-items: center;
	padding: 40px 0 70px;
}
@media (max-width:1100px) {
.bl04-movie-area{
	width: 94%;
	margin: 0 auto;
	}
.movie-title-img{
	width: 30%;
	margin-left: 1%;
	}	
.movie-youtube{
	width: 65%;	
	}	
.bl04-movie-area img{
	width: 100%;
	height: auto;
}
}
.bl04-movie-title{
	margin: 100px 0 0 0;
}
@media (max-width:499px) {
.bl04-movie-area{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.movie-title-img{
	width: 60%;
	height: auto;
	margin-left: 0%;
	margin: 0 auto 10px;
	}	
.movie-youtube{
	width: 96%;	
	margin: 0 auto 40px;
	}	
.bl04-movie-title {
    margin: 20px 0 0 0;
}	
}

@media (min-width: 1536px) {
.block04{
	background-size:cover;
}
}	
.bl04-customer-voice{
	background-color: #f7f6f3;
	margin: 0 auto 20px;
	width: 740px;
	background-image: url("img_en/bl04_customervoice_mark.png");
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	border-radius: 6px;
}
.bl04-customer-voice img{
	margin: 60px 0 0 0;
}
.bl04-customer-voice p{
	text-align: left;
	padding: 0 40px 20px;
	font-size:0.9em;
}
@media (max-width:1100px) {
.bl04-customer-voice{
	margin: 0 auto 20px;
	width: 94%;
	background-image: url("img_en/bl04_customervoice_mark.png");
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	border-radius: 6px;
}
}

/*block05*/
.block05{
/*    background:linear-gradient(90deg, #d2e7f8 0%, #d2e7f8 50%, #eaeff1 50%, #eaeff1 100%);*/
}
.block05 .container{
	padding: 35px 0 40px;
}
.block05 h2{
	font-family: "M PLUS Rounded 1c"!important;
	font-size:1.8em;
	text-align: center;
	padding: 0 0 30px;
	color:#7a6a56;
}
.block05 h2 span{
	color:#bb4622;
}

@media (max-width:1020px) {
.block05 h2{
	font-size:1.3em;
	text-align: center;
	padding: 0 0 30px;
	color:#7a6a56;
}	
.block05 img{
	display: block;
	width: 96%;
	height: auto;
	margin: 0 auto;
}
}


/*block06*/
.block06{
   background-color: #e9e6e0;
	background-image: url("img/bl06-bg3.jpg");
	background-repeat: no-repeat;
	background-position: top -100px center;
}
@media (min-width: 1536px) {
.block06{
	background-size:cover;
}
}	
.block06 .container{
    padding: 80px 0 60px;
    position:relative;
	text-align: center;
}
.block06 p,.block06 h3{
	text-align: left;
}
.et_pb_module {
  display: inline;
}
.secList {
  display: inline-block;
  text-decoration: none;
}
.secList:hover img {
  opacity: 0.6;
}
button {
    width: auto;
    padding:0;
    margin:0;
    background:transparent;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
	border: 0;
	outline: none;
}
.block06 .section{
	background-color: #fff;
	margin-bottom: 40px;
	padding: 20px 40px 25px;
	text-align: left;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.block06 h3{
	font-family: "M PLUS Rounded 1c"!important;
	background-color: #bb4622;
	display: inline-block;
	color:#fff;
	padding: 5px 15px;
	margin-bottom: 15px;
	text-align: left;
}
.bl06-flow-box{
 margin-top: 30px;
}
.flow-module{
	width: 1020px;
	height: 280px;
	position:relative;
}
@media (max-width:1020px) {
.bl06-flow-box{
	overflow: auto;
}

/*スクロールバーの横幅指定*/
.bl06-flow-box::-webkit-scrollbar {
    height: 10px;
}
/*スクロールバーの背景色・角丸指定*/
.bl06-flow-box::-webkit-scrollbar-track {
  border-radius: 6px;
	background: #f2f2f2;
	height: 10px;
}
/*スクロールバーの色・角丸指定*/
.bl06-flow-box::-webkit-scrollbar-thumb {
  border-radius: 6px;
	background:#bb4622;
	height: 10px;
}	
}
.fu01{
	position: absolute;
	top:0;
	left: 245px;
}
.fu02{
	position: absolute;
	top:0;
	left: 425px;
}
.fu03{
	position: absolute;
	top:0;
	left: 790px;
}
.fu04{
	position: absolute;
	top:0;
	left: 33px;
}
.fu05{
	position: absolute;
	top:0;
	left:479px;
}
.cs-flow{
	position: absolute;
	top:0;
	margin: 65px 0 80px;
}

@media (max-width:1020px) {
/*.cs-flow img{
	width: 96%;
	height: auto;
	display: block;
	margin: 0 auto;
}*/
}


@media (max-width:770px) {
.block06 h2 img{
	width: 60%;
	height: auto;
	display: block;
	margin: 0 auto;
	}
/*.bl06-flow-box{
	position:relative;
	height: 140px;
}*/
.block06 .container{
    padding: 20px 0 60px;
    position:relative;
	text-align: center;
}
}

@media (max-width:499px) {
.et_pb_module img{
/*	width: 80%;*/
	height: auto;
	display: block;
	margin: 0 auto;
	}	
/*.bl06-flow-box{
	position:relative;
	height: 100px;
	margin-bottom: 50px;
}	
	
.fu01{
	position: absolute;
	top:3%;
	left: 16.2%;
}
.fu02{
	position: absolute;
	top:3%;
	left: 35%;
}
.fu03{
	position: absolute;
	top:3%;
	left: 68%;
}
.fu04{
	position: absolute;
	top:2%;
	left: 1.5%;
}*/	
	
}

.col2-top{
	margin-top: 60px;
}
/*block06*/
.block06-inner{
	text-align: left;
}

.block06 .block06-inner .bl07-bg01 .container{
	/*border:1px solid #333;*/
	padding: 0;
	text-align: left;
	display: flex;
	position:relative;
	width: 960px;
}
.block06 .block06-inner .bl07-bg02 .container{
	/*border:1px solid #333;*/
	padding: 0;
	text-align: left;
	display: flex;
	position:relative;
	width: 960px;
}
.block06 .block06-inner .bl07-bg04 .container{
	/*border:1px solid #333;*/
	padding: 0;
	text-align: left;
	display: flex;
	position:relative;
	width: 960px;
}



.bl07-top{
	margin-top: 240px;
}
.bl07-pro-detail01{
	text-align: left;
	height: 700px;
}

.bl07-bg01{
	background: linear-gradient(90deg, #f8f7f5 0%, #f8f7f5 90%, transparent 10%, transparent 100%);
	border-radius: 6px;
	height:580px;
}
.bl07-bg02{
	background: linear-gradient(-90deg, #f8f7f5 0%, #f8f7f5 90%, transparent 10%, transparent 100%);
	height:580px;
}
.bl07-bg04{
	background: linear-gradient(-90deg, #f8f7f5 0%, #f8f7f5 90%, transparent 10%, transparent 100%);
	height:600px;
}




/*スペック部分*/
.speck-left{
	padding: 40px 0 0 40px ;
	width:37%;
	z-index: 99;
}

.speck-right.img-pal27s{
	position: absolute;
	top: -65px;
	right:-44px;
}

/*@media (max-width:1095px) {
	.speck-right img{
		width: 100%;
		height: auto;
	}

}*/


.img-master{
	position: absolute;
	top: -53px;
	right:-60px;
}
.img-ph{
	position: absolute;
	top: -59px;
	right:-44px;
}
.img-dom{
	position: absolute;
	top: -62px;
	right:-64px;
}

@media (max-width:1090px) {
.speck-right.img-pal27s{
	position: static;
	}
.img-master{
	position: static;
}
.img-ph{
	position: static;
}
.img-dom{
	position: static;
}	
.bl07-pro-detail01{
	text-align: left;
	height: auto;
	padding: 40px 0;
}
.bl07-bg01{
	background-color:#f8f7f5;
	border-radius: 6px;
	height:auto;
	padding: 40px 0;
}
.bl07-bg02{
	background-color:#f8f7f5;
	height:auto;
	padding: 40px 0;
}
.bl07-bg04{
	background-color:#f8f7f5;
	height:auto;
	padding: 40px 0;
}	
}

@media (max-width:1200px) {
.bl07-bg01{
	background-color:#f8f7f5;
}
.bl07-bg02{
	background-color:#f8f7f5;
}
.bl07-bg04{
	background-color:#f8f7f5;
}
}

@media (max-width:960px) {
.block06 .block06-inner .bl07-bg01 .container{
	width: 96%;
	margin: 0 auto;
	flex-wrap: wrap-reverse;
}
.block06 .block06-inner .bl07-bg02 .container{
	width: 96%;
	margin: 0 auto;
	flex-wrap: wrap-reverse;
}
.block06 .block06-inner .bl07-bg04 .container{
	width: 96%;
	margin: 0 auto;
	flex-wrap: wrap-reverse;
}
.speck-left{
	padding: 40px 0 0 0px ;
	width:90%;
	margin: 0 auto;
}
}
@media (max-width:770px) {
.bl07-top{
	margin-top: 40px;
}	
.bl07-pro-detail01{
	text-align: left;
	height: auto;
}
.bl07-bg01{
	background-color:#f8f7f5;
	border-radius: 6px;
	height:auto;
}
.bl07-bg02{
	background-color:#f8f7f5;
	height:auto;
}
.bl07-bg04{
	background-color:#f8f7f5;
	height:auto;
}
	.speck-right img{
		width: 100%;
		height:500px;
		object-fit: cover;
	}
}



.spec-box{
    margin: 40px 0 50px;
}
.spec-name{
    margin: 0 0 10px 0;
}
.spec-name p{
    color:#333;
    padding:0;
    font-weight: bold;
    font-size:1.5em
}
.spec-name p span{
	font-size:0.8em;
	padding: 0 0 0 20px;
}
.spec-txt{
    flex-basis: 50%;
}
.spec-imgs{
    flex-basis: 46%;
    text-align: right;
}
.spec-imgs img{
    padding-bottom: 20px;
}

.spec-list,.spec-list2{
    width: 100%;
    margin: 0 0 10px 0;
/*	border: 1px solid #333;*/
} 
.spec-list th{
    width: 30%;
    text-align: left;
    padding: 2px;
	font-size:15px;
} 
.spec-list td{
    padding: 2px;
	font-size:15px;
}
.spec-list2 th{
    width: 30%;
    text-align: left;
    padding: 2px;
	font-size:15px;
	line-height: 1.5;
} 
.spec-list2 td{
    padding: 2px;
	font-size:15px;
	line-height: 1.5;
}
.spec-list td span,.spec-list2 td span{
    font-size:0.8em
}
.btn_pal09s{
    text-align: center;
}
.btn_pal09s input{
    cursor: pointer;
}
.btn_pal09s input:hover{
    opacity: 0.8;
}


/*共通パーツ*/
/*文字*/
.midashi{
    font-weight: bold;
    font-size:36px;
    line-height: 1.6;
/*    margin-bottom: 10px;*/
}
.midashi-light{
    font-size:36px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.honbun{
    font-weight: bold;
    font-size:21px;
    line-height: 1.8;
}
.honbun-light{
    font-size:21px;
    line-height: 1.8;
}
.honbun-big{
    font-weight: bold;
    font-size:26px;
    line-height: 1.8;
}
.cap{
    font-size:13px;
    line-height: 1.4;
}
/*書体*/
.font-gothic{
font-family: 'Noto Sans JP', sans-serif, Georgia, Helvatica;
}
/*色*/
.green{
   color:#00a29a;
}
.grey{
     color:#595757;
}
.pink{
     color:#d47d8d;
}
.blue{
    color:#4b5588;
}
.dblue{
    color:#18274e;
}
.bg-pink{
    background-color: #d47d8d;
}
.bg-orange{
   background-color: #f8b62d; 
}
.bg-green{
   background-color: #00a29a; 
}
.bg-dblue{
    background-color: #18274e; 
}
/*フッター*/	
footer{
	background-color: #000;
	text-align: center;
	padding:20px 0 100px;
	margin: 0;
	color:#fff;
	}
footer img{
	margin:10px 0;
}
footer p{
	font-family: 'Open Sans', sans-serif;
}
footer p a:hover{
	color:#c5c4c4;
}
footer p a:link,footer p a:visited{
	color:#fff;
}
footer p span{
	font-size:16px;
	font-weight: bold;
}
footer p.copyr{
	font-size:9px;
	margin-top: 10px;
}
/*ページトップヘのリンク*/
#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #666;
	opacity: 0.6;
	z-index: 99;
}
#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a::before {
	content: '▲';
	font-size: 12px;
	color: #fff;
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
	text-align: center;
}

br.sp_br{
    display: none !important;
  }
br.pc_br{
	display: block;
	}

@media (max-width: 770px) {
.main{
    background-image: none;
}
.pc_img{
    display: none;
}
.sma_img{
    display: block;
}
.sma_img img{
    width: 100%;
    height: auto;
    display: block;
}  
.head p{
    font-size:12px;
}    
.block02 .container{
    padding: 30px 0;
    position:relative;
}
.bl02-img{
    position:static;
        width: 90%;
        height: auto;
    }    
.block02-txt{
    width: 70%;
    margin:20px 0 0 30px;
} 
.block03{
    padding: 30px 0;
}
.contents920{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}  
.standard-value th{
    font-size:16px;
    line-height: 1;
    padding: 10px;
    width: 25%;
}
.standard-value td{
    font-size:16px;
    padding: 10px;
    vertical-align: middle;
    text-align: left;
}
.standard-value th span.txt-small{
    font-size:12px;
    line-height: 1;
}  
.block04{
    background-color: #292826;
    padding: 30px 0;
}
.fig{
    display: none;
}
.column-shadow{
    width: 86%;
    padding: 15px;
    margin: 0 auto;
}
.bl04-conts{
    margin-top: 20px;
}
.bl04-conts img{
   width: 50%;
    height: auto;
}    
.pal09-list{
    display: flex;
    flex-wrap: wrap;
}
.col-list{
    margin:0 20px;
}
.col-list li{
    font-size:14px;
    line-height: 1.8;
}

.layout-col2-top-sma{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: top;
}  
.spec-txt{
    flex-basis: 96%;
    margin: 0 auto;
}
/*.spec-name p{
    color:#333;
    padding:0 10px;
    font-weight: bold;
    font-size:90%;
} */
.spec-list{
    width: 100%;
    margin: 0 0 20px 0;
} 
.spec-list th{
    width: 30%;
    text-align: left;
    padding:0px;
    font-size:15px;
} 
.spec-list td{
    padding: 0px;
    font-size:15px;
} 
.spec-imgs{
    flex-basis: 96%;
    margin: 20px auto 0;
    text-align:center;
} 
.spec-imgs img{
    width: 90%;
    height: auto;
    padding-bottom: 20px;
}    
.spec-imgs img.img-nfc{
    width: 40%;
    height: auto;
}   
.bl08-tx{
    width: 96%;
    margin: 0 auto;
}    
/*文字*/
.midashi{
    font-weight: bold;
    font-size:20px;
    line-height: 1.6;
/*    margin-bottom: 10px;*/
}
.midashi-light{
    font-size:20px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.honbun{
    font-weight:normal;
    font-size:13px;
    line-height: 1.6;
}
.honbun-light{
    font-size:13px;
    line-height: 1.6;
}
.honbun-big{
    font-weight: bold;
    font-size:16px;
    line-height: 1.8;
}
.cap{
    font-size:11px;
    line-height: 1.4;
}    
}

/*スマホ調整*/
@media screen and (max-width:499px) {
.container{
	width: 100%;
	border: none;
}
.footer-txt{
        font-size:12px;
        line-height: 1.5;
    } 
br.sp_br{
    display: block!important;
  }  
.productns p{
	font-size:0.8em;
}	
	.pro-quality-txt p{
		font-size:0.8em;
	}	
	}