/*
Theme Name: Yuimaru 
Author: （株）ゆいまーる
Description: WEB集客に強い、治療院・美容サロン向けのテンプレートです。PC、スマホ、タブレットに対応したレスポンシブデザイン。
Tags: 整骨院、整体院、エステ、美容、きれい、シンプル
Version: 1.0
*/


/*全体の設定
---------------------------------------------------------------------------*/

body {
    color: #444444;
    background: none 0% 0% / auto auto repeat scroll padding-box border-box white;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.8pt;
    font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: justify;
    counter-reset: number 0;
}

a:hover img {
    /opacity: .5;
}

#menu {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#hajimete {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#tennai {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#voice {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#access {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#morimachi {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#ekimae {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#wasada {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#minamioita {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#kaku {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#ozai {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#yamanami {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#kogori {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#isahaya {
    padding-top: 40px !important;
    margin-top: -40px !important;
}

#shoulder {
    padding-top: 40px !important;
    margin-top: -40px !important;
}
#rotarysaw {
    padding-top: 40px !important;
    margin-top: -40px !important;
}
#abdominal {
    padding-top: 40px !important;
    margin-top: -40px !important;
}
#rattopurudaun {
    padding-top: 40px !important;
    margin-top: -40px !important;
}
#legcurl {
    padding-top: 40px !important;
    margin-top: -40px !important;
}
#legexten {
    padding-top: 40px !important;
    margin-top: -40px !important;
}
#abduction {
    padding-top: 40px !important;
    margin-top: -40px !important;
}
#aduction {
    padding-top: 40px !important;
    margin-top: -40px !important;
}
#smith {
    padding-top: 40px !important;
    margin-top: -40px !important;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */

.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure {
    margin: 0px;
    padding: 0px;
}

h2 a {
    color: #fff;
    text-decoration: none;
}

h2 a:hover {
    color: #8BC34A
}

ul {
    list-style-type: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
}

img {
    border: none;
    vertical-align: bottom;
}

input,
textarea,
select {
    font-size: 1em;
}

form {
    margin: 0px;
}

table {
    border-collapse: collapse;
    font-size: 95%;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
}

b {
    font-weight: bold;
}

section {
    margin-left: auto;
    margin-right: auto;
}

section #thanks {
    padding: 0 !important;
    margin-top: -60px !important;
}


#wrap {
    overflow: hidden;
}

#sub p {
    margin-bottom: 0.8em;
    padding: 0.5em 1em;
}

.close {
    display: none;
}


/* Breadcrumb NavXT
   ========================================================================== */

.breadcrumbs {
    width: 90%;
    margin: -30px 0 16px;
}

.space_s {
    height: 10px;
}

.space_m {
    height: 20px;
}

.space_l {
    height: 30px;
}

table {
    border-style: solid;
    border-color: #f3f3f3;
    border-size: 1px;
    width: 95%;
}

td {
    padding: 10px;
    line-height: 2em;
}

tr {
    padding: 10px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px dotted #e1e1e1;
}

.center{text-align: center;}

.square_btn{
    display: inline-block;
    padding: 10px 1em;
    text-decoration: none;
    background: #29bb29;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #228b22;
    border-radius: 3px;
    width: 320px;
    font-size: 26px;
    font-weight: bold;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.red_moji {
    color: #F44336;
}

.red2_moji {
    color: #D32F2F;
}

.pink_moji {
    color: #E91E63;
}

.purple_moji {
    color: #9C27B0;
}

.purple2_moji {
    color: #7B1FA2;
}

.navy_moji {
    color: #3F51B5;
}

.blue_moji {
    color: #2196F3;
}

.skyblue_moji {
    color: #03A9F4;
}

.green_moji {
    color: #4CAF50;
}

.yellowgreen_moji {
    color: #8BC34A;
}

.yellow_moji {
    color: #ffeb3b;
}

.orange_moji {
    color: #F57C00;
}

.deeporange_moji {
    color: #FF5722;
}

.brown_moji {
    color: #795548;
}

.bold {
    font-weight: bold;
}

.mojis {
    font-size: small;
}

.mojil {
    font-size: large;
}

.mojill {
    font-size: x-large;
}

.mojilll {
    font-size: xx-large;
}

.yoyaku_kotei {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.highlight {
    background: linear-gradient(transparent 50%, #fdfe01 0%);
    line-height: 1.3em;
    font-weight: bold;
}

.box29 {
    margin: 0em 0;
    background: #FFF3E0;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.box29 .box-title {
    font-size: 1.2em;
    background: #FFB74D;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 8px 0px;
}

#main .box29 p {
    padding: 15px 20px;
    margin: 0;
}

.privacy ul li {
    list-style-type: disc;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
    margin-top: 0.8em;
}

.next{
    width: 40%;
    float: right;
    text-align: right;
}

.prev{
        width: 40%;
    float: left;
    text-align: left;
}

.paging{
    width:  90%;
    margin-left:  auto;
    margin-right:  auto;
    padding:  8px;
}
 
/*相互リンク*/

.link_list {
    margin: 0 auto 15px;
    width: 95%;
    max-width: 610px;
    border: solid 1px #5fb3f5;
}

.link_list dt,
.link_list dd {
    padding: 8px 15px;
}

.link_list dt {
    border-top: solid 1px #5fb3f5;
    border-bottom: dotted 1px #5fb3f5;
    background: #dcefff;
    text-align: center;
}

.link_list :first-child {
    border-top: none;
}

.link_list ul {
    margin-left: 20px;
    list-style: disc;
}

.link-bt {
    margin: 0 auto 15px;
    width: 95%;
    max-width: 620px;
}

.link-bt li {
    background-color: #FFEED5;
    padding: 10px;
    font-size: 14px;
    margin: 10px;
}

#main .link-title a {
    font-weight: bold;
    color: #4caf50;
}

#main .link-title a:hover {
    font-weight: bold;
    color: #4caf50;
}

#main p .link-title {
    padding: 0.5em 16px 0;
}

.link-text {
    margin: 5px;
}


/*ボックス全体*/

.accbox {
    margin: 2em auto;
    padding: 0 0px;
    width: 95%;
}


/*ラベル*/

.accbox label {
    display: block;
    margin: 1.5px 0;
    padding: 13px 12px;
    color: #df0013;
    font-weight: bold;
    background: #ffeef0;
    cursor: pointer;
    transition: all 0.5s;
}


/*アイコンを表示*/

.accbox label:before {
    content: '\f128';
    font-family: 'FontAwesome';
    padding-right: 8px;
}


/*ラベルホバー時*/

.accbox label:hover {
    background: #ff7d88;
    color: #fff;
}


/*チェックは隠す*/

.accbox input {
    display: none;
}


/*中身を非表示にしておく*/

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}


/*クリックで中身表示*/

.cssacc:checked+label+.accshow {
    height: auto;
    padding: 5px;
    background: #fcffe2;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px
}

/*アイコンを入れ替える*/

.cssacc:checked+label:before {
    content: '\f078';
}

/*ボックス全体*/

.accbox2 {
    margin: 2em auto;
    padding: 0 0px;
    width: 95%;
}


/*ラベル*/

.accbox2 label {
    display: block;
    margin: 1.5px 0;
    padding: 13px 12px;
    color: #5c564f;
    font-weight: bold;
    background: #ffe7ca;
    cursor: pointer;
    transition: all 0.5s;
}


/*アイコンを表示*/

.accbox2 label:before {
    content: '\f015';
    font-family: 'FontAwesome';
    padding-right: 8px;
}


/*ラベルホバー時*/

.accbox2 label:hover {
    background: #ff8c00;
    color: #fff;
}


/*チェックは隠す*/

.accbox2 input {
    display: none;
}


/*中身を非表示にしておく*/

.accbox2 .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}


/*クリックで中身表示*/

.cssacc2:checked+label+.accshow {
    height: auto;
    padding: 5px;
    background: #fffede;
    opacity: 1;
}

.accbox2 .accshow p {
    margin: 15px 10px
}

/*アイコンを入れ替える*/

.cssacc2:checked+label:before {
    content: '\f078';
}

/*ボックス全体*/

.accbox3 {
    margin: 2em auto;
    padding: 0 0px;
    width: 95%;
}


/*ラベル*/

.accbox3 label {
    display: block;
    margin: 1.5px 0;
    padding: 13px 12px;
    color: #5c564f;
    font-weight: bold;
    background: #ffe7ca;
    cursor: pointer;
    transition: all 0.5s;
}


/*アイコンを表示*/

.accbox3 label:before {
    content: '\f103';
    font-family: 'FontAwesome';
    padding-right: 8px;
}


/*ラベルホバー時*/

.accbox3 label:hover {
    background: #ff8c00;
    color: #fff;
}


/*チェックは隠す*/

.accbox3 input {
    display: none;
}


/*中身を非表示にしておく*/

.accbox3 .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}


/*クリックで中身表示*/

.cssacc3:checked+label+.accshow {
    height: auto;
    padding: 5px;
    background: #fffede;
    opacity: 1;
}

.accbox3 .accshow p {
    margin: 15px 10px
}

/*アイコンを入れ替える*/

.cssacc3:checked+label:before {
    content: '\f078';
}


.sen {
    border-bottom: dotted 2px #dacfd0;
    padding-top: 1em;
    margin: 0 0 1.5em;
}

.fusen {
    position: relative;
    background: #ffedd2;
    box-shadow: 0px 0px 0px 5px #ffedd2;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.fusen:after {
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #fff #fff #ff9800;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.seo {
    position: relative;
    color: black;
    background: #ffedd2;
    line-height: 1.4;
    padding: 1.25em 0.5em;
    margin: 2em 0 0.5em;
    border-radius: 0 5px 5px 5px;
}

.seo:after {
    /*タブ*/
    position: absolute;
    font-family: FontAwesome, 'Quicksand', 'Avenir', 'Arial', sans-serif;
    content: '\f00c SEOとは？';
    background: #ff9800;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 6px 7px 5px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em
}

.seo2 {
    position: relative;
    color: black;
    background: #ffedd2;
    line-height: 1.4;
    padding: 1.25em 0.5em;
    margin: 2em 0 0.5em;
    border-radius: 0 5px 5px 5px;
}

.seo2:after {
    /*タブ*/
    position: absolute;
    font-family: FontAwesome, 'Quicksand', 'Avenir', 'Arial', sans-serif;
    content: '\f00c SEO対策とは？';
    background: #ff9800;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 6px 7px 5px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em
}

.ppc {
    position: relative;
    color: black;
    background: #ffedd2;
    line-height: 1.4;
    padding: 1.25em 0.5em;
    margin: 2em 0 0.5em;
    border-radius: 0 5px 5px 5px;
}

.ppc:after {
    /*タブ*/
    position: absolute;
    font-family: FontAwesome, 'Quicksand', 'Avenir', 'Arial', sans-serif;
    content: '\f00c PPCとは？';
    background: #ff9800;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 6px 7px 5px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em
}

.sns {
    position: relative;
    color: black;
    background: #e6e6e6;
    line-height: 1.4;
    padding: 1.25em 0.5em;
    margin: 2em 0 0.5em;
    border-radius: 0 5px 5px 5px;
}

.sns:after {
    /*タブ*/
    position: absolute;
    font-family: FontAwesome, 'Quicksand', 'Avenir', 'Arial', sans-serif;
    content: '\f00c ソーシャルメディアとは？';
    background: #ff9800;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 6px 7px 5px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em
}

.netkoukoku {
    position: relative;
    color: black;
    background: #e6e6e6;
    line-height: 1.4;
    padding: 1.25em 0.5em;
    margin: 2em 0 0.5em;
    border-radius: 0 5px 5px 5px;
}

.netkoukoku:after {
    /*タブ*/
    position: absolute;
    font-family: FontAwesome, 'Quicksand', 'Avenir', 'Arial', sans-serif;
    content: '\f00c ネット広告とは？';
    background: #ff9800;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 6px 7px 5px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em
}

