@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メイン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------------------------------
   * セクショニング
/* ---------------------------------------------------------------------------------------------- */

#main {}

#main .layout-body {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 30px;
  background: #f5f5f5;
  display: flex;
}

#main > .section {
  padding-top: 60px;
  padding-bottom: 60px;
}

#main div.body {
  max-width: 1000px;
	padding:0;
	margin: 0 auto;
	overflow: hidden;
}

#main .column ~ .column {
  margin-top: 40px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:1100px) {

 #main div.body {
   max-width: 100%;
	 padding:0;
	 margin: 0 auto;
	 overflow: hidden;
	}
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#main .layout-body {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 20px;
  display: block;
}

#main > .section {
  padding-top: 30px;
  padding-bottom: 30px;
}

#main div.body {
  max-width: 100%;
	padding:0 10px;
	margin: 0 auto;
	overflow: hidden;
}

#main .column ~ .column {
  margin-top: 20px;
}

}


/* ****************************************************************************************************
   * お問い合わせ
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

.contact-form {}

.contact-form ~ .contact-form {
  padding-top: 100px;
}

.contact-form section > .body {
  padding: 0 !important;
}

.contact-form .section ~ .section {
  padding-top: 100px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

.contact-form {}

.contact-form .section ~ .section {
  padding-top: 50px;
}

}

/* ----------------------------------------------------------------------------------------------------
   * タイトル
/* ------------------------------------------------------------------------------------------------- */

.contact-form .title {
  position: relative;
  font-size: 16px;
  border-bottom: 5px solid #f9e40a;
  color: #000;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 1.0em;
}

.contact-form .title::before {
  content: attr(data-txt);
  display: block;
  font-size: 50px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

.contact-form .title::before {
  content: attr(data-txt);
  display: block;
  font-size: 25px;
}
}

/* ----------------------------------------------------------------------------------------------------
   * テキスト
/* ------------------------------------------------------------------------------------------------- */

.contact-form .text-1 {
  text-align: center;
}

.contact-form .link-btn {
  display: block;
  text-align: left;
  margin-top: 0 !important;
}

/* ----------------------------------------------------------------------------------------------------
   * リンク
/* ------------------------------------------------------------------------------------------------- */

.contact-form .link-btn a {
  color: #000000;
  text-decoration: underline;
}
.contact-form .link-btn a:hover {
  color: #000000;
  text-decoration: none;
}


/* ----------------------------------------------------------------------------------------------------
   * リスト
/* ------------------------------------------------------------------------------------------------- */

.contact-form .box {
  background: #fff;
  padding: 30px;
}

.contact-form ul.layout-flex-2 {
  position: relative;
  max-width: 850px;
  margin: 40px auto 0;
}

.contact-form ul.layout-flex-2 li {
  position: relative;
  font-size: 30px;
}

.contact-form ul.layout-flex-2 li .number {
  font-size: 2.5rem;
  font-weight: 900;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:1100px) {

.contact-form ul.layout-flex-2 {
  display: block;
}

.contact-form ul.layout-flex-2 li {
  width: 100%;
}
.contact-form ul.layout-flex-2 li {
  position: relative;
  font-size: 18px;
}

.contact-form ul.layout-flex-2 li .number {
  font-size: 2.0rem;
  font-weight: 900;
}
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

.contact-form ul.layout-flex-2 {
  margin-top: 20px;
}

.contact-form ul.layout-flex-2 li {
  position: relative;
  font-size: 15px;
  text-align: center;
}
.contact-form ul.layout-flex-2 li .js-tel {
  font-size: 1.6rem !important;
  font-weight: 900;
}

.contact-form ul.layout-flex-2 li .number {
  font-size: 1.2rem;
  font-weight: 900;
}

.contact-form ul.layout-flex-2 li ~ li {
  margin-top: 10px;
}

}

/* ----------------------------------------------------------------------------------------------------
   * 電話
/* ------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------
   * FAX
/* ------------------------------------------------------------------------------------------------- */



/* ****************************************************************************************************
   * お問い合わせフォーム
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

#contact-2 {
  padding-bottom: 0 !important;
}

#contact-form-2 {
  margin-top: -100px;
  padding-top: 100px;
}

#contact-form-3 {
  margin-top: -100px;
  padding-top: 100px;
}


/* ----------------------------------------------------------------------------------------------------
   * 入力　確認　完了
/* ------------------------------------------------------------------------------------------------- */

#main *[class*="mwblock-"],
#main *[class*="mwinline-"] {
  display: none;
}

#main .mw_wp_form_preview .mwblock-preview {
  display: block;
  margin-top: 40px;
}

#main .mw_wp_form_input .mwblock-input {
  display: block;
  margin-top: 40px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#main .mw_wp_form_preview .mwblock-preview {
  display: block;
}
#main .mw_wp_form_input .mwblock-input {
  display: block;
}

}

