@charset "utf-8";

/* CSS Document */
/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w280	{ width: 280px !important;}
.w160	{display: inline-block; width: 160px !important;}
.w100	{display: inline-block; width: 100px !important;}
.w50	{display: inline-block; width: 50px !important;}
.w80per {display: inline-block;  width: 80% !important;}
.w90per {display: inline-block;  width: 90% !important;}


.f21{font-size: 21px;font-weight: bold; border-bottom: 1px solid #cccccc}


.mb15{margin-bottom: 15px;}

/*googl recapcherのバッジの位置*/
.grecaptcha-badge {
    bottom: 80px !important;
}


.form_boxArea {
  margin: 0 0 50px;
}

.form_box {
  display: table;
  border-collapse: separate;
  /* セルの間隔を空ける */
  border-spacing: 30px 15px;
  /* 左右 上下で記述 */
  width: 100%;
}

.form_box02 {
  display: table;
  border-collapse: separate;
  border-spacing: 30px 15px;
  width: 51.5%;
}

.form_box_inner {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #CCC;
  width: 50%;
  padding: 10px;
  border-radius: 10px;
  color: #444444;
}

#inquiry .form_boxArea {
  width: auto;
}

#countents div.form_box_inner p.form_main {
  border-top: 1px #ddd solid;
  padding: 10px;
  margin: 0;
  background: #fff url("../images/white_allow.png") no-repeat scroll 95% 50%;
}

#countents div.form_box_inner p.form_main img {
  width: 8%;
}

#countents div.form_box_inner p.form_target {
  width: auto;
  margin: 0 0 10px;
  ;
  padding: 1px 10px;
}

.contactArea {
  width: 94%;
  margin: 50px auto;
}

.contactAreaInner {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border: 1px solid #50ABF1;
}

.l_line {
  border-left: 1px #50ABF1 solid;
}

.contactParts {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0 20px 0;
  text-align: left;
}

#countents div.contactParts p {
  width: auto;
  padding: 0 20px;
}

#countents div.contactArea p.contactTit {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  font-size: 16px;
  background-color: #50ABF1;
  color: #fff;
  font-weight: bold;
  margin: 0;
}

#countents div.contactParts .contactTarget {
  color: #0468e3;
  font-weight: bold;
  /*width:auto;*/
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 959px) {
  .contactParts {}
  #countents div.form_box_inner p.form_main {
    padding: 10px 0 0;
  }
  #countents div.form_box_inner p.form_main img {
    width: 10%;
  }
  #countents div.form_box_inner span.form_name {
    font-size: 14px!important;
    width: 75%;
    padding-left: 3%;
  }
}

@media only screen and (max-width: 640px) {
  .form_boxArea {
    margin: 3%;
  }
  .form_box, .form_box02, .form_box_inner {
    display: block;
    width: 100%;
  }
  .contactTit {
    width: 100%;
  }
  .contactParts {
    display: block;
    padding: 0;
  }
  .form_box_inner {
    margin: 5% 0;
  }
  .l_line {
    border-left: none;
    border-top: 1px solid #50ABF1;
  }
  .form_target {
    font-size: 1.7rem;
  }
  #countents div.form_box_inner span.form_name {
    font-size: 16px!important;
    width: 80%;
    white-space: nowrap;
    display: inline-block!important;
  }
  #countents div.form_box_inner p.form_main {
    background-position: 98% 50%;
  }
  #countents div.form_box_inner p.form_main span.form_img {
    width: 10%;
    display: inline-block;
  }
  #countents div.form_box_inner p.form_main img {
    width: 100%;
    display: inline-block;
    margin: 0;
  }
}


/*フォーム（20231116追加）*/

p {
  text-align: left;
}

h2.form_h2 {
  margin-top: 50px;
  font-size: 28px;
  color: #3ac9fe;
  line-height: 1;
  text-align: center;
}

.inquiryArea h2 {
  font-size: 26px;
  color: #fff;
  text-align: center;
  text-align: left;
  padding: 10px 15px;
  margin-top: 30px;
  margin-bottom: 20px;
  line-height: 1.3;
  border-top: solid 2px #3ac9fe;
  border-bottom: solid 2px #3ac9fe;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
  background: #3ac9fe;
}

.inquiryArea h3 {
  font-size: 20px;
  color: #3ac9fe;
  margin-top: 10px;
  padding: 0px 10px 0px;
  line-height: 1.3;
  border-left: 5px solid #3ac9fe;
}

p.one {
  display: flex;
  align-items: center;
}

.wpcf7-form-control-wrap {
  width: 100%;
}

p.one span {
  margin-right: 1%;
  margin-bottom: 10px;
}

.ftit {
  font-size: 1.3em;
  border-top: 6px double #3ac9fe;
  border-bottom: 6px double #3ac9fe;
  margin-top: 50px;
  background-color: rgba(58, 201, 254, 0.1);
  padding: 10px;
}


/*----------------------------------------------------
	contact7
----------------------------------------------------*/


/***** リセット *****/


/*

input[type=submit],
*/

input[type=checkbox], input[type=radio], input[type=text], input[type=email], input[type=tel], textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wpcf7 {}

.wpcf7 .must {
  color: #fff;
}

.wpcf7 select {
  /* width: 20%;*/
}

.screen-reader-response ul {
  display: none;
}

.wpcf7 .wpcf7-validation-errors, .wpcf7-mail-sent-ok
/*, .screen-reader-response*/