.stepBar {
  display: flex;
  max-width: 400px;
  position: relative;
  margin: 20px auto;
  text-align: center;
}
.stepBar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 100%;
}
.stepBar li:after {
  background: #e6e6e6;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 12px);
  top: 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4caf50+0,4caf50+50,e6e6e6+50,e6e6e6+100 */
background: #4caf50; /* Old browsers */
background: -moz-linear-gradient(left, #4caf50 0%, #4caf50 50%, #e6e6e6 50%, #e6e6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #4caf50 0%,#4caf50 50%,#e6e6e6 50%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4caf50 0%,#4caf50 50%,#e6e6e6 50%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
}


.stepBar li:first-child:after {
  display: none;
}
.stepBar li span {
  background: #e6e6e6;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.stepBar .visited:after {
  background: #4caf50;
}
.stepBar .visited span {
  background: #4caf50;
}



.stepBar2 {
  display: flex;
  max-width: 400px;
  position: relative;
  margin: 20px auto;
  text-align: center;
}
.stepBar2 li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 100%;
}
.stepBar2 li:after {
  background: #e6e6e6;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 12px);
  top: 10px;
}


.stepBar2 li:first-child:after {
  display: none;
}
.stepBar2 li span {
  background: #e6e6e6;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.stepBar2 .visited:after {
  background: #4caf50;
}
.stepBar2 .visited span {
  background: #4caf50;
}

/* 必須マーク */
.must{
    color: #fff;
    margin-right: 10px;
    padding: 6px 10px;
    background: #F92931;
    border-radius: 20px;
}

/* 任意マーク */
.free {
    color: #fff;
    margin-right: 10px;
    padding: 6px 10px;
    background: #03a9f4;
    border-radius: 20px;
}

/* 項目名を太字にする */
form p {
    font-weight: 600;
}

#main .wpcf7 p { margin: 0 0 4em 0 }

#main .wpcf7 table {
border: none;
    width: 95%;
    margin:2em auto;
}

.form_koumoku{
    font-weight: bold;
    margin: 2em 0px 16px 30px;

}

.contactform input.wpcf7c-conf,
.contactform textarea.wpcf7c-conf{
    border:0;
    padding:0;
    background:#fff;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 90%;
    padding: 8px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #d0d5d8;
    border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
}

/* 必須項目の入力欄を黄色にする 
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: rgba(255, 255, 142, 0.46);
}*/

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
    width: 100%;
    height: 80px;
    background: #27c038;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
    color: red;
    font-weight: 600;
}


/* Contact Form 7カスタマイズ */
.inquiry th {
 text-align: left;
 font-size: 14px;
 color: #444;
 padding: 8px 16px;
 width: 30%;
 background:#f7f7f7;
 border: solid 1px #d7d7d7;
}
.inquiry td {
    font-size: 13px;
border: solid 1px #d7d7d7;
background: #fff;
}
/* 必須の調整 */
.haveto {
   font-size: 7pt;
   padding: 5px;
   background: #ff9393;
   color: #fff;
   border-radius: 2px;
   margin-right: 2px;
}
/* 任意の調整 */
.any {
   font-size: 7pt;
   padding: 5px;
   background: #93c9ff;
   color: #fff;
   border-radius: 2px;
   margin-right: 2px;
}
/* ラジオボタンを縦並び指定 */
.verticallist .wpcf7-list-item {
 display: block;
}
/* 送信ボタンのデザイン変更 */
.soushinbtn{
padding:20px!important;
width:40%;
 background: #ffaa56!important;
color: #fff;
 font-size: 18px!important;
 border-radius: 2px!important;}
.soushinbtn:hover{
background:#fff!important;
color:#ff870f;
border:2px solid #ffa042;
}
/* スマホContact Form 7カスタマイズ */
@media screen and (max-width: 700px) {
.inquiry th, .inquiry td {
display:block;
width: 91%!important;
border-top: none!important;
    padding: 8px 16px;
}
.inquiry tr:first-child th {
border-top: 1px solid #d7d7d7!important;
}
.soushinbtn{
width:80%!important;
}}

/*リンク（全般）設定
---------------------------------------------------------------------------*/

a {
    color: #212121;
    /*リンクテキストの色*/
}

a:hover {
    color: #fc7d77;
    /*マウスオン時の文字色*/
    text-decoration: none;
    /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}



/*h1タグの設定
---------------------------------------------------------------------------*/

h1 {
    width: 100%;
    color: #494949;
    margin: 0px auto 0px;
    font-size: 14px;
    line-height: 32px;
    font-weight: normal;
    text-align: left;
    display: block;
    padding: 0 0 0 14px;
}



/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/

#top_bg {
    width: 100%;
    /*幅*/
    margin-left: auto;
    margin-right: auto;
    background-attachment: scroll;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
    background-position: top, center 0px;
    background-repeat: no-repeat;
    overflow: hidden;
}

#header_in {
    max-width: 1000px;
    width: 100%;
    height: 107px;
    margin: 0px auto;
    text-align: left;
}

#container {
    width: 100%;
    /*コンテナー幅*/
    margin-left: auto;
    margin-right: auto;
    background-attachment: scroll;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
    overflow: hidden;
}

#container2 {
    width: 1060px;
    /*コンテナー幅*/
    margin-left: auto;
    margin-right: auto;
    background-attachment: scroll;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
    padding: 10px;
    /*ボックス内の余白*/
    background-color: #fff;
    overflow: hidden;
    line-height: 180%;
}



/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/


/*ヘッダーブロック*/

header {
    width: 100%;
    height: 107px;
    margin: 0px auto;
    text-align: left;
    position: relative;
    z-index: 2;
    background-color: #fff;
    height: 160px;
}



/*サイトロゴの設定*/

.site_logo {
    float: left;
    width: 37%;
    margin-top: 8px;
}



/*ヘッダーバナー（２つ並び）*/

.head_bunner {
    float: right;
    width: 62%;
    text-align: right;
    padding-top: 10px;
}

.clear {
    clear: both;
}



/*電話番号の文字設定*/

header address .tel {
    font-size: 18px;
    /*文字サイズ*/
    color: #ff9c16;
    /*文字色*/
    font-weight: bold;
    /*太字に*/
    display: block;
}



/*上部のメインメニュー
---------------------------------------------------------------------------*/

nav#menubar ul {
    overflow: hidden;
    width: 100%;
	display: flex;
    flex-wrap: wrap;
}



/*メニュー１個ごとの設定*/

nav#menubar ul li {
	flex: 1;
    border-right: 1px solid #fff;
    /*幅*/
    /*右側への線の幅、線種、色*/
}

nav#menubar ul li2 {
    float: left;
    width: 199px;
    /*幅*/
    /*右側への線の幅、線種、色*/
}

nav#menubar ul li a {
    height: 46px;
    padding-top: 12px;
    line-height: 2.6;
    text-decoration: none;
    display: block;
    font-size: 15px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    /*文字間隔を少し広めにとる設定。*/
    text-align: center;
    /*文字をセンタリング*/
    color: #704408;
    /*文字色*/
    -webkit-transition: 0.5s;
    /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
    transition: 0.5s;
    /*同上*/
    font-weight: bold;
}


.searchform {
    position: relative;
}

.searchfield {
    font-size: 14px;
    width: 90%;
    margin: 3px;
    padding: 10px;
    border: solid 1px #bbb;
    border-radius: 4px;
    background-color: #f3f3f3;
    margin-left: 22px;
}

.searchsubmit {
    font-family: FontAwesome;
    font-size: 1.4em;
    position: absolute;
    top: 0;
    right: 8%;
    margin-top: 10px;
    padding: 0;
    cursor: pointer;
    color: #6297f5;
    border: none;
    background: transparent;
}

.searchsubmit:hover {
    opacity: .6;
}



/*最初のメニューの設定*/

nav#menubar ul li:first-child {
    border-left: 1px solid #ffffff;
    /*左側への線の幅、線種、色*/
}



/*マウスオン時と、current(表示中のメニュー)の設定*/

nav#menubar ul li a:hover,
nav#menubar ul li.current a {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #573731/*背景色*/
}



/*英語表記の設定*/

nav#menubar ul li a span {
    font-size: 8px;
    /*文字サイズ*/
    display: block;
    opacity: 0.5;
    /*50%の透明度で表示*/
    letter-spacing: 0.4em;
    /*文字間隔を少し広めにとる設定。*/
}

.nav_menu_home {
    content: "HOME";
    font-size: 8px;
    /*文字サイズ*/
    display: block;
    opacity: 0.5;
    /*50%の透明度で表示*/
    letter-spacing: 0.4em;
    /*文字間隔を少し広めにとる設定。*/
}

.nav_fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.checkbox ul li {
    margin-left: 8px;
    line-height: 12px;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 10px;
}

.box {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.tyui {
    margin-bottom: 0;
    padding: 10px;
    background: #ffebeb;
    color: #545454;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.tyui_title {
    margin-bottom: 5px;
    color: #ff8376;
    font-size: 1.2em;
    font-weight: bold;
}

.tyui_title:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px 0 0;
    border-radius: 50%;
    background: #ff8376;
    color: #fff;
    font-family: FontAwesome;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    content: "\f12a";
}

#main .tyui p {
    margin: 0 0 0em;
    line-height: 1.75;
    padding: 0px 16px;
}

#main .NyukaiStep .tyui {
    width: 100%;
}

#main .NyukaiStep .tyui p {
    background: none;
    font-weight: 500;
}

#main .MashinStep .tyui {
    width: 100%;
}

#main .MashinStep .tyui p {
    background: none;
    font-weight: 500;
}

#main .MashinStep2 .tyui {
    width: 100%;
}

#main .MashinStep2 .tyui p {
    background: none;
    font-weight: 500;
}

