@charset "UTF-8";

/*------テーブル-----*/
@media screen and (min-width: 641px){ /*PC*/
main article th{width:25%;}
main article td{width:75%;}
}
@media screen and (max-width: 640px){ /*SP*/
main article th,main article td{width: 100%; padding: 10px;}

}
/*-----------------------------------*/
main.biztop .lead{text-align: center;}
main.biztop .b_title .subtitle{color:rgb(177 193 190 / 74%);}
main.biztop .bg04 span.mini{color:rgba(255,255,255,0.8); }
@media screen and (min-width:641px){ /*PC*/
	main.biztop .bg01 .inner{padding-bottom: 1px;}
	main.biztop img.mb_s{margin-bottom: 0}
	main.biztop .s01 .bot{margin-bottom:140px;}
	main.biztop article .flex_box03 > div{width:29%;}
	main.biztop article .flex_box02 > div{width:45%;}
	main.biztop article .flex_box02 > div:nth-child(odd){ margin-right:10%;}
	main.biztop article .flex_box03 > div:nth-child(1),
	main.biztop article .flex_box03 > div:nth-child(2){ margin-right: 6%;}
	main.biztop .flex_box03 .vm01{width: 80%;}
	main.biztop .flex_box03 p,
	main.biztop .flex_box02 p{display: block;padding-bottom:40px;}
	main.biztop .b_line{margin:0 auto 50px; width: 80%;}
	main.biztop .b_line_w{margin:0 auto 80px; width: 40%;}
	main.biztop .b_title .subtitle{font-size: 24px;}
	main.biztop .b_title h2{margin:10px 0 20px;}
	main.biztop .bg04 span.mini{margin: -30px auto 30px;}
	main.biztop .bg01 span.mini{margin: -30px auto 30px;}
}
@media screen and (max-width: 640px){ /*SP*/
	main.biztop article .flex_box03 > div,
	main.biztop article .flex_box02 > div{padding-bottom:40px;}
	main.biztop .s01 .vm01{margin: 20px auto 70px;}
	main.biztop .flex_box02 .vm01,
	main.biztop .flex_box03 .vm01{margin: 30px auto 0;}
	main.biztop .b_line_w,
	main.biztop .b_line{margin:0 auto 30px; width: 80%;}
	main.biztop .b_title .subtitle{font-size: 18px;}
	main.biztop .b_title h2{margin:6px 0 15px;}
	main.biztop .flex_box03 p,
	main.biztop .flex_box02 p{display: block;padding-bottom:30px;}
	main.biztop .bg04 span.mini{margin: -10px auto 10px;}
	main.biztop .bg01 span.mini{margin:30px auto 0px;}
}

/*-----------プライベートブランド------------------------*/

.privatebrand article.bg01 .inner{ padding: 10px;}

@media screen and (min-width:641px){ /*PC*/
	.privatebrand article h2{text-align: left;}
	.privatebrand article .photo_flex3{margin: 40px 0 100px 0;}
	.privatebrand  main article p{padding-bottom: 70px;}
	.privatebrand .waku01 p{padding-bottom: 0;}
}
@media screen and (max-width:640px){ /*SP*/
	.privatebrand .itologo{width: 40%; float: right; margin: 0 0 5px 10px}
	.privatebrand  main .waku01 h3{margin-bottom: 20px;}
	.privatebrand main article .waku01{margin-top: 40px;}
	.privatebrand img.fl_right,
	.privatebrand img.fl_left{padding-bottom:50px;}
	.privatebrand .waku01 p{padding-bottom: 0;}
	
}


