#Contents_area .gNavWrap {
	
}

/*汎用*/
.clr{clear:both;}
.red { color: #F00;}

#Contents_area .gNavWrap a{ color: #cf121c; text-decoration:underline}
#Contents_area .gNavWrap a.btn{ }
#Contents_area .gNavWrap a:after{}


#Contents_area .gNavWrap h2{ margin:2.5rem 0 2rem 0;}
#Contents_area .gNavWrap h3{ margin:2rem 0 1.5rem 0;}
#Contents_area .gNavWrap h4{ margin:1.5rem 0 1rem 0;}
#Contents_area .gNavWrap h5{ margin:1rem 0 1rem 0;}

#Contents_area .gNavWrap .rightImg { margin:0 0 3rem 3rem; float:right; border-radius:1rem;}
#Contents_area .gNavWrap .leftImg { margin:0 3rem 3rem 0; float:left; border-radius:1rem;}
#Contents_area .gNavWrap .leftImg.noMgn,
#Contents_area .gNavWrap .rightImg.noMgn{ margin: 0 0 3rem;}

#Contents_area .gNavWrap iframe{margin-top:1.75rem;}

/*流れ*/
#Contents_area .gNavWrap p.telLink{ margin-bottom:0; font-size:2.5rem;}
	#Contents_area .gNavWrap p.telLink a{ text-decoration:none;}
#Contents_area .gNavWrap p a.contLink{ margin-bottom:0.7rem; padding:0.4rem 2rem 0.5rem 4.4rem; border-radius:200px; text-decoration:none; display: inline-block; position:relative; background:#fff;box-shadow:0px 0.2rem 0.25rem 0 rgba(0, 0, 0, 0.05);}
	#Contents_area .gNavWrap p a.contLink:before{height:2.2rem; width:2.2rem; content:" "; position:absolute;top:0.45rem; left:1.55rem;}
	#Contents_area .gNavWrap p a.contLink.mail:before{ background:url(../images/icon_mail_r.png) 100% / 100% no-repeat;}
	#Contents_area .gNavWrap p a.contLink.line:before{ background:url(../images/icon_line_r.png) 100% / 100% no-repeat;}
	
	#Contents_area .gNavWrap p a.contLink:after{height:0.8rem; width:0.8rem; content:" "; position:absolute;top:1.15rem; background:url(../images/gNav/tri.png) 100% no-repeat; right:0.5rem;}
	#Contents_area .gNavWrap p a.contLink:first-child{ margin-right:1em;}
	#Contents_area .gNavWrap p a.contLink img{ padding:0 1rem 0 0; line-height:1em;}

	#Contents_area .gNavWrap p a.contLink:hover { position: relative; top: 0.2rem;box-shadow:0px 0 0.25rem 0 rgba(0, 0, 0, 0.05); }
/*ページ内リンク*/
#Contents_area .gNavWrap ul.pageInLink{ width:100%; display:flex; justify-content:space-between;}
	#Contents_area .gNavWrap ul.pageInLink li{width:25%;}
		#Contents_area .gNavWrap ul.pageInLink li:before{ display:none;}
		#Contents_area .gNavWrap ul.pageInLink li a{ width:100%; margin:0 1rem 0 0; padding:10px 20px; background:#fff; border-radius: 100px; display:inline-block; font-size:20px; text-align:center; box-sizing:border-box; box-shadow:0px 0.2rem 0.25rem 0 rgba(0, 0, 0, 0.05); text-decoration:none;}
		#Contents_area .gNavWrap ul.pageInLink li a:hover {position: relative; top: 0.2rem;box-shadow:0px 0 0.25rem 0 rgba(0, 0, 0, 0.05);}
		
/* 流れ */
	#Contents_area .gNavWrap .flow {}
		#Contents_area .gNavWrap .flow h3{ padding-left:0;}
			#Contents_area .gNavWrap .flow h3:before{ display:none;}
			#Contents_area .gNavWrap .flow h3 span{width: 6rem; margin:0 1rem 0 0; background:#bd0711;color: #fff;border-radius: 100px; display:inline-block; text-align:center;}
			
		#Contents_area .gNavWrap .flow .contactBox{ padding:1rem; background:#ddd;}

/*お問い合わせCSS設定*/
	#Contents_area .gNavWrap div#contactForm *{box-sizing:border-box!important;}
		#Contents_area .gNavWrap div#contactForm { overflow:hidden;}
			#Contents_area .gNavWrap div#contactForm h4{ width:100%; margin:0; padding:15px; float:left; display:block; border:none; border-top:1px solid #ccc; font-size:17px;}
				#Contents_area .gNavWrap div#contactForm h4:before{ display:none;}
				#Contents_area .gNavWrap div#contactForm h4 span.error{border-radius:3px; padding:0px 2px;background:#c03; color:#fff;  font-size:12px;}
			#Contents_area .gNavWrap div#contactForm p{ width:100%; min-height:50px; float:left; display:block; margin:0; padding:15px;border-top:1px solid #ccc; font-size:15px; }
				#Contents_area .gNavWrap div#contactForm p span.kibou{ padding:2px 4px;background:#574670; color:#fff;}
			#Contents_area .gNavWrap div#contactForm p.noMark{width:100%;}
				#Contents_area .gNavWrap div#contactForm p:before{ content:"";}
				#Contents_area .gNavWrap div#contactForm p input{ margin:5px 0; padding:10px; border-radius:5px;/*index.phpのボタン・テキストボックス角丸*/ border:1px solid #999; background:#f2f7fb; font-size:15px;}
				#Contents_area .gNavWrap div#contactForm p input.button{ margin:15px auto; padding:20px; border:0px; background:#bd0711;/*index.phpのボタン色*/ display:block; color:#fff; font-size:15px;}
				#Contents_area .gNavWrap div#contactForm p.lineWide { line-height:2.2em;}
				#Contents_area .gNavWrap div#contactForm p textarea{ width:100%; margin:5px 0; padding:10px; border-radius:3px;/*index.phpのテキストエリア角丸*/ border:1px solid #999; background:#f2f7fb; font-size:15px;}
			#Contents_area .gNavWrap div.confButton {border-top:1px solid #ccc; text-align:center;}
			#Contents_area .gNavWrap div.confButton form{ display:inline-block;}
			#Contents_area .gNavWrap div.confButton input{margin:15px 20px; padding:20px; border:0px; border-radius:3px;/*confirm.phpのボタン角丸*/ background:#bd0711;/*confirm.phpのボタン色*/ color:#fff; font-size:15px;}

/* お客様の声 */
	#Contents_area .gNavWrap .voiceBox{ margin-top:3.45rem;}
	#Contents_area .gNavWrap .voiceBox h3{ margin-top:0; padding-top:0.3rem;}
	#Contents_area .gNavWrap .voiceBox h3:before{ margin-top:0.15rem;}
	#Contents_area .gNavWrap .voiceBox .category{ margin-right: 0.625rem; margin-bottom: 0.625rem; padding: 0.25rem 0.625rem; line-height: 1; background: #bd0711; border-radius: 100px; font-weight: 400; display: inline-block; color: #fff;}

/* 解決事例 */
	#Contents_area .gNavWrap .caseBox{ margin:3.45rem 0 9rem;}
	#Contents_area .gNavWrap .caseBox h3{ margin-top:0; padding-top:0.3rem;}
	#Contents_area .gNavWrap .caseBox h3:before{ margin-top:0.15rem;}
	#Contents_area .gNavWrap .caseBox .category{ margin-right: 0.625rem; margin-bottom: 0.625rem; padding: 0.25rem 0.625rem; line-height: 1; background: #bd0711; border-radius: 100px; font-weight: 400; display: inline-block; color: #fff;}

	#Contents_area .gNavWrap .caseBox .beforeAfter {display: flex; gap: 2rem; margin: 0 0 3rem 0;}
		#Contents_area .gNavWrap .caseBox .before,
		#Contents_area .gNavWrap .caseBox .after{ background: #fff; border-radius: 1rem; position:relative; padding: 1rem 2rem;flex: 1;}
		#Contents_area .gNavWrap .caseBox .before:before{ height: 1.2rem; width: 1.2rem; content: " "; position: absolute; top:48%; background: url(../images/gNav/tri.png) 100% no-repeat; right: -1.8rem;}
		
		#Contents_area .gNavWrap .caseBox .beforeAfter h4{margin: 0 0 0.7rem 0; font-size: 1.3rem;}
		#Contents_area .gNavWrap .caseBox .beforeAfter p {margin-bottom: 1.15rem;}
		
	#Contents_area .gNavWrap .caseBox .area{ margin-top: -1.7rem; color: #7a7a7a;}


	#Contents_area .gNavWrap .caseBox .comment {	margin: 0 0 0 13rem;	padding:1.5rem 2rem 0.01rem 2rem;	position: relative;	background: #e5e5e5;	border-radius: 1rem;	font-size: 1.7rem;	font-weight:600;	color: #bd0711;	}
	
	#Contents_area .gNavWrap .caseBox .comment:before{	content:"";	width: 9.05rem;	height: 10.65rem;	background: url(../images/faceIcon.png) 0 0 / 100% 100%;	position: absolute;	left: -13rem;	top: 0;	}
	
	#Contents_area .gNavWrap .caseBox .comment:after{	content: "";	position: absolute;	top: 3rem;	left: -1.7rem; 	border: 1rem solid transparent;	border-right: 15px solid #e5e5e5;
	}

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