.erabareru_title {
    margin: 2em 0 0 0;
    color: #fff;
    overflow: hidden;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 16px 16px;
    background-image: linear-gradient(to right, #ffc3a0 0%, #ffafbd 100%);
}





.erabarerubox {
    margin: 2em 0;
    background: #dcefff;
}



.cb {
    margin: 0 0 1.6em;
}


.cb ul {
    background: #fffbf4;
    margin-top: 0;
    padding: 1em 1.3em 1em 1.3em;
    line-height: 3;
    box-sizing: border-box;
}

.cb ul li {
    position: relative;
    padding-left: 25px;
    word-wrap: break-all;
    box-sizing: border-box;
    word-wrap: break-word;
    border-bottom: dotted 1px #D7CCC8;
}

.cb ul li:before {
    left: 0;
    position: absolute;
    font-family: FontAwesome;
    content: '\f00c';
    color: #ffba9f;
}

.zyuyou_box {
    background-color: #fff6b7;
    padding: 11px 0px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#main .zyuyou_box p {
    margin: 6px 0 5px;
}




/* Widget
   ========================================================================== */

.widget {}

.widget h3 {
    border-left: 5px #ffe0c1 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 14px;
}

.widget ul {
    padding: 0;
    list-style: none;
}

.widget ul li {
    margin-bottom: 5px;
}

.widget ul li a {
    color: ;
}

.widget table {
    border-collapse: collapse;
}

.widget table caption {
    font-weight: 800;
}

.widget table thead th,
.widget table tbody td {
    border: 1px #cccccc solid;
    text-align: center;
}



/*　カレンダーマーク下線なしに　*/

.calendar-mark a {
    text-decoration: none;
}

.monthly-calendar caption {
    font-size: 1.8rem;
    text-align: center;
    padding: 10px;
}


/*　SNSボタン　*/

.sns_side_left {
    width: 48%;
    float: left;
    margin-top: 40px;
    margin-left: 6px;
}

.sns_side_right {
    width: 48%;
    float: left;
    margin-top: 40px;
}


.sns_button {
    position: relative;
    background-color: #03A9F4;
    border-radius: 4px;
    color: #fff;
    line-height: 62px;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #0288D1;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.twitter_btn {
    /*ボタンの下地*/
    color: #FFF;
    /*文字・アイコン色*/
    border-radius: 7px;
    /*角丸に*/
    position: relative;
    display: inline-block;
    height: 50px;
    /*高さ*/
    width: 98%;
    /*幅*/
    text-align: center;
    /*中身を中央寄せ*/
    font-size: 14px;
    /*文字のサイズ*/
    font-weight: 600;
    line-height: 50px;
    /*高さと合わせる*/
    vertical-align: middle;
    /*垂直中央寄せ*/
    background-color: #03A9F4;
    overflow: hidden;
    /*はみ出た部分を隠す*/
    text-decoration: none;
    /*下線は消す*/
}

.twitter_btn:before {
    /*グラデーション②*/
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*全体を覆う*/
    height: 100%;
    /*全体を覆う*/
}

.twitter_btn .fa-instagram {
    /*アイコン*/
    font-size: 35px;
    /*アイコンサイズ*/
    position: relative;
    top: 4px;
    /*アイコン位置の微調整*/
}

.twitter_btn span {
    /*テキスト*/
    display: inline-block;
    position: relative;
    transition: .5s
}



.insta_btn2 {
    /*ボタンの下地*/
    color: #FFF;
    /*文字・アイコン色*/
    border-radius: 7px;
    /*角丸に*/
    position: relative;
    display: inline-block;
    height: 50px;
    /*高さ*/
    width: 98%;
    /*幅*/
    text-align: center;
    /*中身を中央寄せ*/
    font-size: 14px;
    /*文字のサイズ*/
    font-weight: 600;
    line-height: 50px;
    /*高さと合わせる*/
    vertical-align: middle;
    /*垂直中央寄せ*/
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    /*グラデーション①*/
    overflow: hidden;
    /*はみ出た部分を隠す*/
    text-decoration: none;
    /*下線は消す*/
}

.insta_btn2:before {
    /*グラデーション②*/
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*全体を覆う*/
    height: 100%;
    /*全体を覆う*/
    background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
    background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram {
    /*アイコン*/
    font-size: 35px;
    /*アイコンサイズ*/
    position: relative;
    top: 4px;
    /*アイコン位置の微調整*/
}

.insta_btn2 span {
    /*テキスト*/
    display: inline-block;
    position: relative;
    transition: .5s
}



/*トップページのスライドショー
---------------------------------------------------------------------------*/

#mainimg {
    clear: left;
    width: 100%;
    position: relative;
    background-image: url(image/headof_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: -2px;
    height: 645px;
}

#mainimg .slide_file {
    display: none;
}

#slide_image {
    z-Index: 2;
    height: auto;
    width: 100%;
    position: relative;
}

#slide_image2 {
    z-Index: 1;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}



/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/

#contents {
    clear: left;
    padding-top: 30px;
    margin: 0px 10px;
    overflow: hidden;
}



/*メインコンテンツ
---------------------------------------------------------------------------*/

#main {
    float: right;
    /*右側に回り込み*/
    width: 680px;
    /*メインコンテンツ幅*/
    padding-bottom: 30px;
    padding-right: 8px;
    padding-left: 8px;
}



/*mainコンテンツのh2タグの設定*/

#main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 20px;
    position: relative;
    margin: 3.2em 0 1.8em;
}




/*mainコンテンツのh3タグの設定*/

#main h3 {
    font-weight: bolder;
    font-size: 20px;
    padding: 18px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 1em 0 1em;
}



/*mainコンテンツの段落タグ設定*/

#main p {
    margin: 1em 0 1em;
    line-height: 1.75;
    padding: 0px 32px;
    word-wrap: break-all;
}


#main .subpage_box_right p {
    margin: 0em 0 1em;
    line-height: 1.75;
    padding: 0px 16px;
    word-wrap: break-all;
}

#main .subpage_box_right3 p {
    margin: 0em 0 1em;
    line-height: 1.75;
    padding: 0px 16px;
    word-wrap: break-all;
}




/*メニューボックス
---------------------------------------------------------------------------*/

.menu_box {
    width: 99%;
    margin-left: auto;
    background: #ffffff;
    margin-right: auto;
}

.menu_in {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.menu_in_left {
    float: left;
    width: 49%;
    margin-right: auto;
    margin-top: 24px;
}

.menu_in_right {
    float: right;
    width: 49%;
    margin-left: auto;
    margin-top: 24px;
    margin-left: 13px;
}

.clear {
    clear: both;
}

.menu_title {
    font-size: 18px;
    line-height: 1.7;
    font-weight: bold;
}


.jiko_box_left {
    float: left;
    width: 46%;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

.jiko_box_right {
    float: left;
    width: 45%;
}

.jiko_nagare_box {
    width: 98%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.jiko_nagare_left {
    float: left;
    width: 30%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.jiko_nagare_right {
    float: left;
    width: 30%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.jiko_nagare_center {
    float: left;
    width: 30%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.tableBasic01 {
    border-collapse:collapse;
  margin:0 auto;
}

.tableBasic01 table td,th {
    padding: 10px 5px;
    border: 1px solid #ddd;
    font-size: 14px;
}

.tableBasic01 table th {
    border-left: 5px solid #005ab3;
    color: #005ab3;
    padding: 17px 10px;
    font-size: 14px;
    width: 19%;
}

.tableBasic01 table tr {
    border-bottom: 2px dotted #e1e1e1;
}

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

.w25per {
    width: 25% !important;
}

.w50per {
    width: 50% !important;
}

#table07 {
   width: 99%;
   border-style: none;
   border-color: #fff;
}

#table07 thead th {
  padding: 8px 1px;
  text-align: center;
  color: #fff;
  border-radius: 10px 10px 0 0;
  border: none;
  font-size: 15px;
}
#table07 thead th:nth-child(2) {
  background: #9DBD6F;
}
#table07 thead th:nth-child(3) {
  background: #6BA3BF;
}
#table07 thead th:nth-child(4) {
  background: #f3608d;
}
#table07 thead th:nth-child(5) {
  background: #f3a052;
}
#table07 tbody th {
  padding: 8px;
  font-weight: 700;
  background: #fbf9f9;
}
#table07 tbody .row1 th,
#table07 tbody .row2 th,
#table07 tbody .row3 th {
  border-bottom: solid 1px #dedddd;
}
#table07 tbody .row1 td {
  font-size: 36px;
  font-weight: 700;
  padding: 15px 10px;
  color: #fff;
  text-align: center;
  line-height: 0.7em;
}
#table07 tbody .row1 td span {
  font-size: 19px;
  text-align: center;
}
#table07 tbody .row1 td:nth-child(2) {
  background: #B6CD96;
}
#table07 tbody .row1 td:nth-child(3) {
  background: #9BC7DE;
}
#table07 tbody .row1 td:nth-child(4) {
  background: #f59eba;
}
#table07 tbody .row1 td:nth-child(5) {
  background: #f5bf8b;
}
#table07 tbody .row2 td,
#table07 tbody .row3 td,
#table07 tbody .row4 td {
  padding: 5px;
  padding-left: 7px;
  border-right: 2px dotted #cdc8c8;
}

#main .NyukaiStep {
    width: 100%;
    padding: 8px;
}

#main .NyukaiStep p {
    margin: 15px 0 0;
    line-height: 1.75;
    padding: 0px 4px;
    background-color: #ffffe6;
    font-weight: bold;
}

#main .NyukaiStep ul li {
    float: left;
    width: 195px;
    padding-right: 31px;
    background: url(image/arrowR.jpg) no-repeat 201px 138px;
    min-height: 356px;
}

#main .NyukaiStep ul li:last-child {
    background: none;
}

#main .MashinStep {
    width: 100%;
    padding: 8px;
}

#main .MashinStep p {
    margin: 15px 0 0;
    line-height: 1.75;
    padding: 0px 4px;
    background-color: #ffffe6;
    font-weight: bold;
}

#main .MashinStep ul li {
    float: left;
    width: 195px;
    padding-right: 31px;
    background: url(image/arrowR.jpg) no-repeat 201px 138px;
    min-height: 320px;
}

#main .MashinStep ul li:last-child {
    background: none; 
}

#main .MashinStep2 {
    width: 100%;
    padding: 8px;
}

#main .MashinStep2 p {
    margin: 15px 0 0;
    line-height: 1.75;
    padding: 0px 4px;
    background-color: #ffffe6;
    font-weight: bold;
}

#main .MashinStep2 ul li {
    float: left;
    width: 195px;
    padding-right: 31px;
    background: url(image/arrowR.jpg) no-repeat 201px 138px;
    min-height: 382px;
}

#main .MashinStep2 ul li:last-child {
    background: none; 
}

#main .MashinStep3 {
    width: 100%;
    padding: 8px;
}

#main .MashinStep3 p {
    margin: 15px 0 0;
    line-height: 1.75;
    padding: 0px 4px;
    background-color: #ffffe6;
    font-weight: bold;
}

#main .MashinStep3 ul li {
    float: left;
    width: 195px;
    padding-right: 31px;
    background: url(image/arrowR.jpg) no-repeat 201px 138px;
    min-height: 222px;
}

#main .MashinStep3 ul li:last-child {
    background: none; 
}

#main .soujiStep {
    width: 100%;
    padding: 8px;
}

#main .soujiStep p {
    margin: 15px 0 0;
    line-height: 1.75;
    padding: 0px 4px;
    background-color: #ffffe6;
    font-weight: bold;
}

#main .soujiStep ul li {
    float: left;
    width: 195px;
    padding-right: 31px;
    min-height: 240px;
}


/*約束ボックス
---------------------------------------------------------------------------*/

.yakusoku_box {
    width: 100%;
    background-image: url(image/yakusoku_bg.jpg);
    background-repeat: repeat;
    margin-top: 45px;
}

.yakusoku_in section {
    padding: 0px 0px 0;
    margin: 0 0 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffffff;
    box-sizing: border-box;
}

.yakusoku_in {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}



/*代表挨拶
---------------------------------------------------------------------------*/

.aisatsu_box {
    width: 100%;
}

.aisatsu_in {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.aisatsu_left {
    float: left;
    width: 260px;
}

.aisatu_right {
    float: left;
}



/*約束テキスト
---------------------------------------------------------------------------*/

.yakusoku_text {
    border-style: none;
    width: 100%;
    margin-top: 10px;
}

.yakusoku_left {
    float: left;
    width: 60%;
}

.yakusoku_right {
    float: left;
    width: 35%;
    padding: 26px 0 0 0;
}



.waku {
    padding: 1em;
    border: 3px solid #ccc;
    border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}

.waku2 {
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    font-weight: bolder;
}



/*course.html内のメニュー案内の各ブロック
---------------------------------------------------------------------------*/


/*ボックスの設定*/

#main section.list {
    margin-bottom: 15px;
    /*ボックス間のスペース*/
    border-radius: 10px;
    /*角丸のサイズ*/
    background: #FFF;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
    /*グラデーション*/
    background: -webkit-linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    background: linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    position: relative;
    overflow: hidden;
    color: #333;
    /*文字色*/
    border: 1px solid #CCC;
    /*枠線の幅、線種、色*/
}

#main section.list a {
    padding: 20px;
    /*ボックス内の余白*/
    text-decoration: none;
    display: block;
    overflow: hidden;
    -webkit-transition: 0.5s;
    /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
    transition: 0.5s;
    /*同上*/
}

#main section.list a:hover {
    background: #FFF;
    /*マウスオン時の背景色*/
}



/*ボックス内の段落タグ設定*/

#main section.list p {
    padding: 0px;
    margin-left: 34%;
    /*左の写真とのバランスをとって設定*/
}



/*ボックス内の写真設定*/

#main section.list figure img {
    float: left;
    /*画像を左へ回り込み*/
    background: #FFF;
    /*画像の背景色。ここでは枠線と画像の間の色になります。*/
    padding: 5px;
    /*余白。ここに上の行で設定した背景色が出ます。*/
    width: 30%;
    /*写真の幅*/
    height: auto;
    /*写真の高さ*/
    border: 1px solid #ccc;
    /*線の幅、線種、色*/
}