/*---------販売仲介--------------------------*/
.intermediary .model{background-color: rgba(255,255,255,1.00);}
.intermediary .bg04 .comp{background-color: rgba(255,255,255,1.00);border-radius: 30px; color:#333;}	
.intermediary .bg04 .comp h3{color:#617773;text-align: center;border-bottom: dotted 1px #aaa }
.intermediary .bp h4{text-align: left;}
.intermediary .sign{text-align: right;}
.intermediary h2.emp{text-align: left;}
.intermediary .model .flex_box02{margin-bottom: 0;}
@media screen and (min-width:641px){ /*PC*/
	.intermediary .lead{text-align: center;}
	.intermediary main article section.model{padding:80px;border-radius: 60px;}
	.intermediary main article section.model h3{width: 60%; margin: 0 auto 70px; text-align: center;} 
	.intermediary main article section.model .sec01{width: 52%;}
	.intermediary main article section.model .sec02{width: 44%; padding-left:50px;}
	.intermediary main article.bg01 .flex_box02{margin-bottom: 0;}
	.intermediary .bg01 .flex_box02.kachi{margin-bottom: 100px;}
	.intermediary .bg01 .flex_box02.kachi .sec01{padding-right:50px;}
	.intermediary .bg04 .flex_box02{margin-bottom: 0;}
	.intermediary .bg04 .comp{padding:50px; margin:20px 20px 0px;}	
	.intermediary .bg04 .comp h3{font-size: 22px;}
	.intermediary .bp section{width: 80%;margin: 0 auto;}
	.intermediary .bp h4{margin-top: 50px;}
}
@media screen and (max-width: 640px){ /*SP*/
.intermediary .model{padding: 30px; margin-top:50px; border-radius: 20px;}
	.intermediary .bg01 .flex_box02.kachi img{margin: 0;}
	
	.intermediary .bg04 .comp{padding:30px;}	
	.intermediary .bg04 .comp h3{font-size:18px; margin-bottom: 25px}
	.intermediary .bp h4{margin-top: 30px;}
}


/*---------------仕立て--------------------*/

.wasaiimg {vertical-align: bottom;position: relative;z-index: 2;
background: url("/business/wasai/img/slide.png") repeat-x 0 0;
background-size: auto 100%;
width: 100%;
overflow: hidden;
-moz-animation: loop 800s linear infinite;
  animation: loop 800s linear infinite;
}
/*アニメーション*/
@keyframes loop {
  0% {background-position: 0 0; }
  100% {background-position: -13276px 0;}
}
@media screen and (min-width:641px){ /*PC*/
.wasai article h2{text-align: left;}
	.wasai p{padding-bottom: 70px;}
	.wasaiimg{height: 350px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.wasai p{padding-bottom:50px;}
	.wasaiimg{height: 200px;}
	.wasai .tb_img{margin-bottom: 50px;}
}



/*------------メンテナンス-----------------------*/
 .maintenance section {background-color: rgba(255,255,255,1.00);}
.maintenance .flex_box02 h3{margin-bottom: 20px;text-align: left; color: #617773; border-bottom:  dotted 1px #aaa;}
.maintenance .cont a{color: #617773; }
.maintenance .cont .waku02 p{padding-top: 20px;text-align: center;}
@media screen and (min-width:641px){ /*PC*/
.maintenance section {padding: 90px 120px;margin-bottom: 50px; }
	.maintenance .flex_box02.mk{padding-top: 70px;}
	.maintenance .flex_box02.mk div:nth-child(1),
	.maintenance .flex_box02.mk div:nth-child(2){margin-bottom: 50px;}

	.maintenance .flex_box02.mt img{margin-bottom: 30px;}
	.maintenance .cont p{text-align: center;}
	.maintenance .cont a{font-size: 60px; line-height: 60px;}
	.maintenance .cont h3{text-align: center;}
	
}
@media screen and (max-width: 640px){ /*SP*/
	.maintenance section {padding:60px 30px;margin-bottom:30px; }
	.maintenance .flex_box02.mk{padding: 30px 0 60px;}
	.maintenance .flex_box02.mk img{width: 80%; margin: 0 auto;}
	.maintenance .flex_box02.mt img{margin-bottom: 20px;}
	.maintenance .cont a{font-size: 32px; line-height:32px;}
		.maintenance .cont h3{margin-bottom: 10px; padding-top: 30px;}
}


/*------------品質管理-----------------------*/

@media screen and (min-width:641px){ /*PC*/
.quality article h2{text-align: left;}
	.quality main article p{padding-bottom: 70px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.iso{width: 60%; margin: 0 auto;}
	.quality main article p{padding-bottom:0px;}
	.quality section img{padding-bottom:80px;}
	.quality main article th{width: 40%;}
	.quality main article td{width: 60%;}
	.quality main article .photo_flex2{display: block;}
	.quality main article .photo_flex2 img{width: 100%; margin: 0;}
}



/*-------------加盟店紹介----------------------*/
.memberstore section{background-color: rgba(255,255,255,1.00);}
	.memberstore .comment section h2{text-align: left; margin-bottom: 20px;}
	.memberstore .comment section .name{text-align: left; color:#617773; padding-bottom: 15px; }
@media screen and (min-width:641px){ /*PC*/
	.memberstore section{padding:90px 120px; margin-bottom: 50px;}
	main .comment section .botmini{margin: 60px auto 0;}
}
@media screen and (max-width: 640px){ /*SP*/
.memberstore section{padding:45px 35px; margin-bottom: 30px;}
	.comment section img{width: 70%; margin: 0 auto 20px;}
	main .comment section .botmini{width: 80%; margin: 30px auto 0;}
	main .comment section h2{font-size: 19px; line-height:30px;}
}
	.comment section:last-child{margin-bottom: 0;}

.storelist ul{display: flex; flex-wrap: wrap;justify-content: center;align-content: center;}
.storelist ul li{border-bottom: 1px dotted #ccc;}
.storelist h3{text-align: center;}
.storelist h4{color:rgba(97,119,115,1);letter-spacing: 3px;text-align: center;}
.storelist h4:before{content: "―――　"}
.storelist h4:after{content: "　―――"}
@media screen and (min-width:641px){ /*PC*/
	.storelist ul{margin-bottom: 80px;}
	.storelist ul li{width:21%;margin: 12px 2%; }
	.storelist h4{padding-top: 50px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.storelist ul{margin-bottom: 50px;}
.storelist ul li{width:42%;margin: 12px 4%; }
	.storelist h4{padding-top: 30px;}
}

/*-------------加盟店紹介----------------------*/

@media screen and (min-width:641px){ /*PC*/

}
@media screen and (max-width: 640px){ /*SP*/

}