#main .mw_wp_form_input .mwblock-input a {
  display: block;
  text-align: center;
	color:#00d2ff;
	text-decoration: underline;
}
#main .mw_wp_form_input .mwblock-input a:hover {
  text-decoration: none;
}

#main .mw_wp_form_preview .mwinline-preview {
  display: inline;
}

#main .mw_wp_form_input .mwinline-input {
  display: inline;
}


#main .mw_wp_form_input .mwblock-message a {
  color: #3f9d16;
}
#main .mw_wp_form_input .mwblock-message a:hover {
  color: #3f9d16;
	text-decoration: underline;
}

/* ****************************************************************************************************
   * メールフォームからのお問い合わせ
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

#main-contents input {
  max-width: 100%;
  border: 1px solid #dddddd;
  border-radius: 5px;
  background: #f4f4f4;
  padding: 0.5em;
}

#main-contents input[type="text"],
#main input[type="email"],
#main input[type="tel"] {
}

#main input[name="pref"] {
  width: 10em;
}

#main input[name="zip"] {
  width: 20em;
}

#main input[name="namae"],
#main input[name="kana"],
#main input[name="tel"],
#main input[name="fax"] {
  width: /*15em*/80%;
}

#main input[name="company"],
#main input[name="companykana"],
#main input[name="busyo"],
#main input[name="position"],
#main input[name="email"],
#main input[name="email2"],
#main input[name="addr"],
#main input[name="addr1"],
#main input[name="addr2"],
#main input[name="addr3"] {
  width: /*25em*/80%;
}


#main textarea {
  width: 100%;
  height: auto;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #f4f4f4;
}

#main .mw_wp_form_input .require th {
  position: relative;
}
#main .mw_wp_form_input .require th:after {
  content: '※';
  display: inline;
  color: #f00;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#main input[name="zip"] {
  width: 90%;
}

#main input[name="namae"],
#main input[name="kana"],
#main input[name="tel"],
#main input[name="fax"] {
  width: 100%;
}
#main input[name="company"],
#main input[name="companykana"],
#main input[name="busyo"],
#main input[name="position"],
#main input[name="email"],
#main input[name="email2"],
#main input[name="addr1"],
#main input[name="addr2"],
#main input[name="addr3"] {
  width: 100%;
}

}

/* ****************************************************************************************************
   * フォームボタン
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 確認画面へ進む / 送信する
/* ------------------------------------------------------------------------------------------------- */

#main .form-button {
  text-align: center;
}

#main .form-button .btn {
  position: relative;
  z-index: 1;
  width: 240px;
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
  color: #fff;
  text-align: center;
  padding: 15px 1em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  background: #000000;
  border: 1px solid #000000;
  border-radius: 0;
  transition: 0.3s;
}

#main .form-button .btn > * {
  display: block;
  position: relative;
  z-index: 1;
}

#main .form-button .btn::before {
  display: none;
}

#main .form-button .btn::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
  transition: 0.2s right;
}
#main .form-button .btn:hover {
  cursor: pointer;
  opacity: 0.7;
  transform: 0.3s;
}

#main .form-button .btn:hover:after {
  right: 0.8em;
}

/* ----------------------------------------------------------------------------------------------------
   * 戻る
/* ------------------------------------------------------------------------------------------------- */

#main .form-button .btn-1 {
  position: relative;
  z-index: 1;
  width: 240px;
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
  color: #fff;
  text-align: center;
  padding: 15px 1em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  background: #000000;
  border: 1px solid #000000;
  border-radius: 0;
  transition: 0.3s;
}

#main .form-button .btn-1 > * {
  display: block;
  position: relative;
  z-index: 1;
}

#main .form-button .btn-1::before {
  display: none;
}

#main .form-button .btn-1::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-bottom: solid 2px #fff;
  border-left: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -4px;
  transition: 0.2s left;
}
#main .form-button .btn-1:hover {
  cursor: pointer;
  opacity: 0.7;
  transform: 0.3s;
}

#main .form-button .btn-1:hover:after {
  left: 0.8em;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#main .form-button .btn-1 {
  margin-bottom: 20px;
}

}

/* ----------------------------------------------------------------------------------------------------
   * テーブル
/* ------------------------------------------------------------------------------------------------- */

.contact-form table {
  width: 80%;
  margin: 0 auto;
}

.contact-form table > tbody > tr > th[scope="row"] {
  vertical-align: middle;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

.contact-form table {
  width: 100%;
  margin: 0 auto;
}

.contact-form table > tbody > tr > th[scope="row"] {
  border-bottom: none;
}

.contact-form table > tbody > tr > td {
  margin-bottom: 10px;
}

}

/* ----------------------------------------------------------------------------------------------------
   * トップページへ戻るボタン
/* ------------------------------------------------------------------------------------------------- */

.contact-form .btn {}

.contact-form .btn::after {
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  transition: 0.2s left;
  left: 40px;
  right: auto;
}

.contact-form .btn:hover:after {
  left: 1.2em;
}