@charset "UTF-8";
.sp{
	display: none;
}
.pc{
	display: block;
}
@media (max-width: 768px){
.sp{
	display: block;
}
.pc{
	display: none;
}
}

/*l-sub-img*/
.l-sub-img_color{
background-color: rgba(0, 0, 0, 0.4);
}
.l-sub-img__inner{
	height: auto;
}
.l-sub-img__inner .textArea{
		padding: 120px 0px;
		color: #FFF;
		
}
.l-sub-img__inner .textArea .l-sub-img__head{
 font-size: 36px;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
}
.l-sub-img__inner .textArea .l-sub-img__head_sub{
 font-size: 18px;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
}
@media (max-width: 768px){
		.l-sub-img{
			margin: 0px;
		}
.l-sub-img__inner .textArea{
			padding: 70px 0px 70px 0px;
		}
.l-sub-img__inner .textArea .l-sub-img__head{
 font-size: 26px;
	line-height: 35px;
}
.l-sub-img__inner .textArea .l-sub-img__head_sub{
 font-size: 16px;
	line-height: 1.3;
}
		
}

/*content-section*/

.content-section{
	margin: 0px auto 0px auto;
	padding: 100px 40px;
	max-width: 1600px;
}
.color-gray{
 background: #f6f6f6;
}
.color-gray2{
 background: #efefef;
}
.color-n{
 background: #f7f7f7;
}

.content-section .content-section-inner{
	margin: 0px auto;
	padding: 0px;
	max-width: 1100px;
}
.content-section .content-section-inner-w{
 margin: 0px auto;
	max-width: 1520px;
	padding: 0px 20px;
}
.content-section .content-section-inner .message_n{
	margin: 0px auto 0px;
 padding: 0px;
	max-width: 1100px;
}



.content-section .secTitle{
	margin: 0px 0px 50px 0px;
	padding: 0px;
}

.content-section .secTitle .sub{
   margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 28px;
			background: url("../img/common/icon_droparrow.png") left center no-repeat;
			font-size: 18px;
			font-weight: bold;
			color: #c40406;
}
.content-section .secTitle h2{
   margin: 0px;
			padding: 0px;
			font-size: 32px;
			font-weight: bold;
			color: #1a1a18;
}
.content-section .secTitleCenter{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
}
.content-section .secTitleCenter h2{
	font-size: 24px;
	font-weight: bold;
}

.content-section .secTitle-min{
	margin: 0px 0px 25px 0px;
	padding: 0px;
}
.content-section .secTitle-min h2{
   margin: 0px;
			padding: 0px;
			font-size: 20px;
			font-weight: bold;
			color: #1a1a1a;
}

.content-section .secText{
			margin: 0px 0px 50px 0px;
			padding: 0px;
			font-size: 18px;
			line-height: 2;
}
.content-section .secText .secTextIndex{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
}

.content-section .secText .color{
		color: #c40406;
}
.content-section .secImg{
			margin: 0px 0px 50px 0px;
			padding: 0px;
			text-align: center;
}
.content-section .typeListArea{
	margin: 0px 0px 40px 0px;
	padding: 0px;
}
.content-section .typeListArea .typebox{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 18px;
}
.content-section .typeListArea .typebox .typeIndex{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #c40406;
	font-weight: bold;
}
.content-section .typeListArea .typebox .typeText{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 36px;
}


