@charset "UTF-8";
/*! ================================================
****************************************************
このcssファイルはSassから生成されていますので、
編集しないようご注意ください。
****************************************************
==================================================== */
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap&subset=japanese);
*:focus { outline: none; }

/*
YUI 3.15.0 (build 834026e)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ""; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }

body { text-align: center; font-size: 100%; font-family: "Sawarabi Mincho", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; color: #000; *font-size: small; *font: x-small; }

* + html body { font-size: 0.85em; }

/* for IF7 */
body { font-size: 0.85em; }

/* for IF8 */
:root body { font-size: 0.85em; }

/* for IF9 */
#wrapper { text-align: center; }

body, h1, h2, h3, h4, h5, h6, p, div, ol, ul, li, dl, dt, dd, form, input, hr, map, area, noscript, sup, pre, select, iframe { margin: 0; padding: 0; list-style-type: none; }

body, h1 { font-weight: bold; display: inline; }

body, h2, h3, h4, h5, h6 { display: inline; }

table { font-size: inherit; font: 100%; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; max-height: 100%; }

body { font-size: 14px; line-height: 1.5; font-weight: normal; font-style: normal; color: #000; background-color: #fff; line-height: 1; width: 100%; min-width: 320px; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, input, textarea, button, select, a { -webkit-tap-highlight-color: transparent; }

/* Clearfix */
.clearfix::before, .clearfix::after { content: ""; display: block; overflow: hidden; }

.clearfix::after { clear: both; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd { margin: 0; padding: 0; }

article, footer, header, nav, section { display: block; }

button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: baseline; }

select { font-size: 0.875rem; }

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input[type="checkbox"] { padding: 10px; }

ul { list-style: none; }

li { padding: 0; }

img { max-width: 100%; height: auto; border: 0; }

textarea { vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; }

a, label { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

strong { font-weight: bold; }

sup { vertical-align: top; font-size: 0.6em; }

/* input --------------- */
input { color: #2d2d2d; vertical-align: middle; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input:focus { outline: none; }

/* input > type["text" and "password"] --------------- */
.custom-input { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.custom-input.ext-full_width, .custom-input.ext-full_width { width: 100%; }

.custom-input.w40 { width: 40%; }

.custom-input.w50 { width: 50%; }

.custom-input.w80 { width: 80%; }

.custom-input.w100 { width: 100%; }

.custom-textarea { width: 100%; padding: 4px 8px; min-height: 80px; color: #2d2d2d; border-radius: 4px; }

.sp_br { display: none; }

.pc_disp { display: block; }
@media only screen and (max-width: 979px) { .pc_disp { display: none; } }

.sp_disp { display: none; }
@media only screen and (max-width: 979px) { .sp_disp { display: block; } }

html { height: 100%; }

.hoveropa { opacity: 1; transition: 0.3s; }

.hoveropa:hover { opacity: 0.6; }

.mv_target { opacity: 0; transform: translate(0, 60px); -webkit-transform: translate(0, 60px); transition: .8s; }

.mv01 { opacity: 1.0; transform: translate(0, 0); -webkit-transform: translate(0, 0); }

body { height: 100%; }

img.alignright { display: block; margin: 0 0 0 auto; }

img.alignleft { display: block; margin: 0 auto 0 0; }

img.aligncenter { display: block; margin: 0 auto; }

/*

READ ME ============================================
*/
body .drawer-overlay { z-index: 7778; }

nav.drawer-nav { z-index: 7779; background-color: #707070; }

/*-------------------------------
header
--------------------------------*/
.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after { height: 3px; background-color: #707070; }

#top .drawer-hamburger { position: fixed; left: auto; right: 10px; z-index: 7779; }
#top .drawer-hamburger::after { position: absolute; content: "MENU"; color: #707070; font-size: 0.75rem; font-weight: bold; bottom: 0; left: 0; right: 0; margin: auto; display: block; }

#top.drawer-open .drawer-hamburger::after { display: none; }
#top.drawer-open .drawer-hamburger .drawer-hamburger-icon::before { animation: hambIconBefore 0.5s ease-in-out alternate infinite; }
#top.drawer-open .drawer-hamburger .drawer-hamburger-icon::after { animation: hambIconAfter 0.5s ease-in-out alternate infinite; }
@keyframes hambIconBefore { 0% { width: 100%; }
  100% { width: 70%; } }
@keyframes hambIconAfter { 0% { width: 70%; }
  100% { width: 100%; } }
header .drawer-menu p { font-size: 1.125rem; line-height: 50px; width: 100%; color: #fff; }
header .drawer-menu p.htxt { text-indent: 100%; white-space: nowrap; overflow: hidden; }
header .drawer-menu .drawer-menu-item { height: 50px; padding: 0 0 0 20px; background-color: #707070; position: relative; text-align: left; }
header .drawer-menu .drawer-menu-item:hover { opacity: 0.8; text-decoration: none; }

.navWrap { z-index: 7777; width: 100%; position: fixed; top: 0; background-color: #000; color: #fff; }
.navWrap .navi { margin: 0 auto; width: 100%; max-width: 1080px; position: relative; height: 80px; }
.navWrap .navi li { height: 80px; opacity: 1; visibility: visible; }
.navWrap .navi li.logo { background: url(../images/svg/logo_and_name.svg) no-repeat center center; background-size: contain; margin-left: 10px; max-width: 280px; }
.navWrap .navi li.logo a { cursor: pointer; }
@media only screen and (max-width: 420px) { .navWrap .navi li.logo { max-width: 240px; } }
.navWrap .navi li.headtel { position: absolute; height: 60px; top: 20px; right: 0px; text-align: center; }
.navWrap .navi li.headtel .text { color: #fff; margin-bottom: 5px; }
.navWrap .navi li.headtel .tel { color: #936f30; font-size: 2rem; font-weight: bolder; font-family: "Noto Sans JP"; }
.navWrap .navi li a { cursor: pointer; }
.navWrap .navi li p { width: 100%; height: 80px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.navWrap .pc-nav { margin: 0 auto; width: calc(100% - 20px); max-width: 1080px; }
.navWrap .pc-nav a { color: #fff; display: block; width: 100%; height: 100%; padding-bottom: 10px; }
.navWrap .pc-nav ul { display: flex; display: -webkit-box; justify-content: space-between; -webkit-box-pack: justify; padding-top: 20px; }
.navWrap .pc-nav ul li { position: relative; font-size: 1.25rem; flex: 0 0 16.6666%; -webkit-box-flex: 1; max-width: 16.6666%; }
.navWrap .pc-nav ul li.active::after, .navWrap .pc-nav ul li:hover::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: transparent transparent #936f30; border-width: 0 7px 10px 7px; }
.navWrap .pc-nav ul li:hover { border-bottom: 5px solid #F50057; }
.navWrap .pc-nav ul li:hover::after { border-color: transparent; }
.navWrap .pc-nav ul li.active { border-bottom: 5px solid #936f30; padding-bottom: 10px; }
.navWrap .pc-nav ul li.active::after { bottom: -1px; border-width: 0 7px 10px 7px; border-color: transparent transparent #936f30; }
.navWrap .pc-nav ul li.active.haslink { padding-bottom: 0; }
.navWrap .pc-nav ul li.active.haslink:hover { border-bottom: 5px solid #F50057; }
.navWrap .pc-nav ul li.active.haslink:hover::after { border-color: transparent; }
@media only screen and (max-width: 979px) { .navWrap .pc-nav { display: none; } }

/*-------------------------------
.section_general   title
--------------------------------*/
.section_general .pgTtl { display: block; font-size: 2.25rem; text-align: center; }
@media only screen and (max-width: 580px) { .section_general .pgTtl { font-size: 1.75rem; } }
@media only screen and (max-width: 420px) { .section_general .pgTtl { font-size: 1.5rem; } }
.section_general .pgTtls { display: block; font-size: 1.3125rem; font-weight: bold; text-align: center; padding: 70px 0 65px; position: relative; }
.section_general .pgTtls::before { content: ""; width: 116px; height: 14px; background: #f4bd49; position: absolute; top: 20px; left: 50%; margin-left: -58px; }
@media only screen and (max-width: 979px) { .section_general .pgTtls { text-align: left; } }
@media only screen and (max-width: 767px) { .section_general .pgTtls { text-align: left; font-size: 1.125rem; padding: 40px 0 35px; }
  .section_general .pgTtls::before { width: 80px; height: 8px; margin-left: -40px; top: 10px; } }
.section_general .pgTtls.small { font-weight: normal; font-size: 1rem; }
@media only screen and (max-width: 420px) { .section_general .pgTtls.small { font-size: 0.75rem; } }

/*

READ ME ============================================
*/
/*-------------------------------
#footer
--------------------------------*/
#footer { position: fixed; bottom: 0; width: 100%; z-index: 99; }
#footer #totop { width: 100%; height: 76px; text-align: right; padding: 0 20px 20px 0; color: #000; }
#footer #totop p { position: fixed; right: -100px; bottom: 55px; width: 56px; height: 56px; background: rgba(255, 255, 255, 0.6) url(../images/svg/pagetop.svg) no-repeat center center; background-size: contain; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 99; }
#footer .blArea { width: 100%; background: #000; color: #fff; height: 45px; }
#footer .blArea .wrap { margin: 0 auto; width: calc(100% - 20px); max-width: 1080px; line-height: 45px; }
#footer .blArea .pp { float: left; }
#footer .blArea .pp a { display: block; height: 45px; color: #fff; text-decoration: none; padding: 0 20px; }
#footer .blArea .copy { float: right; color: #fff; }
@media only screen and (max-width: 420px) { #footer .blArea { font-size: 0.625rem; }
  #footer .blArea .wrap { width: 100%; }
  #footer .blArea .pp a { padding: 0 10px 0 10px; }
  #footer .blArea .copy { padding-right: 5px; } }

#Wrapper { z-index: 1; position: relative; width: 100%; min-height: 100vh; padding-top: 135px; background: url(../images/bg_tri.jpg); }
@media only screen and (max-width: 979px) { #Wrapper { padding-top: 80px; } }
@media only screen and (max-width: 580px) { #Wrapper { background-size: 30px auto; } }

#contents { margin: 0 auto; padding-bottom: 45px; }

.section_lwr_header { width: 100%; margin: 0 auto; max-width: 1920px; position: relative; }
.section_lwr_header .lwr_main_img { max-width: 1920px; height: 0; width: 100%; padding-top: 17.7%; background-image: url(../images/contactus_main.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
@media only screen and (max-width: 580px) { .section_lwr_header .lwr_main_img { padding-top: 30%; } }
.section_lwr_header img { position: absolute; display: inline-block; padding: 5px 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.5); width: 260px; }
@media only screen and (max-width: 580px) { .section_lwr_header img { width: 50%; } }

.section_general { margin: 0 auto; width: 100%; max-width: 1920px; padding-bottom: 60px; }
.section_general .form_outer { width: calc(100% - 100px); max-width: 1080px; margin: 0 auto; padding: 50px 0 0; }
@media only screen and (max-width: 580px) { .section_general .form_outer { padding: 30px 0 0; width: calc(100% - 30px); } }
.section_general .form_notice { text-align: left; font-size: 1.125rem; line-height: 1.6; }
@media only screen and (max-width: 580px) { .section_general .form_notice { font-size: 1rem; } }
@media only screen and (max-width: 767px) { .section_general .form_notice { font-size: 0.875rem; } }
@media only screen and (max-width: 420px) { .section_general .form_notice { font-size: 0.75rem; } }
.section_general .form_notice .fn_txt { color: #fff; padding-bottom: 10px; }
@media only screen and (max-width: 767px) { .section_general .form_notice .fn_txt br { display: none; } }
.section_general .form_notice .fn_box { color: #000; background-color: rgba(255, 255, 255, 0.6); padding: 20px; font-weight: bold; }
@media only screen and (max-width: 767px) { .section_general .form_notice .fn_box br { display: none; } }
@media only screen and (max-width: 580px) { .section_general .form_notice .fn_box { padding: 5px; } }
.section_general .form_inner { text-align: left; color: #fff; font-size: 1.125rem; line-height: 1.6; padding-top: 60px; }
@media only screen and (max-width: 580px) { .section_general .form_inner { font-size: 1rem; padding-top: 30px; } }
.section_general .form_inner .form_item { padding-bottom: 30px; }
@media only screen and (max-width: 580px) { .section_general .form_inner .form_item { padding-bottom: 20px; } }
.section_general .form_inner .form_item .head { padding-bottom: 10px; }
@media only screen and (max-width: 580px) { .section_general .form_inner .form_item .head { padding-bottom: 5px; } }
.section_general .form_inner .form_item .head span { font-size: 0.875rem; background-color: #F50057; padding: 0 5px; margin-left: 10px; border-radius: 3px; }
@media only screen and (max-width: 580px) { .section_general .form_inner .form_item .head span { font-size: 0.75rem; } }
.section_general .form_inner .form_item .body input, .section_general .form_inner .form_item .body textarea { padding: 10px 20px; max-width: 100%; }
.section_general .form_inner .form_item .body input[type=text], .section_general .form_inner .form_item .body input[type=tel], .section_general .form_inner .form_item .body input[type=email], .section_general .form_inner .form_item .body textarea[type=text], .section_general .form_inner .form_item .body textarea[type=tel], .section_general .form_inner .form_item .body textarea[type=email] { width: 340px; }
@media only screen and (max-width: 340px) { .section_general .form_inner .form_item .body input[type=text], .section_general .form_inner .form_item .body input[type=tel], .section_general .form_inner .form_item .body input[type=email], .section_general .form_inner .form_item .body textarea[type=text], .section_general .form_inner .form_item .body textarea[type=tel], .section_general .form_inner .form_item .body textarea[type=email] { width: 100%; } }
@media only screen and (max-width: 580px) { .section_general .form_inner .form_item .body input, .section_general .form_inner .form_item .body textarea { padding: 10px; } }
.section_general .form_inner .form_item .body textarea { width: 100%; }
.section_general .form_inner .form_item .body .wpcf7-list-item { margin-right: 20px; }
.section_general .form_inner .form_item .body .wpcf7-list-item:first-child { margin-left: 20px; }
.section_general .form_inner .form_item .body .wpcf7-list-item:last-child { margin-right: 0; }
@media only screen and (max-width: 580px) { .section_general .form_inner .form_item .body .wpcf7-list-item { margin-right: 0; margin-left: 20px; display: block; } }
.section_general .form_inner .btn_area { text-align: center; }
.section_general .form_inner .btn_area input { background-color: #707070; border: none; color: #fff; padding: 10px 20px; border-radius: 5px; margin: 0 2%; max-width: 330px; }
.section_general .form_inner .btn_area input[type=reset] { width: 45%; }
.section_general .form_inner .btn_area input[type=submit] { width: 40%; }
@media only screen and (max-width: 767px) { .section_general .form_inner .btn_area input { width: auto; } }
@media only screen and (max-width: 580px) { .section_general .form_inner .btn_area input { padding: 10px; } }
@media only screen and (max-width: 340px) { .section_general .form_inner .btn_area input { margin: 0 2%; } }
.section_general .form_inner .btn_area input:hover { background-color: #F50057; color: #fff; cursor: pointer; }
.section_general .form_inner .reCAPTCHA_branding { padding-top: 30px; font-size: 0.875rem; }
.section_general #thanks_area { display: none; color: white; line-height: 2; padding-top: 50px; font-size: 1.125rem; }
@media only screen and (max-width: 979px) { .section_general #thanks_area br { display: none; } }
@media only screen and (max-width: 580px) { .section_general #thanks_area { font-size: 1rem; } }
@media only screen and (max-width: 767px) { .section_general #thanks_area { font-size: 0.875rem; } }
@media only screen and (max-width: 420px) { .section_general #thanks_area { font-size: 0.75rem; } }
.section_general .callTel { margin: 30px auto 10px; max-width: 860px; width: calc(100% - 50px); }
.section_general .callTel a { display: block; padding: 20px; color: #936f30; border: 2px solid #936f30; border-radius: 5px; font-size: 1.875rem; font-weight: bolder; width: 100%; height: 100%; transition: 0.25s; }
.section_general .callTel a:hover, .section_general .callTel a:focus { box-shadow: 0 0.5em 0.5em -0.4em #936f30; transform: translateY(-0.25em); }
@media only screen and (max-width: 979px) { .section_general .callTel a { padding: 15px; font-size: 1.25rem; } }
@media only screen and (max-width: 979px) { .section_general .callTel { display: block; } }
@media only screen and (max-width: 767px) { .section_general .callTel { width: calc(100%& - 20px); } }
.section_general p.description { padding-left: 20px; color: #936f30; font-weight: bold; font-size: 0.75rem; line-height: 1.5; margin-bottom: 30px; text-align: left; display: none; }
@media only screen and (max-width: 767px) { .section_general p.description { display: block; } }

/*# sourceMappingURL=contactus.css.map */