@charset "utf-8";
/* CSS Document */

#form * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/* 概要
--------------------------------------------------------------------------------------------------------------- */

#form form {
	width: 100%;
	margin: 0px auto;
	padding: 80px 0px;
}
@media (max-width:480px) {
	#form form {
		padding: 40px 10px 80px 10px;
	}
}

#form form h3.form_title {
	width: 980px;
	margin: 0px auto 30px auto;
}

@media (max-width:768px) {
	#form form h3.form_title {
		width: 100%;
		margin: 0px auto 30px auto;
	}
	#form form h3:after {
    border-left: 1em solid transparent;
	}
}

#form form th {
	vertical-align: top;
}

#form form #datepicker table tr th,
#form form #datepicker table tr td {
	display: table-cell;
}

.ui-datepicker-header {
  position: relative;
  max-width: 370px;
  margin: 0 auto; }

.ui-datepicker-prev {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  width: 30px;
  height: 30px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  text-indent: -100%;
  background: url(../../images/form/icon_under-arrow.png);
  background-size: contain;
  background-position: center;
  overflow: hidden; }
  .ui-datepicker-prev:hover {
    cursor: pointer; }

.ui-datepicker-next {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 30px;
  height: 30px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  text-indent: -100%;
  background: url(../../images/form/icon_under-arrow.png);
  background-size: contain;
  background-position: center;
  overflow: hidden; }
  .ui-datepicker-next:hover {
    cursor: pointer; }

