@charset "utf-8";
/*
機　　能　　名：お問い合わせ
作　　成　　日：2020/05/02
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	inquiry
**************************************** */

div#inquiry {
}

/* h_ttl */
@media screen and (min-width: 769px) {/* PC */
#inquiry .h_ttl_in {
	background:url(../images/inquiry/main_img_pc.png) center bottom no-repeat;
}
}
@media screen and (max-width: 768px) {/* SP */
#inquiry .h_ttl {
	background:url(../images/inquiry/main_img_sp.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
}

/* h4 */
#inquiry h4 {
	color:#666666;
	margin-bottom:0;
}
@media screen and (min-width: 769px) {/* PC */
#inquiry h4 {
	font-size:40px;
}
#inquiry h4 span {
	padding:0 55px;
}
#inquiry h4 span:before {
	background-size:auto 40px;
	-webkit-background-size:auto 40px;
}
}
@media screen and (max-width: 320px) {/* w320 */
}


/* ***************************************
	intro
**************************************** */
#intro h3 {
	text-align:center;
	color:#3399CC;
	font-weight:normal;
}
#intro p {
	margin:0 auto;
}
#intro .faq_wrapper {
	background:#ECF4FB;
}
div.faq_box div.faq_box_in {
margin:0 auto;
}
div.faq_box ul li {
text-align:center;
}
div.faq_box ul li a {
display:block;
color:#FFF;
font-weight:bold;
position:relative;
}
#intro .faq_trouble li a {
	background:url(../images/common/bg_blue.png) 0 0 repeat;
}
#intro .faq_service li a {
	background:url(../images/common/bg_green_2.png) 0 0 repeat;
}
div.faq_box ul li a:after {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	-webkit-transform:translateY(-50%) rotate(135deg);
	transform:translateY(-50%) rotate(135deg);
	width:8px;
	height:8px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	margin-left:-4px;
}
#intro .more_btn .btn_01 {
	float:none;
}
@media screen and (min-width: 769px) {/* PC */
#intro {
	margin-bottom:100px;
}
#intro h3 {
	margin-bottom:40px;
	font-size:35px;
}
#intro p.sec_in {
	margin-bottom:40px;
}
#intro .faq_wrapper {
	padding:20px 0;
}
/* faq_box */
div.faq_box div.faq_box_in {
width:980px;
}
div.faq_box ul li {
	float:left;
margin:0 6px 10px 0;
}
div.faq_box ul li:nth-child(4),
div.faq_box ul li:nth-child(8) {
	margin-right:0;
}
div.faq_box ul li a {
width:240px;
height:45px;/* total 60px */
padding-top:15px;
font-size:18px;
}
div.faq_box ul li a:hover {
opacity:0.6;
filter:alpha(opacity=60);
text-decoration:none;
}
div.faq_box ul li a:after {
	bottom:4px;
}
#intro .more_btn .btn_01 {
	width:350px;
	margin:20px auto 0 auto;
}
}
@media screen and (max-width: 768px) {/* SP */
#intro {
	margin-bottom:50px;
}
#intro h3 {
	margin-bottom:20px;
	font-size:20px;
	line-height:1.2;
}
#intro p.sec_in {
	margin-bottom:30px;
}
#intro .faq_wrapper {
	padding:20px 0;
}
/* faq_box */
div.faq_box div.faq_box_in {
	width:90%;
	margin:0 auto;
}
div.faq_box ul li {
margin-bottom:7px;
}
div.faq_box ul li a {
padding-top:7px;
padding-bottom:20px;
font-size:18px;
}
div.faq_box ul li a:after {
	bottom:3px;
}
#intro .more_btn .btn_01 {
	width:90%;
	margin:10px auto 0 auto;
}

@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	inquiry_box
**************************************** */
#inquiry_box {
}
#inquiry_box div.inquiry_box_in {
margin:0 auto;
}
/* step_nav */
#inquiry_box .step_nav ul {
  display:table;
  width:100%;
  overflow:hidden;
}
#inquiry_box .step_nav li {
  display:table-cell;
  position:relative;
	background:#76BADB;
  color: #FFF;
	width:33%;
}
#inquiry_box .step_nav li:first-child {
	border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;
}
#inquiry_box .step_nav li:last-child {
	border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;
}
#inquiry_box .step_nav li:last-child:before,
#inquiry_box .step_nav li:last-child:after {
  display:none;
}
#inquiry_box .step_nav li:before,
#inquiry_box .step_nav li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
#inquiry_box .step_nav li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
#inquiry_box .step_nav li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #76BADB;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
#inquiry_box .step_nav li.is-current{
	background:#3C9DCC;
  font-weight: bold;
}
#inquiry_box .step_nav li.is-current:after{
  border-color: transparent transparent transparent #3C9DCC;
}
#inquiry_box .step_nav li.error {
	background:#C00;
}
#inquiry_box .step_nav li.error:after{
  border-color: transparent transparent transparent #C00;
}

