@charset "UTF-8";


/**
 * page_head
**/
.page_head {
  margin: 0 0 90px 0;
  background: url("../images/inquiry/main_visual.png") no-repeat center center;
  background-size: cover;
}
.page_head .eng {
  margin: 0 auto 0px;
  padding: 126px 0 0 0;
  width: 199px;
}
@media only screen and (max-width: 900px) {
  .page_head {
    margin: 0 0 45px 0;
    height: 210px;
    background: url("../images/inquiry/main_visual-sp.png") no-repeat center center;
    background-size: cover;
  }
  .page_head .eng {
    margin: 0 auto 0px;
    padding: 70px 0 0 0;
    width: 212px;
  }

}


/**
 * inquiry
**/
.inquiry_content {
  margin: 0 auto;
  width: 92%;
  max-width: 750px;
  text-align: left;
  color: #595757;
  position: relative;
}
.inquiry_content h3 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  line-height: 1.2em;
  font-size: 24px;
  text-align: center;
  border-bottom: 1px solid #c8c9ca;
}
.inquiry_content .intro {
  margin: 0 0 0 0;
  padding: 0 0 70px 0;
  line-height: 1.6em;
  font-size: 14px;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  .inquiry_content {
    margin: 0 auto;
    width: 87.5%;
    max-width: 750px;
    text-align: left;
    color: #595757;
    position: relative;
  }
  .inquiry_content h3 {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    line-height: 1.2em;
    font-size: 23px;
    text-align: center;
    border-bottom: 1px solid #c8c9ca;
  }
  .inquiry_content .intro {
    margin: 0 0 0 0;
    padding: 0 0 85px 0;
    line-height: 1.6em;
    font-size: 14px;
    text-align: center;
  }
}
.inquiry_content .intro .error { color: #ef0000; }

.inquiry_content .flow {
  margin: 0 auto 78px auto;
  padding: 0 0 0 0;
  width: 448px;
  line-height: 1.4em;
  text-align: center;
  font-size: 14px;
  border-top: 1px solid #c7c8c8;
  position: relative;
}
.inquiry_content .flow .step01 {
  width: 4em;
  position: absolute;
  bottom: 16px;
  left: -2em;
}
.inquiry_content .flow .step02 {
  margin: 0 0 0 -2em;
  width: 4em;
  position: absolute;
  bottom: 16px;
  left: 50%;
}
.inquiry_content .flow .step03 {
  width: 4em;
  position: absolute;
  bottom: 16px;
  right: -2em;
}
.inquiry_content .flow .step01:after ,
.inquiry_content .flow .step02:after ,
.inquiry_content .flow .step03:after {
  margin: 7px 0 0 -8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  content: "";
  border: 1px solid #c7c8c8;
  background: #ffffff;
  border-radius: 90px;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
}
.inquiry_content .flow .step01.on:after ,
.inquiry_content .flow .step02.on:after ,
.inquiry_content .flow .step03.on:after {
  border: 1px solid #14185c;
  background: #14185c;
}
@media only screen and (max-width: 900px) {
  .inquiry_content .flow {
    margin: 0 auto 55px auto;
    padding: 0 0 0 0;
    width: 185px;
    line-height: 1.4em;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #c7c8c8;
    position: relative;
  }
  .inquiry_content .flow .step01 {
    width: 4em;
    position: absolute;
    bottom: 16px;
    left: -2em;
  }
  .inquiry_content .flow .step02 {
    margin: 0 0 0 -2em;
    width: 4em;
    position: absolute;
    bottom: 16px;
    left: 50%;
  }
  .inquiry_content .flow .step03 {
    width: 4em;
    position: absolute;
    bottom: 16px;
    right: -2em;
  }
  .inquiry_content .flow .step01:after ,
  .inquiry_content .flow .step02:after ,
  .inquiry_content .flow .step03:after {
    margin: 7px 0 0 -8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    content: "";
    border: 1px solid #c7c8c8;
    background: #ffffff;
    border-radius: 90px;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
  }
  .inquiry_content .flow .step01.on:after ,
  .inquiry_content .flow .step02.on:after ,
  .inquiry_content .flow .step03.on:after {
    border: 1px solid #14185c;
    background: #14185c;
  }
}
.inquiry_content .form {
  border-top: 1px solid #c7c8c8;
}
.inquiry_content .form .item {
  padding: 30px 0 20px 0;
  border-bottom: 1px solid #c7c8c8;
}
.inquiry_content .form .item .title {
  padding: 0 35px 20px 35px;
  line-height: 1.4em;
  font-size: 18px;
  vertical-align: middle;
}
.inquiry_content .form .item .title .must {
  margin: 0 0 0 15px;
  padding: 2px 3px;
  line-height: 1.2em;
  font-size: 12px;
  color: #ffffff;
  background: #14185C;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}
.inquiry_content .form .item .title .any {
  margin: 0 0 0 15px;
  padding: 2px 3px;
  line-height: 1.2em;
  font-size: 12px;
  color: #ffffff;
  background: #888888;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}
.inquiry_content .form .item .title .sub {
  margin: 0 0 0 15px;
  padding: 0 0 0 0;
  line-height: 1.2em;
  font-size: 12px;
  display: inline-block;
}
.inquiry_content .form .item .detail {
  padding: 0 25px 15px 60px;
}
.inquiry_content .form .item .detail .note {
  margin: 0 0 40px 0;
  padding: 0 0 0 0;
  line-height: 1.2em;
  font-size: 12px;
}
.inquiry_content .form .item .detail .text {
	padding: 14px 16px;
	width: 100%;
	height: auto;
  line-height: 1.2em;
  font-size: 14px;
	background: #F0F4F5;
	border: 1px solid #F0F4F5;
	box-sizing: border-box;
	border-radius: 5px;
  -webkit-appearance: none;
}
.inquiry_content .form .item .detail .text.w01 {
	width: 49%;
}
.inquiry_content .form .item .detail .text.w02 {
	width: 52%;
  max-width: 254px;
}
.inquiry_content .form .item .detail .text.w03 {
	width: 40%;
  max-width: 172px;
}
.inquiry_content .form .item .detail textarea {
	width: 100%;
	padding: 14px 16px;
	height: 197px;
  line-height: 1.2em;
  font-size: 14px;
	background: #F0F4F5;
	border: 1px solid #F0F4F5;
	box-sizing: border-box;
	border-radius: 5px;
  -webkit-appearance: none;
}
.inquiry_content .form .item .detail .radio {
  margin: 0 0 0 0;
  display: flex;
  flex-wrap: wrap
}
.inquiry_content .form .item .detail .radio li,
.inquiry_content .form .item .detail .radio > span {
  padding: 0 0 0 0;
  width: 30%;
  line-height: 1.4em;
  font-size: 14px;
}
.inquiry_content .form .item .detail .radio > span { display: block; }
.inquiry_content .form .item .detail .radio span.error {
	width: 100%;
	padding: 10px 0 0;
}

.inquiry_content .form .item .detail .radio li input,
.inquiry_content .form .item .detail .radio > span input {
	display: none;
}
.inquiry_content .form .item .detail .radio li input + label,
.inquiry_content .form .item .detail .radio input + span:not(.error) {
	padding-left: 32px;
	padding-top: 0px;
	position:relative;
}
.inquiry_content .form .item .detail .radio li input + label:before,
.inquiry_content .form .item .detail .radio input + span:not(.error)::before {
	width: 24px;
	height: 24px;
	line-height: 24px;
	content: "";
	background: url("../images/inquiry/radio_off.png") no-repeat center center;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.inquiry_content .form .item .detail .radio li input:checked + label {

}
.inquiry_content .form .item .detail .radio li input:checked + label:after,
.inquiry_content .form .item .detail .radio input:checked + span:not(.error)::after {
  width: 24px;
  height: 24px;
  line-height: 24px;
	content: "";
  background: url("../images/inquiry/radio_on.png") no-repeat center center;
  background-size: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.inquiry_content .form .item .detail .radio li input:checked + label:before,
.inquiry_content .form .item .detail .radio input:checked + span:not(.error)::before {
	opacity: 0;
  display: none;
}
.inquiry_content .form .item .detail .select {
	padding: 0 0 0 0;
}
.inquiry_content .form .item .detail .select select {
	width: calc( 100% - 50px );
	margin: 0 0 0 0;
	padding: 0 40px 0 16px;
	height: 50px;
	line-height: 48px;
	font-size: 14px;
	cursor: pointer;
  color: #888888;
	background: #f1f5f6 url("../images/inquiry/select_01.png") no-repeat right 12px center;
  background-size: 7px auto;
	border: 1px solid #f1f5f6;
	box-sizing: border-box;
	border-radius: 5px;
	appearance: none;
}
.inquiry_content .form .item .detail .select select::-ms-expand {
  display: none;
}
.inquiry_content .form .item .detail .schedule {
  margin: 0 0 15px 0;
  display: table;
}
.inquiry_content .form .item .detail .schedule .label {
  width: 90px;
  line-height: 1.4em;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
}
.inquiry_content .form .item .detail .schedule .month {
  max-width: 200px;
  padding: 0 15px 0 0;
  line-height: 1.4em;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
}
.inquiry_content .form .item .detail .schedule .month .text { width: calc( 100% - 35px ); }
.inquiry_content .form .item .detail .schedule .day {
  padding: 0 15px 0 0;
  line-height: 1.4em;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
}
.inquiry_content .form .item .detail .schedule .hour {
  line-height: 1.4em;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
}




.inquiry_content .form .item .detail .information {
  margin: 0 0 15px 0;
  width: 100%;
  line-height: 1.4em;
  font-size: 14px;
  display: table;
}
.inquiry_content .form .item .detail .information .label {
  width: 146px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.inquiry_content .form .item .detail .information .label .must {
  margin: -0.7em 0 0 0;
  padding: 2px 3px;
  line-height: 1.2em;
  font-size: 12px;
  color: #ffffff;
  background: #14185C;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 0;
}
.inquiry_content .form .item .detail .information .label .any {
  margin: -0.7em 0 0 0;
  padding: 2px 3px;
  line-height: 1.2em;
  font-size: 12px;
  color: #ffffff;
  background: #888888;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 0;
}
.inquiry_content .form .item .detail .information .detail {
  padding: 0 0 0 15px;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 900px) {
  .inquiry_content .form {
    border-top: 1px solid #c7c8c8;
  }
  .inquiry_content .form .item {
    padding: 40px 0 20px 0;
    border-bottom: 1px solid #c7c8c8;
  }
  .inquiry_content .form .item .title {
    padding: 0 0 10px 0;
    line-height: 1.4em;
    font-size: 18px;
    vertical-align: middle;
  }
  .inquiry_content .form .item .title .must {
    margin: 0 0 0 15px;
    padding: 2px 3px;
    line-height: 1.2em;
    font-size: 12px;
    color: #ffffff;
    background: #14185C;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
  }
  .inquiry_content .form .item .title .any {
    margin: 0 0 0 15px;
    padding: 2px 3px;
    line-height: 1.2em;
    font-size: 12px;
    color: #ffffff;
    background: #888888;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
  }
  .inquiry_content .form .item .title .sub {
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    line-height: 1.2em;
    font-size: 12px;
    display: block;
  }
  .inquiry_content .form .item .detail {
    padding: 0 0 10px 0;
  }
  .inquiry_content .form .item .detail .note {
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    line-height: 1.2em;
    font-size: 12px;
  }
  .inquiry_content .form .item .detail .text {
    padding: 14px 12px;
    width: 100%;
    height: auto;
    line-height: 1.2em;
    font-size: 14px;
    background: #F0F4F5;
    border: 1px solid #F0F4F5;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-appearance: none;
  }
  .inquiry_content .form .item .detail .text.w01 {
    width: 100%;
margin: 1% 0 0 0;
  }
  .inquiry_content .form .item .detail .text.w02 {
    width: 81%;
    max-width: 254px;
  }
  .inquiry_content .form .item .detail .text.w03 {
    width: 54%;
    max-width: 172px;
  }
  .inquiry_content .form .item .detail .textarea {
    padding: 14px 12px;
    width: 100%;
    height: 150px;
    line-height: 1.2em;
    font-size: 14px;
    background: #F0F4F5;
    border: 1px solid #F0F4F5;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-appearance: none;
  }
  .inquiry_content .form .item .detail .radio {
    margin: 0 0 0 0;
    display: block;
  }
  .inquiry_content .form .item .detail .radio li,
  .inquiry_content .form .item .detail .radio > span {
    padding: 0 0 18px 0;
    width: 100%;
    line-height: 1.4em;
    font-size: 14px;
  }
  .mw_wp_form .radio .horizontal-item + .horizontal-item { margin-left: 0; }
  .inquiry_content .form .item .detail .radio li input,
  .inquiry_content .form .item .detail .radio > span input {
    display: none;
  }
  .inquiry_content .form .item .detail .radio li input + label,
  .inquiry_content .form .item .detail .radio input + span:not(.error) {
    padding-left: 32px;
    padding-top: 0px;
    position:relative;
  }
  .inquiry_content .form .item .detail .radio li input + label:before{
    width: 24px;
    height: 24px;
    line-height: 24px;
    content: "";
    background: url("../images/inquiry/radio_off.png") no-repeat center center;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .inquiry_content .form .item .detail .radio li input:checked + label{

  }
  .inquiry_content .form .item .detail .radio li input:checked + label:after{
    width: 24px;
    height: 24px;
    line-height: 24px;
    content: "";
    background: url("../images/inquiry/radio_on.png") no-repeat center center;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .inquiry_content .form .item .detail .radio li input:checked + label:before{
    opacity: 0;
    display: none;
  }
  .inquiry_content .form .item .detail .select {
    padding: 0 0 0 0;
  }
  .inquiry_content .form .item .detail .select select {
    margin: 0 0 0 0;
    padding: 0 30px 0 12px;
    height: 50px;
    line-height: 48px;
    font-size: 14px;
    cursor: pointer;
    color: #888888;
    background: #f1f5f6 url("../images/inquiry/select_01.png") no-repeat right 12px center;
    background-size: 7px auto;
    border: 1px solid #f1f5f6;
    box-sizing: border-box;
    border-radius: 5px;
    appearance: none;
  }
  .inquiry_content .form .item .detail .select select::-ms-expand {
    display: none;
  }
  .inquiry_content .form .item .detail .schedule {
    margin: 0 0 15px 0;
    display: table;
  }
  .inquiry_content .form .item .detail .schedule .label {
    width: 80px;
    line-height: 1.4em;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
  }
  .inquiry_content .form .item .detail .schedule .month {
    padding: 0 8px 0 0;
    line-height: 1.4em;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
  }
  .inquiry_content .form .item .detail .schedule .day {
    padding: 0 8px 0 0;
    line-height: 1.4em;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
  }
  .inquiry_content .form .item .detail .schedule .hour {
    line-height: 1.4em;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
  }
  .inquiry_content .form .item .detail .information {
    margin: 0 0 15px 0;
    width: 100%;
    line-height: 1.4em;
    font-size: 14px;
    display: block;
  }
  .inquiry_content .form .item .detail .information .label {
    width: 146px;
    display: block;
    vertical-align: middle;
    position: relative;
  }
  .inquiry_content .form .item .detail .information .label .must {
    margin: -0.7em 0 0 0;
    padding: 2px 3px;
    line-height: 1.2em;
    font-size: 12px;
    color: #ffffff;
    background: #14185C;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 0;
  }
  .inquiry_content .form .item .detail .information .label .any {
    margin: -0.7em 0 0 0;
    padding: 2px 3px;
    line-height: 1.2em;
    font-size: 12px;
    color: #ffffff;
    background: #888888;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 0;
  }
  .inquiry_content .form .item .detail .information .detail {
    padding: 5px 0 0 0;
    display: block;
    vertical-align: middle;
  }
  
}
@media only screen and (max-width: 600px) {
	.inquiry_content .form .item .detail .schedule {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.inquiry_content .form .item .detail .schedule .label {
		width: 100%;
		margin: 0 0 3px;
		display: block;
	}
	.inquiry_content .form .item .detail .schedule .month {
		width: calc( 100% - 135px );
		max-width: 255px;
		box-sizing: border-box;
		display: block;
	}
	.inquiry_content .form .item .detail .schedule .hour {
		width: 135px;
		display: block;
	}
}

.inquiry_content .form .privacy {
  margin: 0 0 0 0;
  padding: 50px 0 10px 0;
  line-height: 1.4em;
  font-size: 14px;
  text-align: center;
  color: #888888;
}
.inquiry_content .form .privacy a {
  color: #15348e;
  text-decoration: underline;
}
.inquiry_content .form .privacy a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 900px) {
  .inquiry_content .form .privacy {
    margin: 0 0 0 0;
    padding: 30px 0 10px 0;
    line-height: 1.4em;
    font-size: 12px;
    text-align: center;
    color: #888888;
  }
  .inquiry_content .form .privacy a {
    color: #15348e;
    text-decoration: underline;
  }
  .inquiry_content .form .privacy a:hover {
    text-decoration: none;
  }
  
}
.inquiry_content .form .check {
  margin: 0 0 0 0;
  padding: 0 0 50px 0;
  line-height: 1.4em;
  font-size: 14px;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  .inquiry_content .form .check {
    margin: 0 0 0 0;
    padding: 0 0 35px 0;
    line-height: 1.4em;
    font-size: 14px;
    text-align: center;
  }
}
.inquiry_content .form .btn_box {
  margin: 0 0 0 0;
  padding: 0 0 30px 0;
  text-align: center;
}
.inquiry_content .form .btn_box .btn {
  width: 256px;
  height: auto;
  margin: 0 15px;
  padding: 20px 0;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 1.2em;
  background: #14185c url("../images/inquiry/arrow_01.png") no-repeat 222px center;
  background-size: 21px auto;
  border: 1px solid #14185c;
  border-radius: 0;
  -webkit-appearance: none;
  transition: opacity: 0.3s;
  cursor: pointer;
}
.inquiry_content .form .btn_box .btn:hover { opacity: 0.8; }
.inquiry_content .form .btn_box .btn.back { background-color: #888; }

@media only screen and (max-width: 900px) {
  .inquiry_content .form .btn_box {
    margin: 0 0 0 0;
    padding: 0 0 60px 0;
    text-align: center;
  }
  .inquiry_content .form .btn_box .btn {
    margin: 0 auto;
    padding: 20px 0;
    width: 256px;
    height: auto;
    line-height: 1.2em;
    font-size: 14px;
    color: #ffffff;
    background: #14185c url("../images/inquiry/arrow_01.png") no-repeat 222px center;
    background-size: 21px auto;
    border: 1px solid #14185c;
    text-align: center;
    border-radius: 0;
    -webkit-appearance: none;
  }
  
}

.mw_wp_form_confirm.mw_wp_form_preview .conf_none { display: none; }

.txt_send_inquiry {
	margin: 0;
	padding: 40px 10px;
	text-align: center;
}

a.btn_totop_inquiry {
	width: 240px;
	margin: 0 auto 80px;
	padding: 20px 0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 1.2em;
	background-color: #14185c;
	background-image: url("../images/inquiry/arrow_01.png");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 21px auto;
	display: block;
}


/* ---------- datepicker ---------- */

.ui-datepicker.ui-widget {
	font-family: 'Noto Sans JP';
	font-size: 1em;
}

.ui-datepicker .ui-widget-header {
	background: none;
	background-color: #eee;
	border-color: #ddd;
}

table.ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default,
table.ui-datepicker-calendar td.class-holiday .ui-state-default {
	color: #ef0000;
	background: none;
	background-color: #fdefef;
}
table.ui-datepicker-calendar td.ui-datepicker-week-end:last-child .ui-state-default {
	color: #2246d1;
	background: none;
	background-color: #f3f5ff;
}