/*ボックス内のh4タグ設定*/

#main section.list h4 {
    font-size: 100%;
    color: #8da472;
    /*文字色*/
    margin-left: 34%;
    /*左の写真とのバランスをとって設定*/
    border-bottom: 1px solid #8da472;
    /*下側の線の幅、線種、色*/
    margin-bottom: 0.5em;
}



/*「mark1(キャンペーン中)」マーク
---------------------------------------------------------------------------*/

.mark1 {
    font-size: 10px;
    /*文字サイズ*/
    color: #FFF;
    /*文字色*/
    background: #fa5d95;
    /*背景色*/
    text-align: center;
    display: block;
    width: 200px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    -webkit-transform: rotate(-45deg) translate(37px, 20px);
    -ms-transform: rotate(-45deg) translate(37px, 20px);
    transform: rotate(-20deg) translate(60px, 10px);
}



/*サブコンテンツ
---------------------------------------------------------------------------*/

#sub {
    float: left;
    /*左側に回り込み*/
    width: 300px;
    /*サブコンテンツ幅*/
    padding-bottom: 30px;
    padding-right: 8px;
    padding-left: 8px;
}



/*subコンテンツ内のh2タグ設定*/

#sub h2 {
    font-size: 100%;
    padding: 15px 10px;
    /*左から、上下、左右への余白*/
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #9a4423;
    /*背景色*/
    border-bottom: 1px solid #d2d2d2;
    /*下部の線の幅、線種、色*/
    border-top: 5px solid #987f5f;
    /*上部の線の幅、線種、色*/
    color: white;
}



/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/


/*メニュー全体の設定*/

#sub ul.submenu {
    margin-bottom: 15px;
    /*メニューブロックの下にあけるスペース*/
}



/*メニュー１個ごとの設定*/

#sub ul.submenu li a {
    text-decoration: none;
    display: block;
    padding: 2px 10px;
    /*左から、上下、左右への余白*/
    background: #FFF;
    /*背景色*/
    margin-top: 5px;
    color: #df0013;
    font-weight: bold;
}



/*マウスオン時の設定*/

#sub ul.submenu li a:hover {
    background: #ffd8db;
    /*背景色*/
    color: #df0013;
    /*文字色*/
}



/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/

#sub .box1 {
    border: 1px solid #CCC;
    /*枠線の幅、線種、色*/
    padding: 10px;
    /*ボックス内の余白*/
    margin-bottom: 15px;
    /*ボックスの下に空けるのスペース*/
    background-color: #FFF;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eaeaea));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#FFF, #eaeaea);
    /*同上*/
    background-image: linear-gradient(#FFF, #eaeaea);
    /*同上*/
    -webkit-box-shadow: 0px 0px 1px #FFF inset;
    /*内側への影を右・下・ぼかし幅・距離・色を設定*/
    box-shadow: 0px 0px 0px 1px #FFF inset;
    /*同上*/
}



/*サイドのメニューボックス（施術ﾒﾆｭｰ)
---------------------------------------------------------------------------*/

.sidemenu_box {
    width: 240px;
    border-width: 1px;
    border-style: solid;
    border-color: #9a4423;
}



/*フッター設定
---------------------------------------------------------------------------*/

footer {
    clear: both;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #573731;
    /*文字色*/
    overflow: hidden;
}

footer .pr {
    display: block;
    font-size: 80%;
}

footer a {
    text-decoration: none;
    color: #573731;
}

footer a:hover {
    color: #573731;
}



/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/


/*ブロック全体の設定*/

#new {
    margin-bottom: 15px;
}

#new dl {
    overflow: auto;
    /*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
    height: 150px;
    /*ボックスの高さ*/
    padding-left: 15px;
}



/*日付設定*/

#new dt {
    font-weight: bold;
    /*太字にする設定。標準がいいならこの行削除。*/
    float: left;
    width: 8em;
}



/*記事設定*/

#new dd {
    border-bottom: 1px solid #d2d2d2;
    /*下線の幅、線種、色*/
    padding-left: 8em;
}

#new dd img {
    vertical-align: middle;
}



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

.ta1 {
    width: 100%;
}

.ta1,
.ta1 td,
.ta1 th {
    border: 1px solid #CCC;
    /*テーブルの枠線の幅、線種、色*/
    line-height: 2;
}



/*テーブル内の右側*/

.ta1 td {
    padding: 10px;
}



/*テーブル内の左側*/

.ta1 th {
    width: 180px;
    padding: 10px;
    text-align: center;
    background-color: #e2e2e3;
    /*背景色*/
}



/*テーブル１行目に入った見出し部分*/

.ta1 th.tamidashi {
    width: auto;
    text-align: left;
    color: #FFF;
    /*文字色*/
    background-color: #333;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#4b4b4b, #333);
    /*同上*/
    background-image: linear-gradient(#4b4b4b, #333);
    /*同上*/
}



/*ボタンの設定*/

input[type="submit"],
input[type="reset"] {
    width: 250px;
    /*ボタン幅*/
    padding: 10px;
    /*ボタン内の余白*/
    margin-bottom: 20px;
    border-radius: 30px;
    /*角丸のサイズ*/
    background-color: #e5e5e5;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    background-image: linear-gradient(#FFF, #e5e5e5);
    font-size: 16px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    border: 1px solid #61C359;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #61C359;
    /*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
    margin: 0 8px;
}


input[type="submit"],
input[type="button"],
input[type="reset"] {
    /*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/
}


input[type="button"] {
    width: 250px;
    /*ボタン幅*/
    padding: 10px;
    /*ボタン内の余白*/
    margin-bottom: 20px;
    border-radius: 30px;
    /*角丸のサイズ*/
    background-color: #e5e5e5;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    background-image: linear-gradient(#FFF, #e5e5e5);
    font-size: 16px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    border: 1px solid #f0f0f0;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #fff;
    /*ボタン色*/
    color: #292929;
    border-bottom: solid 4px #f0f0f0;
    border-radius: 3px;
    margin: 0 8px;
}


.searchform input[type="submit"] {
    width: 10%;
    /*ボタン幅*/
    padding: 10px;
    /*ボタン内の余白*/
    margin-bottom: 20px;
    /*角丸のサイズ*/
    font-size: 16px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 10px 0;
    text-decoration: none;
    color: #9e9e9e;
    margin: 0 8px;
    background: none;
    background-color: none;
    border: none;
}



/*PAGE TOP設定
---------------------------------------------------------------------------*/

#pagetop {
    clear: both;
}

#pagetop a {
    color: #ffffff;
    /*文字色*/
    font-size: 10px;
    /*文字サイズ*/
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #ec3f0a;
    /*背景色*/
    text-decoration: none;
    text-align: center;
    width: 12em;
    /*ボックス幅*/
    display: block;
    float: right;
    letter-spacing: 0.1em;
    /*文字間隔を少し広めにとる設定。*/
    line-height: 30px;
    margin-top: -30px;
    border-radius: 6px 6px 0 0;
}



/*マウスオン時*/

#pagetop a:hover {
    background-color: #666;
    /*背景色*/
    color: #FFF;
    /*文字色*/
}



/*その他
---------------------------------------------------------------------------*/

.look {
    background: #dcdcdc;
}

.mb15,
.mb1em {
    margin-bottom: 15px;
}

.clear {
    clear: both;
}

ul.disc {
    padding: 0em 25px 1em;
    list-style: disc;
}

.color1 {
    color: #ff7e0f;
}

.pr {
    font-size: 10px;
}

.btn {
    font-size: 13px;
}

.wl {
    width: 96%;
}

.ws {
    width: 50%;
}

.c {
    text-align: center;
}

.r {
    text-align: right;
}

figcaption {
    font-size: 11px;
}

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

.newicon {
    background: #F00;
    color: #FFF;
    font-size: 10px;
    padding: 0px 5px;
    border-radius: 2px;
    margin-left: 5px;
}

#menubar_hdr {
    display: none;
}

article youtube {
    margin: 5px 0;
    border: 5px #e0e0e0 solid;
}

#banner {
    display: none;
}



/*予約*/

#yoyaku_box {
    width: 100%;
}

.yoyaku_in {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.yoyaku_left {
    float: left;
    width: 50%;
    margin-left: 0px;
}

.yoyaku_left_s {
    float: left;
    width: 100%px;
    margin-left: 0px;
}

.yoyaku_left p {
    font-size: 10px;
}

.yoyaku_right_s {
    float: left;
    width: 95%px;
}

.yoyaku_right {
    float: left;
    width: 48%;
    padding-left: 10px;
}

.yoyaku_right li {
    padding-top: 5px;
}

.yoyaku_in section {
    padding: 0px 20px 15px;
    margin: 10px 0 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
}

.yoyaku_in section ul li {
    margin-top: 0px;
    margin-bottom: 10px;
}

.yoyaku_text {
    border-style: none;
    width: 100%;
    margin-top: 10px;
}



/*LINE*/

#line_box {
    width: 100%;
}

.line_in {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.line_left {
    float: left;
    width: 30%;
    margin-left: 0px;
}

.line_left_s {
    float: left;
    width: 100%px;
    margin-left: 0px;
}

.line_left p {
    font-size: 10px;
}

.line_right_s {
    float: left;
    width: 95%px;
}

.line_right {
    float: left;
    width: 64%;
    padding-left: 10px;
}

.line_text {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    padding: 5px;
}

.line_right li {
    padding-top: 5px;
    font-size: 16px;
}

.line_in section {
    padding: 15px 20px 15px;
    margin: 10px 0 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #45b345;
    box-sizing: border-box;
}

.line_in section ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.line_text {
    border-style: none;
    width: 100%;
    margin-top: 10px;
}



.access_box {
    width: 100%;
}

.access_in {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.access_in_left {
    float: left;
    padding: 5px;
    width: 48%;
    text-align: center;
}

.access_in_left span {
    font-size: 10px;
}

.access_in_right {
    float: left;
    padding: 5px;
    width: 48%;
    text-align: center;
}

.access_in_right span {
    font-size: 10px;
}


.seminar_box {
    width: 100%;
}

.seminar_in {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.seminar_in_left {
    float: left;
    padding: 5px;
    width: 18%;
}

.seminar_in_left2 {
    float: left;
    padding: 5px;
    width: 18%;
}

.seminar_in_center {
    float: left;
    padding: 5px;
    width: 18%;
}

.seminar_in_right {
    float: left;
    padding: 5px;
    width: 18%;
}

.seminar_in_right2 {
    float: left;
    padding: 5px;
    width: 18%;
}



/*お客様の声*/

.voice_box {
    width: 90%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFEED5;
    padding: 16px;
    border-radius: 3px;
}

.voice_in {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 3px;
}

.voice_box_right {
    width: 58%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: left;
}

.voice_box_right span {
    display: block;
    font-size: 8px;
    text-align: right;
}


.voice_box_left {
    float: left;
    width: 35%;
    margin-right: auto;
    margin-left: auto;
    padding: 16px;
    text-align: center;
}

#main .voice_in p {
    margin: 0.5em 0 0 0;
    padding: 0 0 0 8px;
}



/*料金*/

.price_box {
    width: 95%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    padding: 16px;
}

.price_in {
    width: 100%;
}


.price_box_right {
    width: 58%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: left;
}

.price_box_right span {
    display: block;
    font-size: 8px;
    text-align: right;
}


.price_box_left {
    float: left;
    width: 35%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 16px;
    text-align: center;
}

#main .price_in p {
    margin: 0.5em 0 0 0.5em;
    padding: 8px 8px 8px;
}

.box_price {
    margin: 2em 0;
    background: #dcefff;
}


.price_box_right .box_price .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 16px 0px;
}


.box_price p {
    padding: 15px 20px;
    margin: 0;
}


/*サブページ内の説明ボックス*/

