@charset "utf-8";

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

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

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

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

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

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

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

}

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

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

#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;
}

}


/* ****************************************************************************************************
   * body#layout-lower　visual
**************************************************************************************************** */

body#layout-lower
.visual {
  background: url(../../_images/gokitou/yakuyoke_houiyoke/visual.jpg) no-repeat center center;
	background-size: cover;
}

/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

div.list p.text-1 {
  text-align: center;
	margin-top: 40px;
}
div.list p.text-2 {
  text-align: left;
	margin-top: 30px;
	margin-bottom: 40px;
}

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

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

div.list p.text-1 {
  text-align: left;
	margin-top: 20px;
}
div.list p.text-2 {
  text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

}



/* ****************************************************************************************************
   * お問合せ・ご相談フォーム
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

.contact {}

.contact .section {
  margin-top: 60px;
}

.contact p.text {
  text-align: center;
	font-size: 19px;
	padding:0 0 30px;
}
.contact a {
  color:#a10800;
	text-decoration: underline;
}
.contact a:hover {
  text-decoration: none;
}

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

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

.contact .section {
  margin-top: 30px;
}
.contact p.text {
  text-align: left;
	font-size: 16px;
	padding:0 0 30px;
}

.contact .align-c {
  text-align: left !important;
}

}

/* ----------------------------------------------------------------------------------------------------
   * 内容
/* ------------------------------------------------------------------------------------------------- */

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

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

.contact div.message {
  margin-top: 20px;
}

.contact .align-r {
  text-align: center !important;
}

.contact .gray {
  background: #efefef;
	padding: 10px 0;
	margin-top: 50px !important;
}

}


/* ----------------------------------------------------------------------------------------------------
   * 内容
/* ------------------------------------------------------------------------------------------------- */

.contact .photo {
  text-align: center;
}

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

.contact table.gokitou  {
  width: 100%;
	margin-top: 30px;
}
.contact table.gokitou  > tbody > tr > th {
  width: 30%;
}
.contact table.gokitou  > tbody > tr > td {
  width: 70%;
}

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

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

.contact table.gokitou  > tbody > tr > th {
  width: 100%;
}
.contact table.gokitou  > tbody > tr > td {
  width: 100%;
}

}

/* ----------------------------------------------------------------------------------------------------
   * 電話番号 / FAX番号
/* ------------------------------------------------------------------------------------------------- */

.contact div.number {}

.contact div.number div.images img.images-1 {
  display: block;
	margin-left: auto;
  margin-right: 0;
}
.contact div.number div.images img.images-2 {
  text-align: left;
}


/* ****************************************************************************************************
   * お問い合わせ
**************************************************************************************************** */

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

.contact-form div.list {}

.contact-form div.list ul.list {
  display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.contact-form div.list ul.list li {
  display: inline-block;
	vertical-align: top;
	font-size: 14px;
	padding-right: 60px;
}

.contact-form div.list ul.list li .contact {
	font-size: 20px;
	font-weight: bold;
}
.contact-form div.list ul.list li .number {
	font-size: 28px;
	font-weight: bold;
}

.contact-form div.message {
  margin-top: 0;
}

.contact-form div.message a {
  text-decoration: underline;
	color:#7c3700;
}
.contact-form div.message a:hover {
  text-decoration: none;
}


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

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

#contact-form {}

.contact-form div.list {
}
.contact-form div.list ul.list li {
  display: inline-block;
	vertical-align: top;
	font-size: 14px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.contact-form div.list ul.list li img {
  width: 146px;
}

}


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

.contact table.form {
  width: 100%;
}
.contact table.form > tbody > tr > th {
  width: 30%;
}
.contact table.form > tbody > tr > td {
  width: 70%;
}

#main input {
  max-width: 100%;
  border: none;
}

#main input[type="text"],
#main input[type="email"],
#main input[type="tel"] {
  padding: 0.5em;
  background: #f4f4f4;
}

#main select {
  padding: 0.5em;
  background: #f4f4f4;
	border:none;
	font-size: 16px;
	position: relative;
}

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

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

#main input[name="company"],
#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: /*25em*/70%;
}

#main textarea {
  width: 100%;
  padding: 0.5em;
  background: #f6f6f6;
	border:none;
}

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

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

#main .form-button .btn-1 {
  font-weight: bold;
}

#main .form-button > * {
  display: inline-block;
  vertical-align: middle;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
  transition: opacity 0.2s;
  margin: 0.5em;
}

#main .form-button > *:hover {
  opacity: 0.8;
}

#main [type="submit"] {
}

#main [name="submitBack"] {
}

#main .form-button input[name="submitSend"]:hover,
#main .form-button input[name="submitConfirm"]:hover {
  opacity: 0.8;
}

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

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

#main .mw_wp_form_input .mwblock-message {
  display: block;
	padding-top: 20px;
}

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

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

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

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

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

.contact table.form {
  width: 100%;
}
.contact table.form > tbody > tr > th {
  width: 100%;
}
.contact table.form > tbody > tr > td {
  width: 100%;
}

#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="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 .btn-1 {
  display: inline-block;
}

.contact .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: 14px;
	font-weight: bold;
  line-height: 1.5;
  background: #a10800;
	transition: box-shadow 0.2s, color 0.2s;
	font-family: 'NotoSerifCJKjp', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.contact .btn-1::before {}
.contact .btn-1 > * {
  display: block;
  position: relative;
  z-index: 1;
}
.contact .btn-1::after {
  content: '';
	background: url(../../_images/_common/icon-detail.png) no-repeat;
	background-size: 8px 16px;
	width: 8px;
	height: 16px;
	margin-top: -8px;
	position: absolute;
	top:50%;
	left: 20px;
	transition:0.2s left;
	transform: scale(-1, 1);
}
.contact .btn-1:hover {
  color: #fff;
	opacity: 0.8;
	text-decoration: none;
}

.contact .btn-1:hover:after {
  left: 0.8em;
}