.inquiry_box_in h5 {
	color:#3C9DCC;
}

/* form_list */
div.form_list li {
position:relative;
}
div.form_list .confirm {
	line-height:1.6;
}
div.form_list li .h {
font-weight:bold;
}
div.form_list li .h em {
	color:#FFFFFF;
	font-style:normal;
	background:#FF0000;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
	padding:3px 5px;
}
div.form_list li input,
div.form_list li textarea {
border:1px solid #CCCCCC;
}

/* privacy_box */
div#privacy_box {
overflow:auto;
border:1px solid #CCC;
}

/* btn_box */
div#btn_box {
text-align:center;
position:relative;
}
div#btn_box a {
	display:block;
	color:#FFFFFF;
	position:relative;
}
div#btn_box a:after {
	content:"";
  position:absolute;
  top:50%;
  width:0px;
  height:0px;
  margin:auto;
  border-style:solid;
  border-color:#FFF transparent transparent transparent;
}
div#btn_box #form_back_btn a,
div#btn_box #form_top_btn a {
	background:#999999;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
div#btn_box #form_back_btn a:after {
	transform:rotate(-270deg);
  right:auto;
	left:10px;
}
div#btn_box #form_confirm_btn a,
div#btn_box #form_submit_btn a {
	margin:0 auto;
	background:#3C9DCC;
	font-weight:bold;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
	padding:4px;
}
div#btn_box #form_confirm_btn a:after,
div#btn_box #form_submit_btn a:after {
  right:20px;
	transform:rotate(-90deg);
}
div#btn_box #form_confirm_btn span,
div#btn_box #form_submit_btn span {
	display:block;
}
div#btn_box #form_confirm_btn .border,
div#btn_box #form_submit_btn .border {
	border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;
}
div#btn_box #form_top_btn a:after {
	border:none;
}

/* errmsg */
div#errmsg {
margin:0 auto;
border:5px solid #C00;
background:#FFE5E5;
}
div#errmsg li {
	font-weight:bold;
	margin-bottom:10px;
}
div#errmsg li:last-child {
	margin-bottom:0;
}
div#errmsg li strong {
	color:#C00;
	margin-right:0.5em;
}

@media screen and (min-width: 769px) {/* PC */
/* inquiry_box */
#inquiry_box div.inquiry_box_in {
width:840px;
}
/* step_nav */
#inquiry_box .step_nav {
	width:900px;
margin:30px auto;
font-size:18px;
}
#inquiry_box .step_nav li {
  padding: 1em 0.5em 1em 2em;
}
#inquiry_box .step_nav li:last-child{
  padding-right: 1em;
}
.inquiry_box_in h5 {
	font-size:20px;
	margin-top:30px;
	margin-bottom:30px;
}
/* form_list */
div.form_list {
margin:30px 0 50px 0;
border-top:2px solid #999999;
border-bottom:2px solid #999999;
}
div.form_list li {
padding:25px 0 25px 240px;
border-bottom:1px solid #CCCCCC;
}
div.form_list li .h {
position:absolute;
top:20px;
left:0;
width:240px;
}
div.form_list li .h em {
position:absolute;
top:0;
right:20px;
font-size:12px;
}
div.form_list li input,
div.form_list li textarea {
padding:10px;
font-size:16px;
}
div.form_list li textarea {
width:578px;/* total 600px */
height:200px;
}
div.form_list li input {
width:378px;/* total 400px */
}
div.form_list li select {
width:148px;/* total 170px */
padding:10px;
font-size:16px;
}
div.form_list li input.mf_tel {
width:280px;/* total 300px */
}
div.form_list li input.mf_zip {
width:200px;/* total 220px */
margin-left:5px;
margin-bottom:10px;
}
div.form_list li input.mf_add {
width:430px;/* total 220px */
}

/* privacy_box */
div#privacy_box {
height:220px;/* total 240px */
padding:10px;
margin-top:20px;
}
div#privacy_box p {
font-size:14px;
}

/* btn_box */
div#btn_box {
	width:840px;
	position:relative;
margin:80px auto;
}
div#btn_box a:hover {
	opacity:0.6;
