sitesealsitesealsitesealsitesealsiteseal/* ---------------------------------------------------------
CascadingStyleSheet Settingfile
Common
2010
--------------------------------------------------------- */

/*////////////////////////////////////////////////
フォントサイズ統一化設定
////////////////////////////////////////////////*/
body{
	font-size: 12px; /* 12px IE */
	line-height:160%;
}
html>/**/body{
	font-size: 12px; /* Except IE */
}

html[xmlns*=""] body:last-child body{
	font-size:80%;
}

/*////////////////////////////////////////////////
=clear設定
////////////////////////////////////////////////*/
.clear{
	clear:both;
	margin:0;
}
/*////////////////////////////////////////////////
=タグデフォルト設定
////////////////////////////////////////////////*/
form,p{
	margin:0;
	padding:0;
}
ol,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
}
img{
	border:0;
}
/*////////////////////////////////////////////////
=body設定
（タグリセット設定）
////////////////////////////////////////////////*/
body{
	margin:0px;
	border:none;
	font-family: HiraKakuProN-W3, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, sans-serif;
	font-weight:normal;
	text-decoration:none;
	list-style-type:none;
	text-indent:0px;
	line-height:160%;
	letter-spacing:0.9px;
	color:#666;
}
/*////////////////////////////////////////////////
=リンク設定
////////////////////////////////////////////////*/
a{
	color:#404040;
}
a:hover{
	color:#333;
	text-decoration:none;
}

.m10{
	margin-top:10px;
}
.m15{
	margin-top:15px;
}
.m20{
	margin-top:20px;
}

.small{
	font-size: .8em;
}

