@charset "UTF-8";
/*※注意 メディアクエリについて
各セレクタ、都度振り分けるパターンと各下部にまとめてる場合があります*/
/* ---------------------------------------------------------------------------
** 01utils start
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 01utils var
--------------------------------------------------------------------------- */
/* color*/
/* breakpoint */
/* ---------------------------------------------------------------------------
** 01utils mixin
--------------------------------------------------------------------------- */
/* breakpoint */
/* 背景 */
/* 上下中央 */
/* box-sizing */
/* ---------------------------------------------------------------------------
** 02base start
--------------------------------------------------------------------------- */
/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

body { line-height: 1; }

ol, ul, li { list-style: none; margin: 0; padding: 0; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

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

caption { width: 100%; }

a { outline: none; }

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

.cf:after { clear: both; }

.cf { zoom: 1; }

/*baseline*/
body { color: #000; font-family: 'Sawarabi Mincho', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif'; line-height: 1.6; font-size: 14px; font-weight: 300; /* Media Queries pc */ }
@media screen and (max-width: 1040px) { body body { width: 100%; } }

strong { font-weight: bold; }

img { vertical-align: bottom; /* Media Queries pc */ }
@media screen and (max-width: 1040px) { img img { max-width: 100%; height: auto; } }

a.alpha:hover img { opacity: 0.70; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity: 0.70; -moz-opacity: 0.70; transition: all 0.5s ease 0s; transition: all 0.6s ease 0s; }

a { text-decoration: underline; color: #000000; }

a:hover { text-decoration: none; color: #000000; }

/* Media Queries pc */
@media screen and (max-width: 1040px) { a.btn { padding: 2% 3%; } }
/* Media Queries pc */
@media screen and (max-width: 1040px) { /*横サイズ変更時の文字拡大禁止*/
  /* body {-webkit-text-size-adjust: 100%; font-size:80%;} */
  /* ios formのフォーム解除 ====================================================== */
  /* インプットのみ */
  input[type="submit"], input[type="reset"], input[type="button"] { -webkit-appearance: none; } }
/* 電話番号リンク(スマホのみ)
====================================================== */
/* Media Queries minsp */
@media screen and (min-width: 600px) { a[href^="tel:"] { pointer-events: none; text-decoration: none; } }
/*IE6,7の警告*/
#IE6Att { width: 1000px; margin: 10px auto; padding: 10px; font-size: 0.82em; border: 2px solid #F00; background: #FFC; clear: both; }

/* ---------------------------------------------------------------------------
** 02base Common
--------------------------------------------------------------------------- */
.product01 { background: -webkit-linear-gradient(transparent 60%, #fcedf5 0%); background: -o-linear-gradient(transparent 60%, #fcedf5 0%); background: linear-gradient(transparent 60%, #fcedf5 0%); }

a.link01 { background-color: #000000; border: 2px solid #000000; color: #fff; padding: 0 1.5em 0.13em 2.44em; text-decoration: none; font-weight: 400; font-size: 0.81em; letter-spacing: 0.06em; }
a.link01:after { content: "\f04b"; font-family: FontAwesome; margin-left: 0.31em; }
a.link01:hover { background-color: #fff; color: #000000; border: 2px solid #000000; transition: all 0.3s ease 0s; }

a.link02 { background-color: #fff; border: 3px solid #000000; color: #000000; font-size: 1.44em; padding: 1em 4em; text-decoration: none; font-weight: 500; display: inline-block; margin: 3em 0 1em; transition: all 0.3s ease 0s; /* Media Queries sp */ }
@media screen and (max-width: 600px) { a.link02 { width: 90%; font-size: 1.13em; padding: 1em; } }

a.link02:after { content: "▶"; font-size: 0.75em; margin: 0 0 0 1em; vertical-align: top; line-height: 2.2; }

a.link02:hover { background-color: #000000; color: #fff; border: 3px solid #000000; transition: all 0.3s ease 0s; }

/* テキストリンク */
p.t-link01 { text-align: right; margin: 0.31em 0 0; }

p.t-link01:before { content: "\f0a9"; font-family: FontAwesome; margin-right: 0.25em; font-size: 1.19em; color: #000000; }

a.btn { background-color: #fabf2e; border: 2px solid #fabf2e; font-size: 1.13em; margin: 0 auto; padding: 0.5em 15px; text-align: center; text-decoration: none; display: block; width: 250px; color: #fff; font-weight: 400; border-radius: 3px; }

a.btn:hover { background-color: #fff; color: #444; transition: all 0.3s ease 0s; }

/* ▼img hover 効果▼ */
.box_img { margin: 0; padding: 0; overflow: hidden; }

img.scale { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; }

a:hover img.scale { -webkit-transform: scale(1.1); transform: scale(1.1); }

/* ▲img hover 効果▲ */
/* ---------------------------------------------------------------------------
** 02base Margin/Padding
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 02base Attention
--------------------------------------------------------------------------- */
.att001 { color: #C00; font-weight: 500; }

.att002 { color: #000000; font-weight: 500; }

.att003 { color: #C00; }

.attbox01 { border: 1px solid #ddd; padding: 1em; position: relative; margin: 1.25em 0 1em; }

.attbox01 h5 { background-color: #fff; font-size: 1.06em; font-weight: 400; padding: 0.5em 0.75em 0.5em 0.75em; position: absolute; top: -1.25em; margin-left: -0.25em; }

.attbox01 p { font-size: 0.94em; margin-top: 0.5em; line-height: 1.75; }

.attbox02 { position: relative; padding: .5em .75em; background-color: #fff8e5; border-radius: 6px; margin: 20px 0 20px; font-weight: 400; }

.attbox02:after { position: absolute; bottom: 100%; left: 30px; content: ''; width: 0; height: 0; border: 10px solid transparent; border-bottom: 15px solid #fff8e5; }

.attbox03 { background-color: #f6f6f6; border: 1px solid #f0f0f0; padding: 10px; }

/* ---------------------------------------------------------------------------
** 02base Layout
--------------------------------------------------------------------------- */
/*PCとスマホ表示分岐*/
.Box-pc { display: block !important; }

.Box-pc_inline { display: inline-block !important; }

.Box-sp { display: none !important; }

.left { float: left; }

.right { float: right; }

.ta_left { text-align: left !important; }

.ta_right { text-align: right !important; }

.ta_center { text-align: center !important; }

.imgleft { float: left; margin: 0 15px 10px 0; }

.imgright { float: right; margin: 0 0 10px 15px; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { /*PCとスマホ表示分岐*/
  .Box-pc { display: none !important; }
  .Box-pc_inline { display: none !important; }
  .Box-sp { display: block !important; }
  /* padding・borderを枠のサイズに含める ====================================================== */
  * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  img { max-width: 100%; height: auto; } }
/* ---------------------------------------------------------------------------
** 03fonts start
--------------------------------------------------------------------------- */
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 100; src: url("../fonts/NotoSansCJKjp-Thin.eot"); src: url("../fonts/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/NotoSansCJKjp-Thin.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 300; src: url("../fonts/NotoSansCJKjp-Light.eot"); src: url("../fonts/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp-Light.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 350; src: url("../fonts/NotoSansCJKjp-DemiLight.eot"); src: url("../fonts/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 400; src: url("../fonts/NotoSansCJKjp-Regular.eot"); src: url("../fonts/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 500; src: url("../fonts/NotoSansCJKjp-Medium.eot"); src: url("../fonts/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/NotoSansCJKjp-Medium.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 700; src: url("../fonts/NotoSansCJKjp-Bold.eot"); src: url("../fonts/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 900; src: url("../fonts/NotoSansCJKjp-Black.eot"); src: url("../fonts/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp-Black.ttf") format("truetype"); }
/* webfont */
.Oswald { font-weight: 400; font-family: 'Oswald', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif; }

.wf-sawarabimincho { font-family: 'Sawarabi Mincho', sans-serif; }

.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }

.Noto { font-family: 'Noto Sans Japanese', sans-serif; }

/* ---------------------------------------------------------------------------
** 04layout start
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 04layout header ヘッダー
--------------------------------------------------------------------------- */
/*loader*/
.loading { width: 100%; height: 100%; background: white; position: fixed; top: 0; left: 0; z-index: 20000; }
.loading .spinner { width: 40px; height: 40px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 9998; position: absolute !important; }
.loading .timer-loader:not(:required) { position: absolute; border: 6px solid #ccc; }
.loading .timer-loader:not(:required):before, .loading .timer-loader:not(:required):after { background: #ccc; }

header { height: 100px; position: fixed; background-color: #000; width: 100%; z-index: 9999; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }
header.fixed { box-shadow: 1px 1px 3px #ddd; background-color: white; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }

#headinfo { height: 100px; margin: 0 auto; padding: 0 0 0 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { #headinfo { height: 68px; padding: 0 0; } }

#headinfo h1 { left: 2%; position: absolute; top: 33px; height: 50px; width: 280px; /* Media Queries tab */ }

#headinfo .mail { display: none; /* Media Queries tab */ }

/*Media Queries pc*/
@media screen and (max-width: 1040px) { header { min-width: 100%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  #headinfo { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  #headinfo h1 { left: 2%; } }
/*Media Queries tab-up*/
/*タブレット(縦調整)*/
@media screen and (max-width: 900px) { /* 吸着 */
  #top-head { display: block; margin-top: 0; position: fixed; top: 0; width: 100%; z-index: 9999; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); }
  /* 吸着ナビドロワー */
  .menufixed { width: 100%; /* height: 100%; */ overflow: hidden; }
  /* メールアイコン */
  header .mail { display: inline-block; float: right; margin-right: 5px; width: 33px; position: relative; margin-top: 6px; }
  header .mail:after { position: absolute; left: 1px; bottom: -14px; content: 'メール'; display: block; width: 100%; color: #000000; font-size: 11px; text-decoration: none; text-align: center; font-weight: 500; }
  header .mail a { display: block; }
  i.fa-envelope { font-size: 2.56em; }
  .fa-envelope:before { color: #000000; vertical-align: top; }
  header { /* height: auto; */ height: 68px; min-width: 100%; position: relative; z-index: 10; }
  #headinfo h1 { float: left; left: 5px; max-width: 230px; padding: 0.5em 0 0.5em 0.5em; position: inherit; top: 10px; width: 60%; }
  #headinfo { margin: 0 auto; position: relative; width: 100%; }
  #headinfo .contact { background-color: #fff; background-image: none; border-radius: 5px; color: #000000; height: auto; margin: 0 auto; position: relative; right: 0; text-align: center; top: 0; width: 94%; padding: 0.5em 0; font-weight: 500; }
  #headinfo .contact a { color: #000000; text-decoration: underline; padding: 0; font-weight: 500; }
  #headinfo .contact .comment { bottom: 0; left: 0; position: inherit; }
  #headinfo .contact .comment:before { display: none; }
  #headinfo .contact .time { font-size: 1em; padding: 0; }
  #headinfo .contact .tel { font-size: 2em; line-height: inherit; line-height: 1.2; }
  #headinfo .contact .tel:before { display: none; }
  #headinfo .contact .mail { font-size: 1.13em; letter-spacing: -0.5px; }
  /************************************ * スマホナビ ***********************************/
  #mobile-menu { margin: 0.5em 0.25em 0 0; }
  #mobile-menu .slicknav_nav { /* left:0; */ /* padding:5px 0; */ /* top: 107%; */ width: 100%; } }
/* ---------------------------------------------------------------------------
** 04layout nav ナビゲーション
--------------------------------------------------------------------------- */
.head-subnav li { position: absolute; right: 140px; top: 40px; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }
.head-subnav li a { text-decoration: none; font-weight: 500; letter-spacing: 0.06em; }
.head-subnav li a:hover { text-decoration: underline; }
.head-subnav li span img { width: 30px; margin-right: 5px; height: auto; }
@media screen and (max-width: 1040px) { .head-subnav li { right: 16%; } }
@media screen and (max-width: 900px) { .head-subnav li { display: none; } }

.head-subnav li#menu_sub2 { right: 0; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 1040px) { .head-subnav li#menu_sub2 { right: 2%; } }

/* グローバルメニュー 基本レイアウト 始め */
#menu-hnav { width: 515px; display: block; position: absolute; right: 2%; top: 30px; margin: 0 auto; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { #menu-hnav { top: 13px; } }

#menu-hnav ul { /*ヘッダーナビ テキスト*/ }
#menu-hnav ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }
#menu-hnav ul li a { color: #fff; text-align: center; text-decoration: none; vertical-align: middle; font-weight: 400; font-size: 0.88em; display: block; padding: 1em 1.25em; z-index: 10; font-family: "Sawarabi Gothic"; }

/* Media Queries tab */
@media screen and (max-width: 900px) { #menu-hnav ul li img { position: relative; left: inherit; top: inherit; width: 54px; height: auto; display: inline; z-index: -1; }
  #menu-hnav ul li#menu2 img { left: 11%; top: 1px; width: 54px; }
  #menu-hnav ul li#menu3 img { left: 21%; top: 1px; width: 50px; }
  #menu-hnav ul li#menu4 img { left: 10%; top: 1px; width: 54px; }
  #menu-hnav ul li#menu5 img { left: 12%; top: 1px; width: 54px; } }
/* Media Queries sp */
.hvr-underline-from-center:before { height: 2px !important; background: #c7c7c7 !important; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { .hvr-underline-from-center:before { display: none; } }

#menu-hnav ul li a:hover, .carinspection #menu-hnav ul li#menu2 a, .sale #menu-hnav ul li#menu3 a, .service #menu-hnav ul li#menu4 a, .strengths #menu-hnav ul li#menu5 a, .about #menu-hnav ul li#menu6 a { transition: all 0.5s ease 0s; }

/* ２階層以降 滞在 */
/*---------------------------------------------------------
レスポンシブ&２階層目表示 始め
---------------------------------------------------------*/
ul#menu-headnav { position: relative; width: 100%; display: table; }

ul.menu li { position: relative; }

ul.menu li a { color: #fff; cursor: pointer; display: block; text-decoration: none; }

/*サブメニュー*/
ul#menu-headnav ul { position: absolute; background: #000000; z-index: 99999; zoom: 100%; top: 90px; /* display:none; */ /* ドロップダウン復帰の時は消す */ }

ul#menu-headnav ul > li { color: #fff; line-height: 1.5; float: none; text-align: center !important; }

ul#menu-headnav ul > li a { border: none !important; color: #fff; display: block; font-weight: 400; height: auto !important; padding: 10px 10px 10px 10px; text-align: left; width: 180px; }

ul#menu-headnav ul > li a:hover { background-color: #e5ac00; }

ul#menu-headnav { zoom: 100%; }

ul#menu-headnav:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

#menu-headnav ul.sub-menu li { position: relative; }

#menu-headnav ul.sub-menu li ul.sub-menu { position: absolute; background: #6F0019; z-index: 9999; zoom: 100%; left: 200px; top: 0; }

#menu-headnav ul.sub-menu ul > li { color: #fff; line-height: 1.5; float: none; text-align: center !important; }

#menu-headnav ul.sub-menu ul > li a { border: none !important; display: block; padding: 10px 70px 10px 10px; height: auto !important; }

.mobile-nav { display: none; }

/*---------------------------------------------------------
SlickNav 始め　ハンバーガーメニュー
---------------------------------------------------------*/
/*SlickNav ハンバーガーメニュー */
.slicknav_menu { display: none; }

/* Media Queries tab */
@media screen and (max-width: 900px) { .js #menu-headnav { display: none; }
  .js .slicknav_menu { display: block; }
  #mobile-menu { float: right; margin: 14.5px 0 0; }
  #mobile-menu .slicknav_menu { background: inherit; line-height: 2; border-radius: 3px; padding: 0 3px 3px !important; }
  .slicknav_btn { background-color: #000 !important; padding: 0.438em 0.5em !important; }
  .slicknav_menu .slicknav_icon-bar { background-color: #000000 !important; }
  #mobile-menu .slicknav_nav { width: 100%; position: absolute; top: 68px; left: 0%; padding: 0 0 0 0.13em; background: rgba(255, 255, 255, 0.9); z-index: 9999; max-height: 365px; height: auto; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4); }
  #mobile-menu .slicknav_nav.open { opacity: 1; display: block; position: fixed !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; }
  #mobile-menu .slicknav_nav li { border-bottom: 1px dotted #ccc; margin-bottom: 0.13em; }
  #mobile-menu .slicknav_nav li:last-child { border-bottom: none; }
  #mobile-menu .slicknav_nav li.hvr-underline-from-center { box-shadow: none; transform: none; }
  #mobile-menu .slicknav_nav li img { width: 45px; height: auto; margin: 2px 5px 0 5px; float: left; vertical-align: middle; }
  #mobile-menu .slicknav_nav li.menu2 img { width: 45px; margin: 2px 8px 0 2px; }
  #mobile-menu .slicknav_nav li.menu3 img { width: 47px; margin: 0 5px 0 3px; }
  #mobile-menu .slicknav_nav li.menu4 img { width: 45px; margin: 3px 5px 0 5px; }
  #mobile-menu .slicknav_nav li.menu5 img { width: 45px; margin: 0 5px 0 5px; }
  #mobile-menu .slicknav_nav li.menu_sub1 img { width: 35px; margin: 8px 10px 0 10px; }
  #mobile-menu .slicknav_nav li.menu_sub2 img { width: 35px; margin: 8px 11px 0 9px; }
  #mobile-menu .slicknav_nav a { color: #333; font-weight: 400; }
  #mobile-menu .slicknav_nav .slicknav_row { padding: 0; }
  #mobile-menu .slicknav_nav a.sublink { /* margin: 5px 0; */ }
  #mobile-menu .slicknav_nav .slicknav_row:hover { background: #fff; color: #000000; text-decoration: none; }
  #mobile-menu .slicknav_nav .slicknav_row:hover a { color: #000000; text-decoration: none; }
  #mobile-menu .slicknav_nav a:hover { background: rgba(255, 255, 255, 0.75); color: #000000; text-decoration: none; }
  .slicknav_nav .slicknav_arrow { font-size: 1.13em !important; }
  .slicknav_nav .slicknav_collapsed .slicknav_arrow:after { content: "\f055"; font-family: FontAwesome; vertical-align: middle; }
  .slicknav_nav .slicknav_open .slicknav_arrow:after { content: "\f056"; font-family: FontAwesome; vertical-align: middle; }
  .slicknav_nav .slicknav_open .slicknav_collapsed .slicknav_arrow:after { content: "\f055"; font-family: FontAwesome; vertical-align: middle; }
  /* .slicknav_nav li.searchbox { 	padding: 5px 10px; 	margin: 5px; 	text-align: center; } .slicknav_nav li.searchbox input.text { 	width:100%; 	padding:0.75em; } .slicknav_nav li.searchbox input.submit { 	background-color:#FFF !important; 	padding:0.25em 1em; } */
  .slicknav_btn, .slicknav_btn span { display: inline-block; transition: all .4s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .slicknav_btn { position: relative; height: 26px; width: 32px; margin: 5px 13px 6px 5px !important; }
  .slicknav_btn .slicknav_icon span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff !important; border-radius: 4px; box-shadow: none !important; }
  .slicknav_btn .slicknav_icon span:nth-of-type(1) { top: 0; }
  .slicknav_btn .slicknav_icon span:nth-of-type(2) { top: 9px; }
  .slicknav_btn .slicknav_icon span:nth-of-type(3) { bottom: 0; }
  .slicknav_btn.active .slicknav_icon span:nth-of-type(1) { -webkit-transform: translateY(13px) rotate(-45deg); transform: translateY(13px) rotate(-45deg); }
  .slicknav_btn.active .slicknav_icon span:nth-of-type(2) { opacity: 0; }
  .slicknav_btn.active .slicknav_icon span:nth-of-type(3) { -webkit-transform: translateY(-10.5px) rotate(45deg); transform: translateY(-10.5px) rotate(45deg); } }
/* ---------------------------------------------------------------------------
** 04layout footer
--------------------------------------------------------------------------- */
footer { background-color: #000000; padding: 55px 0 15px; }
footer p.copyright { text-align: center; color: #fff; font-family: "Open Sans Condensed","Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif; font-weight: 700; font-size: 0.88em; }

/* ---------------------------------------------------------------------------
** 04layout Main
--------------------------------------------------------------------------- */
.c_wrap { margin: 0 auto 0; max-width: 1000px; }

/* Media Queries pc */
@media screen and (max-width: 1040px) { #wrap { max-width: 1000px; /*margin: 36px 90px 0;*/ margin: 36px 0 0; padding: 0 2.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .home #wrap { max-width: 100%; padding: 0; }
  .c_wrap { max-width: 100%; padding: 0 2%; } }
/*Media Queries sp*/
@media screen and (max-width: 600px) { #wrap { width: 100%; margin: inherit; padding: 0 3.5%; }
  #main { float: none; position: relative; width: 100%; }
  .c_wrap { margin: 0 auto 7em; padding: 0 4%; }
  .archive #wrap, .single #wrap { width: 100%; margin: 2em auto 7em; } }
/* ---------------------------------------------------------------------------
** 05modules start
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 05modules H tag
--------------------------------------------------------------------------- */
/* h3 */
/* h4 */
/* h5 */
/* ---------------------------------------------------------------------------
** 05modules ul List
--------------------------------------------------------------------------- */
.ul_style01 { margin: 0.5em 0 0.5em 0.5em; }

.ul_style01 li { line-height: 2; }

.ul_style01 li:before { content: " "; display: inline-block; margin: 0 auto; vertical-align: top; background: url(../img/icon_paint.png) no-repeat scroll 0 0/contain; height: 25px; width: 20px; }

/* 汎用　単純なリストパターン */
.ul_list01 { margin: 0.5em 0 0.5em 0; }

.ul_list01 li { padding-left: 1.13em; text-indent: -1.13em; margin-top: 3px; }

.ul_list01 li:first-child { margin-top: 0; }

.ul_check { margin: 0.5em 0 0.5em 0.5em; }

.ul_check li { padding-left: 1.44em; text-indent: -1.44em; margin-top: 0.5em; text-align: left; line-height: 1.2; }

.ul_check li:first-child { margin-top: 0; }

.ul_check li:before { color: #0099cc; font-size: 1.25em; vertical-align: middle; margin-right: 0.44em; content: "\f14a"; font-family: FontAwesome; }

ul.notes li { padding-left: 1.0em; text-indent: -1.0em; }

/* ---------------------------------------------------------------------------
** 05modules Table
--------------------------------------------------------------------------- */
table { background-color: #aaa; border-collapse: separate; margin: 1em auto; text-indent: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

table.table_basic01 { border-spacing: 1px; /* background-color:#f6f6f6;  */ }

table.table_basic01.MT { margin-top: 50px; }

table.table_basic01 tr:nth-child(odd) td { background-color: #fafafa; }

table.table_basic01 th { background-color: #f0f0f0; font-size: 0.94em; font-weight: 300; letter-spacing: -0.5px; padding: 1em; text-align: center; }

table.table_basic01 th.title01 { text-align: center; }

table.table_basic01 th.title02 { text-align: center; background-color: #EEF7EA; padding: 5px 10px; font-weight: bold; color: #53B500; font-size: 110%; }

table.table_basic01 td { text-align: center; background-color: #fff; padding: 20px 10px; line-height: 1.3; }

table.table_basic01 td.ta_l { text-align: left; white-space: inherit; }

table.table_basic01 td.img { text-align: center; padding: 10px 10px; }

table.table_basic01 td span { font-size: 0.88em; }

table.table_basic02 { border-spacing: 1px; width: 100%; margin: 15px auto 25px; }

table.table_basic02 th { border-bottom: 1px dotted #ddd; padding: 1em; text-align: left; font-weight: 400; }

table.table_basic02 th.title01 { text-align: center; padding: 1em 5px; font-weight: bold; font-size: 110%; }

table.table_basic02 td { line-height: 1.3; padding: 1em 10px; text-align: left; border-bottom: 1px dotted #ddd; }

table.table_basic02 tr:nth-child(odd) td { line-height: 1.3; padding: 0.7em 10px; text-align: left; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { table { font-size: 0.94em; }
  table.table_basic01 th, table.table_basic01 td { white-space: nowrap; }
  div.outer { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  div.outer { width: 100%; overflow-x: auto; }
  div.outer::-webkit-scrollbar { height: 5px; }
  div.outer::-webkit-scrollbar-track { border-radius: 5px; background: #eee; }
  div.outer::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }
  div.outer:before { content: "横にスクロールします。"; font-size: 0.81em; margin: 5px 0; display: block; } }
/* ---------------------------------------------------------------------------
** 05modules dl List
--------------------------------------------------------------------------- */
dl.dl_basic01 { border-bottom: 1px dotted #AFDBFF; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; font-size: 0.94em; line-height: 1.45; }

dl.dl_basic01 dt { color: #0066a5; float: left; width: 6em; }

dl.dl_basic01 dd { padding-left: 6em; font-weight: normal; }

dl.dl_basic01 dd img { vertical-align: middle; }

dl.dl_basic01 dd a { color: #333; text-decoration: underline; }

dl.dl_basic01 dd a:hover { color: #333; text-decoration: none; }

.dl_style01 { border: 1px solid #ccc; padding: 0 0.5em 0.75em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.dl_style01 dl { font-size: 1em; line-height: 1.45; display: table; border-top: 1px dotted #9e9e9f; width: 100%; margin-top: 0.75em; padding-top: 0.75em; }
.dl_style01 dl:first-of-type { margin-top: 0; border-top: none; }
.dl_style01 dl dt { width: 7em; display: table-cell; vertical-align: middle; padding: 0.44em 1em; text-align: center; }
.dl_style01 dl dd { display: table-cell; padding: 0.44em 1em; border-left: 4px solid #9e9e9f; word-break: break-all; }

/* ---------------------------------------------------------------------------
** 05modules columm
--------------------------------------------------------------------------- */
/* 2カラム */
.col2 .col-item { float: left; margin: 0 0 0 4%; text-align: center; width: 48%; }
.col2 .col-item:nth-child(odd) { margin-top: 0; margin-left: 0; clear: both; }

/* 3カラム */
.col3 .col-item { float: left; margin-top: 0; margin-left: 2%; text-align: center; width: 32%; }
.col3 .col-item:nth-child(3n+1) { margin-top: 0; margin-left: 0; clear: both; }

/* 4カラム */
.col4 .col-item { float: left; margin: 0 2% 0; text-align: center; width: 21%; }
.col4 .col-item:nth-child(4n+1) { clear: both; }

/* 5カラム */
.col5 .col-item { float: left; margin-top: 0; margin-left: 2%; text-align: center; width: 18.4%; }
.col5 .col-item:nth-child(5n+1) { margin-top: 0; margin-left: 0; clear: both; }

/* 6カラム */
.col6 .col-item { float: left; margin-top: 0; margin-left: 2%; text-align: center; width: 15%; }
.col6 .col-item:nth-child(6n+1) { margin-top: 0; margin-left: 0; clear: both; }

/* 7カラム */
.col7 .col-item { float: left; margin-top: 0; margin-left: 2%; text-align: center; width: 12.5714285714%; }
.col7 .col-item:nth-child(7n+1) { margin-top: 0; margin-left: 0; clear: both; }

.col2 .col-item img, .col3 .col-item img, .col4 .col-item img, .col5 .col-item img, .col5 .col-item img, .col6 .col-item img, .col6 .col-item img { width: 100%; height: auto; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { /* 2カラム */
  .col2 .col-item { float: none; margin: 0 0 1em; text-align: center; width: 100%; }
  /* 3カラム */
  .col3 .col-item { float: none; margin: 0 1% 2%; text-align: center; width: 100%; }
  /* 4カラム */
  .col4 { margin-bottom: 1.5%; }
  .col4 .col-item { float: left; margin: 0.75em 0 0 4%; text-align: center; width: 48%; }
  .col4 .col-item:nth-child(odd) { margin-top: 0.75em; margin-left: 0; clear: both; }
  /* 5カラム */
  .col5 .col-item { float: none; margin-top: 0.5em; margin-left: 0; text-align: center; width: 100%; }
  .col5 .col-item:nth-child(5n+1) { margin-top: 0.5em; margin-left: 0; clear: both; }
  /* 6カラム */
  .col6 .col-item { float: left; margin-top: 1%; margin-left: 1%; text-align: center; width: 32%; }
  .col6 .col-item:nth-child(6n+1) { margin-top: 1%; margin-left: 1%; clear: both; }
  .col6 .col-item:nth-child(3n+1) { margin-top: 1%; margin-left: 0; clear: both; } }
/* ---------------------------------------------------------------------------
** 05modules common
--------------------------------------------------------------------------- */
/* イメージ */
.photo_fh, .photo_fw { width: 330px; height: 250px; overflow: hidden; position: relative; background-color: #f6f6f6; }

.photo_fh.ver02, .photo_fw.ver02 { width: 300px; height: 185px; overflow: hidden; position: relative; background-color: #f6f6f6; }

.photo_fh.ver03, .photo_fw.ver03 { width: 100%; height: auto; padding-bottom: 150%; overflow: hidden; position: relative; background-color: #f6f6f6; }

.photo_fw img, .photo_fh img { /* 写真サイズに依存されず中央センタリング */ position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate(-50%, -50%); transform: translate3d(-50%, -50%, 0); }

.photo_fh img { /* 高さにFIX */ height: 100%; width: auto; }

.photo_fw img { /* 横にFIX */ width: 100%; height: auto; }

/* Media Queries pc */
@media screen and (max-width: 1040px) { .photo_fh, .photo_fw { width: 100%; background-color: inherit; }
  .photo_fw img, .photo_fh img { left: 0; position: inherit; top: 0; transform: none; }
  .photo_fh.ver02, .photo_fw.ver02 { width: 100%; height: auto; } }
/*Media Queries sp*/
@media screen and (max-width: 600px) { .photo_fh, .photo_fw { width: 100%; max-width: 100%; margin: 0 auto; float: none; height: auto; } }
/* アニメーション /jquery.inview/common.js/ */
.inview01 { opacity: 0; transform: translateX(-60px, 0); -webkit-transform: translate(-60px, 0); }

.inview02 { opacity: 0; /* 	transform: translate(0,60px); 
-webkit-transform: translate(0,60px);  */ /* transform: translateX(60px, 0);
-webkit-transform: translate(60px, 0); */ transform: translateX(-60px, 0); -webkit-transform: translate(-60px, 0); }

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

.event01 { transition: 1.2s; }

.event02 { transition: 1.2s; }

/* 背景 */
.bg01 { background-color: #f6f6f6; padding: 0.5em; }

/* パララックス用 */
.parallax-window { background: transparent; width: 100%; }

.paraimg01 { height: 500px; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { /* アニメーション /jquery.inview/common.js/ */
  .inview01 { opacity: 0; transform: translateX(-60px, 0); -webkit-transform: translate(-60px, 0); }
  .inview02 { opacity: 0; transform: translateX(-60px, 0); -webkit-transform: translate(-60px, 0); }
  .event01, .event02 { opacity: 1.0; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
  .event01 { transition: 1.2s; }
  .event02 { transition: 1.2s; }
  /* パララックス用 */
  .parallax-window { background: transparent; width: 100%; }
  .paraimg01 { height: 700px; } }
/* 各ページ */
/* 共通 */
.c_box { margin-bottom: 30px; }

.c_box .textbox { width: 510px; }

.c_box .textbox02 { width: 580px; }

.c_box .textbox p { margin-bottom: 1em; }

.c_box .textbox .btn { border-color: #0152ab; margin-top: 15px; }

.c_box .photo_fh, .c_box .photo_fw { width: 400px; height: 250px; overflow: hidden; position: relative; background-color: #f6f6f6; }

.c_box .photo_fh.ver02, .c_box .photo_fw.ver02 { width: 100%; height: auto; padding-bottom: 61.6%; overflow: hidden; position: relative; background-color: #f6f6f6; }

.c_box .photo_fw img, .c_box .photo_fh img { /* 写真サイズに依存されず中央センタリング */ position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate(-50%, -50%); transform: translate3d(-50%, -50%, 0); }

.c_box .photo_fh img { height: 100%; width: auto; }

/* 高さにFIX */
.c_box .photo_fw img { width: 100%; height: auto; }

/* 横にFIX */
/*Media Queries pc*/
@media screen and (max-width: 1040px) { .c_box .photo_fh, .c_box .photo_fw { max-width: 37.5%; overflow: hidden; position: relative; background-color: #f6f6f6; height: auto; padding-top: 24%; }
  .c_box .textbox { width: 60%; } }
/*Media Queries sp*/
@media screen and (max-width: 600px) { .c_box { margin-bottom: 1em; }
  .c_box .photo_fh, .c_box .photo_fw { max-width: 100%; width: 100%; padding-top: 63%; }
  .c_box .textbox { width: 100%; } }
/* ---------------------------------------------------------------------------
** 06pages start
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 06pages front-page
--------------------------------------------------------------------------- */
/* 共通
****************************************************** */
section .wrap { max-width: 1000px; margin: 0 auto; /* Media Queries pc */ /* Media Queries sp */ }
@media screen and (max-width: 1040px) { section .wrap { max-width: 100%; padding: 0 2.5%; } }
@media screen and (max-width: 600px) { section .wrap { padding: 0 4%; } }

/* セクション共通
****************************************************** */
section { padding: 8em 0; /* Media Queries sp */ }
section:last-of-type { padding-bottom: 0; }
@media screen and (max-width: 600px) { section { padding: 4.5em 0; } }
section h2 { font-family: 'Noto Sans JP', sans-serif; text-align: center; font-size: 30px; font-weight: normal; letter-spacing: 0.13em; margin-bottom: 0.25em; }
section h2 img { width: 60px; height: 26px; display: block; margin: 0 auto 0.88em; }
section .mainphoto { width: 100%; height: auto; margin-top: 50px; margin-bottom: 1.25em; }
section .tel_link { text-align: center; margin: 7em auto 0; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section .tel_link { width: 85%; } }
section p.ta_text { line-height: 2; letter-spacing: 0.06em; font-size: 0.94em; text-align: center; }
section .t_catch { line-height: 2; letter-spacing: 0.06em; font-size: 0.94em; text-align: center; }
section .descbox { padding: 0.5em; }

/* スライダー
****************************************************** */
.flexslider-container { padding-top: 100px; /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { .flexslider-container { padding-top: 65px; } }
@media screen and (max-width: 600px) { .flexslider-container { padding-top: 65px; } }

.flexslider { margin: 0 !important; border: none !important; }

.flex-direction-nav a:before { font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 40px !important; display: inline-block !important; color: rgba(255, 255, 255, 0.8) !important; text-shadow: none !important; line-height: 1; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .flex-direction-nav a:before { font-size: 30px !important; } }

.flex-direction-nav a.flex-next:before { content: "\f054" !important; }

.flex-direction-nav a.flex-prev:before { content: "\f053" !important; }

.flex-direction-nav .flex-prev { left: 10px !important; }

.flex-direction-nav .flex-next { right: 10px !important; }

/* トップページ
****************************************************** */
.catch { padding-top: 100px; position: relative; /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { .catch { padding-top: 68px; } }
.catch img.photo { width: 100%; height: auto; }
.catch img.text { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 9998; width: 50%; height: auto; top: 35%; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .catch img.text { width: 80%; top: 50%; } }

/* インスタ
****************************************************** */
.insta .instashow { margin-top: 2em !important; }
.insta .instashow-gallery-view, .insta .instashow-gallery-media { padding: 0 !important; transform: scale(1.01) !important; }
.insta .instashow-gallery .instashow-gallery-media-cover { background: rgba(0, 0, 0, 0.75) !important; }
.insta .linkbtn { text-align: center; }
.insta .linkbtn a.link02 { font-size: 1.25em; padding: 0.88em 4em; }
.insta .linkbtn a.link02:after { display: none; }

/* ---------------------------------------------------------------------------
** 06pages form
--------------------------------------------------------------------------- */
/*レイアウト*/
.w_contact { width: 600px; margin: 0 auto 0; color: #000; }
.w_contact.data { text-align: center; }
.w_contact h3.title01 { margin: 8em auto 6.5em; }
.w_contact h3.title01:first-of-type { margin: 5em auto 1.25em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .w_contact h3.title01:first-of-type { margin: 2.5em auto 0.5em; } }
.w_contact .infobox { margin: 6em auto 0; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .w_contact .infobox { margin-top: 3em; } }
.w_contact .tel { max-width: 474px; margin: 0 auto 0.5em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .w_contact .tel { max-width: 85%; } }
.w_contact .tel a { text-decoration: none; }
.w_contact .tel i { margin-right: 0.13em; }
.w_contact .notes { font-size: 1.06em; letter-spacing: 0.13em; font-weight: 600; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .w_contact .notes { font-size: 0.94em; font-weight: 500; } }

.w_from { background-color: #efe9e3; margin: 10em auto 0; padding: 0 0 8em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .w_from { margin: 6em auto 0; padding-bottom: 5em; } }
.w_from h3.title01 { margin: 4.5em auto 0; padding-top: 5em; }
.w_from h3.title01 span { margin: 1em auto 1.25em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .w_from h3.title01 span { line-height: 1; } }
.w_from .note { text-align: center; letter-spacing: 0.13em; font-weight: 400; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .w_from .note { font-size: 0.88em; } }
.w_from .form { width: 1000px; margin: 0 auto; /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { .w_from .form { width: 100%; } }

/*フォーム*/
.wpcf7-form { margin-top: 4em; /* Media Queries sp */ /* chrome opera */ /* IE11 */ }
@media screen and (max-width: 600px) { .wpcf7-form { margin-top: 2em; } }
.wpcf7-form dl span.col2 { position: relative; }
.wpcf7-form dl.kanji dd span.col2:before { position: absolute; left: -1.5em; top: 0; bottom: 0; margin: auto; height: 1.75em; font-size: 0.94em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .wpcf7-form dl.kanji dd span.col2:before { position: initial; } }
.wpcf7-form dl.kanji dd span.col2:first-of-type:before { content: "姓"; }
.wpcf7-form dl.kanji dd span.col2:last-of-type:before { content: "名"; }
.wpcf7-form dl.furi dd span.col2:before { position: absolute; left: -2.5em; top: 0; bottom: 0; margin: auto; height: 1.75em; font-size: 0.94em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .wpcf7-form dl.furi dd span.col2:before { position: initial; } }
.wpcf7-form dl.furi dd span.col2:first-of-type:before { content: "セイ"; }
.wpcf7-form dl.furi dd span.col2:last-of-type:before { content: "メイ"; }
.wpcf7-form select { width: 100%; padding: 0.75em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #e6e6e6; color: #000000; font-weight: 500; }
.wpcf7-form .wpcf7-form-control-wrap { width: 100%; }
.wpcf7-form .wpcf7-form-control-wrap.classyour-subject { width: 44%; }
.wpcf7-form .wpcf7-form-control-wrap.classyour-subject:after { background-color: #000000; background-color: #000; color: #fff; content: "\f078"; font-family: FontAwesome; display: block; position: absolute; top: -0; right: 0; pointer-events: none; padding: 0.68em 0.75em; line-height: 1; }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { .wpcf7-form .wpcf7-form-control-wrap.classyour-subject:after { padding: 0.75em 0.75em; } }
.wpcf7-form :-ms-lang(x)::-ms-backdrop .wpcf7-form-control-wrap.classyour-subject:after, .wpcf7-form .css-hack .wpcf7-form-control-wrap.classyour-subject:after { top: -0.38em; }
.wpcf7-form dl { width: 100%; margin: 0 0 1.5em; padding: 0 3% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.wpcf7-form dl.autoform { background: url(../img/contact/bg1.png) repeat; padding: 2px 10px 10px; }
.wpcf7-form dl dt { font-weight: 500; font-size: 1.18em; letter-spacing: 0.13em; }
.wpcf7-form .estimate { padding: 1em; background-color: #f4fcff; }
.wpcf7-form .estimate p { margin: 0 0 0.5em; }
.wpcf7-form p.title { color: #000000; font-size: 1.75em; text-align: center; margin-top: 4.5em; font-weight: 400; }
.wpcf7-form .info { border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; padding: 1em 2em; width: 77%; margin: 0.5em auto 0; color: #555; }
.wpcf7-form .free_dial { font-size: 1.75em; margin-bottom: 0.5em; font-weight: 400; }
.wpcf7-form .free_dial img { width: 40px; height: auto; vertical-align: top; margin: 0.31em 0.44em 0 0; }
.wpcf7-form .tel { font-size: 1.75em; font-weight: 500; line-height: 1.3; }
.wpcf7-form .tel span { font-weight: 400; font-size: 0.75em; letter-spacing: 0.06em; }

span.zip input.wpcf7-text { width: 7em; }

input.wpcf7-text, textarea.wpcf7-textarea { padding: 0.75em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f6f6f6; background-color: #f6f6f6; }
.autoform input.wpcf7-text, .autoform textarea.wpcf7-textarea { padding: 1.25em; font-size: 1.25em; border: none; }

textarea.wpcf7-textarea { height: 10em; }

span.wpcf7-list-item { display: inline-block; margin: 0 0.5em 0 0; }

.privacy_text { font-weight: 500; font-size: 1em; letter-spacing: 0.13em; display: block; margin: 1.5em auto 2.5em; text-align: center; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .privacy_text { padding: 0% 3%; } }
.privacy_text a { color: #000000; }

.privacy_box { padding: 0.25em 1em 1em; border: 1px solid #ccc; width: 90%; margin: 3em auto 1em; }
.privacy_box p.link { margin: 1em 0 0 0.5em; }

.estimate .ul_upfile li span { background-color: #fff; border: 1px solid #f0f0f0; display: block; margin: 0 0 0.25em; padding: 0.5em; width: 80%; overflow: hidden; }

.formbutton { text-align: center; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .formbutton { padding: 0 3%; } }

.wpcf7c-elm-step1, .wpcf7-back { margin-right: 1em; }

.wpcf7-confirm:disabled, .wpcf7-back:disabled, .wpcf7-reset:disabled, .wpcf7-submit:disabled { cursor: inherit; background-color: #FFF; font-weight: 400 !important; letter-spacing: 1.0px; font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important; }

.wpcf7-confirm, .wpcf7-back, .wpcf7-reset, .wpcf7-submit { background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border: 1px solid #000000; font-size: 1.18em; padding: 0.75em 2.25em; cursor: inherit; background-color: #FFF; color: #000000; letter-spacing: 1.0px; font-weight: 400 !important; font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .wpcf7-confirm, .wpcf7-back, .wpcf7-reset, .wpcf7-submit { padding: 0.75em 1.75em; } }

.wpcf7-confirm:enabled:hover, .wpcf7-back:enabled:hover, .wpcf7-reset:enabled:hover, .wpcf7-submit:enabled:hover { background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border: 1px solid #000000; font-size: 1.18em; padding: 0.75em 2.25em; background-color: #000000; cursor: pointer; color: #fff; transition: all 0.5s ease 0s; letter-spacing: 1.0px; font-weight: 400 !important; font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important; /* Media Queries sp */ }
@media screen and (max-width: 600px) { .wpcf7-confirm:enabled:hover, .wpcf7-back:enabled:hover, .wpcf7-reset:enabled:hover, .wpcf7-submit:enabled:hover { padding: 0.75em 1.75em; } }

div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; background-color: #fff; }

/*確認用*/
.wpcf7c-conf { background-color: #adadad; border: 1px solid #000000; }

input.wpcf7c-conf[type="radio"]:checked, input.wpcf7c-conf[type="hidden"]:checked { box-shadow: 0 0 0 2px #000000; }

input:checked + label { color: #000000; }

/*Media Queries pc*/
@media screen and (max-width: 1040px) { .w_contact { margin: 0 auto; padding: 3% 5%; }
  .wpcf7-form dl dd textarea { width: 100%; padding: 0.94em; } }
/* Media Queries tab */
@media screen and (max-width: 900px) { .wpcf7-form dl dd textarea { width: 90%; }
  .wpcf7-form .tel span { font-size: 0.68em; letter-spacing: 0; }
  .wpcf7-form .info { width: 90%; } }
/*Media Queries sp*/
@media screen and (max-width: 600px) { .w_contact { border: medium none; padding: 0; width: 100%; }
  .wpcf7-form select { width: 100%; padding: 0.75em; /* Media Queries sp */ } }
@media screen and (max-width: 600px) and (max-width: 600px) { .wpcf7-form select { background-color: #fff; } }
@media screen and (max-width: 600px) { .wpcf7-form .wpcf7-form-control-wrap.classyour-subject:after { top: 0; right: 0; pointer-events: none; /* Media Queries sp */ } }
@media screen and (max-width: 600px) and (max-width: 600px) { .wpcf7-form .wpcf7-form-control-wrap.classyour-subject:after { margin-top: -6px; pointer-events: none; padding: 0.56em 0.68em 0.56em; height: 100%; } }
@media screen and (max-width: 600px) { .wpcf7-form dl { margin-bottom: 1.5em; display: block; }
  .wpcf7-form dl dt { float: none; display: block; width: 100%; margin-bottom: 0.5em; /* Media Queries sp */ } }
@media screen and (max-width: 600px) and (max-width: 600px) { .wpcf7-form dl dt { font-size: 1em; -ms-flex-preferred-size: 100%; flex-basis: 100%; } }
@media screen and (max-width: 600px) { .wpcf7-form dl dd { float: none; display: block; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; }
  .wpcf7-form dl dd textarea { width: 100%; }
  .wpcf7-form p.title { font-size: 1.25em; margin-top: 3em; }
  .wpcf7-form .info { padding: 1em 0.5em; width: 100%; }
  .wpcf7-form .free_dial { font-size: 1.25em; }
  .wpcf7-form .free_dial img { width: 35px; margin: 0.31em 0 0 0; }
  .wpcf7-form .tel { font-size: 1.44em; font-weight: 500; line-height: 1.4; }
  .wpcf7-form .tel span { display: block; }
  .wpcf7-form input.wpcf7-text { width: 100%; }
  .wpcf7-form span.zip input.wpcf7-text { width: 40%; }
  .wpcf7-form .address input.wpcf7-text, .wpcf7-form .name-company input.wpcf7-text { width: 100%; }
  .privacy_box { padding: 0.25em 0.5em 1em; width: 100%; } }
/* ---------------------------------------------------------------------------
** 06pages page
--------------------------------------------------------------------------- */
/* ページメイン画像
****************************************************** */
.page .mainphoto { padding-top: 100px; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { .page .mainphoto { padding-top: 68px; } }
.page .mainphoto img { width: 100%; height: auto; }

/* 各セクションを調整
****************************************************** */
/*
- 新着情報 / topics
- アクセス / access
- 事業内容 / about
- 情報 / info
- コース / course
- ギャラリー / gallery
*/
/* 新着情報
****************************************************** */
/* 新着情報 ver.01*/
section.topics .wrap { width: 900px; margin: 0 auto; /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { section.topics .wrap { width: 100%; padding: 0 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } }
section.topics dl { font-weight: 400; padding: 1em; border-bottom: 1px dashed #ccc; letter-spacing: 0.13em; font-size: 0.88em; font-family: "Sawarabi Gothic"; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.topics dl { padding: 1.14em 0; } }
section.topics dl dt.date { float: left; width: 10em; color: #979797; /* Media Queries tab */ }
@media screen and (max-width: 600px) { section.topics dl dt.date { width: 100%; float: none; } }
section.topics dl dd.title { line-height: 1.5; padding-left: 8.5em; font-size: 1em; font-weight: 500; letter-spacing: 0.19em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.topics dl dd.title { padding-left: 0; line-height: 1.8; } }
section.topics dl dd.title a { color: #000; }
section.topics dl dd.title a:hover { text-decoration: none; }

/* アクセス
****************************************************** */
/*アクセス ver.01*/
section.access { /* Media Queries sp */ }
section.access .data { margin-bottom: 7em; }
section.access .data p { margin-bottom: 1.88em; line-height: 2; text-align: justify; letter-spacing: 0.06em; }
section.access .shopmain img { width: 100%; height: auto; }
section.access #gmap { position: relative; width: 100%; height: 0; padding-top: 31.25%; overflow: hidden; margin-top: 3.5em; }
section.access #gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width: 600px) { section.access #gmap { height: 40vh; padding-top: 0; }
  section.access #gmap iframe { width: 100%; height: 40vh; position: relative; top: inherit; left: inherit; } }

/*アクセス ver.02*/
section.access02 { /* Media Queries tab */ /* Media Queries sp */ /* Media Queries sp */ }
section.access02 .ptbox { display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
section.access02 .textbox { width: 50%; padding-left: 3em; padding: 1.75em 0 1.5em 3em; }
section.access02 .photobox { width: 50%; background: url(../../img/shop.jpg) no-repeat center center/cover; }
@media screen and (max-width: 900px) { section.access02 .ptbox { display: inherit; flex-direction: inherit; }
  section.access02 .textbox { width: 100%; padding: 0 2.5% 1.5em; }
  section.access02 .photobox { width: 100%; padding-top: 31.25%; background: url(../../img/shop.jpg) no-repeat center center/100% auto; } }
section.access02 .data p { margin-bottom: 1em; line-height: 2; text-align: justify; letter-spacing: 0.06em; }
section.access02 .data p strong { font-weight: bold; }
section.access02 #gmap { position: relative; width: 100%; height: 0; padding-top: 31.25%; overflow: hidden; }
section.access02 #gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width: 600px) { section.access02 #gmap { height: 40vh; padding-top: 0; }
  section.access02 #gmap iframe { width: 100%; height: 40vh; position: relative; top: inherit; left: inherit; } }

section.access02 h2 { text-align: left; /* Media Queries sp */ }
section.access02 h2 img { width: 70px; height: 30px; display: inline-block; margin: 0 5px 6px 0; vertical-align: middle; }
@media screen and (max-width: 600px) { section.access02 h2 { text-align: center; }
  section.access02 h2 img { width: 60px; height: 26px; display: block; margin: 0 auto 0.88em; vertical-align: inherit; } }

/* 事業内容
****************************************************** */
/* 事業内容 ver.01*/
section.about { background-color: #ffffff; padding-bottom: 2em; /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { section.about { padding-bottom: 8em; } }
@media screen and (max-width: 600px) { section.about { padding-bottom: 4.5em; } }
section.about .ptbox { position: relative; margin: 7em auto 10em; /* Media Queries tab */ /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { section.about .ptbox { margin: 3em auto 3em; } }
section.about .ptbox .tbox_left, section.about .ptbox .tbox_right { background-color: #fff; border-radius: 10px; padding: 6.5%; text-align: justify; width: 34%; position: absolute; z-index: 10; height: 85%; top: -8.5%; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { section.about .ptbox .tbox_left, section.about .ptbox .tbox_right { border-radius: 0; padding: 3%; width: 100%; height: auto; position: relative; top: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (max-width: 600px) { section.about .ptbox .tbox_left, section.about .ptbox .tbox_right { padding: 1em 1.5em; } }
section.about .ptbox .tbox_left h3, section.about .ptbox .tbox_right h3 { font-size: 1.75em; letter-spacing: 0.13em; font-weight: normal; margin-bottom: 0.5em; /* Media Queries tab */ /* Media Queries sp */ }
@media screen and (max-width: 900px) { section.about .ptbox .tbox_left h3, section.about .ptbox .tbox_right h3 { font-size: 1.5em; margin-bottom: 0.25em; } }
section.about .ptbox .tbox_left p, section.about .ptbox .tbox_right p { margin-bottom: 1em; line-height: 1.8; }
section.about .ptbox .tbox_left p:last-of-type, section.about .ptbox .tbox_right p:last-of-type { margin-bottom: 0; }
section.about .ptbox .tbox_left { left: 3%; }
section.about .ptbox .tbox_right { right: 3%; }
@media screen and (max-width: 900px) { section.about .ptbox .tbox_left, section.about .ptbox .tbox_right { left: inherit; right: inherit; } }
section.about .ptbox .photo img { width: 100%; height: auto; }

/* 情報
****************************************************** */
/* 情報 ver.01*/
section.info { padding-bottom: 7em; }
section.info .flex_col2 { display: flex; display: -ms-flex; display: -webkit-flex; -ms-flex-pack: distribute; justify-content: space-around; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; }
section.info .flex_col2 .item { margin: 2.5% 0; -ms-flex-preferred-size: 45%; flex-basis: 45%; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.info .flex_col2 .item { margin: 5% 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; } }
section.info .flex_col2 .item a { text-decoration: none; }
section.info .flex_col2 .item img { width: 100%; height: auto; }
section.info .card { box-shadow: 0px 0px 5px 1px #ddd; transition: all 0.5s ease 0s; }
section.info .card:hover { cursor: pointer; box-shadow: 0px 0px 7px 2px #bbb; transition: all 0.5s ease 0s; transform: translateY(-5px); -webkit-transform: translateY(-5px); }
section.info .card .text { padding: 2em; text-align: justify; letter-spacing: 0.13em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.info .card .text { padding: 1em 1.5em; } }
section.info .card .text p.title { font-weight: bold; font-size: 1.25em; margin: 0 0 0.25em; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif'; }
section.info .card .text p { line-height: 1.8; font-size: 1em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.info .card .text p { line-height: 1.7; font-size: 0.9em; } }

/* コース
****************************************************** */
/*コース ver.01*/
section.course .coursewrap { padding: 0 7% 7%; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.course .coursewrap { padding: 0 3% 7%; } }
section.course .coursewrap h3 { font-weight: bold; font-size: 1.13em; margin-top: 2.25em; margin-bottom: 0.5em; letter-spacing: 0.06em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.course .coursewrap h3 { margin-top: 1.5em; } }
section.course .coursewrap h3 .num { font-size: 1.75em; margin-right: 0.25em; }
section.course .coursewrap .time { font-weight: normal; font-size: 0.88em; margin-left: 1em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.course .coursewrap .time { display: block; margin-left: 2em; line-height: 1; margin-bottom: 1em; } }
section.course .coursewrap p { font-size: 0.94em; text-align: justify; }
section.course .attention { width: 900px; margin: 9em auto 0; letter-spacing: 0.13em; /* Media Queries tab */ /* Media Queries sp */ }
section.course .attention:first-of-type { margin-top: 7em; }
section.course .attention:last-of-type { margin-bottom: 7em; }
@media screen and (max-width: 900px) { section.course .attention { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 5%; } }
@media screen and (max-width: 600px) { section.course .attention { margin: 5em auto 0; }
  section.course .attention:first-of-type { margin-top: 5em; }
  section.course .attention:last-of-type { margin-bottom: 10em; } }
section.course .attention h3 { font-size: 1.13em; }
section.course .attention p { margin-top: 1.25em; line-height: 1.7; }

/* ギャラリー
****************************************************** */
/* ギャラリー ver.01*/
section.gallery .col4 .col-item { margin-top: 4em; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.gallery .col4 .col-item { width: 100%; margin: 2.5em auto 0; }
  section.gallery .col4 .col-item:nth-child(odd) { margin-top: 2.5em; } }
section.gallery .col4 .col-item .photo img { max-width: 150px; height: auto; /* Media Queries sp */ }
@media screen and (max-width: 600px) { section.gallery .col4 .col-item .photo img { max-width: 60%; } }
section.gallery .col4 .col-item .icon img { width: 22px; height: 27px; }
section.gallery .col4 .col-item .desc { text-align: center; }
section.gallery .col4 .col-item .desc .f_name { font-size: 0.94em; line-height: 1.3; margin: 1em auto 0; }
section.gallery .col4 .col-item .desc .f_name span { display: block; font-size: 0.81em; margin-top: 0.25em; }
section.gallery .col4 .col-item .desc .price { font-family: 'Noto Sans Japanese'; font-weight: 700; font-size: 1.25em; }
section.gallery .col4 .col-item .desc .price span { font-size: 0.75em; margin-left: 0.13em; }

.graycolor { color: #BFB9AB; }

.gray2color { color: #CBAFB0; }

.gray3color { color: #E1DBC0; }

.gray4color { color: #C4DBC3; }

.gray5color { color: #B5CBDD; }

/* 
****************************************************** */
/* プライバシーポリシー privacy_policy */
.privacy_policy h3.title02 { text-align: left; margin: 1.5em 0 0.5em; }

/* ---------------------------------------------------------------------------
** 06pages sitemap
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
sp
--------------------------------------------------------------------------- */

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