.ui-datepicker-title {
  margin: 0 0 20px 0;
  font-size: 0;
  text-align: center; }
  .ui-datepicker-title .ui-datepicker-month {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    border-bottom: 2px solid #000; }
  .ui-datepicker-title .ui-datepicker-year {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4; }

#form .ui-datepicker-calendar {
  width: 100%;
  max-width: 370px;
  margin: 0 auto; }
  #form .ui-datepicker-calendar thead {
    display: none; }
  #form .ui-datepicker-calendar tr td {
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 5px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1; }
    #form .ui-datepicker-calendar tr td:first-of-type a {
      color: #b0000f; }
    #form .ui-datepicker-calendar tr td:last-of-type a {
      color: #4163bc; }
    #form .ui-datepicker-calendar tr td a, #form .ui-datepicker-calendar tr td span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      -webkit-flex-wrap: wrap;
      width: 100%;
      height: 100%;
      text-align: center; }
    #form .ui-datepicker-calendar tr td .ui-state-default {
      color: #000; }
    #form .ui-datepicker-calendar tr td .ui-state-active {
      color: #fff !important;
      background: #ea7254; }
    #form .ui-datepicker-calendar tr td.ui-datepicker-today * {
      color: #000 !important;
      background: #ffc800 !important; }
  #form .ui-datepicker-calendar tr .ui-datepicker-other-month,
  #form .ui-datepicker-calendar tr .ui-state-disabled {
    opacity: .3; }

		form .form_box {
		  width: 100%;
		  max-width: 980px;
		  margin: 0 auto;
		  padding: 0;
		  border: 2px solid #333; }
		  form .form_box + .form_box {
		    position: relative;
		    margin-top: 85px; }
		    form .form_box + .form_box:before {
		      content: '';
		      position: absolute;
		      top: -50px;
		      left: 0;
		      display: block;
		      width: 100%;
		      height: 15px;
		      background: url(../../images/form/under_arrow.svg) no-repeat;
		      background-size: contain;
		      background-position: center; }
		  form .form_box h4 {
		    
		    margin: 0 0 30px 0;
		    padding: 10px 15px;
		    font-size: 18px;
				font-weight: 700;
		    color: #fff;
		    text-align: center;
		    background: #333333; }
		  form .form_box > * {
		    display: block;
		    padding: 0 30px 30px 30px; }
		    form .form_box > * textarea, form .form_box > * select {
		      -webkit-appearance: none; }
		  form .form_box > b {
		    font-size: 24px; }
		    @media (max-width: 768px) {
		      form .form_box > b {
		        font-size: 20px;
		        text-align: center; } }
		    form .form_box > b.b {
		      color: #ea7254;
		      text-align: center; }
		  form .form_box > div .caution {
				padding: 10px 0;
		    margin-top: 15px; }
		    form .form_box > div .caution p {
		      font-size: 16px;
					line-height: 1.5;
		      color: #ea7254; }
		    form .form_box > div .caution .tel {
		      display: inline-block;
					margin-top: 10px;
		      font-size: 20px;
		      font-weight: 700;
		      color: #ea7254;
		      border-bottom: 1px solid #ea7254; }
		      form .form_box > div .caution .tel a {
		        padding-left: .5em;
		        color: #ea7254; }

form .form_box > div .form_notes {
	text-align: center;
	font-size: 24px;
	color: #ea7254;
	margin: 30px 0;
	padding: 0 5%;
}
@media (max-width: 768px) {
	form .form_box > div .form_notes {
		text-align: center;
		font-size: 20px;
		color: #ea7254;
		margin: 30px 0;
		padding: 0 5%;
	}
}

.text select {
	width: 100%;
	margin: 0;
	padding: 5px 10px;
	/* border: 1px solid #c9c9c9; */
	border-radius: 3px; }
	form .form_box > div .text select,
	table tr td > select {
    width: 100%;
    max-width: 100%;
    padding-right: 2em;
    background-image: url(../../images/form/icon_under-arrow.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: right 8px center; }
    form .form_box > div .text select::-ms-expand,
			table tr td > select::-ms-expand {
      display: none; }

.error_box {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 30px auto;
  padding: 30px 0;
  text-align: center;
  background: #ffeaea; }
  @media (max-width: 600px) {
    .error_box {
      max-width: 370px;
      margin: 0 auto 30px auto; } }
  .error_box p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #d82424; }

.form_box table {
	width: 100%;
}
.form_box table tr th, .form_box table tr td {
	/* vertical-align: middle !important; */
}
.form_box table tr td select {
	width: 100%;
}
.form_box table tr td select + p {
	width: 100%;
	margin: 20px 0;
}

form .form_box > div .title {
	font-size: 16px;
	line-height: 2.5; }
form .form_box > div .text {
	max-width: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-flex-wrap: wrap; }
  form .form_box > div .text * {
    font-size: 16px; }
	form .form_box > div .text input {
		width: 100%; }
  form .form_box > div .text p {
    font-weight: 700; }

.col-2 {
	width: 48%;
}
.col-2 input {
	width: 50% !important;
	margin: 0 5px !important;
}

.notes {
  padding-top: 10px;
}

.inline {
	display: inline-block;
	width: auto;
	margin-right: 15px;
}

#form .btnArea {
	max-width: 980px;

	margin: 40px auto 0 auto;
	padding: 0;
}

.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e {
	display: none;
}

#form .address_search_btn {
	display: inline-block;
	width: auto;
	margin-left: 20px;
	padding: 6px 20px 8px;
	text-align: center;
	background: #333;
	color:#fff;
	line-height:1.0;
	font-weight:bold;
}
#form .address_search_btn:hover {
	text-decoration:none;
	opacity:0.7;
	cursor: pointer;
}

@media (max-width:480px) {
	#form .address_search_btn {
		display: inline-block;
		width: auto;
		margin: 15px 0 0 0;
		padding: 4px 20px;
		text-align: center;
		background: #333;
	}
}

#form label.radio input {
	display: none;
	visibility: hidden;
}

#form label.radio input + i:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
	border-radius: 999px;
	border: 1px solid #ccc;
	background-color: #fff;
	visibility: visible;
}

#form label.radio input[type="radio"]:checked + i:before {
	background-image: url(../../images/form/icon_circle.png);
	background-repeat: no-repeat;
	background-position: left 3px center;
	-webkit-background-size: 10px;
	background-size: 10px;
	visibility: visible;
}