/*////////////////////////////////////////////////
=コンテンツ設定
////////////////////////////////////////////////*/
h3.title_contact{
	padding: 5% 0 5% 5%;
	font-size: 1.1em;/*16px*/
	color: #333;
	background-color: #eae8e9;
	font-weight: bold;
}
h3 img {
	display: block;
	float: right;
	width: 20%;
	margin: -2% 3% 0 0;
}
/*////////////////////////////////////////////////
=contact
////////////////////////////////////////////////*/
#contents_contact{
	width:95%;
	margin:auto;
}
.attention {
	line-height: 1.4em;
	margin-bottom: 2%;
}
table {
	width:100%;
	border: 0;
}
.request th{
	display: block;
	width:100%;
	background-color:#eae8e9;
	text-align:left;
	padding: 3%;
	font-size: 1.167em;/*14px*/
	box-sizing: border-box;
}
.request td{
	display: block;
	width:95%;
	margin: 3% auto;
}
/*////////////////////////
=use
////////////////////////*/
tr.use th {
	margin: 1em auto;
}
.use input[type="radio"] {
	display: none;
}
.use label {
	position: relative;
	display: inline-block;
	padding: 5px 0px 5px 30px;
	cursor: pointer;
}
.use label::before, .use label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.use label::before {
	left: 0;
	width: 18px;
	height: 18px;
	margin-top: -10px;
	background: #fff;
	border: 1px solid #ccc;
}
.use label::after {
	opacity: 0;
	left: 3px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background: #dd4f3f;
	-webkit-transform: scale(2);
	transform: scale(2);
}
.use input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*////////////////////////
=name
////////////////////////*/
tr.name th {
	margin: 1em auto;
}
.name td input {
	width: 90%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
/*////////////////////////
=kana
////////////////////////*/
tr.kana th {
	margin: 1em auto;
}
.kana td input {
	width: 90%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
/*////////////////////////
=postal_code
////////////////////////*/
tr.postal_code th {
	margin: 1em auto;
}
.postal_code td input {
	width: 30%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
/*////////////////////////
=address
////////////////////////*/
tr.address th {
	margin: 1em auto;
}
.address select {
	appearance: none;
	width: 100%;
	background-color: #F9FAFB;
	cursor: pointer;
	position: relative;
	border: solid 1px #ccc;
	display: block;
	padding: 0.857em;
}
.address td input {
	width: 100%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
/*////////////////////////
=phone_number
////////////////////////*/
tr.phone_number th {
	margin: 1em auto;
}
.phone_number td input {
	width: 28%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
/*////////////////////////
=mail
////////////////////////*/
tr.mail th {
	margin: 1em auto;
}
.mail td input {
	width: 100%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
/*////////////////////////
=job
////////////////////////*/
tr.job th {
	margin: 1em auto;
}
.job td input[type="text"] {
	width: 70%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
.job td input[type="radio"] {
	display: none;
}
.job label {
	position: relative;
	display: inline-block;
	padding: 5px 0px 5px 30px;
	cursor: pointer;
}
.job label::before, .job label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.job label::before {
	left: 0;
	width: 18px;
	height: 18px;
	margin-top: -10px;
	background: #fff;
	border: 1px solid #ccc;
}
.job label::after {
	opacity: 0;
	left: 3px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background: #dd4f3f;
	-webkit-transform: scale(2);
	transform: scale(2);
}
.job input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*////////////////////////
=age
////////////////////////*/
tr.age th {
	margin: 1em auto;
}
.age td input {
	width: 30%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
/*////////////////////////
=age
////////////////////////*/
tr.income th {
	margin: 1em auto;
}
.income td input {
	width: 30%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
/*////////////////////////
=age
////////////////////////*/
tr.date th {
	margin: 1em auto;
}
.date td input {
	width: 50%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}

/*////////////////////////
=inquiry
////////////////////////*/
tr.inquiry th {
	margin: 1em auto;
}
.inquiry td textarea {
	width: 100%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 1.800em;
	padding: 0.5em;
	border-radius: 0;
}
/*////////////////////////
=hdyk
////////////////////////*/
tr.hdyk th {
	margin: 1em auto;
}
.hdyk td {
	margin: 3% 0% 0 3%;
}
.hdyk td input[type="text"] {
	width: 100%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
.hdyk td input[type="number"] {
	width: 100%;
	appearance: none;
	box-sizing: border-box;
	border: solid 1px #ccc;
	min-height: 2.800em;
	padding: 0 0.857em;
	line-height: 2;
	border-radius: 0;
}
.hdyk input[type="checkbox"] {
	display: none;
}
.hdyk label {
	position: relative;
	display: inline-block;
	padding: 10px 0px 10px 30px;
	cursor: pointer;
}
.hdyk label::before {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	background: #fff;
	border: 1px solid #ccc;
}
.hdyk input[type="checkbox"]:checked + label::after {
	position: absolute;
	content: '';
	top: -5px;
	bottom: 0;
	left: 2px;
	width: 16px;
	height: 5px;
	margin: auto;
	border-left: 2px solid #dd4f3f;
	border-bottom: 2px solid #dd4f3f;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*////////////////////////
=siteseal_txt
////////////////////////*/
.siteseal_txt th {
	font-size: 1.000em;/*12px*/
	font-weight: normal;
	background-color: transparent;
	margin: 3% 0px 3% 0px !important;
}
/*////////////////////////
=.btn_area td.btn_area
////////////////////////*/
.btn_area td.btn {
	margin-bottom: 7%!important;
}
.btn_area td.btn a {
	text-decoration: none;
}
.btn_area td.btn input[type="button"] {
	width: 100%;
	-webkit-padding: 5%;;
	padding: 5%;
	border: none;
	font-weight: bold!important;
	color: #fafafa;
	background-color: #e50000;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;

}
.btn_area td.btn:last-child input[type="button"] {
	background-color: #afafaf;
	text-decoration: none;
}
/*////////////////////////
=btn_space
////////////////////////*/
.btn_space{
	text-align:center;
	margin-top:20px;
}
/*////////////////////////
=attention
////////////////////////*/
.attention {
	color: #cc0000;
}
/*////////////////////////////////////////////////
=フッター設定
////////////////////////////////////////////////*/
#copy_contact{
	width:100%;
	margin:auto;
	padding:20px 0;
	text-align:center;
}
/*////////////////////////////////////////////////
=confirm
////////////////////////////////////////////////*/
#contents_confirm {
	width:90%;
	margin:3% auto;
}
#contents_confirm .request th{
	display: block;
	width:100%;
	background-color:#eae8e9;
	text-align:left;
	padding: 2% 0 2% 5%;
	font-size: 1.167em;/*14px*/
	box-sizing: border-box;
}
#contents_confirm .request td{
	display: block;
	width:90%;
	margin: 5% auto 8%;
}
.confirm_text {
	margin: 3% auto;
}
/*////////////////////////
=.btn_area td.btn_area
////////////////////////*/
.btn_area td inpu.next {
	margin-bottom: 7%!important;
}
.btn_area td input[type="button"].next {
	width: 100%;
	padding: 5%;
	border: none;
	font-weight: bold!important;
	color: #fafafa;
	background-color: #e50000;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}
.btn_area td input[type="button"].back {
	background-color: transparent;
	border: none;
	margin: 0 auto;
	display: block;
	margin-top: 20px;
	border-bottom: 1px solid #676767;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}
.btn_area td input[type="button"].back:hover {
	border-bottom: 1px solid #fff;
}
/*////////////////////////
=thanks
////////////////////////*/
#contents_thanks {
	width:90%;
	margin:3% auto;
}
.complete {
	border:5px solid #E6E6E6;
	padding:30px 20px;
	margin-top:15px;
	text-align:left;
	font-size: 1.000em;/*12px*/
}
#contents_thanks p {
	margin: 5% auto;
}
/*////////////////////////////////////////////////
=タブレット（min-width : 768px）
////////////////////////////////////////////////*/
@media screen and (min-width : 768px) {
h3.title_contact{
	padding: 4% 0 4% 5%;
	font-size: 1.3em;/*24px*/
}
h3 img {
	width: 10%;
	margin: -1% 3% 0 0;
}
/*////////////////////////////////////////////////
=contact
////////////////////////////////////////////////*/
.attention {
	margin: 5% auto 2%;
	font-size: 1.167em;/*14px*/
}
.request th{
	padding: 2% 0 2% 5%;
	font-size: 1.500em;/*18px*/
}
.request th span.attention {
	font-size: 0.800em;/*16px*/
}
.request td{
	line-height: 2.0em;
}
/*////////////////////////
=use
////////////////////////*/
tr.use th {
	margin: 30px auto;
}
.use label {
	padding: 10px 0px 10px 30px;
}
/*////////////////////////
=name
////////////////////////*/
tr.name th {
	margin: 30px auto;
}
.name td {
	width: 40%;
	float: left;
	margin-left: 20px;
}
/*////////////////////////
=kana
////////////////////////*/
tr.kana th {
	margin: 30px auto;
}
.kana td {
	width: 40%;
	float: left;
	margin-left: 20px;
}
/*////////////////////////
=postal_code
////////////////////////*/
tr.postal_code th {
	margin: 30px auto;
}
/*////////////////////////
=address
////////////////////////*/
tr.address th {
	margin: 25px auto;
}
.address select {
	width: 30%;
}
.address td input {
	width: 50%;
}
/*////////////////////////
=phone_number
////////////////////////*/
tr.phone_number th {
	margin: 30px auto;
}
.phone_number td input {
	width:150px;
}
/*////////////////////////
=mail
////////////////////////*/
tr.mail th {
	margin: 30px auto;
}
.mail td input {
	width: 80%;
}
/*////////////////////////
=job
////////////////////////*/
tr.job th {
	margin: 30px auto;
}
.job label {
	padding: 10px 0px 10px 30px;
}
/*////////////////////////
=age
////////////////////////*/
tr.age th {
	margin: 30px auto;
}
.age td input {
	width: 100px;
}
/*////////////////////////
=income
////////////////////////*/
tr.income th {
	margin: 30px auto;
}
.income td input {
	width: 100px;
}
/*////////////////////////
=date
////////////////////////*/
tr.date th {
	margin: 30px auto;
}
.date td input {
	width: 180px;
}
/*////////////////////////
=inquiry
////////////////////////*/
tr.inquiry th {
	margin: 30px auto;
}
.inquiry td textarea {
	min-height: 2.000em;
	padding: 0.8em;
}
/*////////////////////////
=hdyk
////////////////////////*/
tr.hdyk th {
	margin: 30px auto;
}
tr.hdyk_box {
	display: flex;
}
.hdyk td {
	display: inline-block;
	margin: 1% 0% 0% 1%;
	float: left;
}
.hdyk label {
	font-size: 0.750em;/*9px*/
}
/*////////////////////////
=siteseal_txt
////////////////////////*/
.siteseal_txt th {
	font-size: 1.000em;/*12px*/
}
/*////////////////////////
=.btn_area td.btn_area
////////////////////////*/
.btn_area {
	display: flex;
	width: 90%;
	margin: 0 auto;
}
.btn_area td.btn {
	width: 40%;
	margin-bottom: 3%!important;
}
.btn_area td.btn input[type="button"] {
	padding: 4%;
	font-size: 1.000em;/*12px*/
}
/*////////////////////////////////////////////////
=confirm
////////////////////////////////////////////////*/
#contents_confirm .request th{
	padding: 1.5% 0 1.5% 2%;
	font-size: 1.500em;/*18px*/
}
#contents_confirm .request td{
	margin: 2% auto 5%;
	font-size: 1.333em;/*16px*/
}
/*////////////////////////
=.btn_area td.btn_area
////////////////////////*/
.btn_area td input[type="button"].next {
	width: 40%;
	padding: 1.5%;
	margin: 0 auto;
	display: block;
	font-size: 1.000em;/*12px*/
}
/*////////////////////////
=thanks
////////////////////////*/
#contents_thanks {
	width:80%;
	margin:8% auto;
}
.complete {
	text-align: center;
	font-size: 1.250em;/*15px*/
}
#contents_thanks p {
	margin: 5% auto;
}
}
/*////////////////////////////////////////////////
=PC（min-width : 1024px）
////////////////////////////////////////////////*/
@media screen and (min-width : 1024px) {
	#contents {
		width: 902px;
		margin: 0 auto;
	}
	.confirm_text {
		font-size: 1.2em;
	}
	/*////////////////////////////////////////////////
	=コンテンツ設定
	////////////////////////////////////////////////*/
	h3.title_contact{
		padding: 3% 0 3% 5%;
		font-size: 1.5em;/*30px*/
	}
	h3 img {
		width: 100px;
	}
	/*////////////////////////////////////////////////
	=contact
	////////////////////////////////////////////////*/
	#contents_contact{
		width:900px;
	}
	.request th{
		padding: 1.5% 0 1.5% 2%;
		font-size: 1.500em;/*18px*/
	}
	/*////////////////////////
	=siteseal_txt
	////////////////////////*/
	.siteseal_txt th {
		font-size: 1.000em;/*12px*/
	}
	/*////////////////////////////////////////////////
	=confirm
	////////////////////////////////////////////////*/
	#contents_confirm {
		width: 902px;
	}
	#contents_confirm .request th{
		padding: 1.5% 0 1.5% 2%;
		font-size: 1.500em;/*18px*/
	}
	#contents_confirm .request td{
		margin: 2% auto 5%;
	}
	/*////////////////////////
	=thanks
	////////////////////////*/
	#contents_thanks {
		width: 902px;
	}
}

