@charset "UTF-8";
/*
	Filename: contact
	Version: 1.0.1
*/

.page_title {
  background-image: url("../img/contact/title_bg.jpg");
}
.page_title::before {
  display: none;
}
.required_text {
  color: #D8292A;
}

/*-----------------------------------------------------
  #sec_01
------------------------------------------------------*/
#sec_01 {
  width: 100%;
  margin-bottom: 53px;
  padding: 230px 0 0;
  text-align: center;
}
#sec_01 h2 {
  margin-bottom: 13px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.6;
  color: #2896BE;
}#sec_01 p {
  font-size: 16px;
}

/*-----------------------------------------------------
  #sec_02
------------------------------------------------------*/
#sec_02 {
  width: 100%;
  position: relative;
  margin-bottom: -170px;
  padding: 103px 0 200px;
  background: #F3F3F3;
}
/*-----------------------------------------------------
	form style reset
------------------------------------------------------*/
input , select , textarea , button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
	font-size: 16px;
	color: #3c3c3c;
}
select::-ms-expand {
	display: none;
}
textarea {
	display: block;
}
input[type=checkbox] {
  -webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

/*-----------------------------------------------------
	form style
------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="tel"], select,
textarea {
  width: 100%;
	padding: 11px 10px;
	outline: none;
	background: #fff;
	border: 1px solid #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus,
textarea:focus {
	border: 1px solid #2896BE;
}
textarea {
  height: 235px;
}
::placeholder {
	color: #B1B1B1;
}
#sec_02 .form_wrap table {
	width: 100%;
	margin-bottom: 30px;
}

#sec_02 .form_wrap table th {
	width: 22%;
  background: #F3F3F3;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
  text-align: left;
}

#sec_02 .form_wrap table td {
	width: 70%;
	border: 10px solid #F3F3F3;
  vertical-align: middle;
  font-size: 16px;
	font-weight: 500;
}
#sec_02 .form_wrap .w50 {
	width: 50%;
}
.text_top {
  vertical-align: top !important;
}

.chk_others {
  width: 100%;
  margin-bottom: 55px;
  margin-left: 25px;
  line-height: 1.8;
}
.chk_others input[type="text"] {
  width: 46%;
}

#sec_02 .form_wrap .privacy {
  margin-bottom: 98px;
  padding-top: 5px;
  font-size: 16px;
}
#sec_02 .form_wrap .privacy .right a {
  color: #3c3c3c;
}
#sec_02 .form_wrap .privacy .right a:hover {
  opacity: .6;
}
#sec_02 .form_wrap .privacy .right a::before {
  content: "▶";
}
#sec_02 .form_wrap .privacy label {
  cursor: pointer;
}
#sec_02 .form_wrap .privacy input[type=checkbox] {
  margin-right: 10px;
}
.mw_wp_form_confirm .privacy {
  display: none;
}
/*------------------
	ボタン共通
-------------------*/
input[type="submit"], input[type="button"] {
  width: 47.3%;
	padding: 24px;
	background: #2896BE;
	border: 1px solid #2896BE;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
  letter-spacing: 0.2em;
	color: #fff;
	transition: .5s;
}
input[type="submit"]:hover, input[type="button"]:hover {
	cursor: pointer;
	color: #40a1e2;
	background: #f9fafa;
	border: 1px solid #40a1e2;
	transition: .5s;
}
.check_btn {
  width: 100%;
  margin: 50px 0 0;
  text-align: center;
}
.check_btn input[type="submit"][disabled] {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
  color: #fff;
  cursor: not-allowed;
}

/*-----------------------------------------------------
  #sec_03
------------------------------------------------------*/
#sec_03 {
  width: 100%;
  position: relative;
  margin-bottom: -170px;
  padding: 103px 0 200px;
  background: #F3F3F3;
}
#sec_03 .check_wrap {
	width: 100%;
	margin-bottom: 100px;
  padding: 50px 0;
  background: #fff;
}
#sec_03 .check_wrap table {
	width: 90%;
  margin: 0 auto;
}
#sec_03 .check_wrap table th, #sec_03 .check_wrap table td {
  padding: 16.5px 0;
	vertical-align: top;
  border-top: 1px solid #3c3c3c;
	font-size: 16px;
	font-weight: 500;
  text-align: left;
}
#sec_03 .check_wrap table th {
	width: 31%;
}
#sec_03 .check_wrap table td {
	width: 69%;
}
#sec_03 .check_wrap table tr:last-of-type th, #sec_03 .check_wrap table tr:last-of-type td {
  border-bottom: 1px solid #3c3c3c;
}