#form label.check input {
	display: none;
	visibility: hidden;
}

#form label.check input + i:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
	visibility: visible;
}

#form label.check input[type="checkbox"]:checked + i:before {
	background-image: url(../../images/form/icon_check.png);
	background-repeat: no-repeat;
	background-position: left 3px center;
	-webkit-background-size: 10px;
	background-size: 10px;
	visibility: visible;
}

.confirm_text {
	width: 980px;
	margin: 0 auto 40px auto;
}
@media (max-width:480px) {
	.confirm_text {
		width: 100%;
	}
}

#form .button_area {
	width: 980px;
	margin: 30px auto;
}
#form .btnArea_column2.half {
	width: 48%;
}

@media (max-width:480px) {
	#form .button_area {
		width: 100%;
	}

	#form .btnArea_column2.half {
		width: 100%;
	}
}

#form .line_area {
	width: 980px;
	text-align: center;
	margin: 0 auto 40px auto;
}
@media (max-width:480px) {
	#form .line_area {
		width: 100%;
	}
}




/* フォーム
--------------------------------------------------------------------------------------------------------------- */

#form {
	max-width: 900px;
	margin: 50px auto 0;
	padding: 40px;
	background-color: #FFF;
}
#mw_wp_form_mw-wp-form-963 {
	margin-top: -130px;
	padding-top: 130px;
}
#form > h4 { font-size: 22px; text-align: center; font-weight: bold; }
#form form { padding: 40px 0px!important; }

#form form table {
	margin: 25px 0px;
}

#form form th {
	width: 25%;
	font-weight: bold;
	padding: 16px 0px 16px 4em;
	position: relative;
	vertical-align: middle;
	font-size: 15px;
	text-align:left;
	line-height:1.5;
}

#form form tr:last-of-type th {
	vertical-align: top;
}

#form form th span {
	display: inline-block;
    position: absolute;
    left: 0;
    text-align: center;
    width: 4em;
    padding: 5px 0px;
    background-color: #E16450;
    color: #FFF;
    font-size: 12px;
    margin-top: -0.25em;
}

#form form td {
	width: 75%;
	padding: 16px 0px;
	font-size: 15px;
}

label {
	/*display: block;*/
	margin-bottom: 10px;
	margin-right: 20px;
}
.kakomi {
	display:inline-block;
	width:300px;
}
/* 送信ボタン */

#form .btnArea {
	background-color: #282828;
}

#form .btnArea button { /* 20221004 [.btnArea追記] add */
	width: 100%;
	padding: 12px 0px;
	text-align: center;
	background: url(../../images/form/icon_arrow_white.svg) no-repeat center right 20px;
}

#form .btnArea button.back { /* 20221004 [.btnArea追記] add */
	background: url(../../images/form/icon_arrow_white-back.svg) no-repeat center left 20px;
}

#form .btnArea_column2 {
	display: inline-block;
	width: 49%;
	background: none;
	background-color: #282828;
	margin-left: 2%;
}

#form .btnArea_column2:first-of-type {
	margin-left: 0;
	background-color: #8a8a8a;
}

#form .btnArea_column2 button { /* 20221004 [.btnArea追記] add */
	width: 100%;
	padding: 12px 0px;
	text-align: center;
	background: url(../../images/form/icon_arrow_white.svg) no-repeat center right 20px;
}

#form .btnArea_column2 button.back { /* 20221004 [.btnArea追記] add */
	background: url(../../images/form/icon_arrow_white-back.svg) no-repeat center left 20px;
}



.btn_form {
	text-align:center;
	margin-bottom:50px;
}

.btn_form .submit_btn{
	padding: 10px 0 10px 0;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing:1px;
	color:#000;
	font-weight:bold;
	text-align:center;
	background-color:#fff;
	border:2px solid #000;

	display:inline-block;
	width:300px;
}