.img_ttl{
	width:100%;
}

.tx_center{
	text-align:center;
}
.webconsult li{
	box-sizing: border-box;
	line-height: 1.5;
}

label {
	display: block;
	width: 90%;
}

.detail{
	font-size: 12px;
}

.detail li{
	list-style:disc;
	line-height: 1.5;
}

.webconsult .inner .lineup ul.list .text {
    margin-bottom: 0;
    font-size: 1em;
    display: block;
    overflow: hidden;
    text-align: left;
    line-height: 1.5;
}

.webconsult .inner .lineup ul.list {
    margin-bottom: 25px;
    list-style: none;
}


.webconsult .inner .lineup .list .caution {
    float: left;
    margin-right: 1em;
    font-size: 1em;
}

.mb1 {
	margin-bottom: 1em;
}

.btn_area td input[type="button"].next.submitting {
  opacity: 0.5;
}
#overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  width: 80px;
  height: 80px;
  border: 4px #ddd solid;
  border-top: 4px #999 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
.cv-submit{
position: absolute;
width: 100%;
margin-top: 35vh;
text-align: center;
color: #fff;
}
.cv-submit h2{
font-size: 1.5em;
margin-bottom: .5em;
}
.is-hide{
  display:none;
}

.fadein {
  animation: fadein 2s;
}