.content-section .wBoxArea{
 margin: 0px;
	padding: 36px;
	background: #FFF;
}
.content-section .wBoxArea dl dt{
 margin: 0px 0px 5px 0px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.content-section .wBoxArea dl dd{
 margin: 0px 0px 5px 0px;
}
.content-section .wBoxArea dl dd:before{
 margin: 0px 5px 0px 0px;
	padding: 0px;
	content: "・";
	color: #c40406;
}
.content-section .wBoxArea .itArea{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.content-section .wBoxArea .itArea .textArea{
	margin: 0px 40px 0px 0px;
	padding: 0px;
	width : -webkit-calc(100% - 740px) ;
 width : calc(100% - 740px) ;
}
.content-section .wBoxArea .itArea .textArea .index{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #111;
}
.content-section .wBoxArea .itArea .textArea .text{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 16px;
	color: #111;
}
.content-section .wBoxArea .itArea .img{
	margin: 0px;
	padding: 0px;
	width : 500px;
}
@media (max-width: 768px){
		.content-section .wBoxArea .itArea{
			display: block;
		}
		.content-section .wBoxArea .itArea .textArea{
			margin: 0px 0px 20px 0px;
			width : auto;
		}
		.content-section .wBoxArea .itArea .img{
			width : auto;
		}
}

.content-section .secTableArea{
	margin: 0px 0px 50px 0px;
	padding: 0px;
}
.content-section .secTableArea .tableTitle{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
}
.content-section .secTableArea .tableTitleCenter{
	text-align: center;
}
.content-section .secTableArea table{
 margin: 0px 0px 5px 0px;
	padding: 0px;
	border-collapse: collapse;
}
.content-section .secTableArea table th{
	margin: 0px;
	padding:16px;
	border: 1px solid #c7c7c7;
	color: #FFF;
	background: #c40406;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
}
.content-section .secTableArea table th.black{
 background: #000 !important;
}
.content-section .secTableArea table td{
	margin: 0px;
	padding:16px;
	border: 1px solid #c7c7c7;
	color: #151515;
	background: #FFF;
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
}
.content-section .secTableArea table td.center{
 text-align: center;
}
.content-section .secTableArea table tr:nth-child(even) td{
 	background: #f7f7f7;
}
body .content-section .secTableArea table th.emp,
body .content-section .secTableArea table td.emp{
 margin: 0px;
	padding: 0px;
	background: #FFF;
	border: none;
}
body .content-section .secTableArea table th.line,
body .content-section .secTableArea table td.line{
 margin: 0px;
	padding: 0px;
	width: 5px;
	border: none;
}
body .content-section .secTableArea table th.line-2,
body .content-section .secTableArea table td.line-2{
 margin: 0px;
	padding: 0px;
	width: 8px;
	border: none;
}
body .content-section .secTableArea table th.emp,
body .content-section .secTableArea table td.emp{
 margin: 0px;
	padding: 0px;
	background: #FFF;
	border: none;
}
body .content-section .secTableArea table th.color-r,
body .content-section .secTableArea table td.color-r{
 color: #c40406;
	font-weight: bold;
}
body .content-section .secTableArea table th.color-r,
body .content-section .secTableArea table td.color-r{
 color: #c40406;
	font-weight: bold;
}
body .content-section .secTableArea table th.color-b,
body .content-section .secTableArea table td.color-b{
 color: #000;
	font-weight: bold;
}
body .content-section .secTableArea table th.color-bb,
body .content-section .secTableArea table td.color-bb{
 background: #000;
}
body .content-section .secTableArea table th.color-g,
body .content-section .secTableArea table td.color-g{
 background: #efefef;
}
body .content-section .secTableArea table th.color-1,
body .content-section .secTableArea table td.color-1{
 background: #c40406;
	color: #FFF;
}
body .content-section .secTableArea table th.color-2,
body .content-section .secTableArea table td.color-2{
 background: #dc1e20;
	color: #FFF;
}
body .content-section .secTableArea table th.color-3,
body .content-section .secTableArea table td.color-3{
 background: #ec3f40;
	color: #FFF;
}
body .content-section .secTableArea table th.color-4,
body .content-section .secTableArea table td.color-4{
 background: #f26667;
	color: #FFF;
}
.content-section .secTableArea table td.star{
 color: #c7c7c7;
}
.content-section .secTableArea table td.star span{
 color: #f9d300;
}

.content-section .secTableArea .imgw{
	margin: 0px 0px 10px 0px;
	padding: 50px 20px;
	text-align: center;
	background: #FFF;
}
.content-section .secTableArea .secImgBottom{
	margin: 0px;
	padding: 50px 20px;
	text-align: center;
	background: #efefef;
	position: relative;
}

.content-section .secTableArea .secImgBottom:before {
  content: "";
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -25px;
  border: 25px solid transparent;
  border-bottom: 25px solid #efefef;
}

.content-section .secTableArea .secImgBottom img.pc{
	display: inline-block;
}
.content-section .secTableArea .secImgBottom img.sp{
	display: none;
}

@media (max-width: 768px){
		.content-section .secTableAreaScroll{
						overflow-x: auto;
						white-space: nowrap;
						overflow-scrolling: touch;
						-webkit-overflow-scrolling: touch;
						margin: 0px 0px 20px 0px;
		}
		.content-section .secTableAreaScroll::-webkit-scrollbar {
				height: 7px; /* スクロールバーの高さ */
				margin-top: 10px;
		}

	.content-section .secTableAreaScroll::-webkit-scrollbar-thumb {
				background: #c40406; /* ツマミの色 */
				border-radius: 0px; /* ツマミ両端の丸み */
		}

	.content-section .secTableAreaScroll::-webkit-scrollbar-track {
				background: #e8e8e8; /* トラックの色 */
				border-radius: 0px; /* トラック両端の丸み */
		}
		.content-section .secTableArea .secTableOuter{
						margin: 0px;
						padding: 0px;
						width: 800px;
		}
		.content-section .secTableArea .secTableOuterImg{
						margin: 0px;
						padding: 0px 0px 20px 0px;
						width: 920px;
		}
		.content-section .secTableArea table th{
			padding:5px;
			font-size: 16px;
			white-space: normal;
		}

		.content-section .secTableArea table td{
			padding:5px;
			font-size: 16px;
			white-space: normal;
		}
		.content-section .secTableArea table th.short,
		.content-section .secTableArea table td.short{
			width: 10%;
		}
		.content-section .secTableArea table th.short2,
		.content-section .secTableArea table td.short2{
			width: 25%;
		}
		.content-section .secTableArea table th.star,
		.content-section .secTableArea table td.star{
			width: 20%;
		}
		.content-section .secTableArea .secImgBottom img.pc{
			display: none;
		}
		.content-section .secTableArea .secImgBottom img.sp{
			display: inline-block;
		}
		
}


.content-section .sectionFloatBox{
	margin: 0px;
	padding: 0px;
}
.content-section .sectionFloatBox:after {
	content: "";
	display: block;
	clear: both;
}
.content-section .sectionFloatBox .floatIndex{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	vertical-align: middle;
	line-height: 30px;
}
.content-section .sectionFloatBox .floatIndex:before{
 content: "-";
	color: #c40406;
	font-weight: bold;
	font-size: 50px;
	line-height: 30px;
	margin: 0px 10px 0px 0px;
}

.content-section .sectionFloatBox .text{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 18px;
}
.content-section .sectionFloatBox .img{
	margin: 0px 0px 0px 40px;
	padding: 0px;
	float: right;
}
@media (max-width: 768px){
.content-section .sectionFloatBox{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}
.content-section .sectionFloatBox .floatIndex{
	width: 100%;
	order: 1;
}
.content-section .sectionFloatBox .floatIndex:before{
 content: "-";
	color: #c40406;
	font-weight: bold;
	font-size: 50px;
	line-height: 30px;
	margin: 0px 10px 0px 0px;
	order: 4;
	
}

.content-section .sectionFloatBox .text{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 18px;
	order: 2;
	width: 100%;
}
.content-section .sectionFloatBox .img{
	margin: 0px;
	padding: 0px;
	float: inherit;
	order: 3;
	width: 100%;
}

}

@media (max-width: 768px){
 .content-section{
		margin: 0px;
		padding: 60px 0px;
	}
	.content-section .content-section-inner{
		margin: 0px 15px;
	}
	.content-section .secTitle{
			margin: 0px 0px 50px 0px;
			padding: 0px;
		}
		.content-section .secTitle h2{
			margin: 0px;
			padding: 0px;
			font-size: 20px;
			line-height: 2;
		}
		.content-section .secTitle .sub{
			font-size: 16px;
		}
		.content-section .typeListArea .typebox .typeText{
				padding: 0px;
			}
		.content-section .wBoxArea{
			padding: 18px;
		}
}

.convArea{
	   margin: 0px;
    padding: 50px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
				background: url(../img/common/back-seminar_n.png) no-repeat center center;
				background-size: cover;
}
.convArea .img{
 width : 140px ;
	margin: 0px;
	margin-right: 40px;
}
.convArea .img img{
 width: 100%;
}
.referencebookArea .img img{
	box-shadow:none;
}

.convArea .textArea{
	width: -webkit-calc(100% - 200px);
 width: calc(100% - 200px);
	max-width: 700px;
	margin: 0px 0px 0px 50px;
 padding: 0px;
	color: #FFF;
}
.convArea .textArea .index{
	padding: 0px;
	margin: 0px 0px 15px 0px;
	font-size: 30px;
}
.convArea .textArea .text{
 margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 18px;
}
.convArea .textArea .arrowBtn {
 margin: 0px;
	padding: 0px;
}
.convArea .textArea .arrowBtn a{
 display: block;
	padding: 10px 70px 10px 10px;
	border-bottom: 1px solid #FFF;
	display: inline-block;
	transition: all 300ms 0s ease;
	background: url(../img/common/arrowBtn.png) no-repeat;
	background-position: right 15px center;
	text-decoration: none;
	font-size: 18px;
	color: #FFF;
}
.convArea .textArea .arrowBtn a:hover{
 background-position: right 5px center;
	background-color: #F6F6F6;
	color: #111;
}
@media (max-width: 768px){
.color-seminar{
	background: url("../img/common/back-seminar_sp.png") right bottom no-repeat #FFF;
	background-size: 80% auto;
}
.color-referencebook{
	background: url("../img/common/back-referencebook_sp.png") center bottom no-repeat #FFF;
	background-size: 80% auto;
}
/*seminarArea*/
.color-seminar{
	background: url("../img/common/back-seminar.png") center bottom no-repeat #FFF;
	background-size: cover;
}
.color-referencebook{
	background: url("../img/common/back-referencebook.png") center bottom no-repeat #FFF;
	background-size: cover;
}

.convArea{
    display: block;
}
.convArea .img{
 width : 70%;
	margin: 0px auto 40px auto;
}
.convArea .textArea{
	width: auto;
	margin: 0px 15px 30px 15px;
}
.convArea .textArea .index{
 margin: 0px 0px 10px 0px;
	font-size: 24px;
}
.convArea .textArea .text{
 margin: 0px 0px 20px 0px;
}
.convArea .textArea .text br{
 display: none;
}
.convArea .textArea .arrowBtn a{
	font-size: 16px;
}
}


.breadcrumbs{
	margin: 10px auto;
	padding: 0px;
	max-width: 1240px;
	text-align: right;
}
.breadcrumbs>span{
 margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
.breadcrumbs>span:last-child{
	margin: 0px;
	padding: 0px;
}
.breadcrumbs>span a {
	margin: 0px;
	padding: 0px;
	color: #c40406;
	text-decoration: none;
}



.topContArea{
	margin: 0px auto;
	padding: 50px 20px 100px;
	max-width: 1500px;
}
.topContArea .textArea{
	 margin: 0px auto;
		max-width: 1520px;
		padding: 0px 40% 100px 0px;
}
.topContArea .textAreaHazatdous{
  background: url("../img/hazardous/topcont.jpg") right center no-repeat #FFF;
		background-size: 50% auto;
}
.topContArea .textAreaFood{
  background: url("../img/food/topcont.jpg") right center no-repeat #FFF;
		background-size: 50% auto;
}
.topContArea .textArea .indexArea{
			margin: 0px 0px 50px 0px;
			padding: 0px;
			font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
.topContArea .textArea .indexArea .sub{
   margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 28px;
			background: url("../img/common/icon_droparrow.png") left center no-repeat;
			font-size: 18px;
			font-weight: bold;
			color: #c40406;
}
.topContArea .textArea .indexArea .index{
   margin: 0px;
			padding: 0px;
			font-size: 36px;
			font-weight: bold;
			color: #1a1a18;
}
.topContArea .textArea .cont{
	margin: 0px;
	padding: 30px 40px;
	color: #FFF;
	font-size: 18px;
	line-height: 2;
	background-color: rgba(0,0,0,0.8);
}
@media (max-width: 768px){
.topContArea .textArea{
		padding: 0px 0px 130px 0px;
}

.topContArea .textAreaHazatdous{
  background: url("../img/hazardous/topcont.jpg") center bottom no-repeat #FFF;
		background-size: 100% auto;
}
.topContArea .textAreaFood{
  background: url("../img/food/topcont.jpg") center bottom no-repeat #FFF;
		background-size: 100% auto;
}
.topContArea .textArea .indexArea .index{
			font-size: 20px;
}
.topContArea .textArea .cont{
	margin: 0px 10px;
	padding: 20px 10px;
	font-size: 16px;
}
}

.secImgText{
	margin: 0px;
	padding: 60px;
	background: linear-gradient(to right, #FFF, #FFF 85%,#f7f7f7 85%);
}
.secImgTextR{
	margin: 0px;
	padding: 60px;
	background: linear-gradient(to left, #FFF, #FFF 85%,#f7f7f7 85%);
}	
.secImgText .secImgTextInner{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.secImgText .secImgTextInner .textArea{
 width: 50%;
	margin: 0px 5% 0px 0px;
	padding: 0px;
}
.secImgText .secImgTextInner .imgArea{
 width: 45%;
	margin: 0px;
	padding: 0px;
}
.secImgTextR .secImgTextInner .textArea{
 width: 50%;
	margin: 0px 0px 0px 5%;
	padding: 0px;
	order: 2;
}
.secImgTextR .secImgTextInner .imgArea{
 width: 45%;
	margin: 0px;
	padding: 0px;
	order: 1;
}
@media (max-width: 768px){
.secImgText{
	padding: 10px;
	background: linear-gradient(to bottom, #FFF, #FFF 95%,#f7f7f7 95%);
}
.secImgTextR{
	padding: 10px;
	background: linear-gradient(to bottom, #FFF, #FFF 95%,#f7f7f7 95%);
}	
.secImgText .secImgTextInner{
	margin: 0px;
	padding: 0px;
	display: block;
}
.secImgText .secImgTextInner .textArea{
 width: auto;
	margin: 0px 0px 30px 0px;
}
.secImgText .secImgTextInner .imgArea{
 width: auto;
	text-align: right;
}
.secImgText .secImgTextInner .imgArea img{
 width: 90%;
}
.secImgTextR .secImgTextInner .imgArea{
 width: auto;
	text-align: left;
}
}

.qaArea{
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #FFF;
}
.qaArea .qabox{
	margin: 0px;
	padding: 40px;
	border-top: 2px solid #FFF;
}
.qaArea .qabox .q{
	margin: 0px 0px 20px 0px;
	padding: 0px;
 font-size: 24px;
 font-weight: bold;
}
.qaArea .qabox .q span{
	margin: 0px 10px 0px 0px;
	padding: 0px;
 color: #c40406;
}
.qaArea .qabox .a{
 font-size: 18px;
}
@media (max-width: 768px){

.qaArea .qabox{
	padding: 10px;
}
.qaArea .qabox .q{
	margin: 0px 0px 10px 0px;
 font-size: 18px;
}
.qaArea .qabox .q span{
	margin: 0px 5px 0px 0px;
	padding: 0px;
 color: #c40406;
}
.qaArea .qabox .a{
 font-size: 16px;
}
}

.pointArea{
	margin: 0px;
	padding: 0px;
}
.pointArea .pointBox{
	margin: 0px 0px 30px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items:center;
}
.pointArea .pointBox .img{
 width: 300px;
	margin: 0px 20px 0px 0px;
}
.pointArea .pointBox .textArea{
 width : -webkit-calc(100% - 330px) ;
 width : calc(100% - 330px) ;
	margin: 0px;
	padding: 0px;
}
.pointArea .pointBox .textArea .index{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;	
}
@media (max-width: 768px){
		.pointArea{
			margin: 0px;
			padding: 0px;
		}
		.pointArea .pointBox{
			margin: 0px 0px 40px 0px;
			display: block;
		}
		.pointArea .pointBox .img{
			width: auto;
			margin: 0px 0px 20px 0px;
		}
		.pointArea .pointBox .img img{
		 width: 100%;
		}
		.pointArea .pointBox .textArea{
			width : auto ;
		}
		.pointArea .pointBox .textArea .index{
			font-size: 18px;
		}
}

.boxListArea{
	margin: 0px;
	padding: 0px;
}

.boxListArea .boxListTitle{
		margin: 0px 0px 10px 0px;
		padding: 0px;
		font-size: 24px;
		font-weight: bold;
}
.boxListArea .boxList{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}
.boxListArea .boxList_center{
 justify-content: center;
}
.boxListArea .boxList .rbox{
 margin: 0px 30px 30px 0px;
	padding: 20px 0px;
	width : -webkit-calc(50% - 15px) ;
 width : calc(50% - 15px) ;
	background: url("../img/warehouse/line_red.png") right top no-repeat #FFF;
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.boxListArea .boxList .rbox:nth-child(even){
 margin: 0px 0px 30px 0px;
}
.boxListArea .boxList .rbox .index{
 margin: 0px 20px 10px 20px;
	font-size: 20px;
	font-weight: bold;
}
.boxListArea .boxList .rbox .text{
 margin: 0px 20px;
	font-size: 16px;
}
@media (max-width: 768px){
.boxListArea .boxList{
	display: block;
}
.boxListArea .boxList .rbox{
 margin: 0px 0px 30px 0px;
	padding: 20px;
	width : auto;
}
.boxListArea .boxList .rbox .index{
 margin: 0px;
}
.boxListArea .boxList .rbox .text{
 margin: 0px;
}
}

.efficiencyListArea{
	margin: 0px;
	padding: 0px;
}
.efficiencyListArea .efficiencyListTitle{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
}
.efficiencyListArea .efficiencyList{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.efficiencyListArea .efficiencyList .efficiency{
 width: 50%;
	margin: 0px 0px 40px 0px;
}
.efficiencyListArea .efficiencyList .efficiency .status{
 margin: 0px;
	padding: 0px 0px 0px 120px;
}
.efficiencyListArea .efficiencyList .efficiency:nth-child(1) .status{
	background: url("../img/warehouse/icon_1.png") 0px top no-repeat;
}
.efficiencyListArea .efficiencyList .efficiency:nth-child(2) .status{
	background: url("../img/warehouse/icon_2.png") 0px top no-repeat;
}
.efficiencyListArea .efficiencyList .efficiency:nth-child(3) .status{
	background: url("../img/warehouse/icon_3.png") 0px top no-repeat;
}
.efficiencyListArea .efficiencyList .efficiency:nth-child(4) .status{
	background: url("../img/warehouse/icon_4.png") 0px top no-repeat;
}
.efficiencyListArea .efficiencyList .efficiency .status .index{
 margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #c40406;
}
.efficiencyListArea .efficiencyList .efficiency .status .text{
 margin: 0px;
	padding: 0px;
	font-size: 16px;
}
@media (max-width: 768px){
.efficiencyListArea .efficiencyList{
	margin: 0px;
	padding: 0px;
	display: block;
}
.efficiencyListArea .efficiencyList .efficiency{
 width: auto;
	display: block;
	margin: 0px 0px 60px 0px;
}
.efficiencyListArea .efficiencyList .efficiency .status{
 margin: 0px;
	padding: 0px;
}
.efficiencyListArea .efficiencyList .efficiency:nth-child(1) .status,
.efficiencyListArea .efficiencyList .efficiency:nth-child(2) .status,
.efficiencyListArea .efficiencyList .efficiency:nth-child(3) .status,
.efficiencyListArea .efficiencyList .efficiency:nth-child(4) .status{
	background: none;
}
.efficiencyListArea .efficiencyList .efficiency .status .index{
 margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 60px;
	font-size: 20px;
	min-height: 50px;
	font-weight: bold;
	color: #c40406;
}
.efficiencyListArea .efficiencyList .efficiency:nth-child(1) .status .index{
	background: url("../img/warehouse/icon_1.png") left center no-repeat;
	background-size: 50px;
}
.efficiencyListArea .efficiencyList .efficiency:nth-child(2) .status .index{
	background: url("../img/warehouse/icon_1.png") left center no-repeat;
	background-size: 50px;
}
.efficiencyListArea .efficiencyList .efficiency:nth-child(3) .status .index{
	background: url("../img/warehouse/icon_1.png") left center no-repeat;
	background-size: 50px;
}
.efficiencyListArea .efficiencyList .efficiency:nth-child(4) .status .index{
	background: url("../img/warehouse/icon_1.png") left center no-repeat;
	background-size: 50px;
}

}
.flowStepList{
 margin: 0px;
	padding: 0px;
}
.flowStepList .flowStepBox{
 margin: 0px;
	padding: 0px 0px 40px 0px;
	background: url("../img/warehouse/arrow_red.png") 60px bottom no-repeat;
}
.flowStepList .flowStepBox:last-child{
	padding: 0px;
	background: none;
}
.flowStepList .flowStepBox .flowStepInner{
 margin: 0px;
	padding: 40px 40px 40px 120px;
}
.flowStepList .flowStepBox:nth-child(1) .flowStepInner{
 margin: 0px;
	background: url("../img/warehouse/step_1.png") 40px 40px no-repeat #f7f7f7;
}
.flowStepList .flowStepBox:nth-child(2) .flowStepInner{
 margin: 0px;
	background: url("../img/warehouse/step_2.png") 40px 40px no-repeat #f7f7f7;
}
.flowStepList .flowStepBox:nth-child(3) .flowStepInner{
 margin: 0px;
	background: url("../img/warehouse/step_3.png") 40px 40px no-repeat #f7f7f7;
}
.flowStepList .flowStepBox .flowStepInner .index{
 margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	color: #c40406;
}
.flowStepList .flowStepBox .flowStepInner .text{
 margin: 0px;
	padding: 0px;
	font-size: 16px;
}
.flowStepList .flowStepBox .flowStepInner .index2{
 margin: 30px 0px 20px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.flowStepList .flowStepBox .flowStepInner dl{
 margin: 0px 0px 20px 0px;
	padding: 0px;
}
.flowStepList .flowStepBox .flowStepInner dl dt{
 margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
}
.flowStepList .flowStepBox .flowStepInner dl dt:before{
 margin: 0px 2px 0px 0px;
 content: "・";
	color: #c40406;
}
.flowStepList .flowStepBox .flowStepInner dl dd{
 margin: 0px;
	padding: 0px;
	font-size: 16px;
}
@media (max-width: 768px){
.flowStepList .flowStepBox .flowStepInner{
 margin: 0px;
	padding: 20px 20px 20px 75px;
}
.flowStepList .flowStepBox:nth-child(1) .flowStepInner{
 margin: 0px;
	background: url("../img/warehouse/step_1.png") 10px 15px no-repeat #f7f7f7;
	background-size: 50px;
}
.flowStepList .flowStepBox:nth-child(2) .flowStepInner{
 margin: 0px;
	background: url("../img/warehouse/step_2.png") 10px 15px no-repeat #f7f7f7;
	background-size: 50px;
}
.flowStepList .flowStepBox:nth-child(3) .flowStepInner{
 margin: 0px;
	background: url("../img/warehouse/step_3.png") 10px 15px no-repeat #f7f7f7;
	background-size: 50px;
}
.flowStepList .flowStepBox .flowStepInner .index{
	font-size: 18px;
}

}

.convBoxArea{
	margin: 0px;
	padding: 0px;
}
.convBoxArea .index{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.convBoxArea .text{
 margin: 0px 0px 30px 0px;
	padding: 0px;
	text-align: center;
	line-height: 2;
	font-size: 16px;
	color: #000;
}
.convBoxArea .btnArea{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
@media (max-width: 768px){
	.convBoxArea .text{
		text-align: left;
		line-height: 2;
	}
	.convBoxArea .text br{
	 display: none;
	}
}

body .cd-gallery{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}
body .cd-gallery_n{
	margin: 0px auto;
	max-width: 1240px;
}
body .cd-gallery li{
	padding: 0px;
	margin: 0px 0.5%;
	width: 24%;
	max-width: 400px;
	list-style-type:none;
}
body .cd-gallery li a{
 text-decoration: none;
}
body .cd-gallery li .img{
	margin: 0px 0px 10px 0px;
}
body .cd-gallery li .img img{
 width: 100%;
	height: 200px;
	object-fit: cover;
}
body .cd-gallery li.item_n .img img{
 width: 100%;
	height: auto;
	 aspect-ratio:3/2;
	object-fit: cover;
}


body .cd-gallery li .txt{
 margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #666;
}
body .cd-gallery li .txt span{
 font-weight: bold;
	color: #000;
}

body .cd-gallery li .index {
    margin: 0px 10px 5px 10px;
    padding: 0px 0px 5px 0px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    color: #000;
    border-bottom: 2px solid #6d1112;
}
body .cd-gallery li .cont{
 margin: 0px;
	padding: 0px;
}
body .cd-gallery li .cont .clist{
 margin: 0px 10px 5px 10px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
body .cd-gallery li .cont .clist span{
 display: block;
	width: 80px;
	margin-right: 20px;
	text-align: center;
	padding: 5px 0px;
	background: #e8e8e8;
	color: #333;
	font-size: 14px;
}
body .cd-gallery li .cont .clist em{
 display: block;
	width : -webkit-calc(100% - 100px) ;
 width : calc(100% - 100px) ;
	text-align: left;
	padding: 5px 0px;
	color: #333;
	font-size: 14px;
}
body .cd-gallery li .tagList {
	margin: 0px 10px;
	padding: 5px 0px;
}
body .cd-gallery li .tagList .tag{
 display: inline-block;
	margin: 0px 5px 5px 0px;
	padding: 0px 5px;
	border-radius: 5px;
	border: 1px solid #666;
	color: #666;
	font-size: 12px;
}
body .cd-gallery li .tagList .tag.tag_red{
	border: 1px solid #b72814;
	color: #b72814;
}
body .cd-gallery li .tagList .tag.tag_green{
	border: 1px solid #71af4e;
	color: #71af4e;
}
body .cd-gallery li .tagList .tag.tag_blue{
	border: 1px solid #008cd6;
	color: #008cd6;
}
body .cd-gallery.cd-gallery_m{
	justify-content: space-between;
}
body .cd-gallery.cd-gallery_m li{
 width: 32%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
body .cd-gallery.cd-gallery_m li p{
 display: none;
}
body .cd-gallery.cd-gallery_m li:before{
	display: none;
}
body .cd-gallery.cd-gallery_m li .img img{
 margin: 0px;
}
body .cd-gallery.cd-gallery_m2{
 justify-content: flex-start;
}
body .cd-gallery.cd-gallery_m2 li{
 margin: 0px 1% 10px 0px;
}
@media (max-width: 768px){
body .cd-gallery{
	margin: 0px;
	padding: 0px;
	display: block;
}
body .cd-gallery li{
	padding: 0px;
	margin: 0px 0px 20px 0px;
	width: auto;
	max-width: 100%;
}
body .cd-gallery li.item_n{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	width: auto;
	max-width: 100%;
}
body .cd-gallery li .img img{
	height: auto;
	max-height: 300px;
}
body .cd-gallery.cd-gallery_m li{
 width: auto;
	margin: 0px 0px 30px 0px;
}
body .cd-gallery.cd-gallery_m2{
 display: block;
}
body .cd-gallery.cd-gallery_m2 li{
 width: auto;
	margin: 0px 0px 30px 0px;
}
}

.centerBtn{
 margin: 0px;
	padding: 40px 0px;
	text-align: center;
}
.centerBtn a{
 display: inline-block;
	padding: 10px 20px;
	font-size: 20px;
	border: 1px solid #000;
	transition: all 300ms 0s ease;
	font-size: 16px;
	text-decoration: none;
}
.centerBtn a:hover{
	border: 1px solid #000;
	background: #000;
	color: #FFF;
}


/*topMV*/
.topMV{
	padding:  100px 0px;
	margin: 0px 30px 0px 0px;
}
.topMV .topMV_inner{
	margin: 0 auto;
	max-width: 1240px;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
}
.topMV .topMV_inner .textArea{
 width : -webkit-calc(50% - 20px) ;
 width : calc(50% - 20px) ;
	margin-right: 30px;
	color: #FFF;
}

.topMV .topMV_inner .textArea .sub{
 font-size: 18px;
	margin: 0px 0px 10px 0px;
}
.topMV .topMV_inner .textArea .main{
 font-size: 24px;
	line-height: 1.6;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #FFF;
}
.topMV .topMV_inner .textArea .text{
 font-size: 16px;
	line-height: 1.8;
}

.topMV .topMV_inner .img{
 width : -webkit-calc(50% - 15px) ;
 width : calc(50% - 15px) ;
	margin: 0px;
}
.topMV .topMV_inner .img img{
 width: 100%;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
}

.topMV_step1{
 background: url("../img/common/back-step1.png") right bottom no-repeat;
	background-size: cover;
}
.topMV_step2{
 background: url("../img/common/back-step2.png") right bottom no-repeat;
	background-size: cover;
}
.topMV_step3{
 background: url("../img/common/back-step3.png") right bottom no-repeat;
	background-size: cover;
}
.topMV_select{
 background: url("../img/common/back-select.png") right bottom no-repeat;
	background-size: cover;
}


@media (max-width: 768px){
 .topMV{
			padding:  40px 0px;
			margin: 0px 15px;
		}
		.topMV .topMV_inner{
			margin: 0 10px;
			display: block;
		}
		.topMV .topMV_inner .textArea{
			width : auto;
			margin: 0px 0px 80px 0px;
		}

		.topMV .topMV_inner .textArea .sub{
			font-size: 16px;
			margin: 0px 0px 10px 0px;
		}
		.topMV .topMV_inner .textArea .main{
			font-size: 20px;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 10px 0px;
		}
		.topMV .topMV_inner .img{
			width : auto;
			margin: 0px 20px;
		}
		
		
		.topMV_step1{
			background: url("../img/common/back-step1.png") left top no-repeat;
			background-size: auto 100%;
		}
		.topMV_step1 .topMV_inner .textArea{
			background: url("../img/common/flow_step1_sp.png") right top no-repeat;
			background-size: auto;
		}
		.topMV_step2{
			background: url("../img/common/back-step2.png") left top no-repeat;
			background-size: auto 100%;
		}
		.topMV_step2 .topMV_inner .textArea{
			background: url("../img/common/flow_step2_sp.png") right top no-repeat;
			background-size: auto;
		}		
		.topMV_step3{
			background: url("../img/common/back-step3.png") left top no-repeat;
			background-size: auto 100%;
		}
		.topMV_step3 .topMV_inner .textArea{
			background: url("../img/common/flow_step3_sp.png") right top no-repeat;
			background-size: auto;
		}		
		
}


/*selectPointArea*/
.selectPointArea{
	margin: 0px 0px 50px 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.selectPointArea .selectPointBox{
 margin: 0px 20px 20px 0px;
	padding: 30px 0px;
	width : -webkit-calc(50% - 11px) ;
 width : calc(50% - 11px) ;
	background: #FFF;
}
.selectPointArea .selectPointBox:nth-child(even){
 margin: 0px 0px 20px 0px;
}
.selectPointArea .selectPointBox .index{
 margin: 0px 0px 0px 30px;
	padding: 0px;
 font-size: 18px;
	font-weight: bold;
	color: #c40406;
}
.selectPointArea .selectPointBox .text{
 margin: 0px 0px 0px 30px;
	padding: 0px;
 font-size: 20px;
	font-weight: bold;
	color: #000;
}
@media (max-width: 768px){
 .selectPointArea{
			display: block;
		}
		.selectPointArea .selectPointBox{
			margin: 0px 0px 5px 0px;
			padding: 20px 0px;
			width : auto;
		}
		.selectPointArea .selectPointBox:nth-child(even){
			margin: 0px 0px 5px 0px;
		}
		.selectPointArea .selectPointBox .index{
			margin: 0px 0px 0px 15px;
			font-size: 16px;
		}
		.selectPointArea .selectPointBox .text{
			margin: 0px 0px 0px 15px;
			font-size: 16px;
		}
}

/*pointvendorArea*/
.pointvendorArea{
	margin: 0px;
	padding: 0px;
}
.pointvendorArea .pointvendorBox{
	margin: 0px 0px 100px 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pointvendorArea .pointvendorBox .textArea{
 width: 50%;
	margin: 0px;
	padding: 0px;
}
.pointvendorArea .pointvendorBox .textArea .index{
 margin: 0px 0px 20px 0px;
 padding: 30px 40px 15px 40px;
	border-bottom: 1px solid #000;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.pointvendorArea .pointvendorBox:nth-child(1) .textArea .index{
 background: url("../img/select_company/back_point_01.png") no-repeat;
	background-position: right 15px top;
	background-size: auto 70%;
}
.pointvendorArea .pointvendorBox:nth-child(2) .textArea .index{
 background: url("../img/select_company/back_point_02.png") no-repeat;
	background-position: right 15px top;
	background-size: auto 70%;
}
.pointvendorArea .pointvendorBox:nth-child(3) .textArea .index{
 background: url("../img/select_company/back_point_03.png") no-repeat;
	background-position: right 15px top;
	background-size: auto 70%;
}
.pointvendorArea .pointvendorBox:nth-child(4) .textArea .index{
 background: url("../img/select_company/back_point_04.png") no-repeat;
	background-position: right 15px top;
	background-size: auto 70%;
}
.pointvendorArea .pointvendorBox .textArea .text{
 margin: 0px;
 padding: 0px 40px;
	font-size: 16px;
	color: #000;
	line-height: 1.8;
}
.pointvendorArea .pointvendorBox .textArea .text a{
 font-weight: bold;
}

.pointvendorArea .pointvendorBox .textArea .table{
 margin: 0px 0px 10px 0px;
 padding: 0px 40px;
	font-size: 16px;
	color: #000;
	line-height: 1.8;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.pointvendorArea .pointvendorBox .textArea .table_top{
  margin: 50px 0px 10px 0px;
}
.pointvendorArea .pointvendorBox .textArea .table .th{
 margin: 0px 10px 0px 0px;
	padding: 5px 0px;
	width: 80px;
	border: 1px solid #000;
	text-align: center;
}
.pointvendorArea .pointvendorBox .textArea .table .td{
 margin: 0px 10px 0px 0px;
	padding: 5px 0px;
	width : -webkit-calc(100% - 100px) ;
 width : calc(100% - 100px) ;
	border: 1px solid #FFF;
	text-align: left;
	line-height: 2;
}
.pointvendorArea .pointvendorBox .imgArea{
 width: 50%;
	margin: 0px;
	padding: 0px;
}
.pointvendorArea .pointvendorBox .imgArea img{
 width: 100%;
}
.pointvendorArea .pointvendorBox:nth-child(even) .textArea{
  order: 2;
}
.pointvendorArea .pointvendorBox:nth-child(even) .imgArea{
  order: 1;
}
.pointvendorArea .costvendorBox{
	margin: 0px;
	padding: 50px;
	background: url("../img/select_company/text-cost.png") no-repeat #FFF;
	background-position: right 15px bottom 15px;
}
.pointvendorArea .costvendorBox .index{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.pointvendorArea .costvendorBox .text{
	font-size: 16px;
}

@media (max-width: 768px){
   .pointvendorArea .pointvendorBox{
				margin: 0px 20px 100px 0px;
				padding: 0px;
			}
			.pointvendorArea .pointvendorBox:nth-child(even){
   	margin: 0px 0px 100px 20px;
		}
			.pointvendorArea .pointvendorBox .textArea{
				width: auto;
				margin: 0px;
				padding: 0px;
			}
			.pointvendorArea .pointvendorBox .textArea .index{
			  padding: 20px 10px 15px 10px;
					font-size: 18px;
			}
			.pointvendorArea .pointvendorBox .textArea .text{
			  padding: 0px 10px;;
			}
  .pointvendorArea .pointvendorBox .imgArea{
			width: auto;
			margin: 0px 0px 20px 0px; 
		}
	 .pointvendorArea .pointvendorBox:nth-child(odd) .textArea{
    order: 2;
		}
		.pointvendorArea .pointvendorBox:nth-child(odd) .imgArea{
				order: 1;
		}
		.pointvendorArea .costvendorBox{
					padding: 30px 20px;
					background: url("../img/select_company/text-cost.png") no-repeat #FFF;
					background-position: right 15px bottom 15px;
					background-size: 80% auto;
				}
}

/*orderingformTopArea*/
.orderingformTopArea{
	background: url("../img/select_company/text-ordering.png") left bottom no-repeat;
	display: flex;
	flex-wrap: wrap;
	justify-content: center; 
	margin: 0px 0px 80px 0px;
}

.orderingformTopArea .textArea{
 max-width: 1200px;
	margin: 0px auto;
	padding: 0px;
}
.orderingformTopArea .textArea:after {
	content: "";
	display: block;
	clear: both;
}
.orderingformTopArea .textArea .img{
 margin: 0px 50px 0px 0px;
	padding: 0px;
 width : 580px;
	float: left;
}
.orderingformTopArea .textArea .img img{
 width: 100%;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
}

.orderingformTopArea .textArea .text{
 font-size: 16px;
}
.orderingformArea{
	margin: 0px;
	padding: 0px;
}
.orderingformArea .addText{
 margin: 0px 0px 60px 0px;
	padding: 0px;
 font-size: 16px;
}
.orderingformArea .mdBox{
 margin: 0px 0px 20px 0px;
	padding: 30px;
}
.orderingformArea .mdBox .aindex{
 margin: 0px 0px 30px 0px;
	padding:0px;
	font-size: 20px;
	font-weight: bold;
}
.orderingformArea .mdBox .aindex span{
 padding:0px 10px 0px 35px; 
}
.orderingformArea .mdBox .textBox{
 margin: 0px 0px 50px 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}
.orderingformArea .mdBox .textBox:last-child{
 margin: 0px;
}
.orderingformArea .mdBox .textBox .md{
 margin: 0px;
	padding: 0px;
	width: 130px;
	font-size: 18px;
	font-weight: bold;
}
.orderingformArea .mdBox .textBox .textArea{
 margin: 0px;
	padding: 0px;
}
.orderingformArea .mdBox .textBox .textArea .index{
 font-weight: bold;
	color: #000;
	font-size: 18px;
	margin: 0px 0px 5px 0px;
}
.orderingformArea .mdBox .textBox .textArea .text{
 font-size: 16px;
	line-height: 2;
}


.orderingformArea .meritBox{
 background: #fedede;
}
.orderingformArea .meritBox .aindex{
 background: url(../img/common/line-merit.png) left center repeat-x;
}
.orderingformArea .meritBox .aindex span{
 background: url(../img/common/icon_merit.png) left center no-repeat #fedede;
 color: #c40406;
}
.orderingformArea .meritBox .textBox .md{
 color: #c40406;
}

.orderingformArea .demeritBox{
 background: #e8e8e8;
}
.orderingformArea .demeritBox .aindex{
 background: url(../img/common/line-demerit.png) left center repeat-x;
}
.orderingformArea .demeritBox .aindex span{
 background: url(../img/common/icon_demerit.png) left center no-repeat #e8e8e8;
 color: #5e5e5e;
}
.orderingformArea .demeritBox .textBox .md{
 color: #5e5e5e;
}
.orderingformArea .demeritBox .textBox:last-child{
 margin: 0px 0px 50px 0px;
}

.orderingformArea .mdBox .flexText{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.orderingformArea .mdBox .flexText .textArea{
	margin: 0px 30px 0px 0px;
	padding: 0px;
	width : -webkit-calc(100% - 390px) ;
 width : calc(100% - 390px) ;
}
.orderingformArea .mdBox .flexText .img{
	width: 350px;
}

@media (max-width: 768px){
 .orderingformTopArea{
			background: url("../img/select_company/text-ordering.png") center bottom no-repeat;
			background-size: 100% auto;
			margin: 0px 15px 50px 15px;
			padding: 0px 0px 70px 0px;
		}
		
		.orderingformTopArea .textArea{
			width : 100%;
			order: 1;
			margin: 0px 0px 50px 0px;
		}
		.orderingformTopArea .textArea .img{
			margin: 0px 0px 40px 0px;
			width : 100%;
			order: 2;
			text-align: center;
			float: none;
		}
		.orderingformTopArea .textArea .img img{
			width: 70%;
		}
		
		.orderingformArea .addText{
			margin: 0px 0px 50px 0px;
		}
		.orderingformArea .mdBox{
			margin: 0px 0px 20px 0px;
			padding: 30px 10px 10px 10px;
		}
		.orderingformArea .mdBox .aindex{
			margin: 0px 0px 20px 0px;
		}
		
		.orderingformArea .mdBox .textBox{
			margin: 0px 0px 30px 0px;
			display: block;
		}
		.orderingformArea .mdBox .textBox .md{
			margin: 0px 0px 5px 0px;
			width: auto;
		}
		.orderingformArea .mdBox .textBox .textArea{
			width : auto;
		}
		.orderingformArea .demeritBox .textBox:last-child{
			margin: 0px 0px 30px 0px;
		}

		.orderingformArea .mdBox .flexText{
			display: block;
		}
		.orderingformArea .mdBox .flexText .textArea{
			margin: 0px 0px 20px 0px;
			width : auto ;
		}
		.orderingformArea .mdBox .flexText .img{
			width : auto ;
		}
}

/*roleAre*/
.roleOuterArea{
	margin: 0px;
	padding: 0px;
}
.roleOuterArea .addText{
	margin: 0px 0px 50px 0px;
	padding: 0px;
	font-size: 16px;
	
}
.roleOuterArea .addText b{
 font-weight: bold;
}
.roleOuterArea .index_g{
	margin: 50px 0px;
	padding: 3px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	background:linear-gradient(transparent 75%, #c40406 75%);
	display: inline-block;
	line-height: 1.3;
}

.roleArea{
 margin: 0px 50px;
	padding: 0px;
}
.roleArea .roleBox{
	margin: 0px 0px 4px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	background: #FFF;
}
.roleArea .roleBox .index{
 width: 280px;
	margin: 0px 50px 0px 0px;
	padding: 40px 0px;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	/*text-decoration: underline;*/
	text-align: center;
}
.roleArea .roleBox .wrow{
	text-decoration: none;
	font-size: 16px;
}
.roleArea .roleBox .wrow .l{
	font-size: 20px;
	/*text-decoration: underline;*/
}

.roleArea .roleBox1 .index{
 background: url("../img/building_first/role_01.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox2 .index{
 background: url("../img/building_first/role_02.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox3 .index{
 background: url("../img/building_first/role_03.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox4 .index{
 background: url("../img/building_first/role_04.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox5 .index{
 background: url("../img/building_first/role_05.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox6 .index{
 background: url("../img/building_first/role_06.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox7 .index{
 background: url("../img/building_first/role_07.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox8 .index{
 background: url("../img/building_first/role_08.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox9 .index{
 background: url("../img/building_first/role_09.png") center center no-repeat;
	background-size: cover;
}

.roleArea .roleBox10 .index{
 background: url("../img/building_second/role_10.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox11 .index{
 background: url("../img/building_second/role_11.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox12 .index{
 background: url("../img/building_second/role_12.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox13 .index{
 background: url("../img/building_second/role_13.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox14 .index{
 background: url("../img/building_second/role_14.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox15 .index{
 background: url("../img/building_second/role_15.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox16 .index{
 background: url("../img/building_second/role_16.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox17 .index{
 background: url("../img/building_second/role_17.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox18 .index{
 background: url("../img/building_second/role_18.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox19 .index{
 background: url("../img/building_second/role_19.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox20 .index{
 background: url("../img/building_second/role_20.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox21 .index{
 background: url("../img/select_company/role_21.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox22 .index{
 background: url("../img/select_company/role_22.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox23 .index{
 background: url("../img/select_company/role_23.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox24 .index{
 background: url("../img/select_company/role_24.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox25 .index{
 background: url("../img/select_company/role_25.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox26 .index{
 background: url("../img/select_company/role_26.png") center center no-repeat;
	background-size: cover;
}
.roleArea .roleBox27 .index{
 background: url("../img/select_company/role_27.png") center center no-repeat;
	background-size: cover;
}

.roleArea .roleBox .text{
 margin: 0px;
	padding: 20px 0px;
	width : -webkit-calc(100% - 380px) ;
 width : calc(100% - 380px);
	color: #000;
	font-size: 16px;
	line-height: 2;
	position:relative;
}
.roleArea .roleBox .text .vc{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}
.roleArea .addText{
 margin: 50px 0px 0px 0px;
	font-size: 16px;
	line-height: 1.8;
}
@media (max-width: 768px){
 .roleArea{
		margin: 0px;
	}
	.roleArea .roleBox{
		margin: 0px 0px 4px 0px;
		display: block;
	}
	.roleArea .roleBox .index{
		width: auto;
		margin: 0px;
		padding: 25px 0px;
		font-size: 18px;
	}
		.roleArea .roleBox .text{
			margin: 0px;
			padding: 10px 10px 20px 10px;
			width : auto;
			font-size: 16px;
			line-height: 2;
		}
.roleArea .roleBox .text .vc{
  position:inherit;
		top: 0px;
		left: 0px;
		transform:none;
}
		
		.roleArea .addText{
			margin: 20px 0px 0px 0px;
		}
}

/*comparisontableArea*/
.comparisontableaddText{
 margin: 0px;
	padding: 0px 0px 80px 0px;
	font-size: 16px;
	line-height: 1.8;
	}
.comparisontableArea{
	margin: 0px;
	padding: 0px;
}

.comparisontableArea .comparisontableOuter{
	margin: 0px 0px 50px 0px;
	padding: 0px;
}

.comparisontableArea .comparisontableOuter{
	margin: 0px;
	padding: 0px;
}
.comparisontableArea .comparisontableOuter table{
	width: 100%;
	border-collapse: collapse;
}
.comparisontableArea .comparisontableOuter table thead th{
 margin: 0px;
	padding: 6px 0px;
	text-align: center;
	vertical-align: middle;
	background: #c40406;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
 border:2px solid #FFF;
	white-space: normal;
}
.comparisontableArea .comparisontableOuter table thead th:first-child{
 background: #eedcdc;
	width: 140px;
}
.comparisontableArea .comparisontableOuter table thead th:nth-child(2){
 background: #eedcdc;
	width: 200px;
}
.comparisontableArea .comparisontableOuter table thead th:nth-child(3){
 background: #eedcdc;
	width: 120px;
}

.comparisontableArea .comparisontableOuter table tbody th{
 margin: 0px;
	padding: 12px 0px;
	text-align: center;
	vertical-align: middle;
	background: #d7dcdc;
	font-size: 16px;
	line-height: 1.4;
 border:2px solid #FFF;
	white-space: normal;
}
.comparisontableArea .comparisontableOuter table tbody th.exp{
 padding: 12px 5px;
 text-align: left;
	font-size: 14px;
}


.comparisontableArea .comparisontableOuter table tbody td{
 margin: 0px;
	padding: 8px 0px;
	text-align: center;
	vertical-align: middle;
	color: #c40406;
	background: #f6f6f6;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
 border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
	border-left:2px solid #FFF;
	white-space: normal;
}
.comparisontableArea .comparisontableOuter table tbody tr.border td{
 border-bottom: 2px solid #c40406;
}

.comparisontableArea .comparisontableOuter table tbody tr:nth-child(even) th{
 background: #cfcfcf;
}
.comparisontableArea .comparisontableOuter table tbody tr:nth-child(even) td{
 background: #f7f9f1;
}
.comparisontableArea .comparisontableOuter img{
 width: 100%;
}
@media (max-width: 768px){
 
 .comparisontableArea {
				overflow-x: auto;  
				white-space: nowrap;  
				overflow-scrolling: touch;  
				-webkit-overflow-scrolling: touch;  
				margin: 0px 0px 20px 0px;
		}
		.comparisontableArea::-webkit-scrollbar {
				height: 7px; /* スクロールバーの高さ */
				margin-top: 10px;
		}

	.comparisontableArea::-webkit-scrollbar-thumb {
				background: #c40406; /* ツマミの色 */
				border-radius: 0px; /* ツマミ両端の丸み */
		}

	.comparisontableArea::-webkit-scrollbar-track {
				background: #e8e8e8; /* トラックの色 */
				border-radius: 0px; /* トラック両端の丸み */
		}
	
	.comparisontableArea .comparisontableOuter{
			margin: 0px;
			padding: 0px;
			height: 800px;
			width: 736px;
		}
		.comparisontableArea .comparisontableOuter table thead th{
			font-size: 14px;
			width: 160px;
		}
		.comparisontableArea .comparisontableOuter img{
		 height: 470px;
		}
}

body .cd-filters {
 margin: 0px 0px 60px 0px;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
    content: "";
    display: table;
}
body .cd-filters li {
    float: left;
    width: 20%;
    text-align: center;
    border-right: 2px solid #f6f6f6;
				list-style: none;
				list-style-type:none;
}
body .cd-filters li a {
    display: block;
    font-weight: bold;
    width: 100%;
    padding: 11px 5px;
    background: #eeeeee;
    font-size: 20px;
    font-size: 2rem;
    color: #000;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
				text-decoration:none;
}
body .cd-filters li.active a, .cd-filters li:hover a {
    background: #6d1112;
    color: white;
    opacity: 1;
}
@media screen and (max-width: 767px) {
  body .cd-filters li {
    width: calc((100% - 3px)/2);
				margin: 1px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body .cd-filters li:nth-child(3n) {
    border-right: transparent;
  }
}

body .cd-filters li:last-child {
  border-right: none;
}

body .cd-filters li a {
  display: block;
  font-weight: bold;
  width: 100%;
  padding: 11px 5px;
  background: #eeeeee;
  font-size: 20px;
  font-size: 2rem;
  color: #000;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
  body .cd-filters li a {
    padding: 8px 5px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  body .cd-filters li a {
    font-size: 12px;
    font-size: 1.2rem;
				padding: 8px 1px;
  }
}

.cd-filters li.active a, .cd-filters li:hover a {
  background: #6d1112;
  color: white;
  opacity: 1;
}



.pager{
	margin: 0px;
	padding: 30px 0px 0px 0px;
	text-align: center;
}

.pager a.page-numbers{
 display: inline-block;
	margin: 0px 2px;
	vertical-align: middle;
	padding: 0px;
	width: 40px;
	height: 40px;
	line-height: 38px;
	font-size: 16px;
}
.pager a.page-numbers{
	border: 1px solid #e8e8e8;
	background: #FFF;
	color: #000;
	transition: all 300ms 0s ease;
}
.pager a.page-numbers:hover{
	background: #000;
	color: #FFF;
}
.pager .current{
 display: inline-block;
	margin: 0px 2px;
	vertical-align: middle;
	padding: 0px;
	width: 40px;
	height: 40px;
	line-height: 38px;
	font-size: 16px;
	border: 1px solid #e8e8e8;
	background: #000;
	color: #FFF;
}

.cd-gallery .item {
    margin-bottom: 60px;
    position: relative;
}
.cd-gallery .item_n {
    width: 32%;
				max-width: inherit;
				    padding: 0px;
    background: #FFF;
    box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
}
cd-gallery .item a {
    display: block;
    color: #000;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
}
.cd-gallery .item .ttag {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 4px 8px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    background: #999;
    z-index: 1;
}
.cd-gallery .item .tag_k {
    background: #b72814;
}
.cd-gallery .item .tag_j {
    background: #71af4e;
}
.cd-gallery .item .tag_r {
    background: #008cd6;
}
.cd-gallery .item a .txt {
    margin-left: 0px;
    padding: 0 5px 0 10px;
    border-left: 7px solid #6d1112;
}




.wp-pagenavi{
text-align: center;
}


/*works-detail*/
.works-detail {
  background: #f9f9f9;
  margin-bottom: 105px;
}

@media screen and (max-width: 1200px) {
  .works-detail {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 990px) {
  .works-detail {
    background: #fff;
  }
}

@media screen and (max-width: 767px) {
  .works-detail {
    margin-bottom: 50px;
  }
}

.works-detail .content-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 990px) {
  .works-detail .content-detail {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.works-detail .content-detail .name-cate {
  display: inline-block;
  background: #6d1112;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 17px 37px;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 175px;
  z-index: 99;
  font-size: 20px;
  font-size: 2rem;
}

.works-detail .content-detail .name-cate_k{
	background:#b72814;
}
.works-detail .content-detail .name-cate_r{
	background:#008cd6;
}
.works-detail .content-detail .name-cate_j{
	background:#71af4e;
}
.works-detail .content-detail .name-cate_o{
	background:#999999;
}



@media screen and (max-width: 1200px) {
  .works-detail .content-detail .name-cate {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .works-detail .content-detail .name-cate {
    padding: 12px 15px;
    min-width: 130px;
  }
}

.works-detail .content-detail .slider-detail {
  width: 67%;
}

@media screen and (max-width: 990px) {
  .works-detail .content-detail .slider-detail {
    width: 100%;
    margin-bottom: 20px;
  }
}

.works-detail .content-detail .slider-detail img {
  display: block;
}

.works-detail .content-detail .slider-detail .slider-for {
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .works-detail .content-detail .slider-detail .slider-for {
    margin-bottom: 10px;
  }
}

.works-detail .content-detail .slider-detail .slider-for .item {
  position: relative;
  overflow: hidden;
}

.works-detail .content-detail .slider-detail .slider-for .item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0 auto;
  max-width: inherit;
  height: 100%;
  width: auto;
}

.works-detail .content-detail .slider-detail .slider-for .item::after {
  content: "";
  display: block;
  padding-top: 70%;
}

.works-detail .content-detail .slider-detail .slider-nav.none .slick-track {
  min-width: 100%;
  -webkit-transform: translate(0) !important;
      -ms-transform: translate(0) !important;
          transform: translate(0) !important;
}

.works-detail .content-detail .slider-detail .slider-nav .item {
  margin: 0 5px;
  position: relative;
  overflow: hidden;
}

.works-detail .content-detail .slider-detail .slider-nav .item::after {
  content: "";
  display: block;
  padding-top: 70%;
}

.works-detail .content-detail .slider-detail .slider-nav .item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.works-detail .content-detail .slider-detail .slider-nav .item:focus {
  outline: none;
}

.works-detail .content-detail .text-detail {
  width: 33%;
  padding-left: 46px;
  margin-top: -22px;
  padding-right: 15px;
}

@media screen and (max-width: 1200px) {
  .works-detail .content-detail .text-detail {
    padding-left: 30px;
    margin-top: 0;
  }
}

@media screen and (max-width: 990px) {
  .works-detail .content-detail .text-detail {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.works-detail .content-detail .text-detail h1,
.works-detail .content-detail .text-detail .title-name{
  font-weight: bold;
  color: #000;
  line-height: 1.38;
  padding-left: 14px;
  border-left: 4px solid #9b1617;
  margin-bottom: 67px;
  font-size: 29px;
  font-size: 2.9rem;
}

@media screen and (max-width: 1200px) {
  .works-detail .content-detail .text-detail h1,
.works-detail .content-detail .text-detail .title-name{
    margin-bottom: 35px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .works-detail .content-detail .text-detail h1,
.works-detail .content-detail .text-detail .title-name{
    padding-left: 10px;
    border-width: 2px;
  }
}

.works-detail .content-detail .text-detail .list-works dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}

.works-detail .content-detail .text-detail .list-works dl:nth-child(2n) {
  margin-bottom: 35px;
}

@media screen and (max-width: 1200px) {
  .works-detail .content-detail .text-detail .list-works dl:nth-child(2n) {
    margin-bottom: 25px;
  }
}

.works-detail .content-detail .text-detail .list-works dl dt, .works-detail .content-detail .text-detail .list-works dl dd {
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 1200px) {
  .works-detail .content-detail .text-detail .list-works dl dt, .works-detail .content-detail .text-detail .list-works dl dd {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.works-detail .content-detail .text-detail .list-works dl dt {
  width: 140px;
  padding-right: 10px;
  color: #000;
  font-weight: bold;
}

@media screen and (max-width: 1200px) {
  .works-detail .content-detail .text-detail .list-works dl dt {
    width: 90px;
  }
}

.works-detail .content-detail .text-detail .list-works dl dd {
  font-weight: 500;
  letter-spacing: -0.25px;
  width: calc(100% - 105px);
}

@media screen and (max-width: 1200px) {
  .works-detail .content-detail .text-detail .list-works dl dd {
    width: calc(100% - 90px);
  }
}

/*見出しMODULE*/
.txt-center {
    text-align: center;
}

.ttlCom01 {
  font-weight: bold;
  color: #000;
  margin-bottom: 45px;
  font-family: "Archivo Narrow", Verdana, sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
}

@media screen and (max-width: 1300px) {
  .ttlCom01 {
    font-size: 30px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 1100px) {
  .ttlCom01 {
    margin-bottom: 30px;
    font-size: 26px;
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 767px) {
  .ttlCom01 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 15px !important;
  }
}

.ttlCom01 span {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-size: 1.2rem;
}

.list-post-relate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 120px;
}

@media screen and (max-width: 1200px) {
  .list-post-relate {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 990px) {
  .list-post-relate {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 600px) {
  .list-post-relate {
    margin-bottom: 15px;
  }
}

.list-post-relate .item-post {
  width: 25%;
}

@media screen and (max-width: 990px) {
  .list-post-relate .item-post {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .list-post-relate .item-post {
    width: 100%;
    margin-bottom: 35px;
  }
}

.list-post-relate .item-post img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  max-width: inherit;
  /*height: 140% !important;*/
  z-index: 2;
}

.list-post-relate .item-post a {
  display: block;
  position: relative;
  overflow: hidden;
}

.list-post-relate .item-post a::after {
  content: "";
  display: block;
  padding-top: 75%;
  z-index: 1;
}

.list-post-relate .item-post a:before {
  z-index: 3;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  background: rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 769px) {
  .list-post-relate .item-post a:before {
    opacity: 0;
  }
}

@media screen and (min-width: 769px) {
  .list-post-relate .item-post a:hover {
    opacity: 1;
  }
  .list-post-relate .item-post a:hover .ttl {
    opacity: 1;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }
  .list-post-relate .item-post a:hover:before {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    opacity: 1;
  }
}

.list-post-relate .item-post .ttl {
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding: 0 15px;
  z-index: 4;
  text-align: center;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (min-width: 769px) {
  .list-post-relate .item-post .ttl {
    opacity: 0;
  }
}

@media screen and (max-width: 1200px) {
  .list-post-relate .item-post .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/*table-content-company*/
.table-content-company{
	margin: 0px;
	padding: 0px;
}
.table-content-company table{
 margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	border-collapse: separate;
	border-spacing:4px;
}
.table-content-company table th{
	padding: 10px;
	width: 180px;
	background: #e8e8e8;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-align: center;
	vertical-align: top;
}
.table-content-company table td{
	padding: 10px;
	background: #FFF;
	font-size: 18px;
	text-align: left;
	vertical-align: top;
}
.table-content-company table td ul{
 margin: 0px;
	padding: 0px;
}
.table-content-company table td ul li{
 list-style: none;
	padding-left: 20px;
	text-indent: -20px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
.table-content-company table td ul li:before{
 content :"・";
	color: #c40406;
	margin-right: 4px;
}
.table-content-company a {
	color: #c40406;
	text-decoration: underline;
} 
@media (max-width: 768px){
	.table-content-company table{
				display: block;
			}
			.table-content-company table tr{
			 display: block;
				margin: 0px;
				padding: 0px;
			}
			.table-content-company table th{
				display: block;
				margin: 0px 0px 4px 0px;
				width: auto;
				text-align: left;
			}
			.table-content-company table th br{
			 display: none;
			}
			.table-content-company table td{
				display: block;
				margin: 0px 0px 4px 0px;
				width: auto;
				text-align: left;
			}
}


.contentPage {
  padding-right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
		background: #FFF;
}

@media (max-width: 1200px) {
  .contentPage {
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .contentPage {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .contentPage {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.contentPage .pageLeft {
  width: calc(100% - 328px);
  padding-right: 53px;
  padding-top: 17px;
  padding-left: 100px;
}

@media (max-width: 1200px) {
  .contentPage .pageLeft {
    width: calc(100% - 220px);
    padding-left: 50px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .contentPage .pageLeft {
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0;
    padding-top: 0;
				padding-left: 0px;
  }
}

.contentPage .pageRight {
  width: 328px;
}

@media (max-width: 1200px) {
  .contentPage .pageRight {
    width: 220px;
  }
}

@media screen and (max-width: 767px) {
  .contentPage .pageRight {
    width: 100%;
  }
}


.ttl_type02 {
  border-bottom: solid 3px #b43e3f;
  padding: 0 17px 6px;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 40px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.ttl_type02.style02 {
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .ttl_type02 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}



.cate {
  margin-bottom: 58px;
}

@media screen and (max-width: 767px) {
  .cate {
    margin-bottom: 0;
  }
}

.cate_ttl {
  font-family: "Archivo Narrow", Verdana, sans-serif;
  font-weight: bold;
  color: #fff;
  height: 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #b43e3f;
  font-size: 23px;
  font-size: 2.3rem;
}

@media screen and (max-width: 767px) {
  .cate_ttl {
    height: 45px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.cate_ttl span {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.cate ul {
  border: solid 1px #cdcdcd;
  border-top: 0;
		margin: 0px;
		padding: 0px;
}
.cate ul li{
 list-style: none;
	margin: 0px;
	padding: 0px;
}
.cate ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Archivo Narrow", Verdana, sans-serif;
  color: #434343;
  line-height: 1.5;
  font-size: 20px;
  font-size: 2rem;
  padding: 14px 28px;
  border-bottom: solid 1px #cdcdcd;
  width: 100%;
		text-decoration: none;
}

.cate ul li a:before {
  font: normal normal normal 18px/1 FontAwesome;
  display: inline-block;
  content: ">";
  margin-right: 18px;
}

@media screen and (max-width: 767px) {
  .cate ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px;
  }
  .cate ul li a:before {
    margin-left: 10px;
  }
}

.cate ul li:last-child a {
  border-bottom: 0;
}

.pageRight .tag_area .tag {
  margin: 0px;
  padding: 20px 28px 14px;
  border: solid 1px #cdcdcd;
  border-top: 0;
}

@media screen and (max-width: 767px) {
  .pageRight .tag_area .tag {
    padding: 15px 10px 10px;
  }
}

.pageRight .tag_area .tag li {
  display: inline-block;
  margin: 0 10px 10px 0;
		list-style: none;
}

.pageRight .tag_area .tag li a {
  display: block;
  padding: 10px 12px;
  color: #b59b5e;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  background: #ededed;
  border-radius: 20px;
		text-decoration: none;
}

@media screen and (max-width: 767px) {
  .pageRight .tag_area .tag li a {
    font-size: 13px;
    font-size: 1.3rem;
  }
}


.itemNews {
    padding: 43px 0 0;
}
.itemNews:nth-child(1) {
  padding-top: 0;
}

.itemNews .wrap {
  margin-bottom: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.itemNews .wrap > * {
  width: 50%;
}

.itemNews .wrap .img-main {
	overflow:hidden;
	max-height:240px;
	display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 800px) {
  .itemNews .wrap > * {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .itemNews .wrap {
    margin-bottom: 25px;
  }
}

.itemNews .wrap .img-main img {
  width: 100%;
}

.itemNews .wrap .content {
  padding-left: 40px;
}

@media (max-width: 1000px) {
  .itemNews .wrap .content {
    padding-left: 20px;
  }
}

@media (max-width: 800px) {
  .itemNews .wrap .content {
    margin-top: 20px;
    padding-left: 0;
  }
}

.itemNews .wrap .content .ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-top: -3px;
  margin-bottom: 24px;
  color: #434343;
}

@media (max-width: 1000px) {
  .itemNews .wrap .content .ttl {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .itemNews .wrap .content .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: -.5px;
  }
}

.itemNews .wrap .content p {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.73;
  margin-bottom: 2px;
  max-width: 435px;
}

@media (max-width: 1000px) {
  .itemNews .wrap .content p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .itemNews .wrap .content p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.more {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.625;
    font-family: "Archivo Narrow", Verdana, sans-serif;
}
.more i {
    margin-left: 15px;
}
.fa-angle-right:before {
    content: ">";
}

.time {
  text-align: right;
  border-top: solid 1px #cdcdcd;
  font-weight: bold;
  font-family: "Archivo Narrow", Verdana, sans-serif;
  padding-top: 7px;
  padding-bottom: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .time {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.time .date {
  line-height: 20px;
  border-right: solid 1px;
  padding-right: 13px;
  display: inline-block;
  color: #8a8a8a;
		vertical-align: top;
}

.time .label {
  text-transform: uppercase;
  color: #ed6d00;
  padding: 0 13px 0 0px;
  display: inline-block;
  font-family: "Archivo Narrow", Verdana, sans-serif;
		vertical-align: top;
		line-height: 20px;
}

.time.style02 {
  border-top: 0;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
}



.detailPost {
  padding-top: 36px;
  padding-bottom: 95px;
  font-size: 15px;
  font-size: 1.5rem;
  border-bottom: solid 1px #b43e3f;
  margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
  .detailPost {
    padding-bottom: 50px;
    margin-bottom: 13px;
  }
}

.detailPost .img-main {
  margin-bottom: 23px;
}

.detailPost img {
  max-width:80%;
  margin:0  auto 45px auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .detailPost img {
    margin-bottom: 20px;
    width: 100%;
	max-width:100%;  
	height:auto;
  }
}

.detailPost p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.73;
  margin-bottom: 28px;
		/*
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
		;*/
		font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

.detailPost p:last-child {
  margin-bottom: 0;
}

.detailPost h2 {
  position: relative;
  margin: 15px 0;
  padding-bottom: 8px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 3px solid #ccc;
}

.detailPost h2:after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 3px;
  background-color: #b43e3f;
}

.detailPost h3 {
  font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #b43e3f;
    padding: 0px 0px 5px 0px;
    margin: 30px 0px 20px 0px;
}

.detailPost h4 {
  position: relative;
  margin: 15px 0;
  padding-left: 15px;
  font-size: 16px;
  font-size: 1.5rem;
  font-weight: bold;
  border-left: 4px solid #ccc;
}

.detailPost h4:after {
  position: absolute;
  top: 0;
  left: -4px;
  z-index: 2;
  content: '';
  width: 4px;
  height: 50%;
  background-color: #b43e3f;
}
.detailPost a {
	text-decoration:underline;
	color:#0000dd;
}
.detailPost strong {
  font-weight: bold;
}

.detailPost em {
  font-style: italic;
}

.detailPost ul {
  margin: 15px 0;
}

.detailPost ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 1.3em;
	line-height:1.8;
	list-style: none;
}

.detailPost ul li:before {
  display: inline-block;
  position: absolute;
  left: 2px;
		top: 7px;
  content: '';
  width: 8px;
  height: 8px;
  background: #b43e3f;
  border-radius: 50%;
}
#toc_container ul.toc_list li {
	padding:5px 0px;
}
.detailPost ul.toc_list li:before {
	display:none;
}


.detailPost ol {
  margin: 15px 0;
  counter-reset: item;
  list-style-type: none;
}

.detailPost ol ol {
  padding-left: 1em;
}

.detailPost ol li {
  margin-bottom: 8px;
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.detailPost ol li:before {
  counter-increment: item;
  content: counter(item) ".";
  padding-right: .5em;
  font-weight: bold;
  color: #b43e3f;
}

.detailPost table{
 margin: 20px 0px;
	border-collapse:collapse;
}
.detailPost table th{
 margin: 0px;
	padding: 5px;
 border: 1px solid #999;
	background: #EFEFEF;
	font-weight: bold;
}
.detailPost table td{
 margin: 0px;
	padding: 5px;
 border: 1px solid #999;
	background: #FFF;
}


.detailPost .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.detailPost .youtube iframe {
  width: 100%;
  height: 100%;
}

.ttl_type01 {
  text-align: center;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 0.833;
  font-weight: bold;
  font-family: "Archivo Narrow", Verdana, sans-serif;
  color: #000;
}

.ttl_type01 span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2.5;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 767px) {
  .ttl_type01 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .ttl_type01 span {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
  }
}

.ttl_type02 {
  border-bottom: solid 3px #b43e3f;
  padding: 0 17px 6px;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 40px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.ttl_type02.style02 {
  margin-bottom: 14px;
		font-size: 2.4rem;
		padding: 0px 0px 20px 10px;
		font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

@media screen and (max-width: 767px) {
  .ttl_type02 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.ttl_type03 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 25px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .ttl_type03 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

.listNews.style02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -13px;
  margin-right: -13px;
}

@media screen and (max-width: 767px) {
  .listNews.style02 {
    margin-left: 0;
    margin-right: 0;
  }
}

.listNews.style02 .itemNews {
  width: 33.33%;
  padding: 0 13px;
}

@media screen and (max-width: 767px) {
  .listNews.style02 .itemNews {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}

.listNews.style02 .itemNews .wrap {
  margin-bottom: 0;
}

.listNews.style02 .itemNews .img-main {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .listNews.style02 .itemNews .img-main {
    margin-bottom: 0;
  }
}

.listNews.style02 .itemNews .content {
  width: 100%;
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .listNews.style02 .itemNews .content {
    margin-top: 0;
    padding: 20px 20px 20px;
  }
}

.listNews.style02 .itemNews .content .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .listNews.style02 .itemNews .content .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

.listNews.style02 .itemNews .content p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.73;
}

@media screen and (max-width: 767px) {
  .listNews.style02 .itemNews .content p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}


#contact-base{
	max-width: 1000px;
	margin: 0px auto;
 font-family: 'Noto Sans JP', sans-serif;
}
#contact-base a{
 text-decoration: none;
}

#contact-base .selectMode{
	display: flex;
	margin: 0px 0px 40px 0px;
}
#contact-base .selectMode .mode{
  margin: 0px;
		padding: 0px;
		text-align: center;
  width: calc(100% / 3);
	border-right:1px solid #FFF;
}
#contact-base .selectMode .mode a{
	 display: block;
		padding: 30px 0px;
		background: #b43e3f;
		transition: all 300ms 0s ease;
		color: #FFF;
		font-weight: bold;
		font-size: 24px;	
}
#contact-base .selectMode .mode a:hover{
	background: #9c1617;
	opacity: 1;
}
#contact-base .selectMode .select a{
	background: #9c1617;
	opacity: 1;
	cursor: auto;
}
@media screen and (max-width: 767px) {
#contact-base .selectMode{
	margin: 0px 0px 20px 0px;
}
#contact-base .selectMode .mode a{
		padding: 26px 0px;
		font-size: 13px;
		line-height: 1.1;
		letter-spacing: -0.05em;
}
}



#contact-base .contactList{
	margin: 0px;
	padding: 0px;
}
#contact-base .contactList .contact-box{
	margin: 0px auto 30px auto;
	padding: 30px;
	background: #e6ebf1;
}
#contact-base .contactList .contact-box .textArea{
 margin: 0px 40px 0px 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	width : -webkit-calc(100% - 250px) ;
 width : calc(100% - 250px) ;
}

#contact-base .contactList .contact-box .textArea .index{
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 7px 0px;
		border-bottom: 1px dashed #aaa;
		font-size: 24px;
		color: #000;
		font-weight: bold;
}
#contact-base .contactList .contact-box .textArea .text {
  font-size: 18px;
		color: #000;
		line-height: 1.8;
}
#contact-base .contactList .contact-box .btnArea{
 margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	width : 200px ;
}
#contact-base .contactList .contact-box .btnArea a{
  display: block;
		padding: 15px;
		background: #b43e3f;
		transition: all 300ms 0s ease;
		color: #FFF;
		font-size: 20px;
		text-align: center;
		font-weight: bold;
		border-radius: 3px;
}
#contact-base .contactList .contact-box .btnArea a:hover{
	background: #9c1617;
	opacity: 1;
}

@media screen and (max-width: 767px) {
	#contact-base .contactList .contact-box{
		margin: 0px auto 15px auto;
		padding: 15px;
	}
	#contact-base .contactList .contact-box .textArea{
		margin: 0px 0px 20px 0px;
		padding: 0px;
		display: block;
		width : auto ;
	}
	#contact-base .contactList .contact-box .textArea .index{
 font-size: 18px;
}
#contact-base .contactList .contact-box .textArea .text {
  font-size: 16px;;
}
#contact-base .contactList .contact-box .btnArea{
	display: block;
	width : auto;
}
#contact-base .contactList .contact-box .btnArea a{
  display: block;
		padding: 10px 0px;
		font-size: 16px;
}
}

#contact-base .estimateBox{
		margin: 0px 0px 50px 0px;
  padding: 30px;
  background: #e6ebf1;
		text-align: left;
}
#contact-base .estimateBox .index{
	margin: 0px 0px 10px 0px;
 padding: 0px 0px 7px 0px;
	border-bottom: 1px dashed #aaa;
	font-size: 24px;
	color: #000;
	font-weight: bold;
}
#contact-base .estimateBox .textArea{
	margin: 0px 0px 30px 0px;
}
#contact-base .estimateBox .textArea .text p{
    font-size: 18px;
    color: #000;
    line-height: 1.8;
				margin-bottom: 20px;
}
#contact-base .estimateBox .linkbox{
	margin: 0px 0px 50px 0px;
}
#contact-base .estimateBox .linkbox .text{
		font-size: 18px;
    color: #000;
    line-height: 1.8;
				margin-bottom: 20px;
}

#contact-base .estimateBox .linkbox .btnArea{
	text-align: center;
	max-width: 450px;
	margin: 0 auto;
}
#contact-base .estimateBox .linkbox .btnArea a{
	display:block;
	color: #FFF;
	padding: 15px;
	background-color: #b43e3f !important;
	transition: all 300ms 0s ease;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
}
#contact-base .estimateBox .linkbox .btnArea a:hover{
	background-color: #9c1617 !important;
	opacity: 1;
}
#contact-base .estimateBox .linkbox .btnArea a.orange{
	background-color: #6d1112 !important;
}
#contact-base .estimateBox .linkbox .btnArea a.orange:hover{
	background-color: #2a0404 !important;
	opacity: 1;
}

#contact-base .checkArea{
	display: flex;
	flex-wrap :wrap;
 margin: 0px 0px 40px 0px;			
}
#contact-base .checkArea .mwform-checkbox-field{
	display: block;
	    margin: 0px 0px 40px 0px;
    padding: 0px;
    text-align: center;
    width: calc(100% / 3);
}
#contact-base .checkArea .mwform-checkbox-field label{
	display: block;
	max-width: 300px;
	margin: 0px auto;
	position:relative;
	background-repeat:no-repeat;
	background-size:80% auto;
	background-position:center bottom;
}
#contact-base .checkArea .mwform-checkbox-field label:after {
    content:"";
    display: block;
    padding:3% 0% 115% 0%;
	font-size:14px;
	line-height:1.6;
	text-align:left;
}
#contact-base .checkArea .mwform-checkbox-field label input{
	width: 30px;
	height: 30px;
	float: inherit;
	vertical-align: middle;
}
#contact-base .checkArea .mwform-checkbox-field label span{
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	vertical-align: middle;
}
#contact-base .checkArea .mwform-checkbox-field:nth-of-type(1) label {
  background-image: url(../img/request/bookimg1.png);
}
#contact-base .checkArea .mwform-checkbox-field:nth-of-type(1) label:after {
    content:"オーダーメイド倉庫建設ブランドRiSOKOの事業案内と実績パンフレット";
}

#contact-base .checkArea .mwform-checkbox-field:nth-of-type(2) label {
  background-image: url(../img/request/bookimg2.png);
}
#contact-base .checkArea .mwform-checkbox-field:nth-of-type(2) label:after {
    content:"特殊倉庫建設、工場建設、高付加価値マンションなどを手掛ける三和建設のご紹介";
}
/*
#contact-base .checkArea .mwform-checkbox-field:nth-of-type(3) label {
  background-image: url(../img/request/bookimg3.png);
}
#contact-base .checkArea .mwform-checkbox-field:nth-of-type(3) label:after {
    content:"危険物倉庫や温度管理倉庫建設プロジェクトにおける課題解決の具体的事例集";
}
*/

#contact-base .checkArea .mwform-checkbox-field:nth-of-type(3) label {
  background-image: url(../img/request/bookimg4.png);
}
#contact-base .checkArea .mwform-checkbox-field:nth-of-type(3) label:after {
    content:"食品工場建設のトータルソリューションブランド：FACTASの事業案内";
}


#contact-base .checkArea .mwform-checkbox-field:nth-of-type(4) label {
  background-image: url(../img/request/bookimg5.png);
}
#contact-base .checkArea .mwform-checkbox-field:nth-of-type(4) label:after {
    content:"建物を長く大切に使うためのノウハウと建物チェックリスト";
}

/*
#contact-base .checkArea .mwform-checkbox-field:nth-of-type(6) label {
  background-image: url(../img/request/bookimg6.png);
}
#contact-base .checkArea .mwform-checkbox-field:nth-of-type(6) label:after {
    content:"既存の建物を使いながらの改修やリフォーム事例のご紹介";
}
*/

#contact-base .checkArea .mwform-checkbox-field label:after{
	font-size: 13px;
	padding: 3% 0% 120% 0%;
	
}
#contact-base .checkArea_n .mwform-checkbox-field:nth-of-type(5) label {
  background-image: url(../img/request/bookimg9.png);
}
#contact-base .checkArea_n .mwform-checkbox-field:nth-of-type(5) label:after {
    content:"契約前の事前準備が建設プロジェクトの成否を分ける!「使い手」と「つくり手」が手を取り合って進める、理想の建設計画とは――";
				padding: 3% 0% 113% 0%;
}

@media screen and (max-width: 767px) {
	#contact-base .checkArea .mwform-checkbox-field{
		width: calc(100% / 2);
	}
	#contact-base .checkArea .mwform-checkbox-field label span{
		font-size: 16px;	
	}
}


#contact-base .mw_wp_form input[type="file"] {
    display: inline-block;
    width: auto;
    height: auto;
    background: none;
    border: none;
}


.form input[type=text],
.form input[type=email],
.form input[type=tel],
.form textarea, button{
	    width: 70%;
					    background: #fff;
}

input[type="submit"].action {
    width: 340px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    margin: 50px auto 0;
    border: none;
    font-size: 1.7rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: rgba(155,22,23,1.0);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    box-shadow: 0 0 4px #dbdbdb;
    letter-spacing: 0.08em;
    transition: 0.3s ease-in-out;
    float: none;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}


.sec_faq{
	margin-bottom:40px;
}
.sec_faq .anqList{
	margin:0px auto 0px auto;
	padding: 0px;
	max-width:960px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.sec_faq .anqList .anqbtn{
	display: block;
	width : -webkit-calc(33.3% - 24px) ;
 width : calc(33.3% - 24px) ;
	margin: 0px 30px 30px 0px;
	text-align: center;
	border: #c40406 2px solid;
	padding: 20px 0px;
	color: #c40406;
	font-size: 18px;
	line-height: 20px;
	position: relative;
	transition: all 300ms 0s ease;
}
.sec_faq .anqList .anqbtn:after{
 content: ">";
	position: absolute;
	right: 10px;
	line-height: 20px;
	top: 20px;
}
.sec_faq .anqList .anqbtn:hover{
	background: #c40406;
	color: #FFF;
}
.sec_faq .anqList .anqbtn:nth-child(3n){
	margin: 0px 0px 30px 0px;
}
@media screen and (max-width: 767px) {
	.sec_faq .anqList{
	display: block;
}
.sec_faq .anqList .anqbtn{
 width : auto;
	margin: 0px 0px 20px 0px;
}
.sec_faq .anqList .anqbtn:nth-child(3n){
	margin: 0px 0px 20px 0px;
}
}

.sec_faq .category_list{
 padding-top: 60px;
	margin-bottom:40px;
	max-width:960px;
	margin:0px auto 40px auto;
}
.sec_faq .category_list h3{
	margin-bottom:30px;
	text-align: left;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
	border-bottom: 10px solid #9b1313;
}
.sec_faq .category_list .faqbox {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:2px dashed #9b1313;
}
.sec_faq .category_list .faqbox .q{
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 65px;
	background:url(/wp/wp-content/themes/risoko/img/faq/qn.png) left center no-repeat;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	color:#9b1313;
}
.sec_faq .category_list .faqbox .a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 65px;
	min-height:60px;
	background:url(/wp/wp-content/themes/risoko/img/faq/an.png) left top no-repeat;
	font-size:18px;
	line-height:20px;
	color:#111;
}

.area404 {
    padding: 150px 30px;
    text-align: center;
}
.area404 .first-title {
    margin: 0px 0px 30px 0px;
    font-size: 24px;
    font-weight: bold;
}
.area404 .first-title .c-ttl__01 {
    text-align: center;
    color:#c40406;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 58px;
    font-size: 5rem;
}
.area404 .text {
    font-size: 18px;
    line-height: 2;
    margin: 0px 0px 50px 0px;
}


.pagelinkList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 800px;
	margin: 0 auto;
}
.pagelinkList .btn{
 margin: 0px;
	width: 45%;
	text-align: center;
	padding: 0px;
	background: #FFF;
	    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.pagelinkList .btn a{
 text-decoration: none;
}
.pagelinkList .btn .text{
 padding: 10px;
 text-align: center;
}
@media screen and (max-width: 767px) {
	.pagelinkList{
	display:block;
}
.pagelinkList .btn{
 margin: 20px;
	width: auto;
}

.grecaptcha-badge{
	bottom:64px !important;
}
body .entry-content ul.home-work-list{
	 margin: 30px 0px;
	}
}


@media (min-width: 767px){
			body .topContArea .textArea{
				padding-bottom: 30px;
			}
		}
		.conditionsArea{
			margin: 0px;
			padding: 0px;
		}
		.conditionsArea .secTitle{
			margin: 0px 0px 20px 0px;
			padding: 0px;
			font-size: 32px;
   font-weight: bold;
   color: #1a1a18;
		}
		.conditionsArea .conditionsList{
			margin: 0px;
			padding: 0px;
			display: flex;
			flex-wrap: wrap;
		}
		.conditionsArea .conditionsList .conditionsBox{
		 margin: 0px 20px 20px 0px;
			padding: 10px 0px;
			border: 1px solid #DEDEDE;
			width : -webkit-calc(33.3% - 16px) ;
   width : calc(33.3% - 16px) ;
		}
		.conditionsArea .conditionsList .conditionsBox:nth-child(3n){
			margin: 0px 0px 20px 0px;
		}
		.conditionsArea .conditionsList .conditionsBox .conditionsIndex{
		 margin: 0px 0px 10px 0px;
			padding: 0px 10px;
			font-size: 18px;
   font-weight: bold;
		}
		.conditionsArea .conditionsList .conditionsBox .conditionsIndex span{
		  margin: 0px 10px 0px 0px;
    padding: 0px;
    color: #c40406;
		}
		.conditionsArea .conditionsList .conditionsBox .text{
		 margin: 0px;
			padding: 0px 10px;
			font-size: 16px;
		}
		@media (max-width: 768px){
		  body .topContArea .textArea{
				margin-bottom: 20px;
			}
		.conditionsArea .secTitle{
			font-size: 20px;
		}
				.conditionsArea .conditionsList{
					margin: 0px;
					padding: 0px;
					display: block;
				}
				.conditionsArea .conditionsList .conditionsBox{
					margin: 0px 0px 20px 0px;
					border: 1px solid #DEDEDE;
					width : auto;
				}
				.conditionsArea .conditionsList .conditionsBox:nth-child(3n){
					margin: 0px 0px 20px 0px;
				}
		}
		
		
		/*実績関連*/
.search-performance{
	margin: 30px auto 60px auto;
	padding: 10px 30px;
	border: 1px solid #e8e8e8;
	background: #FFF;
	max-width: 1100px;
}
.search-performance .search-box{
	margin: 0px;
	padding: 20px 0px;
	border-bottom: 1px solid  #e8e8e8;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.search-performance .search-box:last-child{
 border: none;
}
.search-performance .search-box .index{
 margin: 0px;
	padding: 0px;
	width: 100px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 1.2;
}
.search-performance .search-box .selectList{
	margin: 0px;
	padding: 0px;
	width : -webkit-calc(100% - 105px) ;
 width : calc(100% - 105px) ;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.search-performance .search-box .selectList li{
 margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 33%;
	text-align: left;
	font-size: 18px;
	line-height: 24px;
	list-style: none;
}
.search-performance .search-box .selectList li input{
 
}
.search-performance .search-box .selectList li input[type=checkbox]{
    display: none;
}
.search-performance .search-box .selectList li input[type=checkbox] + label {
    display: block;
	padding: 0px 0px 0px 30px;
	text-decoration: none;
	background: url("../img/common/icon_search_chek.png") left center no-repeat;
	background-size: auto 24px;
}
.search-performance .search-box .selectList li input[type=checkbox]:checked + label {
 background: url("../img/common/icon_search_chek_select.png") left center no-repeat;
	background-size: auto 24px;
}


.search-performance .search-box .selectList li a{
 display: block;
	padding: 0px 0px 0px 30px;
	text-decoration: none;
	background: url("../img/common/icon_search_chek.png") left center no-repeat;
	background-size: auto 24px;
}
.search-performance .search-box .selectList li.select a{
	background: url("../img/common/icon_search_chek_select.png") left center no-repeat;
	background-size: auto 24px;
}
.search-performance .submitBtn{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.search-performance .submitBtn input[type=submit]{
 border-radius: 5px;
	padding: 10px 40px;
	background: #c40406;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
@media (max-width: 768px){
		.search-performance .search-box{
			display: block;
		}
		.search-performance .search-box .index{
			margin: 0px 0px 10px 0px;
			width: auto;
		}
		.search-performance .search-box .selectList{
			width : auto;
		}
		.search-performance .search-box .selectList li{
			width: 100%;
		}
		.search-performance .search-box .selectListTdfk li{
			width: 50%;
		}
		.performanceListArea .performanceList{
			margin: 0px;
			padding: 0px;
			display: block;
		}
		.performanceListArea .performanceList > li{
			width : auto ;
			margin:0px 0px 15px 0px;
		}
		.performanceListArea .performanceList > li:nth-of-type(3n){
			margin:0px 0px 15px 0px;
		}
		
}

/*補足説明[memo]*/
		.memo {
		 padding:10px;
		 margin-bottom: 1.5em;
		 padding: 1em;
		 background: #fff9e5;
		 color: #545454;
		}
		.memo_ttl {
		 margin-bottom: 5px;
		 color: #ffb36b;
		 font-size: 1.2em;
		 font-weight: bold;
		}
		.memo_ttl:before {
		 display: inline-block;
		 width: 30px;
		 height: 30px;
		 margin: 0 3px 0 0;
		 border-radius: 50%;
		 background: #ffb36b;
		 color: #fff;
		 font-family: "Font Awesome 5 Free";
		 font-weight: normal;
		 text-align: center;
		 vertical-align: middle;
		 line-height: 30px;
		 /*content: "\f040";*/
		}
		.memo p {
		 margin: 0 0 5px;
		}
		
		/** TOC **/
body #toc_container {
 position: relative;
 width: 100%!important;
 margin: 2.5em 0;
 padding: 20px 15px;
 border-top: solid 5px;
 font-size: 0.95em;
 background: #FFF;
 box-shadow: 0 1.5px 2.4px rgba(0, 0, 0, .15);
}
#toc_container .toc_title {
 display: inline-block;
 position: relative;
 margin: 0 0 0 45px;
 padding: 5px 0 5px 15px !important;
 font-size: 20px;
 font-weight: normal !important;
}
#toc_container .toc_title:before {
 display: inline-block;
 position: absolute;
 top: -10px;
 left: -50px;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 color: #fff;
 font-family: FontAwesome;
 font-size: 20px;
 font-weight: normal;
 text-align: center;
 line-height: 50px;
 content: "\f0ca";
}
.toc_toggle {
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  height: 25px;
  margin-left: 10px;
  border-radius: 5px;
  background: #cbcbcb;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
}
#toc_container .toc_toggle a {
 color: #fff;
 text-decoration: none;
}
#toc_container ul {
 list-style-type: disc;
 padding: 0;
 border: none;
}
#toc_container .toc_list {
 margin-bottom: 0;
 margin-left: 18px;
 color: #585858;
}
#toc_container .toc_list li {

}
#toc_container .toc_list li a {
 color: #555;
}
#toc_container .toc_list li ul {
 margin: 5px;
 padding-left: 15px;
}
#toc_container .toc_list li ul li {
 margin: 0;
 font-size: .95em;
 font-weight: normal;
}
.toc_number {
 padding-right: 2px;
 font-family: Quicksand,sans-serif;
 font-size: 1.1em;
 font-weight: bold;
}
/* TOCここまで */


/*20241118 追加*/
.vrBannerArea{
 margin: 0px;
	padding: 40px 0px 0px;
}
.vrBannerArea .index{
 margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 20px;
}
.vrBannerArea .inner{
 margin: 0px auto;
	padding: 0px 15px;
	max-width: 708px;
}

/*20250326 追加*/
@media (max-width: 768px){
.detailPost .scrollOuter{
		margin: 0px;
		padding: 0px;
		overflow-x: scroll;
}
.detailPost .scrollOuter .scrollInner{
		width: 800px;
}
.detailPost .scrollOuter .scrollInner img{
		width: 100%;
}
}

.content-section .secText.laws{
	margin:60px 0px;
	padding: 30px 20px 20px;
	background: #FFF;
}

.content-section .secText.laws .index{
     margin: 0px 0px 20px 0px;
    padding: 0px;
    font-size: 24px;
    font-weight: bold;
}
@media (max-width: 768px){
.content-section .secText.laws .index{
    font-size: 20px;
}
.content-section .secText.laws ul{
 padding: 0px;
	margin: 20px 20px 20px 40px;
}
}
.home-work-list__status{
}
.home-work-list__status .status{
 margin: 0px 0px 5px 0px;
	padding: 0px;
	border-bottom: 1px solid #DEDEDE;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.home-work-list__status .status:last-of-type{
	margin: 0px;
	border: none;
}
.home-work-list__status .status .i{
 font-weight: bold;
	font-size: 14px;
	margin-right: 5px;
}
.home-work-list__status .status .c{
	font-size: 14px;
}
.home-work .addText{
 margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
	color: #FFF;
}

.blogList{
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blogList .blogBox{
 margin: 0px;
	padding: 0px;
	width : -webkit-calc(33.3% - 20px) ;
   width : calc(33.3% - 20px) ;
}
.blogList .blogBox a{
 text-decoration: none;
}
.blogList .blogBox a .img{
 margin: 0px 0px 10px 0px;
}
.blogList .blogBox a .name{
 line-height: 1.2;
}
@media (max-width: 768px){
 .blogList{
 margin: 0px;
	padding: 0px;
	display: block;
}
.blogList .blogBox{
 margin: 0px 0px 20px 0px;
	padding: 0px;
	width : auto;
}
}