.btn_form .submit_btn:hover{
    cursor: pointer;

	background-color:#eee;
}

.btn_form input {
	border:none;
}



.btn_form input:hover {

}
/* エラーメッセージ
--------------------------------------------------------------------------------------------------------------- */

#form .error-mess {
	text-align: center;
	color: #FF0000;
	font-weight: bold;
	line-height: 1.4em;
	padding: 20px;
	background-color: rgba(225, 100, 80, 0.1);
	margin-bottom: 40px;
}

.f_txt {
	line-height: 1.5em;
	padding-top: 30px;
	display: block;
}

.mb-15 {
	margin-bottom: 15px;
}

ul#g-navi li.n09 span.en {
	border-bottom: solid 2px #282828;
}

/* パソコン・タブレットのみ表示 */
#form .pc { display: block !important; }
#form .sp { display: none !important; }




/* 下層共通 - フォーム
--------------------------------------------------------------------------------------------------------------- */

textarea {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1rem;
	color: #282828;
	background-color: #ececec;
	padding: 6px 10px;
	margin: 0px;
	border: none;
	resize: none;
	line-height: 1.5em;
}

input[type=text], input[type=email] {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1rem;
	color: #282828;
	background-color: #ececec;
	padding: 0px 10px;
	margin: 0px;
	height: 34px;
	border: none;
	overflow: hidden;
}

input.long, #form textarea { width: 100%; }
input.short { width: 50%; }
input.very_short { width: 20%; }

select {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1rem;
	color: #282828;
	background-color: #ececec;
	padding: 0px 10px;
	margin: 0px;
	height: 34px;
	border: none;
}

input[type=radio],
input[type=checkbox] {
	width: 16px;
	height: 16px;
    vertical-align: top;
	margin: 4px 5px 0px 0px;
	padding: 0px;
}

button {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1rem;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	appearance: none;
	border: 0;
	display: inline-block;
	color: #FFF;
	background: none;
}

button:hover {
	opacity: 0.5;
}

.top_bnr {
	width: 960px;
	padding-top: 60px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}

.top_bnr img {
	max-width: 960px;
}

.sitemap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sitemap_list {
	width: 50%;
}
.sitemap_list li {
	display: block;
	width: 100%;
	margin: 60px 0 0 0;
	font-size: 24px;
	font-weight: 700;
}
.sitemap_list li:first-child {
	margin-top: 0;
}
.sitemap_list .under {
	margin-top: 15px;
}
.sitemap_list li .ja {
	margin-left: 10px;
	font-size: 14px;
}
.sitemap_list li ul {
	padding-left: 15px;
}
.sitemap_list li ul li {
	margin: 15px 0 0 0;
	font-size: 16px;
}
.sitemap_list li ul li:before {
	content: ' - ';
}

.sitemap_link a {
	padding: 5px 20px;
	color: #fff;
	border-radius: 5px;
	background: #383838;
}


/* 概要
--------------------------------------------------------------------------------------------------------------- */

#form #info {
	background-color: #FFF;
	text-align: center;
}

#form #info a {
	text-decoration: underline;
}

#form #info .catch {
	font-size: 2.1em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	padding-bottom: 20px;
}

#form #info .read {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
}

#form #info .tell-free {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 600;
	font-size: 2.8em;
	padding: 20px 0px 10px 0px;
}

#form #info .tell {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 600;
	font-size: 1.3em;
	line-height: 1.3em;
}

#form #info .tell span {
	font-size: 1.1rem;
}

/* 注意事項（枠線内） */

#form #attention {
	padding: 50px 50px 20px 50px;
	border: solid 1px #282828;
}

#form #attention p {
	text-align: left;
	padding-bottom: 30px;
	line-height: 1.8;
	font-size: 16px;
}

#form #attention span {
	text-decoration: underline;
}

.mw_wp_form_confirm .confirm_none {display:none !important;}