{
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.wpcf7 .wpcf7-response-output
/*, .screen-reader-response*/

{
  margin: 10px 0 0;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.wpcf7-response-output, .wpcf7-mail-sent-ok {
  color: #F00;
  font-weight: bold;
  display: block;
}

.inquiryArea .wpcf7-mail-sent-ok {
  border: none;
  background-color: #fff352;
  color: #666;
  padding: 20px!important;
  margin-bottom: 10px!important;
}

.wpcf7-not-valid-tip {
  color: #F00;
  margin-left: 10px;
  font-size: 80%;
}

.screen-reader-response {
  display: none;
}

.wpcf7-submit {
  width: 300px;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  display: block;
  margin: 30px auto 0;
  background: orange;
  color: #fff;
  padding: 5px 100px;
  border-radius: 20px;
  font-size: 18px;
  background: rgb(151, 224, 92);
  background: -moz-linear-gradient(top, rgba(151, 224, 92, 1) 0%, rgba(97, 196, 25, 1) 56%);
  background: -webkit-linear-gradient(top, rgba(151, 224, 92, 1) 0%, rgba(97, 196, 25, 1) 56%);
  background: linear-gradient(to bottom, rgba(151, 224, 92, 1) 0%, rgba(97, 196, 25, 1) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97e05c', endColorstr='#61c419', GradientType=0);
  background: rgb(129, 221, 53);
  background: -moz-linear-gradient(top, rgba(129, 221, 53, 1) 0%, rgba(87, 193, 5, 1) 56%);
  background: -webkit-linear-gradient(top, rgba(129, 221, 53, 1) 0%, rgba(87, 193, 5, 1) 56%);
  background: linear-gradient(to bottom, rgba(129, 221, 53, 1) 0%, rgba(87, 193, 5, 1) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81dd35', endColorstr='#57c105', GradientType=0);
  box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 3px rgba(151, 224, 92, 1);
  border: 2px rgba(151, 224, 92, 1) solid;
}

.inquiryArea .wpcf7-list-item {
  margin-bottom: 10px;
  display: flex;
  align-content: center;
  align-items: center;
}

.inquiryArea .wpcf7-list-item label {
  margin: 0;
  display: flex;
  align-content: center;
  align-items: center;
}

::-webkit-input-placeholder {
  color: #999 !important;
}

:-moz-placeholder {
  color: #999 !important;
}

input[type=text], input[type=email], input[type=tel], select {
  height: 40px;
  margin-bottom: 10px;
}

input[type=text], input[type=email], input[type=tel], textarea, select {
  font-size: 16px;
  width: 100%;
  padding: 5px;
  border-radius: 6px;
  outline: none;
  border: 1px solid #aaa;
  -webkit-transition: all .3s;
  transition: all .3s;
}

input:focus[type=text], input:focus[type=email], input:focus[type=tel], textarea:focus, select:focus {
  box-shadow: 0 0 7px #3ac9fe;
  border: 1px solid #3ac9fe;
}

.wpcf7-list-item-label {
  margin-right: 15px;
}

input[type=checkbox] {
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border: 2px solid #3ac9fe;
  border-radius: 6px;
}

input[type=checkbox]:checked {
  margin: 0 5px 0 0;
  padding: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #1abc9c;
  box-shadow: 0 0 7px #1abc9c;
  border-radius: 6px;
  background: url("../images/icon_check.svg") no-repeat center;
  background-size: 72%;
}

input[type=radio] {
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  border: 2px solid #3ac9fe;
  border-radius: 100px;
}

input[type=radio]:checked {
  margin: 0 5px 0 0;
  padding: 0;
  width: 28px;
  height: 28px;
  border: 2px solid #1abc9c;
  box-shadow: 0 0 7px #1abc9c;
  border-radius: 100px;
  background: url("../images/icon_circle.svg") no-repeat center;
  background-size: 100%;
}

.inquiryArea {
  border-radius: 6px;
  width: 80%;
  margin: 0 auto;
}

.inquiryArea h2 {
  font-size: 18px !important;
  margin-bottom: 10px !important;
}

.inquiryArea h4 {
  font-size: 16px !important;
  margin-bottom: 4px;
}

.wpcf7-form-control {
  margin-bottom: 15px;
}

.wpcf7-validates-as-required {
  margin-bottom: 10px;
}

.s_txt {
  display: block;
}

.chara2 .wpcf7-form-control-wrap {
  width: 200px;
}

.chara2 span {
  width: 10rem;
}
.mt20{
	margin-top:20px;
}
@media screen and (max-width: 768px) {
	h2.form_h2 {
		margin-top: 30px;
		font-size: 20px;
		line-height: 1.3;
		text-align: center;
	}
  .inquiryArea {
	width: 90%;
    margin: 0 auto;
  }
}

.submitArea{
  text-align: center;
    padding: 30px 0;
    line-height: 1.3;
    background: rgba(58, 201, 254, 0.05);
    margin-top: 20px;
}
.submitArea p{
  text-align: center;
}
.inquiryArea  .submitArea .wpcf7-list-item label {
  margin:15px auto 0;
}
.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}
@media screen and (max-width: 768px) {
  .submitArea{
    padding: 20px;
  }
  .submitArea p{
    text-align: left;
}
.submitArea p br{display: none;}
}

.box10{width: 100px;}