.business2 #main .subpage_box h3 {
    position: relative;
    padding: 0px 0 0px 4px;
    margin-left: 0px;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 5px;
    border-bottom: none;
    border-top: none;
    width: 29%;
    color: #df0013;
    text-align: center;
    background-color: #efe7e7;
}

.business2 #main .subpage_box h3:before {
    display: none;

}

.subpage_box {
    width: 100%;
    /* margin-top: 10px; */
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
}

.subpage_box_left {
    float: left;
    width: 42%;
    padding: 8px;
}

.subpage_box_right {
    float: left;
    width: 53%;
    text-align: left;
    margin-top: 68px;
    padding-right: 8px;
    padding-top: 0;
}

.subpage_box_right3 {
    float: left;
    width: 53%;
    text-align: left;
    margin-top: 12px;
    padding-right: 8px;
    padding-top: 0;
}

.subpage_box_right2 {
    float: left;
    width: 50%;
    text-align: left;
    margin-top: 70px;
}

.clear {
    clear: both;
}



/*施術の流れボックス*/

.nagare_box {
    width: 94%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.nagare_box_left {
    float: left;
    width: 35%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.nagare_box_right {
    float: left;
    width: 60%;
    text-align: left;
}

.nagare_box_left1 {
    float: left;
    width: 60%;
    text-align: left;
}

.nagare_box_right1 {
    float: left;
    width: 35%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}



/*チェックボックス
---------------------------------------------------------------------------*/

.check_box {
    width: 100%;
    height: auto;
    padding: 10px;
}

.check_list {
    float: left;
    width: 95%;
    margin-top: 5px;
}

.check_in {
    float: left;
    width: 95%;
    margin-top: 5px;
    padding-left: 15px;
}

.check_left {
    float: left;
    width: 50%;
    margin-top: 5px;

    padding: 0 8px 0 8px;
}


.check_right {
    float: left;
    width: 42%;
    padding: 16px;
}

.space1 {
    height: 1px;
}

.check {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 16px;
    counter-increment: titleNum;
}

.check_left li {
    list-style: none;
    padding: 3px 0px 3px 24px;
    line-height: 30px;
    background-position-y: 2px;
    border-bottom: dotted 1px #D7CCC8;
}

.check_left li:before {
    margin-left: -24px;
    position: absolute;
    font-family: FontAwesome;
    content: '\f058';
    color: #df0013;
}

.defaultlist,
.defaultlist li {
    padding: 0px;
    margin: 0px;
}

.defaultlist li {
    list-style-type: none !important;
    list-style-image: none !important;
    margin: 5px 0px 5px 0px !important;
}

.list4 li {
    position: relative;
    padding-left: 20px;
}

.list4 li:after,
.list4 li:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    height: 11px;
    width: 4px;
    background: #aaa;
    border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.list4 li:before {
    top: 8px;
    left: 3px;
    height: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}



/*選ばれるボックス
---------------------------------------------------------------------------*/

.erabareru_box {
    border-width: 4px;
    border-style: solid;
    border-color: #fae8e7;
    width: 100%;
    height: auto;
    background-image: url(image/erabareru_bg.jpg);
    background-repeat: repeat;
    font-weight: bold;
}

.box1 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 5px 0;
    text-align: center;
    background: rgb(241, 113, 126);
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 8px;
}

.box1:before {
    content: '';
    width: 0px;
    height: 0px;
    border-width: 25px 0px 25px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.box1:after {
    content: '';
    width: 0px;
    height: 0px;
    border-width: 25px 10px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.box1 p {
    color: #fff;
    height: 38px;
    font-size: 18px;
    line-height: 24px;
    border-top: 1px dashed rgb(255, 255, 255);
    border-bottom: 1px dashed rgb(255, 255, 255);
    margin: 0;
    padding: 0 10px;
    font-weight: 800;
    box-sizing: border-box;
}

.erabareru_left {
    float: left;
    width: 410px;
}

.erabareru_right {
    float: left;
    width: 260px;
}

.erabareru_in {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.erabareru_in section {
    padding: 16px 24px 16px;
    margin: 16px 0 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffffff;
    box-sizing: border-box;
}

.space1 {
    height: 1px;
}

.check_erabareru {
    font-weight: bolder;
    padding-left: 15px;
    padding-right: 15px;
}

.check li {
    list-style: none;
    background: url(image/check_icon1.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
    padding: 3px 0px 3px 38px;
}

.riyuu {
    position: relative;
    padding: 16px 0px 8px 3em;
    border-bottom: 1px solid #ccc;
    line-height: 35px;
}

.riyuu::before {
    position: absolute;
    top: 17px;
    left: 0;
    counter-increment: number 1;
    /* number カウンタの増加数をセット */
    content: counter(number) " ";
    /* 表示形式を指定 */
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #dab485;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.step {
    clear: both;
    background: url(image/step_bg.png) left center / auto auto no-repeat scroll padding-box border-box, linear-gradient(#ffffff, #ffffff) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
    background: url(image/step_bg.png) no-repeat left center, -webkit-linear-gradient(#FFF, #ffffff);
    -webkit-box-shadow: 1px 2px 5px #e2e2e2;
    box-shadow: 1px 2px 5px #e2e2e2;
    font-size: 100%;
    padding: 2px 15px;
    border-radius: 6px;
    border: 1px solid #cccccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.step_left {
    float: left;
    width: 12%;
    color: #fff;
    font-weight: bold;
}

.step_right {
    float: left;
    width: 80%;
}

.step_midashi {
    padding-bottom: .5em;
    border-bottom: 1px solid #ccc;
    font-weight: bolder;
    width: 96%;
    margin-right: auto;
    margin-left: auto;
}

.step_midashi span {
    display: block;
    margin-bottom: .2em;
    color: #fe9e1a;
    font-size: .9em;
}

.kotsubantext {
    background-image: url(image/kotsuban_gazou1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-position-y: 30px;
    padding-left: 14px;
}

.katakoritext {
    background-image: url(image/katakori_gazou1.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.sangotext {
    background-image: url(image/sango_gazou1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-position-y: 50px;
}

.bikyakutext {
    background-image: url(image/bikyaku_gazou1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-position-y: 50px;
}

.youtsutext {
    background-image: url(image/youtsu_gazou1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-position-y: 50px;
}

.nekozetext {
    background-image: url(image/nekoze_gazou1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-position-y: 50px;
}

.kogaotext {
    background-image: url(image/kogao_gazou1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-position-y: 50px;
}

.staff {
    padding: 15px 10px 7px 10px;
    width: 90%;
    background-color: #ffffff;
    margin-left: 25px;
    font-size: 14px;
}

.staff li {
    padding: 0 5px 3px 15px;
    background: url(image/li.jpg) no-repeat left 8px;
}

.switch {
    visibility: hidden;
}

.price {
    clear: both;
    background: url() right center / auto auto no-repeat scroll padding-box border-box, linear-gradient(#ec3f0a, #ec3f0a) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    /*背景画像の読み込みとグラデーション*/
    background: url() no-repeat right center, -webkit-linear-gradient(#ec3f0a, #ec3f0a);
    /*同上*/
    /*同上*/
    -webkit-box-shadow: 1px 2px 5px #e2e2e2;
    /*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
    box-shadow: 1px 2px 5px #e2e2e2;
    /*同上*/
    font-size: 100%;
    padding: 4px 15px;
    /*左から、上下、左右への余白*/
    border-radius: 6px;
    /*角丸のサイズ*/
    border: 1px solid #cccccc;
    /*枠線の幅、線種、色*/
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.price_list {
    width: 95%;
    background-color: #f9e6e5;
    height: auto;
    padding: 0px 0px 0px 20px;
    margin-right: auto;
    margin-left: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #f4d2d1;
}

.price_list_in {
    width: 95%;
    height: auto;
    margin-right: 29px;
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 15px;
}

.price_left {
    float: left;
    width: 45%;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}

.price_right {
    float: left;
    width: 45%;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}

.inner {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.inner2 {
    margin: 0 auto;
    width: 1060px;
    position: relative;
}

.footer_in {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-attachment: scroll;
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
    /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
    padding: 10px;
    /*ボックス内の余白*/
    color;
    #ffffff;
    overflow: hidden;
}

.footer_left {
    float: left;
    width: 60%;
}

.footer_right {
    float: left;
    width: 34%;
    text-align: left;
    padding: 10px;
    /*ボックス内の余白*/
}

.point_img {
    margin-top: -65px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px;
}

.yakusoku_img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px;
}

.indent {
    margin-left: 1em;
    text-indent: -1em;
}

.tyui_box {
    border: 2px solid #e1e1e1;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}

.tyui_box::before {
    background-color: #fff;
    color: #f57c00;
    content: "注意事項";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.tyui_box li {
    padding: 0 5px 3px 15px;
    background: url(../image/li.jpg) no-repeat left 8px;
}

.yoyaku {
    position: relative;
    text-align: center;
}

.yoyaku span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 4em;
    padding: 0 1em;
    background-color: #fff;
    text-align: left;
    font-weight: bolder;
    font-size: 16px;
}

.yoyaku::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #ccc;
    background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
    background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}


/**
 * Blog
 */

.date {
    float: right;
}

.blog_in {
    width: 100%;
    padding: 16px;
}

.blog_in_l {
    width: 24%;
    padding: 8px;
    float: left;
}

.blog_in_r {
    width: 70%;
    padding: 8px;
    float: left;
}


.blog-title-article {
    margin-bottom: 0px;
    margin-left: 5px;
}

.blog-wrap {
    border-bottom: 1px dotted #ccc;
    margin: 0 0 2em 0;
}

.blog-header {
    padding: 5px;
    color: #888;
    font-size: 13px;
}

.blog-body {
    padding: 10px 5px;
}

.blog-title-index {
    margin-bottom: 0px;
    margin-left: 5px;
    font-size: 2em;
    color: #333;
}

.blog-title-category {
    font-size: 1.17em;
    font-weight: normal;
    color: #888;
}

.blog-footer {
    padding: 5px;
    text-align: right;
}

.about-body {
    padding: 10px 5px;
}

.map-body {
    padding: 10px 5px;
}

.contact-body {
    padding: 10px 5px;
}

#menubar {
    background: #fff;
}

.blog_side {
    border: 1px solid #e1e1e1;
    box-shadow: 0 3px 0 rgba(8, 1, 2, 0.03);
}

.blog_title {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 5px;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    overflow: visible;
}

.blog_simple {
    display: block;
    border-bottom: 1px dotted #e1e1e1;
    padding: 15px;
}

.blog_simple a {
    text-decoration: none;
}

.blog_simple a:hover {
    color: #00a9c7;
}

.blog_simple:hover {
    background-color: #f3f3f3;
}

.underline {
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    font-size: x-large;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    line-height: normal;
    text-align: center;
}

.fuwafuwa {
    -webkit-animation-name: fuwafuwa;
    /* fuwafuwaっていうアニメーションをしてね！ */
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    /*-webkit-animation-direction:alternate;*/
    -webkit-animation-timing-function: ease;

    -moz-animation-name: fuwafuwa;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    /*-moz-animation-direction:alternate;*/
    -moz-animation-timing-function: ease;
}


/* fuwafuwaっていうアニメーションはこんなふうだよ！ */

@-webkit-keyframes fuwafuwa {
    0% {
        -webkit-transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, -10px);
    }
    100% {
        -webkit-transform: translate(0, 0);
    }
}

@-moz-keyframes fuwafuwa {
    0% {
        -moz-transform: translate(0, 0);
    }
    50% {
        -moz-transform: translate(0, -10px);
    }
    100% {
        -moz-transform: translate(0, 0);
    }
}


/*--------------------------------
PREV NEXT
---------------------------------*/

#prev_next {
    width: 100%;
    margin: 36px 0 24px;
    padding: 0;
    display: table;
}

#prev_next #prev,
#prev_next #next {
    width: 50%;
    padding: 30px 10px 10px;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    display: table-cell;
    position: relative;
    text-decoration: none;
}

#prev_next #prev p,
#prev_next #next p {
    font-size: 90%;
    line-height: 1.5;
}

#prev_next #prev:hover,
#prev_next #next:hover {
    background-color: rgba(238, 238, 238, 0.7);
}

#prev_next #prev {
    border-right: #ccc 1px solid;
}

#prev_next #prev_title,
#prev_next #next_title {
    font-size: 90%;
    top: -1em;
    position: absolute;
    border: 1px #ccc solid;
    background: #fff;
    text-align: center;
    padding: 3px;
    color: #666;
}

#prev_next #next_title {
    right: 10px;
}

#prev_next #prev img,
#prev_next #next img {
    margin: 0 auto;
}

#prev_next #prev_no,
#prev_next #next_no {
    width: 50%;
    height: 140px;
    padding: 0 10px;
    display: table-cell;
}

#prev_next #prev_no {
    border-right: #ccc 1px solid;
}

#prev_next_home {
    margin: 0 auto;
    background-color: #39f;
    border: solid 9px #fff;
    width: 100px;
    height: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0 0 0 3px #39f;
    -webkit-box-shadow: 0 0 0 3px #39f;
    -moz-box-shadow: 0 0 0 3px #39f;
    text-align: center;
}

#prev_next_home:hover {
    background-color: rgba(0, 0, 255, 0.7);
}

#prev_next_home i {
    color: #FFF;
    margin: 10px auto;
    font-size: 60px;
}


/*-- ここまで --*/


/*media Queries タブレットサイズ
----------------------------------------------------*/

@media only screen and (max-width: 780px) {}


/*media Queries タブレットサイズ
----------------------------------------------------*/

@media only screen and (min-width: 380px) {}


/*media Queries PCサイズ
----------------------------------------------------*/

@media only screen and (min-width: 780px) {
    /*-- ここから --*/
    /*--------------------------------------
768px PREV NEXT
--------------------------------------*/
    #prev_next #prev,
    #prev_next #prev::before,
    #prev_next #prev::after,
    #prev_next #next,
    #prev_next #next::before,
    #prev_next #next::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    #prev_next #prev_title,
    #prev_next #next_title {
        padding: 3px 10px;
    }
    #prev_next #next_title {
        right: 10px;
    }
    #prev_next #prev img {
        float: left;
        margin-right: 10px
    }
    #prev_next #next img {
        float: right;
        margin-left: 10px;
    }
    /*-- ここまで --*/
}