@keyframes fadein {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}



@media screen and (max-width : 768px) {
	.webconsult {
		margin: 0 10px 20px;
		border:2px solid #e60012;
		padding: 20px 15px;
		text-align: justify;
		font-feature-settings: 'palt';
	}
	.webconsult .ttl-wrap {
		padding-bottom: 15px;
		border-bottom: 1px solid #231815;
		margin-bottom: 20px;
	}
	.webconsult .ttl-wrap .limited {
		font-weight: bold;
		margin-bottom: 10px;
		text-align: center;
		display: block;
	}
	.webconsult .ttl-wrap .text {
		margin-bottom: 12px;
	}
	.webconsult .inner .lineup .flex-box {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 80%;
		margin: 0 auto 10px;
	}
	.webconsult .inner .lineup .flex-box li {
		width: 20%;
	}
	.webconsult .inner .lineup .flex-box li.img_amazon {
		width: 30%;
	}
	.webconsult .inner .lineup .flex-box li.img_pex {
		width: 24%;
	}
	.webconsult .inner .lineup .flex-box li img {
		width: 100%;
	}
	.webconsult .inner .lineup .text {
		font-size: 18px;
		margin-bottom: 25px;
	}
	.webconsult .inner .lineup .text span {
		font-size: 12px;
	}
	.webconsult .inner .lineup .text  a {
		font-size: 16px;
		display: inline-block;
		margin-left: 6px;
		text-decoration: underline;
	}
	.webconsult .inner .flow ul {
		margin-bottom: 10px;
	}
	.webconsult .inner .flow ul li {
		background: #231815;
		padding: 20px;
		text-align: center;
		color:#fff;
		font-size: 12px;
		position: relative;
	}
	.webconsult .inner .flow ul li::after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		bottom: -10px;
		left: 0;
		right: 0;
		margin: auto;
		border-style: solid;
		border-color: #231815 transparent transparent transparent;
		border-width: 10px 15px 0 15px;
		z-index: 10;
	}
	.webconsult .inner .flow ul .second::after {
		border-color: #727171 transparent transparent transparent;
	}
	.webconsult .inner .flow ul .third::after {
		display: none;
	}
	.webconsult .inner .flow ul li span {
		font-size: 14px;
		font-weight: bold;
		display: block;
	}
	.webconsult .inner .flow ul .second {
		background: #727171;
	}
	.webconsult .inner .flow ul .third {
		background: #b5b5b6;
		color: #231815;
	}
	.webconsult .inner .flow .text {
		margin-bottom: 40px;
	}
	.webconsult .inner .flow .text span {
		font-size: 12px;
	}
	.webconsult .inner .flow .text a {
		display: inline-block;
		margin-left: 6px;
		text-decoration: underline;
	}
	.webconsult .inner .block:not(:last-child) {
	    margin-bottom: 25px;
	}
	.webconsult .inner .block h3 {
		margin-bottom: 4px;
	}
	.webconsult .inner .block ul {
		list-style: disc inside;
	}
	.webconsult .inner .block ul li {
		margin-bottom: 4px;
	}
	.webconsult .inner .block ul li span {
		display: block;
	}

}

