@charset "utf-8";
/*
Theme Name: asairo design
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: asairo-design
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

asairo design is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/



/*--------------------------------------------------
  reset css
--------------------------------------------------*/
/* margin, paddingの幅を考慮せずに幅指定を可能にする */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
  padding: 0; margin: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html {
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
input, textarea,{ padding: 0; margin: 0; }
input[type="button"],input[type="submit"] { -webkit-appearance: none; }
ol, ul{ list-style:none; }
table{ border-collapse: collapse; border-spacing:0; }
caption, th{ text-align: left; }
a:focus { outline:none; }
img { width: 100%; height: auto; display: block; vertical-align: bottom; }
.inline_block { display: inline-block; *display: inline; *zoom: 1; }
/* 入力フォームのパーツデザイン */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
select, textarea, .field {
  padding: 0 14px; display: block; height: 60px; line-height: 60px;
  border-radius: 6px; vertical-align: middle; box-shadow: none; border: 0;
  width: 100%; background-color: #fff; font-size: 16px; font-size: 1.6rem; border: 1px solid #ccc;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
input::-webkit-input-placeholder, input:-ms-input-placeholder, input::-moz-placeholder {
  color: #ccc; font-weight: normal;
}
select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}


/*--------------------------------------------------
  reset css
--------------------------------------------------*/
/* PC対応 */
@media screen and (min-width: 769px) {
  .pc_view { display:block; }
  .sp_view { display:none; }
}

/* スマートフォン対応 */
@media screen and (max-width: 768px) {
  .pc_view { display:none; }
  .sp_view { display:block; }
}

/*--------------------------------------------------
  リンク
--------------------------------------------------*/
/*【注意】順番を入れ替えると正常に動作しなくなります*/
a {
  color: #333; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s;
  -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;
}
a:visited { color: #333; }
a:hover { color: #333; /*background: rgba(255,255,255,0.8);*/ opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); }
a:active { color: #333; }
a.underline { text-decoration: underline; }


/*--------------------------------------------------
  画像
--------------------------------------------------*/


/*--------------------------------------------------
  装飾
--------------------------------------------------*/
/* margin */

/* padding */

/* 位置揃え */

/* フォント */
html, body { width: 100%; height: 100%; color: #333; background-color: #FFF; line-height: 1.6;  }
html { font-size:62.5%; }   /* ！！！消去厳禁！！！ */
.bold { font-weight: bold; color: #25764d; }
em { color: #25764d; }
strong, b { font-weight: 600; }
p { margin: 0 0 1em 0; }

/* デフォルトフォントサイズ */
.fs20 { font-size: 20px; font-size: 2.0rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs16 { font-size: 16px; font-size: 1.6rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs10 { font-size: 10px; font-size: 1.0rem; }


/* お問い合わせの必須項目文字色 */
.hissu { color: #b50000; display: inline-block; margin: 0 0 0 1em; border-radius: 3px; font-weight: 600; }

/* PC, TAB, SP共通 */
/* clearfixを使用する場合は、親要素のclassに「cf」を追加する */
.cf:after { content: ""; clear: both; display: block; }


/*--------------------------------------------------
  メインスタイル開始
--------------------------------------------------*/ 
/*--------------------------------------------------
                全サイズの基盤スタイル
--------------------------------------------------*/

  #main { margin: 0 auto; width: 100%; font-size: 16px; font-size: 1.6rem; }
  #content { margin: 0 auto; width: 100%; }
  .wrap { padding: 0 0%; margin: 0 auto 5%; width: 100%; max-width: 1000px; }
  .visual { position: relative; margin: 0 auto 0; width: 100%; max-width: 2000px; height: 150px;
    background-color: #fff; background-repeat: no-repeat; background-position: center bottom; background-size: 100%; }
  .visual img { width: 100%; }
  .visual h1 { padding: 30px 0 0 0; text-align: center; font-size: 40px; font-size: 4.0rem; font-weight: 600; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; position: relative; z-index: 1; }
  .visual h1 span { display: block; font-size: 30%; color: #e8e3e3; position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; }

  a.btn { background: #0a4e99; color: #fff; text-align: center; border-radius: 3px; padding: 2% 6%; display: inline-block; }

  .flex { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; align-items: stretch; }

  /* 矢印アイコン */
  .arrow { position: relative; display: inline-block; padding: 0 16px 0 0; vertical-align: middle; text-decoration: none; }
  .arrow::before, .arrow::after {position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";vertical-align: middle;}
  .maru::before {/* width: 12px; *//* height: 12px; *//* -webkit-border-radius: 50%; *//* border-radius: 50%; *//* background: transparent; */}
  .maru::after { right: 5px; width: 3px; height: 3.2px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .maru:hover::after { border-color: #fff; }


/* font-family */
.mincho { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.gothic { font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif; }

  .disc { list-style: disc; padding: 0 0 0 1.5em; }
  .circle { list-style: circle; padding: 0 0 0 1.5em; }


  /*--------------------------------------------------
  ヘッダー
  --------------------------------------------------*/ 
  header { font-size: 14px; font-size: 1.4rem; }
  header .wrap { position: relative; margin: 0 auto; }
  #header.flex { justify-content: flex-start; }
  #header .header_logo { width: 120px; }
  #header .block { width: calc(100% - 120px); padding: 20px 0 0 20px; }
  #header .block .text { width: 100%; margin: 0 0 25px; }
  #header .block .box { width: calc(100% - 180px);  }
  #header .time { display: inline-block; vertical-align: middle; }
  #header .time span { display: inline-block; vertical-align: middle; padding: 5px 10px; margin: 0 1em 0 0; background: #25764d; color: #fff; border-radius: 5px; }
  #header .tel_link { display: inline-block; vertical-align: middle; width: 100%; max-width: 300px; }

  /*--------------------------------------------------
  フッター
  --------------------------------------------------*/ 
  footer { font-size: 18px; font-size: 1.8rem; }
  footer#footer { background: #faf7f4; }
  footer .wrap { padding: 50px 0; margin: 0 auto; }
  footer .flex a.box { display: block; width: calc(100% / 3.3); }
  footer .flex a.box .image {  }
  footer .flex a.box h2 { text-align: center; margin: 10px 0 0; }
  #footer .social { justify-content: center; margin: 30px 0; }
  #footer .social a { width: 35px; margin: 0 2% 0 2%; }
  #copy { padding: 15px 0; margin: 0 auto; font-size: 12px; font-size: 1.2rem; text-align: center; }
  #copy a { text-decoration: underline; color: #236541; }
  .powerd_by { display: block; width: 170px; margin: 0 auto; }



/* ----------------------------------------
* ページトップボタン 
---------------------------------------- */
.gotop { position: fixed; bottom: 20px; right: 20px; }
.gotop a { display: block; z-index: 999; padding: 15px 0 0 8px; border-radius: 30px; width: 50px; height: 50px; background-color: rgba(47,47,47,0.6); color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
.gotop a:hover { text-decoration: none; opacity: 0.7; }
.gotop i { position: relative; display: inline-block; padding-left: 20px; }
.gotop i::before { content: ''; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -7px; }
.gotop i::after { content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 1px #fff; border-left: solid 1px #fff; position: absolute; top: 50%; left: 0px; margin-top: -12px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


  /* メニュー */
  .fixed_menu_box { position: absolute; top: 40px; right: 30px; width: 50px; }
  .fixed_menu {  }
  .fixed_menu img { width: 100%; }

  /*--------------------------------------------------
  ページの余白設定
  --------------------------------------------------*/
  /* コンテンツとコンテンツの間の余白 */
  #top, #news { padding-top: 0%; }  /* トップページで必要なければ削除すること */
  #main section { margin-bottom: 10%; }

  /* 共通部分 */


  /*--------------------------------------------------
  見出しの設定
  --------------------------------------------------*/
  /* ページの見出し */
  h1 {}
  h2.ttl { font-size: 30px; font-size: 3.0rem; margin: 0 auto 40px auto; padding: 0% 3% 1%; color: #a08b77; }
  h2.ttl { font-size: 24px; font-size: 2.4rem; margin: 0 0 0 0; padding: 0px 0 0; position: relative; color: #236541; }
  h2.ttl span { display: inline-block; font-size: 42px; font-size: 4.2rem; color: #236541; margin: 0 auto; padding: 0 0 25px; border-bottom: 1px solid #236541; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1; }
  h2.ttl::after { content: ''; display: block; background: url(/wp-content/themes/asairo-design/svg/ttl_bg.svg) no-repeat; background-size: 100%; width: 180px; height: 178px; position: absolute; top: -60px; left: -80px; }
  h2.ttl + h3 { margin: 20px 0 5% 0; font-size: 24px; font-size: 2.4rem; color: #236541; }

h4.ttl { position: relative; border-left: 1px solid #236541; margin: 0 0 20px; padding: 0 0 0 40px; color: #236541; font-weight: bold; font-size: 22px; font-size: 2.2rem; }
h4.ttl:before { border-left: 4px solid #e6ede9; content: ''; padding: 0 0 0 40px; display: block;
position: absolute; top: 0; left: -5px; width: calc(100% - 1px); height: calc(100% - 0px); }


  /*--------------------------------------------------
  固定ページの共通部分
  --------------------------------------------------*/
  /* 固定ページの親要素として使用する */
  #page { letter-spacing: -0.4px; margin: 140px 0 0; }

  .table { display: table; width: 100%; }
  .table .th, .table .td { display: table-cell; }
  .left { float: left; }
  .right { float: right; }

  .text p { margin-bottom: 1em; }

  #map { width: 100%; }
  #map iframe { width: 100%; }

  nav { font-size: 16px; font-size: 1.6rem; padding-top: 40px; }
  nav ul li { border-bottom: 1px solid #ccc; }
  nav ul li a { display: block; padding: 10px; text-align: center; }


  /*--------------------------------------------------
  TOP
  --------------------------------------------------*/
  #top { }
  #top #main_image .wrap {  }
  #top #greeting .image { width: 28%; }
  #top #greeting .image img { opacity: 0.5; }
  #top #greeting .text { width: 68%; }
  #top #consultation { background: #faf7f4; padding: 130px 0 10px; }
  #top #consultation .block { position: relative; }
  #top #consultation .image { width: 28%; position: absolute; top: -160px; right: 0; }
  #top #consultation .text { width: 68%; padding: 0 0 20px 60px; font-size: 24px; font-size: 2.4rem; font-weight: bold; }
  #top #news {}
  #top #news dl { border-bottom: 1px dotted #7a7a7a; padding: 15px 0 15px; }
  #top #news dt { font-size: 14px; font-size: 1.4rem; color: #236541; }
  #top #news dd {}
  a.btn02 { display: block; max-width: 410px; padding: 15px 0; margin: 30px auto 0; border: 1px solid #7a7a7a; border-radius: 30px; text-align: center; color: #7a7a7a; }
  a.btn02:hover { background: #236541; border-color: #236541; color: #fff; }

a.btn01{
  position:relative;
  display:inline-block;
  padding:30px 100px 4px 0 ;
  color:#236541;
  font-weight:bold;
  font-size: 18px;
  transition:ease-in-out 0.2s ;
}
a.btn01::after{
  position:absolute;
  bottom:-5px;
  left:0;
  width:100%;
  height:1px;
  background-color:#236541;
  transition:0.15s ease-in-out;
  content:"";
}
a.btn01::before{
  position:absolute;
  bottom: 2px;
  right: -2px;
  width: 20px;
  height:1px;
  background-color:#236541;
  transform:rotate(45deg);
  transition:0.15s ease-in-out;
  content:"";
}
  #top #consultation a.btn01::after { height: 2px; }

  /*--------------------------------------------------
  コンサルタント
  --------------------------------------------------*/
#consultant {}
#staff .block { margin: 0 0 100px; }
#staff .image { width: 15%; }
#staff .image.opacity50 { opacity: 0.5; }
#staff .box { width: 80%; }
#staff .block ul li { margin: 0 10px 10px 0; padding: 10px; background: #f8f3ed; border-radius: 3px; text-align: center; color: #236541; font-size: 15px; font-size: 1.5rem; }

#general_consel h5 { font-weight: bold; font-size: 22px; font-size: 2.2rem; }


  /*--------------------------------------------------
  料金
  --------------------------------------------------*/
#price .block { margin: 0 0 30px; }
#price .box { padding: 10px 5px; background: #f9f9f9; width: calc(100% / 2.15); }
#price .box h4 { padding: 0 10px 10px; margin: 0 0 15px; font-size: 22px; font-size: 2.2rem; border-bottom: 1px solid #c4c4c4; }
#price .box dl { margin: 0 0 10px; padding: 0 10px; border-bottom: 1px dotted #c4c4c4; }
#price .box dl:last-of-type { border: none; }
#price .box dt { font-size: 18px; font-size: 1.8rem; width: calc( 100% / 2 ); }
#price .box dd { font-size: 22px; font-size: 2.2rem; width: calc( 100% / 2 ); }
#price .box .table dt,
#price .box .table dd { display: table-cell; }
#price .counseling dd:before { content: '￥'; display: inline-block; }
#price .cancel dl:first-of-type { color: #ff0000; }
#flow ol { counter-reset: my-badass-counter; padding: 0 0 0 50px; }
#flow ol li { position: relative; line-height: 1.4; margin: 0 0 60px; padding: 10px 0 0; }
#flow ol li:before { content: ''; background: #236541; color: #fff; border-radius: 100%; text-align: center; width: 51px; height: 51px; display: inline-block; vertical-align: middle; margin-right: 1em; position: absolute; left: -60px; top: 0; }
#flow ol li:after { content: counter(my-badass-counter); counter-increment: my-badass-counter; position: absolute; left: -50px; top: 12px; color: #fff; font-size: 20px; font-size: 2.0rem; font-family: "游明朝体", "Yu Mincho", YuMincho; text-align: center; width: 30px; }

#skype .box { margin: 0 0 50px; }

  /*--------------------------------------------------
  privacy
  --------------------------------------------------*/
#privacy .block { border-bottom: 1px solid #e7dddd; margin: 0 0 40px 0; padding: 0 0 40px 0; }
#privacy p { margin: 0 0 2em 0; }


  /*--------------------------------------------------
  お知らせ
  --------------------------------------------------*/
/* アーカイブ */
  #archive .wrap { margin: 0 auto 8%; }
  #archive .box { display: block; margin: 0 0 3% 0;}
  #archive .box .right { width: 73%; }
  #archive .box .meta { margin-bottom: 2px; }
  #archive .box .meta .date { float: left; }
  #archive .box .meta .cate { float: right; color: #fff; padding: 1% 2%; font-size: 13px; font-size: 1.3rem; }
  #archive .box .meta .cate.restaurant { background-color: #65a702; }
  #archive .box .meta .cate.apparel { background-color: #da005a; }
  #archive .box .meta .cate.sports { background-color: #f69a07; }
  #archive .box .meta .cate.management { background-color: #4889d2; }
  #archive .box .eyecatch { height: 180px; position: relative; overflow: hidden; width: 23%; float: left; }
  #archive .box .eyecatch img { height: 100%; width: auto; margin: 0 auto; position: absolute; top: 0; right: -100%; bottom: 0; left: -100%; }
  #archive .box .title { font-size: 20px; font-size: 2.0rem; line-height: 1.4; margin-bottom: 2%; font-weight: 600; }
  #archive .box .contents { font-size: 14px; font-size: 1.4rem;  height: 8em; overflow: hidden; }


/* シングル */
  #single { margin: 0 auto; width: 100%; max-width: 1000px; }
  #single h1.ttl { line-height: 1.2; max-width: 1000px; font-size: 32px; font-size: 3.2rem; border-bottom: 1px solid #25764d; color: #25764d; }
  #single .date { margin: 0 auto; max-width: 1000px; }
  #single .news { margin: 0 auto 70px; width: 100%; }
  #single .news .date { margin: 0 auto 3%; font-size: 14px; font-size: 1.4rem; max-width: 1000px; }
  #single .news .eyecatch { width: 50%; margin: 0 auto 4%; }
  #single .news .eyecatch img, #single .news .box img { margin: 0 auto; width: auto; max-width: 100%; height: auto; max-height: 400px; }
  #single .news .text { font-size: 18px; }

  #single .pagelink { margin: 0 auto; width: 100%; height: 50px; position: relative; }
  #single .pagelink img.btn { width: 80px; }
  #single .pagelink .prev { position: absolute; top: 0; left: 0; bottom: 0; }
  #single .pagelink .next { position: absolute; top: 0; right: 0; bottom: 0; }
  #single .pagelink a { font-size: 20px; font-size: 2.0rem; font-weight: 600; color: #0a4e99; }
  #page .back { padding: 50px 0; margin: 0 auto; width: 100%; max-width: 1000px; }
  #page .back > .box { padding: 0 0%; }
  #page .back .btn { width: 48.5%; height: 60px; line-height: 60px; float: left; text-align: center; font-size: 22px; font-size: 2.2rem; border-radius: 10px; }
  #page .back .btn:nth-of-type(1) { margin-right: 1.5%; }
  #page .back .btn:nth-of-type(2) { margin-left: 1.5%; }
  #page .back .btn a { width: 100%; height: 100%; display: block; color: #25764d; border-radius: 10px; border: 1px solid #25764d; }
  #page .back .btn a:hover { background-color: #25764d; color: #fff; }


  /* wp-pagenavi */
  .wp-pagenavi { padding: 3% 0 0%; font-size: 16px; font-size: 1.6rem; text-align:center; font-size: 26px; font-size: 2.6rem; }
  .wp-pagenavi a, .wp-pagenavi span { padding: 12px 18px; margin: 0 1%; background-color: #fff; color: #25764d; border: 1px solid #25764d; }
  .wp-pagenavi a:hover, .wp-pagenavi span.current { background-color: #25764d; color: #fff; border: 1px solid #25764d; }
  .wp-pagenavi span.pages { display: none; }
  .wp-pagenavi span.current { font-weight: normal; }
  .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink { padding: 10px 18px; font-family: "Trebuchet MS",sans-serif; }


  /* ビジュアルリッチテキストエディタ */
  #page #single .box .text h1, #page #single .box .text h2, #page #single .box .text h3,
  #page #single .box .text h4, #page #single .box .text h5, #page #single .box .text h6 {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
    line-height: 1.6; font-weight: bold;
  }
  #page #single .box .text h1 span, #page #single .box .text h2 span, #page #single .box .text h3 span,
  #page #single .box .text h4 span, #page #single .box .text h5 span, #page #single .box .text h6 span {
    font-weight: bold;
  }
  #page #single .box .text h1 { font-size: 30px; font-size: 3.0rem; }
  #page #single .box .text h2 { font-size: 26px; font-size: 2.6rem; }
  #page #single .box .text h3 { font-size: 22px; font-size: 2.2rem; }
  #page #single .box .text h4 { font-size: 18px; font-size: 1.8rem; }
  #page #single .box .text h5 { font-size: 14px; font-size: 1.4rem; }
  #page #single .box .text h6 { font-size: 12px; font-size: 1.2rem; }
  #page #single .box .text strong { font-weight: bold; }
  #page #single .box .text em { font-style: italic; }
  #page #single .box .text ol li { list-style-type: decimal; }
  #page #single .box .text ul li { list-style-type: disc; }
  #page #single .box .text a { text-decoration: underline; color: #009BD4; }



  /*--------------------------------------------------
  お問い合わせ
  --------------------------------------------------*/
  #contact {}
  #contact .wrap { padding: 0; max-width: 800px; }
  #contact .wrap:nth-of-type(2) { text-align: center; }
  #contact .wrap a.btn { margin: 3% 5%; }
  #contact .wrap a.btn:first-of-type { background-color: #0c6aae; }
  #contact .caution { text-align: center; font-size: 14px; font-size: 1.4rem; }
  #contact .text { padding: 0 0 20px; line-height: 1.8; margin-bottom: 3%; border-bottom: 1px dotted #e7dddd; }
  #contact .text.thx { text-align: center; }
  #contact .text .hissu { margin: 0 0 0 0; }
  #contact .text .tel_link { display: block; max-width: 250px; }

  #contact .box .table { width: 100%; display: inline-table; border-collapse: separate; border-spacing: 0; border-bottom: 2px dotted #e7dddd; }
  #contact .box .table .th, #contact .box .table .td { vertical-align: middle; display: table-cell; }
  #contact .box .table .th { width: 35%; padding: 3% 3.5% 3% 0%; background: #fff; color: #236541; position: relative; font-size: 16px; font-size: 1.6rem; font-weight: 500; vertical-align: top; }
  #contact .box .table .td { width: 65%; padding: 3% 0% 3% 3%; background: #fff; font-size: 14px; font-size: 1.4rem; }
  #contact .box .table .td textarea { height: 150px; }
  #contact .w50 { width: 50%; }


  /*ie firefoxでのselect矢印*/
  select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ""; }
  select::-ms-expand { display: none; }

  /* 送信ボタン（共通） */
  input[type=submit] {
    padding: 0; margin: 3% auto 0; width: 32%; height: 66px; line-height: 66px;
    color: #236541; font-size: 18px; font-size: 1.8rem; text-align: center;
    border: 1px solid #236541; border-radius: 5px; display: block;
    background: #e6ede9;
    -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;
    }
  input[type=submit]:hover { cursor: pointer; opacity: 0.8; background: #236541; color: #fff; }

  /* formの枠 */
  div.wpcf7-response-output { padding: 0; margin: 0; margin-top: 1.5%; }
  /* メール送信完了ボックス */
  div.wpcf7-mail-sent-ok {
    padding: 2%; border: 2px solid #17a1c1; background-color: #F5F5F5; text-align: center;
    color: #666; font-size: 13px; font-size: 1.3rem; border-radius: 6px; color: #17a1c1;
  }
  /* 警告文のボックス */
  div.wpcf7-validation-errors {
    padding: 2%; border: 2px solid #666; background-color: #F5F5F5; text-align: center;
    color: #666; font-size: 13px; font-size: 1.3rem; border-radius: 6px;
  }
  /* エラーメッセージのカラー */
  span.wpcf7-not-valid-tip { color: #b50000; font-size: 13px; font-size: 1.3rem; }
  /* エラー箇所の背景色 */
  .wpcf7 .wpcf7-not-valid { background-color: #DDD; color: #666; }



  /*--------------------------------------------------
  404 Not Found
  --------------------------------------------------*/
  #notfound { margin-top: 50px; }
  #notfound h1 { text-align: center; color: #a08b77; font-size: 80px; font-size: 8.0rem; }
  #notfound .txt { margin: 0 auto; width: 100%; }
  #notfound ul { padding: 2%; margin: 1.5% auto; width: 100%; background-color: #f5f5f5; }
  #notfound ul li { list-style-type: disc; margin-left: 2%; }
  .back404 { padding: 50px 0; margin: 0 auto 0px; width: 100%; }
  .back404 .btn { margin: 0 auto; width: 50%; height: 60px; line-height: 60px; text-align: center; font-size: 22px; font-size: 2.2rem; border-radius: 10px; }
  .back404 .btn a { width: 100%; height: 100%; display: block; background-color: #fff; color: #25764d; border-radius: 10px; border: 1px solid #25764d; }
  .back404 .btn a:hover { background-color: #25764d; color: #fff; }

  /* flex slider */
  .flexslider { border: none!important; margin: 0 auto 6vh auto!important; }
  .flexslider ul li { max-height: 500px; overflow: hidden; }
  .flexslider img { width: 100%; }
  .flex-control-paging li a { width: 30px!important; height: 5px!important; background: rgba(224, 224, 224, 0.9)!important; box-shadow: none!important; border-radius: 20px!important; -webkit-border-radius: 20px!important; }
  .flex-direction-nav a { height: 50px!important; top: 37%!important; }
  .flex-control-paging li a.flex-active { background: rgba(139, 0, 72, 0.9)!important; }




/*------------------------------------------------------------------------
                                < 1000
------------------------------------------------------------------------*/

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

  .wrap { padding: 0 3%; }
  #page .back > .box { padding: 0 3%; }
  #contact .wrap { padding: 0 3%; }

}


/*------------------------------------------------------------------------
                                < 900
------------------------------------------------------------------------*/

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

  .wrap { padding: 0 3%; }
  #page .back > .box { padding: 0 3%; }
  #contact .wrap { padding: 0 3%; }
  #header .block .box { width: 100%; }
  #header .tel_link { max-width: 240px; }

}




/*------------------------------------------------------------------------
                                < 768
------------------------------------------------------------------------*/

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

  #main { overflow: hidden; }
  header { font-size: 16px; font-size: 1.6rem; }
  header .wrap { padding: 0; margin: 0 auto 130px; position: relative; }
  #header .header_logo {  }
  #header .block { width: 100%; padding: 10px 0 0 20px; font-size: 14px; }
  #header .block .text { margin: 0 0 15px; }
  #header .block .box { width: 100%; padding: 0 10px; position: absolute; top: 190px; left: 0; z-index: 2; }
  #header .time { display: block; margin: 0 auto 15px; font-size: 16px; font-size: 1.6rem; }
  #header .time span {  }
  #header .tel_link { display: block; margin: 0 auto; max-width: 400px; }
  footer .flex a.box { width: 80%; margin: 0 auto 30px; }
  .gotop a { display: none; }
  .left { float: none; }
  .right { float: none; }
  #copy { padding: 30px 0; }
  #page { margin: 10vw 0 0; }

  /*--------------------------------------------------
  見出しの設定
  --------------------------------------------------*/
  /* ページの見出し */
  h1.ttl { font-size: 24px; font-size: 2.4rem; }
  h1.ttl span { font-size: 20px; font-size: 2.0rem; }
  h2.ttl { font-size: 30px; font-size: 3.0rem; }
  h2.ttl span { font-size: 24px; font-size: 2.4rem; padding: 0 0 15px; }
  h2.ttl + h3 { margin: 10px 0 5% 0; }
  h2.ttl::after { top: -30px; left: -10px; background-size: 70%; }

  .visual h1 { font-size: 35px; font-size: 3.5rem; }

  /*--------------------------------------------------
  TOP
  --------------------------------------------------*/
  #top #main_image .wrap { padding: 0; }
  #top #greeting .image { width: 50%; margin: 0 auto 20px; }
  #top #greeting .text { width: 100%; }
  #top #consultation { padding: 70px 0 10px; }
  #top #consultation .image { width: 50%; margin: 0 auto 20px; position: relative; top: 0; }
  #top #consultation .text { width: 100%; padding: 0; }

#staff .image { width: 30%; margin: 0 auto 20px; }
#staff .box { width: 100%; }
#price {}
#price .box { width: 100%; margin: 0 0 20px; }
#flow ol li { margin: 0 0 30px; }
#flow ol { padding: 0 0 0 60px; }


  /*--------------------------------------------------
  お知らせ
  --------------------------------------------------*/
/* アーカイブ */
  #archive .box .eyecatch { width: 30%; }
  #archive .box .right { width: 67%; }
/* シングル */
  #single .news { margin: 0 auto 5%; }
  #single .news .eyecatch { margin: 0 auto; width: 80%; float: none; margin-bottom: 5%;}
  #single .news .eyecatch img, #single .news .box img { max-height: 350px; }
  #single .news .text { width: 100%; float: none; }

  #archive .news .box { margin-bottom: 5%; }
  #archive .news .box a { padding: 2% 3%; }
  #archive .news .box a .title { line-height: 1.4; }

  #page .back { padding: 5% 0; }
  #page .back .btn { width: 100%; height: 50px; line-height: 50px; float: none; display: block; font-size: 20px; font-size: 2.0rem; border-radius: 6px; }
  #page .back .btn:nth-of-type(1) { margin-right: 0; margin-bottom: 5%; }
  #page .back .btn:nth-of-type(2) { margin-left: 0; }

  /* wp-pagenavi */
  .wp-pagenavi { padding: 5% 0 0%; font-size: 16px; font-size: 1.6rem; }



  /*--------------------------------------------------
  お問い合わせ
  --------------------------------------------------*/
  #contact #form { width: 90%; margin: 0 auto; }
  #contact .box .table { display: block; }
  #contact .box .table .th, #contact .box .table .td { display: block; width: 100%; }
  #contact .box .table .th { padding: 3% 0% 0% 0%; }
  #contact .box .table .td { padding: 1% 0% 3% 0%; }
  #contact .wrap a.btn { width: 90%; margin: 2% 0 2% 0; padding: 3% 0; }

  input[type=submit] { width: 50%; }

  #notfound h1 { font-size: 40px; font-size: 4rem; line-height: 1.2; margin-bottom: 5%; }
  #notfound ul li { list-style-type :none }
  .back404 { padding: 50px 3%; }
  .back404 .btn { width: 100%; height: 50px; line-height: 50px; }



  /* ドロワーの装飾 */
  nav ul li a { padding: 20px 0; }
  .drawer--left .drawer-hamburger { display: none; }  /* ページ上部の開閉メニューを非表示 */

 /*ACCORDION*/
  nav.drawer-nav ul.drawer-menu li ul li { border-bottom: 1px solid #EFEFEF; padding-bottom: 0; }
  nav.drawer-nav ul.drawer-menu li ul li:last-of-type { border-bottom: none; }
  #acMenu .toggle { display:block; width:100%; height:auto; cursor:pointer; }
  #acMenu ul { width:100%; height:auto; display:none; border-top: 1px solid #EFEFEF; }
  #acMenu .maru::after {
    border-top: none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  nav.drawer-nav ul.drawer-menu li a.toggle { position: relative; }
  nav.drawer-nav ul.drawer-menu li a.toggle::before,
  nav.drawer-nav ul.drawer-menu li a.toggle::after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; }
  nav.drawer-nav ul.drawer-menu li a.toggle::before { right: 15px; width: 4px; height: 4px; border-top: 1px solid #231f20; border-right: 1px solid #231f20; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .open a.toggle::before { -webkit-transform: rotate(90deg)!important; transform: rotate(-45deg)!important; }


  /*--------------------------------------------------
  404 Not Found
  --------------------------------------------------*/


}


/*------------------------------------------------------------------------
                                < 640
------------------------------------------------------------------------*/

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




}