@media (min-width:481px) and (max-width:980px) {

    #header_in {
    display: none;
}

    .logo_sp{width: 30%;}

    .menu_in_left {
    float: left;
    width: 100%;
    padding: 8px;
    margin-right: auto;
}

.menu_in_right {
    float: right;
    width: 100%;
    padding: 8px;
    margin-left: auto;
}

#mainimg{background-size: cover;}

    header {
        height: 120px;
        /*ヘッダーの高さ*/
        width: 100%;
        /*ヘッダーの幅*/
        position: relative;
        margin-top: -10px;
        padding-right: 20px;
        margin-left: -10px;
    }
    footer {
        clear: both;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #ffffff;
        /*文字色*/
        width: 100%;
        /*幅*/
    }

    #top_bg {
        width: 100%;
        /*幅*/
        margin-left: auto;
        margin-right: auto;
        background-attachment: scroll;
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
        /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
        background-color: #fef9ea;
        background-image: url(image/top_bg.png);
        background-position: top, center 0px;
        background-repeat: no-repeat;
        overflow: hidden;
    }


    #container {
        width: 100%;
        /*コンテナー幅*/
        margin-left: auto;
        margin-right: auto;
        background-attachment: scroll;
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
        /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
        padding: 0px;
        /*ボックス内の余白*/
        overflow: hidden;
    }
    #container2 {
        width: 100%;
        /*コンテナー幅*/
        margin-left: auto;
        margin-right: auto;
        background-attachment: scroll;
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
        /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
        padding: 10px;
        /*ボックス内の余白*/
        background-color: #fff;
        overflow: hidden;
        margin-left: 0px;
        margin-right: 0px;
    }
    .inner2 {
        margin: 0 auto;
        width: 100%;
    }

    #sub {
        float: left;
        /*左側に回り込み*/
        width: 100%;
        /*サブコンテンツ幅*/
        padding-bottom: 30px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .footer_in {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-attachment: scroll;
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
        /*背景色と右上の植物の背景画像(リピートなし、右、上に配置)読み込み*/
        padding: 10px;
        /*ボックス内の余白*/
        color;
        #ffffff;
        overflow: hidden;
    }

    nav#menubar ul li {
        display: none;
        float: left;
        width: 14%;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    nav#menubar ul li:first-child {
        border-left: none;
        border-top: none;
    }

    nav#menubar ul li:last-child {
        width: 15%;
        border-right: none;
    }

    nav#menubar ul {
        overflow: hidden;
        width: 100%;
    }

    nav#menubar ul li a {
        font-size: 12px;
    }

    #contents {
        clear: left;
        padding-top: 30px;
        margin: 0px 0px;
        overflow: hidden;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #main {
        float: right;
        /*右側に回り込み*/
        width: 100%;
        /*メインコンテンツ幅*/
        padding-bottom: 30px;
        padding-right: 0px;
        padding-left: 0px;
    }

    #wrap {
        overflow: hidden;
    }

    .site_logo {
        float: left;
        width: 37%;
        margin-top: 0px;
    }

    .head_bunner {
        float: right;
        width: 62%;
        text-align: right;
        padding-top: 0px;
    }
}



/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/


/*表示を切り替えるウィンドウサイズの指定*/

@media (max-width: 480px) {

    .box29 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .price_box {
    padding: 0;
}

.price_box_left {
    padding: 0;
}

    .cb ul li {
    position: relative;
    padding-left: 25px;
    word-wrap: break-all;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-bottom: 16px;
    line-height: 1.7em;
    border-bottom: dotted 1px #D7CCC8;
}

  .break:before {
    content: "\A";
        white-space: pre; /* ←あわせてこれを指定しないと改行しない場合があるらしい */
  }

.square_btn{
width: 80%;
}

.tableBasic01 table th {
    width: 26%;
}

    .breadcrumbs {
    width: 90%;
    margin: 0px 0 16px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    }
    body {
        font: 14px/2 -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
        /*文字サイズ・行間、フォントファミリー*/
    }
    /*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
    /*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
    #container {
        width: auto;
        margin-bottom: -10px;
        overflow: hidden;
    }
    #top_bg {
        background-image: none;
    }
    #container2 {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 0 0;
    }

    table {
        width: 95%;
    }
    /*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
    /*ヘッダーブロック*/
    br {
        display: none;
    }
    header {
        height: auto;
        /*ヘッダーの高さ*/
        width: 100%;
        /*ヘッダーの幅*/
        position: relative;
        margin-bottom: 15px;
        background: none;
    }


.price_box_left {
    float: left;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    /* padding: 10px 16px; */
    text-align: center;
}


.price_box_right {
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    text-align: left;
}

#table08 {
   width: 96%;
   border-style: none;
   border-color: #fff;
}

#table08 thead th {
  padding: 8px 1px;
  text-align: center;
  color: #fff;
  border-radius: 10px 10px 0 0;
  border: none;
  font-size: 13px;
}
#table08 thead th:nth-child(2) {
  background: #9DBD6F;
}
#table08 thead th:nth-child(3) {
  background: #6BA3BF;
}

#table08 tbody th {
  padding: 8px;
  font-weight: 700;
  background: #fbf9f9;
}
#table08 tbody .row1 th,
#table08 tbody .row2 th,
#table08 tbody .row3 th {
  border-bottom: solid 1px #dedddd;
}
#table08 tbody .row1 td {
  font-size: 33px;
  font-weight: 700;
  padding: 15px 0px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
#table08 tbody .row1 td span {
  font-size: 19px;
}
#table08 tbody .row1 td:nth-child(2) {
  background: #B6CD96;
}

#table08 tbody .row1 td:nth-child(3) {
  background: #9BC7DE;
}
#table08 tbody .row2 td,
#table08 tbody .row3 td,
#table08 tbody .row4 td {
  padding: 0px;
  padding-left: 2px;
  border-right: 2px dotted #cdc8c8;
}

#table09 {
   width: 96%;
   border-style: none;
   border-color: #fff;
}

#table09 thead th {
  padding: 8px 1px;
  text-align: center;
  color: #fff;
  border-radius: 10px 10px 0 0;
  border: none;
  font-size: 13px;
}
#table09 thead th:nth-child(2) {
  background: #f3608d;
}
#table09 thead th:nth-child(3) {
  background: #f3a052;
}

#table09 tbody th {
  padding: 8px;
  font-weight: 700;
  background: #fbf9f9;
}
#table09 tbody .row1 th,
#table09 tbody .row2 th,
#table09 tbody .row3 th {
  border-bottom: solid 1px #dedddd;
}
#table09 tbody .row1 td {
  font-size: 33px;
  font-weight: 700;
  padding: 15px 0px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
#table09 tbody .row1 td span {
  font-size: 20px;
}
#table09 tbody .row1 td:nth-child(2) {
  background: #f59eba;
}

#table09 tbody .row1 td:nth-child(3) {
  background: #f5bf8b;
}
#table09 tbody .row2 td,
#table09 tbody .row3 td,
#table09 tbody .row4 td {
  padding: 6px;
  padding-left: 7px;
  border-right: 2px dotted #cdc8c8;
}
#table10 {
   width: 99%;
   border-style: none;
   border-color: #fff;
}

#table10 thead th {
  padding: 8px 1px;
  text-align: center;
  color: #fff;
  border-radius: 10px 10px 0 0;
  border: none;
  font-size: 15px;
}
#table10 thead th:nth-child(2) {
  background: #9DBD6F;
}
#table10 thead th:nth-child(3) {
  background: #6BA3BF;
}
#table10 thead th:nth-child(4) {
  background: #f3608d;
}
#table10 thead th:nth-child(5) {
  background: #f3a052;
}
#table10 tbody th {
  padding: 8px;
  font-weight: 700;
  background: #fbf9f9;
}
#table10 tbody .row1 th,
#table10 tbody .row2 th,
#table10 tbody .row3 th {
  border-bottom: solid 1px #dedddd;
}
#table10 tbody .row1 td {
  font-size: 36px;
  font-weight: 700;
  padding: 15px 10px;
  color: #fff;
  text-align: center;
  line-height: 0.7em;
}
#table10 tbody .row1 td span {
  font-size: 19px;
  text-align: center;
}
#table10 tbody .row1 td:nth-child(2) {
  background: #B6CD96;
}
#table10 tbody .row1 td:nth-child(3) {
  background: #9BC7DE;
}
#table10 tbody .row1 td:nth-child(4) {
  background: #f59eba;
}
#table10 tbody .row1 td:nth-child(5) {
  background: #f5bf8b;
}
#table10 tbody .row2 td,
#table10 tbody .row3 td,
#table10 tbody .row4 td {
  padding: 5px;
  padding-left: 7px;
  border-right: 2px dotted #cdc8c8;
}


    /*サイトロゴの設定*/
    .site_logo {
        display: none;
        width: 100%;
        margin-top: 0px;
        text-align: center;
        margin-left: 5px;
    }
    #header_in {
        width: 100%;
        height: 20px;
        margin: 0px auto;
        clear: both;
        padding: 8px 0 8px;
    }
    #mainimg {
        clear: left;
        width: 100%;
        height: auto;
        position: relative;
        margin-top: -15px;
        background-image: url(image/head_bg_sp.jpg);
    }
    /*上部のメインメニュー
---------------------------------------------------------------------------*/
    nav#menubar ul {
        padding-left: 0;
        margin-left: 0px;
        border-bottom: 2px solid #ffffff;
    }
    /*メニュー１個ごとの設定*/
    nav#menubar ul li {
        float: left;
        width: 50%;
        border-bottom: 1px solid #ffffff;
        /*下の線の幅、線種、色*/
        background: none 0% 0% / auto auto repeat scroll padding-box border-box #f06d1f/*背景色（古いブラウザだとここの色のみが出ます）*/
        border-right: 1px solid #fffffff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    nav#menubar ul li a {
        letter-spacing: normal;
    }
    nav#menubar ul li:nth-child(odd) {
        border-left: 1px solid #ffffff;
    }
    nav#menubar ul li:last-child {
        width: 100%;
    }

    #main .subpage_box_right p {
    padding: 0px 0px;
}