filter: alpha(opacity=60);
text-decoration:none;
}
div#btn_box li#form_back_btn {
position:absolute;
top:-65px;
left:0;
}
div#btn_box #form_back_btn a,
div#btn_box #form_top_btn a {
	padding:10px 0;
	width:280px;
	margin-bottom:20px;
}
div#btn_box #form_top_btn a {
	width:454px;/* total 560px */
	padding:24px 0;
	margin:0 auto;
}
div#btn_box #form_back_btn a:after {
	margin-top:-3px;
  border-width:6px 6px 0 6px;
}
div#btn_box #form_confirm_btn a,
div#btn_box #form_submit_btn a {
	font-size:28px;
	width:494px;/* total 500px */
}
div#btn_box #form_confirm_btn a:after,
div#btn_box #form_submit_btn a:after {
	margin-top:-4px;
  border-width:8px 8px 0 8px;
}
div#btn_box #form_confirm_btn .border,
div#btn_box #form_submit_btn .border {
	border:2px solid #FFF;
}
div#btn_box #form_confirm_btn .border {
	padding:15px 0;
}
div#btn_box #form_submit_btn .border {
	padding:24px 0;
}
div#btn_box #form_confirm_btn a .small {
	margin-bottom:10px;
	font-size:18px;
}

/* errmsg */
div#errmsg {
width:400px;/* total 450px */
padding:20px;
}



}
@media screen and (max-width: 768px) {/* SP */
/* step_nav */
#inquiry_box .step_nav {
margin:20px auto;
}
#inquiry_box .step_nav li {
  padding: 1em 0.5em 1em 1.7em;
}
.inquiry_box_in p {
	margin:1em auto;
}
.inquiry_box_in h5 {
	font-size:16px;
	margin:20px 0 10px 5%;
}
/* form_list */
div.form_list {
margin:15px 0 40px 0;
}
div.form_list li {
padding:10px 0;
margin-bottom:20px;
}
div.form_list li .h {
	color:#FFFFFF;
	background:#3C9DCC;
	padding:10px;
	position:relative;
	display:block;
	margin-bottom:5%;
}
div.form_list li .h em {
position:absolute;
top:9px;
right:10px;
font-size:12px;
}
div.form_list li .sec_in_sp {
	display:block;
}
div.form_list li input,
div.form_list li textarea {
padding:10px;
width:calc(90% - 22px);
margin:0 auto;
display:block;
}
div.form_list li select {
padding:10px;
width:calc(40% - 22px);
margin-left:5%;
margin-bottom:10px;
}
div.form_list li input.mf_tel {
width:calc(70% - 22px);
margin:0 0 0 5%;
}
div.form_list li input.mf_zip {
width:calc(50% - 22px);
margin:0 0 10px 2%;
display:inline-block;
}
div.form_list li input.mf_add {
width:calc(90% - 22px);
}
div.form_list li .add_sp {
	padding-left:5%;
}
/* privacy_box */
div#privacy_box {
	width:calc(90% - 10px);	
height:120px;/* total 140px */
padding:5px;
margin:10px auto 30px auto;
}
.privacy_ttl {
	margin-left:5%;
}

/* btn_box */
div#btn_box {
margin:30px auto;
}
div#btn_box li#form_back_btn {
xposition:absolute;
xtop:0;
xleft:0;
}
div#btn_box li#form_back_btn a {
	padding:10px 0;
	width:calc(90%);
	margin:0 auto 20px auto;
}
div#btn_box #form_top_btn a {
	width:calc(90% - 0px);
	padding:15px 0;
	margin:0 auto;
}
div#btn_box #form_back_btn a:after {
	margin-top:-2px;
  border-width:4px 6px 0 4px;
}
div#btn_box #form_confirm_btn a,
div#btn_box #form_submit_btn a {
	font-size:20px;
	width:calc(90% - 2px);
}
div#btn_box #form_confirm_btn a:after,
div#btn_box #form_submit_btn a:after {
	margin-top:-3px;
  border-width:6px 6px 0 6px;
}
div#btn_box #form_confirm_btn .border,
div#btn_box #form_submit_btn .border {
	border:1px solid #FFF;
	padding:15px 0;
}
div#btn_box #form_confirm_btn a .small {
	margin-bottom:10px;
	font-size:14px;
}

/* errmsg */
div#errmsg {
width:calc(90% - 20px);
padding:10px;
}

@media screen and (max-width: 320px) {/* w320 */
/* step_nav */
#inquiry_box .step_nav li {
	width:31%;
}
#inquiry_box .step_nav li:last-child {
	width:38%;
}
}
}