@charset "UTF-8";

@media (max-width:1115px) {

/* ----------------  Reset Styles  ----------------- */
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } sup { font-size: 70%; } body { line-height: 1; } html,body { width: 100%; } img { height: auto; } article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display: block; } ul, ol { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { background: transparent; border: 0; font-size: 100%; margin: 0; padding: 0; text-decoration: none; vertical-align: baseline; } :focus { outline: 0; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { border: 0; border-top: 1px solid #cccccc; display: block; height: 1px; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } * { -webkit-text-size-adjust: none; } body { font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif; -webkit-text-size-adjust: 100%; } a,p { color: #666666; }*/

/* --------------  //Reset Styles  ----------------- */

body {
  line-height: 1; /*ハンバーガーメニュー下余白*/
}
.kotei_nav_area.clear_fixpos{position: absolute; height :100%; min-height: 100%;}    /*上部固定ナビ　解除*/
body > .kotei_nav_area.clear_fixpos{height: auto;}


/* --------------  //メニュー  ----------------- */
.kotei_nav_block{background-color: #d1ea8f; height: 100%; display: none; margin:50px 0 0 0;}/* 背景 */
.kotei_nav_block ul{padding: 10px;}
.kotei_nav_block ul li{line-height: 170%;}
.kotei_nav_block ul li a{ font-size: 16px; line-height: 200%;}/* メニューテキスト */

/* --------------  //trigger  ----------------- */

.trigger_box{background-color:#FFFFFF; width:60px; height:50px;}/* ハンバーガーメニュー背景 */
.menu-trigger,.menu-trigger span {display: inline-block; transition: all .3s; box-sizing: border-box; }
.menu-trigger {position: relative; width: 30px; height: 22px; margin: 14px 0 0 14px; pointer-events: none; }/* ハンバーガーメニュー位置 */
.menu-trigger span {position: absolute; left: 0; width: 100%; height: 2px; background-color: #00972e; border-radius: 2px;}/* ハンバーガー */

.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 10px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
.display_block{display: block;}
.display_none{display: none;}


/* --------------  //active  ----------------- */
/* ハンバーガー1本目アニメーション */
.menu-trigger.active span:nth-of-type(1) {　
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
/* ハンバーガー2本目アニメーション */
.menu-trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  100% {height: 0;}
}
@keyframes active-menu-bar02 {
  100% {height: 0;}
}
/* ハンバーガー3本目アニメーション */
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}
/* --------------------------------------------- */

/* ------------------------------------------------------------------
kotei_nav_area　固定ナビ （display: flex;）
-------------------------------------------------------------------*/
.kotei_nav_area{
  display: block;
  position:fixed;/* reset */
  top:0px;/* reset */
  left:0px;/* reset */
}

.kotei_box{
  width:100%;

  position:fixed;/* reset */
  top:0px;/* reset */
  left:0px;/* reset */

  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

  font-size:15px;
  color: #FFF;
  cursor: pointer;
  cursor: hand;

  writing-mode:lr-tb;/* 横書き *//* reset */
  -webkit-writing-mode: horizontal-tb;/* reset */
}

.btn_box_faq{
  display: none;
}

/*よくあるご質問コメントアウト*/
/*.btn_box_faq{
  background-color: #95cf24;
  display: block;
  text-align: center;
  padding:0;
  line-height:1;
  width:50%;
}

.btn_box_faq a{
  display: block; width: 100%; height: 100%;
}*/
/* よくあるご質問コメントアウト */

.btn_box_contact{
  background: #c8742a;
  display: block;
  text-align: center;
  padding:0;
  line-height:1;
  /*width:50%;*/  /*よくあるご質問コメントアウト*/
  width:100%;
}

.btn_box_contact a{
  display: block; width: 100%; height: 100%; /*ボタンヒットエリア*/
}

}