#main .subpage_box_right3 p {
    padding: 0px 0px;
}

    /*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
    #contents {
        width: auto;
        padding-top: 15px;
        margin: 0px;
    }
    /*main,subコンテンツ
---------------------------------------------------------------------------*/
    #main,
    #sub {
        float: none;
        width: auto;
        padding: 0 9px;
    }
    /*mainコンテンツ
---------------------------------------------------------------------------*/
    /*mainコンテンツの段落タグ設定*/
    #main p {
        padding: 0px 13px 0px;
        /*左から、上、左右、下への余白*/
    }
    /*course.html内のメニュー案内の各ブロック
---------------------------------------------------------------------------*/
    /*ボックス内の段落タグ設定*/
    #main section.list p {
        margin-left: 0;
    }
    /*ボックス内の写真設定*/
    #main section.list figure img {
        float: none;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 10px;
    }
    /*ボックス内のh4タグ設定*/
    #main section.list h4 {
        margin-left: 0;
    }
    /*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
    section#new.open {
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#8da472), to(#5a743f));
        /*背景画像とマイナスアイコンとグラデーション*/
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#8da472, #5a743f);
        /*同上*/
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_minus.png) no-repeat right center, linear-gradient(#8da472, #5a743f);
        /*同上*/
    }
    section#new h2.close {
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#8da472), to(#5a743f));
        /*背景画像とプラスアイコンとグラデーション*/
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#8da472, #5a743f);
        /*同上*/
        background: url(images/bg1.png) no-repeat center center, url(images/bg2.png) no-repeat right center, url(images/btn_plus.png) no-repeat right center, linear-gradient(#8da472, #5a743f);
        /*同上*/
    }
    /*ブロック全体の設定*/
    #new dl {
        height: auto;
        margin: 5px 5px 0px;
    }
    /*日付設定*/
    #new dt {
        float: none;
        width: auto;
    }
    /*記事設定*/
    #new dd {
        padding-left: 0;
    }
    /*テーブル１
---------------------------------------------------------------------------*/
    .ta1 {
        width: 100%;
    }
    /*テーブル内の右側*/
    .ta1 td {
        width: auto;
        padding: 2px;
    }
    /*テーブル内の左側の見出し部分*/
    .ta1 th {
        width: 100px;
        padding: 2px;
    }
    /*その他
---------------------------------------------------------------------------*/
    /*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
    body.s-n #sub {
        display: none;
    }
    /*メニュー折りたたみ設定*/
    #menubar_hdr {
        display: inline;
        position: absolute;
        top: 10px;
        right: 20px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
        background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
        background-image: linear-gradient(#fbfbfb, #e5e5e5);
        padding: 10px;
        border: 1px solid #cfcfcf;
        border-radius: 0px 0px 6px 6px;
    }
    /*メニューボックス
---------------------------------------------------------------------------*/
    .menu_box {
        width: 100%;
    }
    .menu_in {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .menu_in img {
        width: 98%;
    }
    .menu_in_left {
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        padding: 3px;
        margin-top: 8px;
    }
    .menu_in_right {
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        padding: 3px;
        margin-top: 8px;
    }
    /*約束ボックス
---------------------------------------------------------------------------*/
    .yakusoku_box {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    .yakusoku_in {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    .business .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .business .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .business #main h2:before {
        top: 16px;
    }
    .business2 .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .business2 .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .business2 #main h2 {
        padding-left: 13px;
    }
    .business2 #main h2:before {
        top: 16px;
        left: 0px;
    }
    #banner {
        height: auto;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        display: block;
        z-index: 999;
    }
    #close_button {
        position: absolute;
        top: 0;
        right: -43px;
        z-index: 1000;
    }
    .red .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .red .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .red #main h2:before {
        top: 18px;
    }
    .orange .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .orange .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .orange #main h2:before {
        top: 18px;
    }
    .blue .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .blue .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .blue #main h2:before {
        top: 18px;
    }
    .indigo_blue .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .indigo_blue .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .indigo_blue #main h2:before {
        top: 18px;
    }
    .green .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .green .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .green #main h2:before {
        top: 18px;
    }
    .yellow .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .yellow .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .yellow #main h2:before {
        top: 18px;
    }
    .purple .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .purple .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .purple #main h2:before {
        top: 18px;
    }
    .pink .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .pink .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .pink #main h2:before {
        top: 18px;
    }
    .brown .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .brown .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .brown #main h2:before {
        top: 18px;
    }
    .beauty1 .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .beauty1 .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .beauty1 #main h2:before {
        top: 18px;
    }
    .lime .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .lime .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .lime #main h2:before {
        top: 18px;
    }
    /*代表挨拶
---------------------------------------------------------------------------*/
    .aisatsu_box {
        width: 100%;
    }
    .aisatsu_in {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .aisatsu_in img {
        width: 70%;
    }
    .aisatsu_left {
        width: 100%;
        text-align: center;
    }
    .aisatu_right {
        width: 95%;
    }
    /*約束テキスト
---------------------------------------------------------------------------*/
    .yakusoku_text {
        width: 100%;
        margin-top: 8px;
    }
    .yakusoku_text img {
        width: 85%;
    }
    .yakusoku_left {
        width: 100%;
        margin-left: auto;
        float: none;
    }
.yakusoku_right {
width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    font-size: 16px;
    line-height: 2.15;
    padding: 0px 24px;
    margin-bottom: 24px;
    float: none;
}
    .staff {
        width: 90%;
        background-color: #ffffff;
        margin-left: 15px;
        font-size: 14px;
    }
    /*サブページ内の説明ボックス*/
    .subpage_box {
        width: 100%;
    }
    .subpage_box_left {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }
    .subpage_box_right {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .subpage_box_right3 {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    /*お客様の声*/
    .voice_box {
        width: 100%;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        margin-bottom: 3em;
        background-color: #fff;
    }
    .voice_box_left {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
        padding: 0;
        float: none;
    }
    .voice_box_right {
        float: left;
        width: 98%;
        margin-right: auto;
        margin-left: auto;
        padding: 0px;
        text-align: left;
    }

    .voice_in {
        width: 100%;
    }
    /*施術の流れボックス*/
    .nagare_box {
        width: 100%;
    }
    .nagare_box_left {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }
    .nagare_box_right {
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .nagare_box_left1 {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }
    .nagare_box_right1 {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        /*サイドのメニューボックス（施術ﾒﾆｭｰ)
---------------------------------------------------------------------------*/
        .sidemenu_box {
            width: 98%;
            margin-left: auto;
            margin-right: auto;
        }
        #sub img {
            width: 100%;
        }
    }
    /*サブページ内の説明ボックス*/
    .subpage_box {
        width: 93%;
        padding: 0;
        box-sizing: border-box;
    }
    .subpage_box_left {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
    padding: 0;
    float: none;
    }
    .subpage_box_right {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0;
    float: none;
    margin-top: 9px;
    }

    .subpage_box_right3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0;
    float: none;
    margin-top: 9px;
    }

    .subpage_box_right2 {
        width: 92%;
        margin-left: 10px;
        margin-right: auto;
        text-align: center;
        margin-top: 5px;
    }
    /*選ばれるボックス
---------------------------------------------------------------------------*/
    .erabareru_box {
        border-width: 1px;
        border-style: solid;
        border-color: #f7e3e1;
        ;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .erabareru_in section {
        padding: 0;
        margin: 16px 0 6px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #ffffff;
        box-sizing: border-box;
    }
    .box1 {
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 5px 0;
        text-align: center;
        background: rgb(241, 113, 126);
        box-sizing: border-box;
        position: relative;
        float: left;
        margin-top: 8px;
    }
    .box1:before {
        content: '';
        width: 0px;
        height: 0px;
        border-width: 25px 0px 25px 10px;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .box1:after {
        content: '';
        width: 0px;
        height: 0px;
        border-width: 25px 10px 25px 0px;
        border-color: transparent #fff transparent transparent;
        border-style: solid;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }
    .box1 p {
        color: #fff;
        height: 38px;
        font-size: 15px;
        line-height: 24px;
        border-top: 1px dashed rgb(255, 255, 255);
        border-bottom: 1px dashed rgb(255, 255, 255);
        margin: 0;
        padding: 0 10px;
        font-weight: 800;
        box-sizing: border-box;
    }
    /*施術の流れボックス*/
    .nagare_box {
        width: 85%;
    }
    .nagare_box_left {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }
    .nagare_box_right {
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .nagare_box_left1 {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }
    .nagare_box_right1 {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .kotsubantext {
        background-image: none;
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
    }
    .sangotext {
        background-image: none;
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
    }
    .katakoritext {
        background-image: none;
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
    }
    .kogaotext {
        background-image: none;
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
    }
    .nekozetext {
        background-image: none;
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
    }
    .bikyakutext {
        background-image: none;
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
    }
    .youtsutext {
        background-image: none;
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
    }
    

    /*サイドのメニューボックス（施術ﾒﾆｭｰ)
---------------------------------------------------------------------------*/
    .sidemenu_box {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    #sub img {
        width: 100%;
    }
    .space_s {
        height: 10px;
    }
    .yoyaku_kotei {
        position: fixed;
        bottom: 10px;
        right: 10px;
    }
    .space1 {
        height: 1px;
    }
    .check_in {
        width: 100%;
        margin-left: auto;
        float: none;
        margin-right: auto;
        margin-top: 32px;
        padding: 0;
    }
    .check_list {
        width: 100%;
        margin-left: auto;
        float: none;
        margin-right: auto;
        margin-top: 32px;
        padding: 0;
    }
    .check_right {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    margin-top: 16px;
    float: none;
    }
    .check img {
        width: 80%;
        text-align: center;
    }
    .check_box {
        width: 87.5%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    .check {
        font-weight: bolder;
        padding-left: 15px;
        padding-right: 15px;
    }
    .step_left {
        float: left;
        width: 25%;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
    }
    .step_right {
        float: left;
        width: 70%;
        font-size: 12px;
    }
    .inner {
        margin-top: 10px;
        width: 100%;
    }
    .inner2 {
        margin: 0 auto;
        width: 100%;
    }
    .footer_in {
        width: 100%;
    }
    .footer_left {
        width: 92%;
        padding-left: 5px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }
    .footer_right {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    .check_right img {
        margin-left: 0px;
        margin-top: 0px;
    }
    .riyuu {
        position: relative;
        padding: 14px 0px 8px 3em;
        border-bottom: 1px solid #ccc;
        line-height: 35px;
        font-size: 13px;
    }
    .riyuu::before {
        position: absolute;
        top: 17px;
        left: 0;
        counter-increment: number 1;
        /* number カウンタの増加数をセット */
        content: counter(number) " ";
        /* 表示形式を指定 */
        width: 28px;
        height: 28px;
        line-height: 28px;
        background-color: #dab485;
        border-radius: 100%;
        color: #fff;
        font-size: .9em;
        text-align: center;
    }
    .price_list_in {
        width: 95%;
        height: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-left: auto;
        margin-bottom: 15px;
    }
    .price_left {
        float: left;
        width: 86%;
        padding: 10px;
        margin-right: auto;
        margin-left: auto;
    }
    .price_right {
        float: left;
        width: 86%;
        padding: 10px;
        margin-right: 20px;
        margin-left: auto;
    }
}

@media (max-width: 320px) {
    .step_left {
        float: left;
        width: 30%;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
    }
    .step_right {
        float: left;
        width: 65%;
        font-size: 12px;
    }
}

@media (max-width: 480px) {

    .searchfield {
        width: 80%;
    margin-left: 32px;
}


    .blog_in_l {
        width: 20%;
        padding: 8px;
        float: left;
    }

    .blog_in_r {
        width: 65%;
        padding: 8px;
        float: left;
    }

    h1 {
        margin-top: 20px;
        font-size: 8px;
    background: #FFF3E0;
    color: #795548;
    }

    h2 {
        font-size: 16px;
        text-align: center;
    }

    h2:before {
        top: 12px;
    }

    header {
        box-shadow: none;
    }
    .head_bunner {
        width: auto;
        position: static;
        z-index: 100;
        margin-bottom: -5px;
        padding-top: 10px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
        float: none;
        clear: both;
        text-align: center;
        display: none;
    }
    .fixed {
        position: fixed;
        top: 0;
        z-index: 1;
    }
    #top-menu img {
        max-width: 50%;
        width: 172px;
    }
    .site_logo {
        height: 70px;
    }
    .access_in_left {
    float: left;
    padding: 3px;
    width: 47%;
    margin-left: auto;
    margin-right: auto;
    }
    .access_in_right {
     float: left;
    padding: 3px;
    width: 47%;
    margin-left: auto;
    margin-right: auto;
}
    }
    .voice_in_left {
    float: none;
    padding: 5px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
    }
    .voice_in_right {
        float: left;
        padding: 5px;
        width: 98%;
    }
    #mainimg {
        margin-top: 0px;
    }
    #yoyaku_s {
        display: none;
    }
    #yoyaku_box {
        width: 100%;
    }
    .yoyaku_in {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 10px;
    }
    .yoyaku_left {
        float: left;
        width: 95%;
        margin-left: 8px;
    }
    .yoyaku_left p {
        font-size: 10px;
    }
    .yoyaku_right {
        float: left;
        width: 90%;
        margin-bottom: 10px;
        padding-left: 15px;
    }
    .yoyaku_right li {
        padding-top: 5px;
    }
    .yoyaku_in section {
        padding: 0px 0px 15px;
        margin: 10px 0 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .yoyaku_text {
        border-style: none;
        width: 100%;
        margin-top: 10px;
    }


    #line_box {
        width: 100%;
    }
    .line_in {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .line_left {
        float: left;
        width: 95%;
        margin-left: 8px;
    }
    .line_left p {
        font-size: 10px;
    }
    .line_right {
        float: left;
        width: 90%;
        margin-bottom: 10px;
        padding-left: 15px;
    }
    .line_right li {
        padding-top: 5px;
    }
    .line_in section {
        padding: 15px 10px 15px;
        margin: 10px 0 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        box-sizing: border-box;
        background: #45b345;
    }
    .line_text {
        border-style: none;
        width: 100%;
        margin-top: 10px;
        font-size: 18px;
    }


    .point_img {
        margin-top: -32px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding: 10px;
    }
    .content-form fieldset {
        width: 90%;
    }
    form td {
        border: none;
    }
    .nav_fixed {
        position: relative;
    }
    .button {
        display: inline-block;
        width: 90%;
        height: 54px;
        text-align: center;
        text-decoration: none;
        line-height: 54px;
        outline: none;
        font-size: 16px
    }
    .seminar_box {
        width: 100%;
    }
    .seminar_in {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .seminar_in_left {
        float: left;
        padding: 5px;
        width: 30%;
    }
    .seminar_in_left2 {
        float: left;
        padding: 5px;
        width: 30%;
    }
    .seminar_in_center {
        float: left;
        padding: 5px;
        width: 30%;
    }
    .seminar_in_right {
        float: left;
        padding: 5px;
        width: 30%;
    }
    .seminar_in_right2 {
        float: left;
        padding: 5px;
        width: 30%;
    }


    .jiko_box_left {
        float: left;
        width: 98%;
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .jiko_box_right {
        float: left;
        width: 45%;
    }
    .jiko_nagare_box {
        width: 98%;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .jiko_nagare_left {
        float: left;
        width: 98%;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .jiko_nagare_right {
        float: left;
        width: 98%;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .jiko_nagare_center {
        float: left;
        width: 98%;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

}

@media only screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
}

@media only screen and (max-width: 680px) {
    .pc {
        display: block !important;
    }

    .sp {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .logo_sp{width: 47%;
padding-top: 4px;
    }
        .check_left {
        float: none;
        width: 100%;
        margin-top: 5px;
        padding: 0;
    }

       #main .NyukaiStep {
    padding: 4px;
    width: 98%;
}

#main .NyukaiStep p {
    line-height: 1.5;
}

#main .NyukaiStep ul li {
    width: 48%;
    padding-right: 0;
    background: none;
    padding: 3px;
    min-height: 267px;
}

#main .NyukaiStep ul li:last-child {
    background: none;
}

#main .MashinStep {
    padding: 4px;
    width: 98%;
}

#main .MashinStep p {
    line-height: 1.5;
}

#main .MashinStep ul li {
    width: 48%;
    padding-right: 0;
    background: none;
    min-height: 280px;
    padding: 3px;
}

#main .MashinStep ul li:last-child {
    background: none;
}

#main .MashinStep .tyui {
    width: 180%;
}

#main .MashinStep2 {
    padding: 4px;
    width: 98%;
}