/*汎用*/
#Contents_area .gNavWrap .rightImg { width:100%; margin:0 0 5% 5%; }
#Contents_area .gNavWrap .leftImg { width:100%; margin:0 5% 5% 0; }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*ページ内リンク*/
#Contents_area .gNavWrap ul.pageInLink {flex-wrap:wrap; }
#Contents_area .gNavWrap ul.pageInLink li{width:100%; margin-bottom:10px; }

/*流れ*/
#Contents_area .gNavWrap p a.contLink{ width:100%; padding:1.7rem 0 1.7rem 6.8rem; margin-bottom:1rem; box-sizing:border-box;}
	#Contents_area .gNavWrap p a.contLink:before{height:3.5rem; width:3.5rem; content:" "; position:absolute;top:1.75rem; left:2rem;}
	#Contents_area .gNavWrap p a.contLink:after{height:1.3rem; width:1.3rem;top:2.7rem;right:2rem;}


/* お問い合わせCSS設定 */
	#Contents_area .gNavWrap div#contactForm *{box-sizing:border-box;}
	#Contents_area .gNavWrap div#contactForm h4{width:100%;padding: 15px 5%;}
	#Contents_area .gNavWrap div#contactForm p{width:100%;padding: 15px 5%;}
	#Contents_area .gNavWrap div#contactForm p input,div#contactForm p textarea{width:100%;box-sizing: border-box;}

/*解決実績*/
	#Contents_area .gNavWrap .caseBox .comment {  margin: 0 0 0 11rem;line-height: 1.7;}
		#Contents_area .gNavWrap .caseBox .comment:after{left: -2.1rem;}
	#Contents_area .gNavWrap .caseBox .beforeAfter {flex-wrap: wrap; gap: 2.5rem;}
			#Contents_area .gNavWrap .caseBox .before:before{height: 1.7rem;    width: 1.7rem; top: auto;    right: 47.5%;    bottom: -7.7%;    transform: rotate(90deg);}
			#Contents_area .gNavWrap .caseBox .before,
			#Contents_area .gNavWrap .caseBox .after{flex: inherit;}
			#Contents_area .gNavWrap .caseBox .beforeAfter h4{ font-size: 1.6rem;}
			#Contents_area .gNavWrap .caseBox .comment:before{	content:"";	width: 8.145rem;	height: 9.585rem;left: -11rem;	}

}