@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box;}

/*-------上部コンテンツエリア-------*/
.mainHeadContents{
	width: 1200px;
	margin: 0 auto 30px;
}

/*----h2----*/
.mainHeadContents .h2Cont{
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	color: #fff;
	width: 1200px;
	min-height: 420px;
	margin-bottom: 10px;
	padding: 0;
}
.mainHeadContents .h2Cont > div{
	width: 740px;
	min-height: 420px;
	padding: 50px 20px 20px 30px;
	box-sizing: border-box;
}
.mainHeadContents .h2Cont > div h2{
	margin-bottom: 20px;
	font-size: 70px;
	line-height: 1.0em;
	position: relative;
}
.mainHeadContents .h2Cont > div h2:after{
	content: "";
	display: block;
	background: linear-gradient(to right, #fff 0%,#fff 80%,rgba(255,255,255,0) 100%);
	width: 80%;
	height: 3px;
	position: absolute;
	left: -30px;
	bottom: -5px;
}

.mainHeadContents .h2Cont > div dl{
	width: 500px;
	padding: 15px 0;
}
.mainHeadContents .h2Cont > div dl dt{
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 1.3em;
}

.mainHeadContents .h2Cont > div dl dd p{
	font-size: 14px;
	line-height: 2.0em;
}

.mainHeadContents .textBox p{
	font-size: 13px;
	line-height: 1.8em;
}

@media screen and (max-width: 768px) {
	.mainHeadContents{
		width: 100%;
	}
	
	/*----h2----*/
	.mainHeadContents .h2Cont{
		background-position: center top;
		background-size: 100%;
		width: 100%;
		min-height: auto;
		padding-top: 30%;
	}
	.mainHeadContents .h2Cont > div{
		width: 100%;
		min-height: inherit;
		background: #000;
		padding: 20px 0 10px;
	}
	.mainHeadContents .h2Cont > div h2{
		margin-bottom: 15px;
		padding: 0 10px;
		font-size: 35px;
	}

	.mainHeadContents .h2Cont > div dl{
		width: 95%;
		margin: auto;
		padding: 10px 0;
	}
	.mainHeadContents .h2Cont > div dl dt{
		font-size: 18px;
		line-height: 1.3em;
	}
	
	.mainHeadContents .h2Cont > div dl dd p{
		font-size: 12px;
		line-height: 1.8em;
	}
	
	.mainHeadContents .textBox p{
		font-size: 13px;
		line-height: 1.8em;
	}
}

/*---共通：上部のお問い合せ---*/
.mainHeadContents .contactBanner > div{
	background: url(../../../_images/needs/contact_staff.webp) no-repeat right bottom;
}

.mainHeadContents .contactBanner .fukidashi li{
	width: 280px;
	margin: 0 5px 5px;
	padding: 4px 0;
	text-align: center;
	border-radius: 10px;
	float: left;
}


@media screen and (max-width: 768px) {
	.mainHeadContents .contactBanner > div{
		background-size: 30% auto;
		margin: 0 2%;
		min-height: inherit;
	}
	
	.mainHeadContents .contactBanner .fukidashi{
		width: 98%;
		margin-bottom: 10px;
		text-align: center;
	}
	.mainHeadContents .contactBanner .fukidashi li{
		width: 29%;
		margin: 5px 1%;
		padding: 4px 5px;
	}
	.mainHeadContents .contactBanner .infoBox {
		width: 80%;
	}
}
@media screen and (max-width: 480px) {
	.mainHeadContents .contactBanner .fukidashi li{
		width: 44%;
		padding: 1px 4px;
	}
}


/*----選ばれるポイント----*/
.mainHeadContents .selectPoint{
	margin: 50px 0;
}
/*見出し*/
.mainHeadContents .selectPoint .h3Caption{
	text-align: center;
}
.mainHeadContents .selectPoint .h3Caption p{
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 65px;
	font-size: 28px;
	font-weight: bold;
	position: relative;
}
.mainHeadContents .selectPoint .h3Caption p span{
	font-size: 30px;
	color: #9e0c0c;
}
.mainHeadContents .selectPoint .h3Caption p:before,
.mainHeadContents .selectPoint .h3Caption p:after{
	content: "";
	background-size: 100%;
	width: 42px;
	height: 55px;
	position: absolute;
	bottom: -10px;
}
.mainHeadContents .selectPoint .h3Caption p:before{
	background: url(../../../_images/common/fukidashi_line_left.gif) no-repeat;
	left: 0;
}
.mainHeadContents .selectPoint .h3Caption p:after{
	background: url(../../../_images/common/fukidashi_line_right.gif) no-repeat;
	right: 0;
}
.mainHeadContents .selectPoint .mainH3Cont{
	margin-bottom: 40px;
	position: relative;
}
.mainHeadContents .selectPoint .mainH3Cont h3{
	padding: 20px 15px;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	position: relative;
}
.mainHeadContents .selectPoint .mainH3Cont h3:after{
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.mainHeadContents .selectPoint .mainH3Cont p{
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	margin: auto;
}

/*ポイント*/
.mainHeadContents .selectPoint .settingSample{
	margin: 50px 20px;
}
.mainHeadContents .selectPoint .settingSample h4{
	margin: 50px 0 30px 0;
	padding: 15px 5px 15px 0;
	font-size: 30px;
	font-weight: bold;
	position: relative;
}
.mainHeadContents .selectPoint .settingSample .textBox{
	background-repeat: no-repeat;
	padding-left: 620px;
}

.mainHeadContents .selectPoint .settingSample .textBox p{
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 2.5em;
}

/**/
.mainHeadContents .selectPoint .useSample{
	display: flex;
	justify-content: space-between;
	margin: 20px;
}
.mainHeadContents .selectPoint .useSample > div{
	width: 550px;
}
.mainHeadContents .selectPoint .useSample > div h5{
	margin-bottom: 10px;
}
.mainHeadContents .selectPoint .useSample > div dl{
	margin: 30px 0 0;
}
.mainHeadContents .selectPoint .useSample > div dl dt{
	margin-bottom: 15px;
	padding: 0 0 5px 30px;
	font-size: 20px;
	position: relative;
}
.mainHeadContents .selectPoint .useSample > div dl dt:before{
	content: "◆";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.mainHeadContents .selectPoint .useSample > div dl dd ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
}
.mainHeadContents .selectPoint .useSample > div dl dd ul li{
	width: 265px;
}

/*店頭*/
.mainHeadContents .selectPoint .useSample > div:nth-of-type(1) dl dt{
	border-bottom: 1px solid #ff7e00;
}
.mainHeadContents .selectPoint .useSample > div:nth-of-type(1) dl dt:before{
	color: #ff7e00;
}
/*店内*/
.mainHeadContents .selectPoint .useSample > div:nth-of-type(2) dl dt{
	border-bottom: 1px solid #2d87ac;
}
.mainHeadContents .selectPoint .useSample > div:nth-of-type(2) dl dt:before{
	color: #2d87ac;
}
.mainHeadContents .selectPoint .useSample > div:nth-of-type(2) dl dd ul li:nth-of-type(3){
	width: 550px;
}


@media screen and (max-width: 768px) {
	/*----選ばれるポイント----*/
	.mainHeadContents .selectPoint .h3Caption p{
		padding: 0 35px;
		font-size: 20px;
	}
	.mainHeadContents .selectPoint .h3Caption p span{
		font-size: 24px;
	}
	.mainHeadContents .selectPoint .h3Caption p:before,
	.mainHeadContents .selectPoint .h3Caption p:after{
		background-size: 100%;
		width: 30px;
		height: 39px;
		bottom: -5px;
	}

	.mainHeadContents .selectPoint .mainH3Cont{
		margin-bottom: 20px;
	}
	.mainHeadContents .selectPoint .mainH3Cont h3{
		padding: 15px 5px;
		font-size: 28px;
	}
	.mainHeadContents .selectPoint .mainH3Cont h3:after{
		height: 4px;
	}
	
	/*ポイント*/
	.mainHeadContents .selectPoint .settingSample{
		width: 95%;
		margin: 20px auto;
	}
	.mainHeadContents .selectPoint .settingSample h4{
		margin: 10px 0;
		padding: 0 5px;
		font-size: 20px;
	}
	
	.mainHeadContents .selectPoint .settingSample .textBox{
		width: 100%;
		max-width: 600px;
		min-height: auto;
		background-size: 100% auto;
		margin: 0 auto;
		padding: 0;
	}
	.mainHeadContents .selectPoint .settingSample .textBox p{
		font-size: 13px;
		line-height: 1.8em;
	}
	
	/**/
	.mainHeadContents .selectPoint .useSample{
		margin: 20px 1%;
	}
	.mainHeadContents .selectPoint .useSample > div{
		width: 48%;
		margin: 0 1% 20px;
	}
	.mainHeadContents .selectPoint .useSample > div dl{
		margin: 20px 0 0;
	}
	.mainHeadContents .selectPoint .useSample > div dl dt{
		font-size: 20px;
	}
	.mainHeadContents .selectPoint .useSample > div dl dd ul li{
		width: calc((100% - 15px) / 2);
	}

	/*店内*/
	.mainHeadContents .selectPoint .useSample > div:nth-of-type(2) dl dd ul li:nth-of-type(3){
		width: 100%;
	}
}
@media screen and (max-width: 620px) {
	.mainHeadContents .selectPoint .settingSample .textBox{
		max-width: 600px;
		min-height: auto;
		background-size: 100% auto;
	}
	.mainHeadContents .selectPoint .settingSample .textBox p{
		font-size: 13px;
		line-height: 1.8em;
	}
}
@media screen and (max-width: 480px) {
	/**/
	.mainHeadContents .selectPoint .useSample{
		flex-wrap: wrap;
	}
	.mainHeadContents .selectPoint .useSample > div{
		width: 95%;
		margin: 0 auto 20px;
	}
	.mainHeadContents .selectPoint .useSample > div:nth-of-type(1){
		padding-bottom: 20px;
		border-bottom: 1px dashed #ccc;
	}
}

/*------------------------------------------------------------
	メインコンテンツ
-----*/
.mainContents .h3MainTit{
	background: linear-gradient(to right, #fff 0%, #fff 70%,#ffe5e5 100%);
	margin-bottom: 20px;
	border-top: 4px solid #ffb6b6;
	border-bottom: 4px solid #ffb6b6;
}
.mainContents .h3MainTit h3{
	background: url(../../../_images/common/bg_pattern_seigaiha.webp) repeat right;
	font-size: 22px;
	font-weight: bold;
}
.mainContents .h3MainTit h3 span{
	display: block;
	background: url(../../../_images/common/bullet_flower_pink.webp) no-repeat 0.5em 50%;
	padding: 15px 20px 15px 60px;
}

/*----オススメ生地----*/
.mainContents .fabricCont div.fabricBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px 0;
	width: 860px;
	margin: 0 auto 40px;
}
.mainContents .fabricCont div.fabricBox .textBox{
	width: 100%;
	margin: 0 auto;
}

.mainContents .fabricCont div.fabricBox .fabricTitle{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 15px;
}
.mainContents .fabricCont div.fabricBox .fabricTitle .caption{
	display: block;
	width: 100%;
	border-bottom: 1px solid #000;
}
.mainContents .fabricCont div.fabricBox .fabricTitle .caption span{
	display: block;
	width: fit-content;
	background: #000;
	color: #fff;
	padding: 5px 30px;
	font-size: 18px;
	text-align: center;
}

.mainContents .fabricCont div.fabricBox .fabricTitle h4{
	font-size: 35px;
	font-weight: bold;
	line-height: 1.0em;
}
.mainContents .fabricCont div.fabricBox .fabricTitle h4 span{
	font-size: 50px;
	line-height: 1.0em;
}

/*生地4つ*/
.mainContents .fabricCont div.fabricBox > div div.list4type{
	display: flex;
	gap: 20px;
}
.mainContents .fabricCont div.fabricBox > div div.list4type dl{
	width: 200px;
}
/*生地2つ*/
.mainContents .fabricCont div.fabricBox > div div.list2type{
	display: flex;
	gap: 20px;
}
.mainContents .fabricCont div.fabricBox > div div.list2type dl{
	width: 415px;
}

.mainContents .fabricCont div.fabricBox > div div dl dt{
	margin-bottom: 10px;
}
.mainContents .fabricCont div.fabricBox > div div dl dd p{
	line-height: 2.0em;
}

/*綿生地*/
.mainContents .fabricCont div.fabricBox .cottonBox .fabricTitle .caption{
	border-bottom: 1px solid #b8308c;
}
.mainContents .fabricCont div.fabricBox .cottonBox .fabricTitle .caption span{
	background: #b8308c;
}
.mainContents .fabricCont div.fabricBox .cottonBox .fabricTitle h4{
	font-size: 40px;
	text-align: center;
}
.mainContents .fabricCont div.fabricBox .cottonBox .fabricTitle h4 span{
	font-size: 85px;
}
/*ポリエステル生地*/
.mainContents .fabricCont div.fabricBox .polyesterBox .fabricTitle h4 span{
	letter-spacing: -0.08em;
}
.mainContents .fabricCont div.fabricBox .polyesterBox .fabricTitle .caption{
	border-bottom: 1px solid #30337b;
}
.mainContents .fabricCont div.fabricBox .polyesterBox .fabricTitle .caption span{
	background: #30337b;
}

/*麻生地*/
.mainContents .fabricCont div.fabricBox .hempBox .fabricTitle .caption{
	border-bottom: 1px solid #ae4e0e;
}
.mainContents .fabricCont div.fabricBox .hempBox .fabricTitle .caption span{
	background: #ae4e0e;
}

/*ビニール生地*/
.mainContents .fabricCont div.fabricBox .vinylBox .fabricTitle .caption{
	border-bottom: 1px solid #8c8019;
}
.mainContents .fabricCont div.fabricBox .vinylBox .fabricTitle .caption span{
	background: #8c8019;
}



/*----仕立て方法----*/
.mainContents .shitateCont > div.typeBox{
	display: flex;
	justify-content: space-between;
	gap: 20px 0;
	margin: 20px;
}
.mainContents .shitateCont dl{
	width: 415px;
}
.mainContents .shitateCont dl dt{
	text-align: center;
}
.mainContents .shitateCont dl dt{
	margin-bottom: 10px;
}


/*----デザインタイプ----*/
.mainContents .designCont > div.typeBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	margin: 20px;
}
.mainContents .designCont dl{
	width: 410px;
}

.mainContents .designCont dl dt{
	padding: 3px 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.mainContents .designCont dl dd.sampleImg{
	margin-bottom: 10px;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #ffb6b6;
	box-sizing: border-box;
}

/*----最新製作実績----*/
.mainContents .recordCont {
	margin-bottom: 120px;
}
.mainContents .recordCont .record_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 40px;
}
.mainContents .recordCont .record_box > li{
	width: 280px;
	padding: 5px;
	border: solid 1px #b1b1b1;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.mainContents .recordCont ul li div.design_img{
	width: 90%;
	margin: 0 auto;
}
.mainContents .recordCont ul li img{
	width: 100%;
	height: auto;
}
.mainContents .recordCont ul li > dl{
	line-height: 1.5em;
	padding:5px 5px 10px;
}
.mainContents .recordCont ul li > dl > dt{
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.08em;
	color: #021455;
	padding-bottom: 2px;
	border-bottom: solid 1px #b1b1b1;
	margin-bottom: 8px;
}
.mainContents .recordCont ul li > dl dd dl div{
	display: flex;
}
.mainContents .recordCont ul li > dl dd dl div dt::after{
	content: "：";
}
.mainContents .recordCont .record_box li> dl > dd > dl > div > dt {
    min-width: 3.7rem;
}


/*--用途別参考サイズ--*/
.sizeType{
	margin: 0 0 40px;
}
.sizeType .typeList{
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 50px;
	padding-left: 460px;
	min-height: 290px;
}
.sizeType .typeList h4{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 3px 0 3px 15px;
}
.sizeType .typeList dl.popularBox{
	margin-bottom: 15px;
	background-color: #f7f6e8;
}
.sizeType .typeList dl.popularBox dt{
	display: inline-block;
	background-color: #7f7f7f;
	color: #fff;
	padding: 2px 15px;
	font-size: 15px;
	font-weight: bold;
}
.sizeType .typeList dl.popularBox dd{
	padding: 5px 15px;
	font-size: 16px;
}

.sizeType .typeList dl.readBox{
	margin-bottom: 15px;
}
.sizeType .typeList dl.readBox dt{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
}

.sizeType .typeList .linkBtn a{
	display: block;
	width: 60%;
	background-color: #808080;
	color: #fff;
	margin: 15px 0;
	padding: 10px;
	font-weight: bold;
	font-size: 15px;
	box-sizing: border-box;
	position: relative;
}
.sizeType .typeList .linkBtn a:hover{
	opacity: 0.6;
}
.sizeType .typeList .linkBtn a:after{
	content: "▲";
	display: block;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
}

@media screen and (max-width: 768px) {
	/*----オススメ生地----*/
	.mainContents .fabricCont div.fabricBox{
		width: 95%;
		margin: 0 auto 40px;
	}
	.mainContents .fabricCont div.fabricBox > div:last-child{
		margin-bottom: 0;
	}
	.mainContents .fabricCont div.fabricBox .fabricTitle .caption span{
		font-size: 16px;
	}
	.mainContents .fabricCont div.fabricBox .fabricTitle h4{
		font-size: 24px;
	}
	.mainContents .fabricCont div.fabricBox .fabricTitle h4 span{
		font-size: 38px;
	}
	.mainContents .fabricCont div.fabricBox .cottonBox .fabricTitle h4{
		width: 100%;
		font-size: 24px;
		text-align: left;
	}
	.mainContents .fabricCont div.fabricBox .cottonBox .fabricTitle h4 span{
		font-size: 38px;
	}

	/*生地4つ-生地2つ*/
	.mainContents .fabricCont div.fabricBox > div div.list4type,
	.mainContents .fabricCont div.fabricBox > div div.list2type{
		gap: 15px;
	}
	.mainContents .fabricCont div.fabricBox > div div.list4type dl{
		width: calc((100% - 45px) / 4);
	}
	.mainContents .fabricCont div.fabricBox > div div.list2type dl{
		width: calc((100% - 15px) / 2);
	}
	.mainContents .fabricCont div.fabricBox > div div.list4type dl dt{
		max-width: 200px;
		margin: 0 auto 10px;
	}
	.mainContents .fabricCont div.fabricBox > div div.list4type dl dd p{
		line-height: 1.8em;
	}
	
	/*----仕立て方法----*/
	.mainContents .shitateCont > div.typeBox{
		width: 95%;
		margin: 20px auto;
	}
	.mainContents .shitateCont dl{
		width: calc((100% - 20px) / 2);
	}
	
	/*--用途別参考サイズ--*/
	.sizeType{
		width: 95%;
		margin: 0 auto 40px;
	}
	.sizeType .typeList{
		min-height: auto;
		background-size: 440px auto;
		background-position: center top;
		margin: 0 auto 30px;
		padding-bottom: 20px;
		padding-left: 0;
		padding-top: 300px;
		border-bottom: 1px dashed #999;
	}
	.sizeType .typeList h4{
		font-size: 22px;
	}
	.sizeType .typeList .linkBtn a{
		margin: 15px auto;
	}
	
	/*----デザインタイプ----*/
	.mainContents .designCont > div.typeBox{
		width: 95%;
		margin: 20px auto;
	}
	.mainContents .designCont dl{
		width: calc((100% - 20px) / 2);
	}
	.mainContents .designCont dl dd.sampleImg{
		height: auto;
	}
	.mainContents .designCont dl dd.sampleImg img{
		width: 90%;
	}

	/*----最新製作実績----*/
	.mainContents .recordCont .record_box{
		width: 95%;
		margin: 0 auto;
	}
	.mainContents .recordCont .record_box li{
		width: 48%;
	}
}
@media screen and (max-width: 480px) {
	/*----オススメ生地----*/
	/*生地4つ-生地2つ*/
	.mainContents .fabricCont div.fabricBox > div div.list4type,
	.mainContents .fabricCont div.fabricBox > div div.list2type{
		flex-wrap: wrap;
		gap: 15px;
	}
	.mainContents .fabricCont div.fabricBox > div div.list4type dl{
		width: calc((100% - 15px) / 2);
	}
	.mainContents .fabricCont div.fabricBox > div div.list2type dl{
		width: 100%;
	}
	.mainContents .fabricCont div.fabricBox > div div.list4type dl dt{
		max-width: 200px;
		margin: 0 auto 10px;
	}
	.mainContents .fabricCont div.fabricBox > div div.list4type dl dd p{
		line-height: 1.8em;
	}

	/*----仕立て方法----*/
	.mainContents .shitateCont .typeBox{
		flex-wrap: wrap;
	}
	.mainContents .shitateCont .typeBox dl{
		width: 100%;
	}
	.mainContents .shitateCont .typeBox dl dt{
		max-width: 415px;
		margin: 0 auto 10px;
	}
	
	/*--用途別参考サイズ--*/
	.sizeType .typeList{
		background-size: 100% auto;
		padding-top: 68%;
	}
	.sizeType .typeList .linkBtn a{
		width: 80%;
	}

	/*----デザインタイプ----*/
	.mainContents .designCont .typeBox{
		flex-wrap: wrap;
	}
	.mainContents .designCont dl{
		width: 100%;
	}
	.mainContents .designCont dl dd.sampleImg img{
		width: 90%;
	}

	/*----最新製作実績----*/
	.mainContents .recordCont .record_box{
		width: 100%;
		flex-wrap: nowrap;
		overflow-x: scroll;
		column-gap: 20px;
		padding: 0 2.5% 15px;
	}
	.mainContents .recordCont .record_box li{
		width: 60vw;
		flex-shrink: 0;
	}
	.mainContents .recordCont ul li > dl > dt{
		font-size: 14px;
	}
	.mainContents .recordCont ul li > dl dd dl div{
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.mainContents .recordCont ul li > dl dd dl div *{
		width: 100%;
		text-align: center;
	}
	.mainContents .recordCont ul li > dl dd dl div dt{
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		padding-left: 5px;
		background: #7a7a7a;
		margin-bottom: 2px;
	}
	.mainContents .recordCont ul li > dl dd dl div dt::after{
		content: none;
	}
	.mainContents .recordCont ul li > dl dd dl div dd{
		font-size: 13px;
	}
}


/*----お急ぎの方は----*/
.hurryContact{
	margin: 50px 0;
}
.hurryContact .linkBox{
	max-width: 650px;
	margin: auto;
	text-align: center;
}

.hurryContact .linkBox p{
	display: block;
	width: fit-content;
	margin: 0 auto 10px;
	font-size: 18px;
	font-weight: bold;
}
.hurryContact .linkBox p span{
	display: inline-block;
	padding: 0 30px;
	position: relative;
}
.hurryContact .linkBox p span:before,
.hurryContact .linkBox p span:after{
	content: "";
	display: block;
	width: 1px;
	height: 30px;
	background: #111;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.hurryContact .linkBox p span:before{
	left: 0;
	transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
}
.hurryContact .linkBox p span:after{
	right: 0;
	transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
}

/**/
.hurryContact .linkBox .contentsLink{
	width: 100%;
	background: linear-gradient(to bottom, #f9c59a 0%, #e8839c 100%);
	margin: 0;
	padding: 5px;
}
.hurryContact .linkBox .contentsLink a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 100px;
	background: linear-gradient(to bottom, #f48f3d 0%, #d72341 100%);
	font-size: 28px;
	border: none;
}
.hurryContact .linkBox .contentsLink span{
	padding-left: 95px;
	position: relative;
}
.hurryContact .linkBox .contentsLink span:before{
	content: "簡単無料";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #fff;
	color: #ff0b0b;
	font-size: 26px;
	line-height: 1.0em;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
/*
.hurryContact .contactBox{
	max-width: 650px;
	margin: auto;
}
.hurryContact .contactBox dl{
	text-align: center;
}
.hurryContact .contactBox dl dt{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 3px solid #429c3e;
}
.hurryContact .contactBox dl dd p{
	background: linear-gradient(to right, #fff 0%, #1f730c 10%, #1f730c 50%, #1f730c 85%,#fff 100%);
	color: #fff;
	margin: 10px 0 0;
	padding: 5px 0;
	font-size: 18px;
	font-weight: bold;
}*/

@media screen and (max-width: 768px) {
	/*----お急ぎの方は----*/
	.hurryContact{
		margin: 70px 0;
	}
	.hurryContact .linkBox{
		width: 95%;
	}
	
	.hurryContact .linkBox .contentsLink{
		width: 90%;
		margin: auto;
		overflow: hidden;
	}
	.hurryContact .linkBox .contentsLink a{
		min-height: 60px;
		padding: 10px;
		font-size: 24px;
	}
	.hurryContact .linkBox .contentsLink span{
		padding-left: 80px;
	}
	.hurryContact .linkBox .contentsLink span:before{
		width: 65px;
		height: 65px;
		font-size: 24px;
	}
	/*
	.hurryContact .contactBox{
		width: 90%;
	}
	.hurryContact .contactBox dl dt img{
		width: 80%;
	}*/
}
@media screen and (max-width: 480px) {
	/*----お急ぎの方は----*/
	.hurryContact .linkBox p span{
		padding: 0 20px;
	}
	.hurryContact .linkBox .contentsLink a{
		min-height: 60px;
		padding: 10px;
		font-size: 22px;
		line-height: 1.3em;
	}
	.hurryContact .linkBox .contentsLink span{
		padding-left: 70px;
	}
	.hurryContact .linkBox .contentsLink span:before{
		width: 55px;
		height: 55px;
		font-size: 21px;
	}
	/*
	.hurryContact .contactBox{
		width: 90%;
	}
	.hurryContact .contactBox dl dt img{
		width: 80%;
	}*/
}


/*--よくある質問--*/
.qaCont .h_qa_sub {
	display: flex;
	align-items: center;
	column-gap: 5px;
	position: relative;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	padding: 15px 20px;
	background: linear-gradient(to right, #c03232, #f3a9a9) top / 100% 4px no-repeat,    /* 上ボーダー */
    linear-gradient(to right, #c03232, #f3a9a9) bottom / 100% 4px no-repeat; /* 下ボーダー */
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
.qaCont .h_qa_sub::before{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: #fff;
	clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.qaCont .h_qa_sub::after{
	content: "";
	position: absolute;
	background: linear-gradient(to right,#dc3e3e, #ed7d7d);
	z-index: -1;
	inset: 0;
	margin: auto;
}
.qaCont dl {
	margin-bottom: 40px;
}
.qaCont dl .accordion-title{
	position: relative;
	display: flex;
	align-items: center;
	column-gap: 10px;
	font-size: 19px;
	font-weight: bold;
	padding: 15px 40px 15px 15px;
	background:linear-gradient(to right, #f2d0c9, #eebfba) bottom / 100% 5px no-repeat,
    linear-gradient(to bottom, #f9f3e9, #f4ecd8);
	margin-bottom: 10px;
}
.qaCont dl .accordion-title::before{
	content: "";
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background: url(../../../_images/detail/qa/icon_question.gif) no-repeat;
	background-size: contain;
}
.qaCont dl .accordion-title::after{
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 15px;
	background: #dc3e3e;
	clip-path: polygon(0 0,100% 0,50% 100%);
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	transition: .3s;
}
.qaCont dl .accordion-title.is-open::after{
	transform: rotate(180deg);
}
.qaCont dl .accordion-title:hover{
	cursor: pointer;
}
.qaCont dl .accordion-content{
	position: relative;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s;
	padding-left: 45px;
	margin-bottom: 10px;
}
.qaCont dl .accordion-content::before{
	content: "";
	position: absolute;
	display: block;
	width: 27px;
	height: 27px;
	background: url(../../../_images/detail/qa/icon_answer.gif) no-repeat;
	background-size: contain;
	top: 0;
	left: 10px;
}
.qaCont dl .accordion-title.is-open + .accordion-content{
	max-height: 1000px;
	margin-bottom: 20px;
}
.qaCont dl .accordion-content a{
	color: #007cb5;
	padding: 0 2px;
	border-bottom: solid 1px;
}


@media screen and (max-width: 768px) {
	.qaCont dl{
		width: 95%;
		margin: 0 auto;
	}
}


@media screen and (max-width: 480px) {
	.qaCont .h_qa_sub{
		font-size: 17px;
		padding: 10px 15px;
	}
	.qaCont .h_qa_sub::before{
		width: 12px;
		height: 12px;
	}
	.qaCont dl .accordion-title{
		font-size: 15px;
		line-height: 1.5em;
		padding: 8px 40px 8px 10px;
		background: linear-gradient(to right, #f2d0c9, #eebfba) bottom / 100% 3px no-repeat, linear-gradient(to bottom, #f9f3e9, #f4ecd8);
	}
	.qaCont dl .accordion-title::before{
		width: 15px;
		height: 15px;
	}
	.qaCont dl .accordion-title::after{
		width: 12px;
		height: 10px;
		right: 10px;
	}
	.qaCont dl .accordion-content{
		padding-left: 35px;
		margin-bottom: 5px;
	}
	.qaCont dl .accordion-content::before{
		width: 18px;
		height: 18px;
		left: 9px;
		top: 5px;
	}
}