#main .MashinStep2 p {
    line-height: 1.5;
}

#main .MashinStep2 ul li {
    width: 48%;
    padding-right: 0;
    background: none;
    min-height: 324px;
    padding: 3px;
}

#main .MashinStep2 ul li:last-child {
    background: none;
    min-height: 162px;
}

#main .MashinStep2 .tyui {
    width: 180%;
}

#main .MashinStep3 {
    padding: 4px;
    width: 98%;
}

#main .MashinStep3 p {
    line-height: 1.5;
}

#main .MashinStep3 ul li {
    width: 48%;
    padding-right: 0;
    background: none;
    min-height: 190px;
    padding: 3px;
}

#main .soujiStep {
    padding: 4px;
    width: 98%;
}

#main .soujiStep p {
    line-height: 1.5;
}

#main .soujiStep ul li {
    width: 48%;
    padding-right: 0;
    background: none;
    min-height: 210px;
    padding: 3px;
}

.map {
    width: 100%;
    padding: 10px;
}

}
.boxnight{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.boxnight h3 {
    font-weight: bold;
    font-size: 180%;
}
.boxnight p {
    margin: 0; 
    padding: 0;
}

/* YES・NO チャート */
.yn-chart{
  margin:0 auto 2rem;
  padding: 2em;
  max-width: 600px;
  background:#fff8e3;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  font-size:0.9rem;
}
.yn-chart__add{
  background: #fdc44f;
  color:#fff;
  padding: 0.2em 0.9em !important;
  margin:0 !important;
  text-align:center;
  display:inline-block;
  line-height: 1.5 !important;
}
.yn-chart__title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 0.5em 0 0.3em!important;
  margin: 0 auto !important;
  font-size:1.35em !important;
  font-weight: 600 !important;
  color:#fdc44f;
  letter-spacing: 1px !important;
  line-height:1.5 !important;
}
.yn-chart__title:before,.yn-chart__title:after {
  content: "";
  flex: 1;
  height: 1px;
  background: #fdc44f;
  display: block;
}
.yn-chart__title:before {
  margin-right: 0.7em;
}
.yn-chart__title:after {
  margin-left: 0.7em;
}
.yn-chart__ex{
  text-align:center;
  margin: 0 !important;
  padding: 0 !important;
}
.yn-chart > div{
  display:none;
  padding-top: 100px;
  margin-top: -100px;
}
.yn-chart > div.yn-chart__display{
  display:block;
}
.yn-chart > div > figure{
  margin:1em 0 2em;
}
.yn-chart > div > figure img{
  display:block;
}
.yn-chart > div > p{
  margin:2em 0 0 !important;
  padding: 0.8em 1em 0.8em 4.3em !important;
  background:#fff;
  position:relative;
}
.yn-chart > div > p:before{
  content: "Q";
  background: #fdc44f;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.1em;
  min-width: 48px;
}
.yn-chart > div ul{
  margin:2em 0 0 !important;
  padding:0 !important;
  list-style:none !important;
  border:none;
}
.yn-chart > div ul li {
  margin: 0 0 1em 1em!important;
  padding: 0 !important;
}
.yn-chart > div ul li:last-child{
  margin:0 0 0 1em !important;
}
.yn-chart > div ul li a{
  background: #fff;
  display: block;
  padding: 0.8em !important;
  text-decoration: none;
  color: #333;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
}
.yn-chart > div ul li a:hover{
  box-shadow: inset 2px 2px 0 0 #ee8f81, 2px 2px 0 0 #ee8f81, 2px 0 0 0 #ee8f81, 0 2px 0 0 #ee8f81;
  transition: 0.1s ease-in-out;
  opacity:1;
}
.yn-chart > div ul li:before{
  content:unset !important;
}
.yn-chart__result{
  background:#fff;
  padding:1em;
}
.yn-chart__result-title{
  color: #fdc44f;
  font-size: 1.1em !important;
  font-weight:600 !important;
  padding: 0 !important;
  margin: 0 0 1em !important;
  border-bottom: 1px dashed #fdc44f;
}
@media screen and (max-width: 560px) {
  .yn-chart{
    padding:1.8em 1.3em;
  }
  .yn-chart > div > figure {
    margin: 0.5em 0;
  }
  .yn-chart > div > p {
    margin: 1em 0 0 !important;
    padding: 0.8em 1em 0.8em 3.3em !important;
  }
  .yn-chart > div ul {
    margin: 1em 0 0 !important;
  }
  .yn-chart__title{
    font-size:1em !important;
  }
  .yn-chart__title:before {
    margin-right:0.3em;
  }
  .yn-chart__title:after {
    margin-left:0.3em;
  }
  .yn-chart__ex,.yn-chart__add{
    font-size:0.9em !important;
  }
  .yn-chart > div > p:before{
    min-width: 30px;
  }
}
/* Twitterシェアボタンなど */
.p-tw-btn,.p-check-btn{
  text-align:center;
  margin:1.5em 5em !important;
  padding:0 !important;
}
.p-tw-btn a,.p-check-btn a{
  display:block;
  box-shadow: 0 3px 5px rgba(0,0,0,.15);
  color:#fff !important;
  font-weight:600 !important;
  text-decoration:none !important;
  padding:0.5em 0;
  border-radius:30px;
}
.p-tw-btn a{
  background:  #00acee;
}
.p-check-btn a{
  background:#fbc55e;
}
.p-tw-btn a:hover,.p-check-btn a:hover{
  transform: translateY(3px);
  box-shadow: 0 2px 2px rgba(0,0,0,.22);
}
.yn-chart > div > p.p-check-btn{
  background: none !important;
  padding: 0 5em !important;
}
.yn-chart > div > p.p-check-btn:before{
  content:unset !important;
}
@media screen and (max-width: 800px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 3em !important;
  }
}
@media screen and (max-width: 560px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 1em !important;
  }
  .yn-chart > div > p.p-check-btn{
    padding: 0 3em !important;
  }
}
/* YES・NO チャート end */


.cp {
    background: #212121;
    color: #fff;
    padding: 1.5rem;
}

details > summary:first-of-type {
    list-style: none;
}

#thanks #container2 {
    padding-top: 2rem;
}

#thanks h2 {
    text-align: center;
    color: #fff;
    background: linear-gradient(to bottom, #e60012 0, #bb171e 100%);
    font-size: 36px;
    font-weight: 600;
    padding: .75em;
    margin: 1rem auto;
    border-radius: 3px;
}

#thanks p {
    font-size: 2rem;
    line-height: 1.6;
    margin: 1.5rem;
}

@media screen and (max-width: 560px) {
	#thanks #container2 {
    padding: 3rem 1rem 1rem;
}
}