/*------------------
	btn
-------------------*/
.formsubmit, .formback {
	width: 47.6%;
}
.formsubmit input[type="submit"], .formback input[type="submit"] {
  width: 100%;
}
.formback input[type="submit"] {
	background: #32B4B4;
	border: 1px solid #32B4B4;
}
.formback input[type="submit"]:hover {
	cursor: pointer;
	color: #32B4B4;
	background: #fff;
	border: 1px solid #32B4B4;
	transition: .5s;
}
.mw_wp_form_input .formsubmit,
.mw_wp_form_input .formback {
	display: none;
}
/*------------------
	#sec_04
-------------------*/
#sec_04 {
  width: 100%;
  margin-bottom: 53px;
  padding: 230px 0 0;
  text-align: center;
}
#sec_04 h2 {
  margin-bottom: 13px;
  font-size: 36px;
  font-weight: 700;
  color: #2896BE;
}#sec_04 p {
  font-size: 16px;
}
#sec_04 a {
  width: 30.9%;
  display: block;
  margin: 95px auto 30px;
	padding: 24px;
	background: #2896BE;
	border: 1px solid #2896BE;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
  letter-spacing: 0.2em;
	color: #fff;
	transition: .5s;
}
#sec_04 a:hover {
	color: #40a1e2;
	background: #f9fafa;
	border: 1px solid #40a1e2;
	transition: .5s;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	768px~1198 vw1198
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1198px) {
  /*-----------------------------------------------------
    #sec_01
  ------------------------------------------------------*/
  #sec_01 {
    margin-bottom: 4.424vw;
    padding: 19.199vw 0 0;
  }
  #sec_01 h2 {
    margin-bottom: 1.085vw;
    font-size: 3.005vw;
  }
  #sec_01 p {
    font-size: 1.336vw;
  }

  /*-----------------------------------------------------
    #sec_02
  ------------------------------------------------------*/
  #sec_02 {
    margin-bottom: -14.19vw;
    padding: 8.598vw 0 16.694vw;
  }
  /*-----------------------------------------------------
    form style reset
  ------------------------------------------------------*/
  input , select , textarea , button {
    font-size: 1.336vw;
  }

  /*-----------------------------------------------------
    form style
  ------------------------------------------------------*/
  input[type="text"], input[type="email"], input[type="tel"],
  textarea {
    padding: 0.918vw 0.835vw;
  }
  textarea {
    height: 19.616vw;
  }
  #sec_02 .form_wrap table {
    margin-bottom: 2.504vw;
  }

  #sec_02 .form_wrap table th {
    width: 22%;
    font-size: 1.336vw;
  }

  #sec_02 .form_wrap table td {
    font-size: 1.336vw;
  }
  .add_l {
    width: 13.5%;
    padding-top: 1.002vw;
  }
  .add_r {
    width: 86.5%;
  }
  .type th {
    padding-top: 1.503vw;
  }
  .type td {
    padding-top: 1.085vw;
  }
  .type label input[type=checkbox] {
    margin-right: 0.835vw;
    margin-bottom: 1.836vw;
  }
  /*-----1列-----*/
  .type label:nth-of-type(1) input[type=checkbox],
  .type label:nth-of-type(4) input[type=checkbox],
  .type label:nth-of-type(9) input[type=checkbox],
  .type label:nth-of-type(13) input[type=checkbox],
  .type label:nth-of-type(17) input[type=checkbox],
  .type label:nth-of-type(22) input[type=checkbox],
  .type label:nth-of-type(27) input[type=checkbox]
  {
    margin-left: 0;
  }
  /*-----2列-----*/
  .type label:nth-of-type(2) input[type=checkbox]{margin-left: 4.008vw;}
  .type label:nth-of-type(5) input[type=checkbox]{margin-left: 6.679vw;}
  .type label:nth-of-type(10) input[type=checkbox]{margin-left: 0.586vw;}
  .type label:nth-of-type(14) input[type=checkbox]{margin-left: 9.351vw;}
  .type label:nth-of-type(18) input[type=checkbox]{margin-left: 13.357vw;}
  .type label:nth-of-type(23) input[type=checkbox]{margin-left: 9.351vw;}
  /*-----3列-----*/
  .type label:nth-of-type(3) input[type=checkbox]{margin-left: 3.341vw;}
  .type label:nth-of-type(6) input[type=checkbox]{margin-left: 5.678vw;}
  .type label:nth-of-type(11) input[type=checkbox]{margin-left: 0.336vw;}
  .type label:nth-of-type(15) input[type=checkbox]{margin-left: 4.342vw;}
  .type label:nth-of-type(19) input[type=checkbox]{margin-left: 3.007vw;}
  .type label:nth-of-type(24) input[type=checkbox]{margin-left: 7.097vw;}
  /*-----4列-----*/
  .type label:nth-of-type(7) input[type=checkbox]{margin-left: 1.503vw;}
  .type label:nth-of-type(12) input[type=checkbox]{margin-left: 0.100vw;}
  .type label:nth-of-type(16) input[type=checkbox]{margin-left: 10.436vw;}
  .type label:nth-of-type(20) input[type=checkbox]{margin-left: 1.487vw;}
  .type label:nth-of-type(25) input[type=checkbox]{margin-left: 2.739vw;}
  /*-----5列-----*/
  .type label:nth-of-type(8) input[type=checkbox]{margin-left: 0.252vw;}
  .type label:nth-of-type(21) input[type=checkbox]{margin-left: 2.923vw;}
  .type label:nth-of-type(26) input[type=checkbox]{margin-left: 4.259vw;}

  .chk_others {
    margin-bottom: 4.591vw;
    margin-left: 2.087vw;
  }
  .chk_others input[type="text"] {
    width: 46%;
  }

  #sec_02 .form_wrap .privacy {
    margin-bottom: 8.18vw;
    padding-top: 0.417vw;
    font-size: 1.336vw;
  }
  #sec_02 .form_wrap .privacy input[type=checkbox] {
    margin-right: 0.835vw;
  }
  /*------------------
    ボタン共通
  -------------------*/
  input[type="submit"], input[type="button"] {
    padding: 2.003vw;
    font-size: 1.336vw;
  }
  .check_btn {
    margin: 4.174vw 0 0;
  }

  /*-----------------------------------------------------
    #sec_03
  ------------------------------------------------------*/
  #sec_03 {
    margin-bottom: -14.19vw;
    padding: 8.598vw 0 16.694vw;
  }
  #sec_03 #sec_03 .check_wrap {
    margin-bottom: 8.347vw;
    padding: 4.174vw 0;
  }
  #sec_03 #sec_03 .check_wrap table th, #sec_03 #sec_03 .check_wrap table td {
    padding: 1.377vw 0;
    font-size: 1.336vw;
  }

  /*------------------
    btn
  -------------------*/
  .formsubmit, .formback {
    width: 47.6%;
  }
  /*-----------------------------------------------------
    #sec_04
  ------------------------------------------------------*/
  #sec_04 {
    margin-bottom: 4.424vw;
    padding: 19.199vw 0 0;
  }
  #sec_04 h2 {
    margin-bottom: 1.085vw;
    font-size: 3.005vw;
  }
  #sec_04 p {
    font-size: 1.336vw;
  }

  #sec_04 a {
    width: 30.9%;
    margin: 7.93vw auto 2.504vw;
    padding: 2.003vw;
    font-size: 1.336vw;
  }
}


 
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	~767px vw767
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  /*-----------------------------------------------------
    #sec_01
  ------------------------------------------------------*/
  #sec_01 {
    margin-bottom: 6.91vw;
    padding: 29.987vw 0 0;
  }
  #sec_01 h2 {
    margin-bottom: 1.695vw;
    font-size: 18px;
  }
  #sec_01 p {
    font-size: 14px;
  }

  /*-----------------------------------------------------
    #sec_02
  ------------------------------------------------------*/
  #sec_02 {
    margin-bottom: -22.164vw;
    padding: 13.429vw 0 26.076vw;
  }
  /*-----------------------------------------------------
    form style reset
  ------------------------------------------------------*/
  input , select , textarea , button {
    font-size: 3.086vw;
  }

  /*-----------------------------------------------------
    form style
  ------------------------------------------------------*/
  input[type="text"], input[type="email"], input[type="tel"],
  textarea {
    padding: 1.434vw 1.304vw;
  }
  textarea {
    height: auto;
    min-height: 30.639vw;
  }
  #sec_02 .form_wrap table {
    margin-bottom: 3.911vw;
  }

  #sec_02 .form_wrap table th {
    width: 100%;
    display: inline-block;
    font-size: 14px;
  }

  #sec_02 .form_wrap table td {
    width: 100%;
    display: inline-block;
    border: none;
    border-bottom: 10px solid #F3F3F3;
    font-size: 14px;
  }
  .add_l {
    width: 15.5%;
    padding-top: 1.565vw;
    text-align: left;
  }
  .add_r {
    width: 84.5%;
  }
  .type th {
    padding-top: 2.347vw;
  }
  .type td {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: start;
    -moz-justify-content: start;
    -ms-justify-content: start;
    justify-content: start;
    -ms-flex-pack: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding-top: 1.695vw;
  }
  .type label input[type=checkbox] {
    width: 10%;
    margin-right: 0;
    margin-bottom: 2.586vw;
  }
  /*-----1列-----*/
  .type label:nth-of-type(1) input[type=checkbox],
  .type label:nth-of-type(4) input[type=checkbox],
  .type label:nth-of-type(9) input[type=checkbox],
  .type label:nth-of-type(13) input[type=checkbox],
  .type label:nth-of-type(17) input[type=checkbox],
  .type label:nth-of-type(22) input[type=checkbox],
  .type label:nth-of-type(27) input[type=checkbox]
  {
    margin-left: 0;
  }
  /*-----2列-----*/
  .type label:nth-of-type(2) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(5) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(10) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(14) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(18) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(23) input[type=checkbox]{margin-left: 0;}
  /*-----3列-----*/
  .type label:nth-of-type(3) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(6) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(11) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(15) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(19) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(24) input[type=checkbox]{margin-left: 0;}
  /*-----4列-----*/
  .type label:nth-of-type(7) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(12) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(16) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(20) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(25) input[type=checkbox]{margin-left: 0;}
  /*-----5列-----*/
  .type label:nth-of-type(8) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(21) input[type=checkbox]{margin-left: 0;}
  .type label:nth-of-type(26) input[type=checkbox]{margin-left: 0;}

  .chk_others {
    margin-bottom: 7.171vw;
    margin-left: 0;
  }
  .chk_others input[type="text"] {
    width: 100%;
  }
  #sec_02 .form_wrap .privacy {
    margin-bottom: 12.777vw;
    padding-top: 0.652vw;
    font-size: 2.886vw;
  }
  #sec_02 .form_wrap .privacy input[type=checkbox] {
    margin-right: 1.304vw;
  }
  /*------------------
    ボタン共通
  -------------------*/
  input[type="submit"], input[type="button"] {
    width: 100%;
    padding: 3.129vw;
    font-size: 14px;
  }
  .check_btn {
    margin: 6.519vw 0 0;
  }

  /*-----------------------------------------------------
    #sec_03
  ------------------------------------------------------*/
  #sec_03 {
    margin-bottom: -22.164vw;
    padding: 13.429vw 0 26.076vw;
  }
  #sec_03 .check_wrap {
    margin-bottom: 13.038vw;
    padding: 6.519vw 0;
  }
  #sec_03 .check_wrap table th, #sec_03 .check_wrap table td {
    width: 100%;
    display: inline-block;
    padding: 2.151vw 0;
    font-size: 14px;
  }
  #sec_03 .check_wrap table td {
    padding-top: 0;
    border-top: none;
  }
  #sec_03 .check_wrap table tr:last-of-type th {
    border-bottom: none;
  }

  /*------------------
    btn
  -------------------*/
  .formsubmit, .formback {
    width: 100%;
  }
  .formsubmit {
    margin-bottom: 5.129vw;
  }
  /*-----------------------------------------------------
    #sec_04
  ------------------------------------------------------*/
  #sec_04 {
    margin-bottom: 6.91vw;
    padding: 29.987vw 5% 0;
  }
  #sec_04 h2 {
    margin-bottom: 1.695vw;
    font-size: 4.694vw;
  }
  #sec_04 p {
    font-size: 14px;
  }
  #sec_04 a {
    width: 100%;
    margin: 12.386vw auto 3.911vw;
    padding: 3.129vw;
    font-size: 14px;
  }
}