@media screen and (min-width : 768px) {

	.webconsult {
		padding: 25px;
		border: 2px solid #e60012;
		margin: 0 auto 70px;
		width: 100%;
		box-sizing: border-box;
	}
	.webconsult .ttl-wrap {
		text-align: center;
		padding-bottom: 10px;
		border-bottom: 1px solid #231815;
		position: relative;
		z-index: 10;
	}
	.webconsult .ttl-wrap span {
		display: block;
	}
	.webconsult .ttl-wrap .limited {
		font-weight: bold;
		font-size: 1.2em;
		margin-bottom: 4px;
	}
	.webconsult .ttl-wrap .text {
		margin-bottom: 16px;
		font-size: 14px;
	}
	.webconsult .ttl-wrap h2 {
		width: 65%;
		margin: auto;
	}
	.webconsult .ttl-wrap h2 img {
		width: 100%;
	}
	.webconsult .inner {
		padding: 20px 10px 0;
		font-size: 14px;
	}
	.webconsult .inner .lineup .flex-box {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 50px 20px;
	}
	.webconsult .inner .lineup .flex-box li {
		width: 18%;
	}
	.webconsult .inner .lineup .flex-box li.img_amazon {
		width: 32%;
	}
		.webconsult .inner .lineup .flex-box li.img_pex {
		width: 22%;
	}
	.webconsult .inner .lineup .flex-box li img {
		width: 100%;
	}
	.webconsult .inner .lineup .text {
		text-align: center;
		font-size: 18px;
		margin-bottom: 25px;
		line-height: 1.2;
	}
	.webconsult .inner .lineup .text span {
		font-size: 12px;
	}
		.webconsult .inner .lineup .text a {
		font-size: 14px;
		display: inline-block;
		margin-left: 8px;
		text-decoration: underline;
	}
	.webconsult .inner .flow {
		margin-bottom: 40px;
	}
	.webconsult .inner .flow .flex-box {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
		overflow: hidden;
		font-feature-settings: 'palt';
		margin-bottom: 16px;
	}
	.webconsult .inner .flow .flex-box li {
		width: 267px;
		height: 90px;
		font-size: 12px;
		font-weight: bold;
		color:#fff;
		padding: 22px 0 22px 26px;
		position: relative;
	}
	.webconsult .inner .flow .flex-box li::after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		margin: auto;
		top: 0;
		right: -26px;
		border-style: solid;
		border-color: transparent transparent transparent #231815;
		border-width: 45px 0 45px 26px;
		z-index: 10;
	}
	.webconsult .inner .flow .flex-box .second::after {
		border-color: transparent transparent transparent #727171;
	}
	.webconsult .inner .flow .flex-box .third::after {
	border-color: transparent transparent transparent #b5b5b6;
	}
	.webconsult .inner .flow .flex-box .first {
		background: #231815;
	}
	.webconsult .inner .flow .flex-box .second {
		background: #727171;
	}
	.webconsult .inner .flow .flex-box .third {
		background: #b5b5b6;
		color:#231815;
	}
	.webconsult .inner .flow .flex-box li span {
		display: block;
		font-size: 18px;
	}
	.webconsult .inner .flow .text span {
		font-size: 12px;
	}
	.webconsult .inner .flow .text a {
		display: inline-block;
		margin-left: 8px;
		text-decoration: underline;
	}
	.webconsult .inner .block h3 {
		font-weight: bold;
	}
	.webconsult .inner .block:not(:last-child) {
		margin-bottom: 25px;
	}
	.webconsult .inner .block ul {
		list-style: disc inside;
	}
	.webconsult .inner .block ul li{
		list-style: disc;
	}

	.webconsult .inner .block ul li span {
		display: block;
	}

	.webconsult .sp{
		display: none;
	}

}