@charset "utf-8";
/* -------------------------------------------------------------------------------*/
/* 名前カラー追加 */
.color00{color:#808080;}
.color01{color:#009999;}
.color02{color:#990099;}


#formContainer::before{display:block;content:"";clear:both;}
/* -------------------------------------------------------------------------------*/
/* 募集 */
#collecting{width:80%;margin:0 auto;padding:10px;border:3px solid #B9912F;}
#collecting .inner{padding:40px 20px;border:1px solid #B9912F;}
#collecting .inner .title{text-align:center;color:#B9912F;font-size:26px;margin-bottom:10px;}
#collecting .inner .detail{text-align:center;font-size:10px;margin:10px;}
#collecting .inner .link{text-align:center;font-size:18px;margin-bottom:-10px;}
#collecting .inner .link a{text-decoration:none;color:#B9912F;}
#collecting .inner .link a p{margin-bottom:-20px;}
/* 募集SP */
#collecting_sp{width:100%;margin:40px auto 0;padding:10px;border:3px solid #B9912F;}
#collecting_sp .inner{padding:20px;border:1px solid #B9912F;}
#collecting_sp .inner .title{text-align:center;color:#B9912F;font-size:26px;margin-bottom:10px;}
#collecting_sp .inner .detail{text-align:center;font-size:12px;margin:10px;}
#collecting_sp .inner .link{text-align:center;font-size:18px;margin-bottom:-10px;}
#collecting_sp .inner .link a{text-decoration:none;color:#B9912F;}
#collecting_sp .inner .link a p{margin-bottom:-20px;}

#collecting .inner .detail{color:black;}
#collecting .inner .link p{margin-bottom:-20px;}
#collecting_sp .inner .detail{color:black;}
#collecting_sp .inner .link p{margin-bottom:-20px;}

a.collecting{display:block;text-decoration:none;color:#B9912F;}
a.collecting:hover{opacity:0.6;}

/* -------------------------------------------------------------------------------*/
/* タイトル下のデータ */
.columnDatas{margin-top:30px;font-size:18px;line-height:1.6;color:#707070;}

/* -------------------------------------------------------------------------------*/
/* サブタイトルと黒マーク */
.interviewCompany{font-size: 24px;margin-top: 30px;padding-left:25px;position:relative;}
.interviewCompany::before{content: "";display: block;position: absolute;top: 1px;left: 0;width: 12px;height: 34px;background-color: #000;}
@media (max-width: 767px) {
	.interviewCompany{font-size: 5vw!important;font-weight:bold;}
	.interviewCompany::before{top: 1%!important;}
}

/* -------------------------------------------------------------------------------*/
/* メイン */
.interviewMainContainer{max-width:1200px;padding-top:80px;margin:40px auto 0;border-left: 10px solid rgba(255, 255, 255, 0);border-right: 10px solid rgba(255, 255, 255, 0);}
.interviewMainContainer:nth-child(3){padding-top:0px;margin-top:40px;}
.interviewMainContainer>.row{

}
@media screen and (max-width: 476px){
	.interviewMainContainer{}
	.HTMLBlock>h1{padding:0!important;}
}

/* -------------------------------------------------------------------------------*/
/* 記事部分 */
.bg_gray{margin-top:30px;padding:40px;background-color:#f8f9fb;font-size:18px;}
.bg_gray h2.layout__title{font-weight:bold;font-size:20px;margin:60px 0 30px;}
.bg_gray .oh p{line-height:1.8;font-size:14px;}
.bg_gray .oh p a{font-weight:bold;color:#005BAC;}

/* 記事内インタビューしたお客様 */
.bg_gray .interviewer{margin:30px 0 60px;}
.bg_gray .interviewer .target{color:#707070;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #707070;}
.bg_gray .interviewer .photo{width:25%;}
.bg_gray .interviewer .detail{width:75%;position:relative;font-size: 16px;}
.bg_gray .interviewer .detail .detailinner{position:absolute;top:50%;left:0;transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);}
.bg_gray .interviewer .detail .company{color:#707070;margin-bottom:10px;margin-left:25px;}
.bg_gray .interviewer .detail .name{font-weight:bold;margin-left:25px;}
.bg_gray .interviewer .person{display:flex; width:50%; float:left; margin-bottom:15px;}
.bg_gray .interviewer .photo {
	width: 46%!important;
	margin:0 1% 0 3%;
}
.bg_gray .interviewer .detail {
	width: 50%!important;
}
	.bg_gray .interviewer .detail .company,
	.bg_gray .interviewer .detail .name {
	margin-left: 10px!important;
}


/* 記事内画像 */
.bg_gray .columnImg{text-align: center;}
.bg_gray .columnImg .columnImgInner{display:inline-block;}
.bg_gray .columnImg .columnImgInner img{width:100%}
.bg_gray .columnImg .columnImgInner p{text-align:left;font-size:14px;}
.bg_gray .caption{margin-top:15px;margin-bottom: 60px;line-height:1.2;}
.bg_gray .caption a{font-weight:bold;color:#005BAC;}


@media (max-width: 768px) {
	.bg_gray .interviewer .detail{font-size: 18px;}
	.bg_gray .interviewer .person{width:100%; float:none;}
	.bg_gray .interviewer .photo{width:30%;}
	.bg_gray .interviewer .detail{width:70%;}
	
}

@media screen and (max-width: 476px){

	.bg_gray{margin-left:-15px;margin-right:-15px;padding:4% 3%;font-size:16px;}
	.bg_gray h2.layout__title{font-size:20px;}
	.bg_gray .interviewer .photo{width:30%;}
	.bg_gray .interviewer .detail{font-size:14px/*3.2vw*/;}

}


/* -------------------------------------------------------------------------------*/
/* 声リンク */
.voiceLink{margin:40px auto 0;;width:80%;}
.voiceLink ul li{margin-bottom:24px;background-color:black;}
.voiceLink ul li a{text-decoration:none;color:white;display:block;padding: 10px 15px;position:relative;}
.voiceLink ul li a::after{content:"";font-weight:bold;display:block;position:absolute;top:50%;right:15px;width:8px;height:12px;transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);
							background:url("./linkarrow.png") no-repeat;}

/* -------------------------------------------------------------------------------*/
/* 商品リスト */
.itemListArea{}
.itemListArea ul{
	display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;
	-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}
.itemListArea ul::after{content:"";display:block;clear:both;}
.itemListArea ul li{position:relative;float:left;width:49%;padding:25px;margin-bottom:20px;border:1px solid #d9d9d9;display:flex;flex-direction: column;justify-content: space-between;display: -webkit-flex;-webkit-flex-direction: column;-webkit-justify-content: space-between;}
.itemListArea ul li:nth-child(odd){margin-right:2%;}
.itemListArea ul li .topArea{width:100%;display:flex;}
.itemListArea ul li .topArea::after{content:"";display:block;clear:both;}
.itemListArea ul li .bottomArea{padding-top:25px;margin-top:25px;border-top:1px solid #d9d9d9;}
.itemListArea ul li .photo{width:36%;max-width:192px;/*float:left;*/}
.itemListArea ul li .detail{width:64%;height:100%;position:relative;padding:10px 0px 0px 20px;/*float:right;*/}
.itemListArea ul li .name{font-size:20px;line-height:1.2;word-break:break-all;}
.itemListArea ul li .price{margin-top:20px;/*position:absolute;left:20px;bottom:5px;*/font-size:18px;}
.itemListArea ul li .infomation{font-size:14px;line-height:1.4;}
@media (max-width: 767px) {
	.itemListArea ul li{width:100%;margin-right:0;padding:4%;}
	.itemListArea ul li:nth-child(odd){margin-right:0;}
	.itemListArea ul li .bottomArea{padding-top:4%;margin-top:4%;}
}
@media screen and (max-width: 476px){
	.itemListArea ul li .name{font-size:5vw;}
	.itemListArea ul li .price{font-size:4vw;}
	.itemListArea ul li .infomation{font-size:3.8vw;}
}


.interviewTop{
    margin:50px auto 60px;
    text-align:center;
}
.interviewTop a{
    text-decoration:none;
    display:inline-block;
    padding:12px 30px 12px;
    background-color:black;
    color:white;
    font-size:18px;
}
.interviewTop a:hover{opacity:0.6;}