html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }
body {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/* Section
* --------------------------------------- */
body {
    text-align:center;
    width:100%;
    padding:0;
    margin:0 auto;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif,arial,helvetica;
    background-color: #b2dffd;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,255,255,.2) 10px, rgba(255,255,255,.2) 20px);
    background-attachment: fixed;
}

#wrap {
    padding:80px 0 0 0;
    margin:0 auto;
    /*position:relative;
    top:80px;*/
    height:auto;
}

a {
    text-decoration: none;
    color:#666;
}
a.anchor{
    display: block;
    padding-top: 100px;
}

/* Style for our header texts
* --------------------------------------- */
h1{
    padding:0;
    margin:0 auto;
}
section h1{
    font-size: 3em;
    letter-spacing: 2px;
    line-height:1.6;
    margin:0 auto;
    text-align:center;
    
}
h2{
    font-size: 3em;
    letter-spacing: 2px;
    line-height:1.6;
    margin:0 auto;
    text-align:center;
    
}

h3{
    font-size:1.6em;
    line-height:1.5;
    padding:0;
    margin:0 0 10px;
    font-weight:bold;
}
h4{
    font-size:1.4em;
    line-height:1.5;
    padding:0;
    margin:0 auto 10px auto;
    font-weight:bold;
}
p{
    line-height:1.4;
    padding-bottom:10px;
}
.price{
    font-size:1.6em;
    line-height:1;
    font-weight:bold;
    margin:0;
    padding:0;
}
.p-midashi{
    font-size:1em;
    line-height:1.2;
    font-weight:bold;
    margin:0;
    padding:0;
}
.large{
    font-size:2.2em;
    letter-spacing:0px;
    line-height:1.2;
}
.middle{
    font-size:1.8em;
    letter-spacing:0px;
}
.small{
    font-size:1em;
}
.down{
    font-size:0.6em;
}
.m_course{
    font-size:1.2em;
    color:#68c0d4;
}
.m_price{
    font-size:2em;
    color:#d70000;
}
.tell{
    font-size:2.4em;
    margin:0;
    padding:0;
}
.cap{
    /*font-size:1.2em;*/
    line-height:1.5;
    text-align:left;
    padding:0px 0 10px 0;

}
.cap-2{
    /*font-size:1.2em;*/
    line-height:1.3;
    text-align:center;
    padding:0px 0 10px 0;

}
.cap-3{
    /*font-size:1.2em;*/
    line-height:1.5;
    text-align:center;
    padding:0px 0 10px 0;

}
.cap-4{
    /*font-size:1.2em;*/
    color:#333399;
    line-height:1.5;
    text-align:center;
    font-weight:bold;
    padding:10px 0 0px 0;

}
.cap-5{
    /*font-size:1.2em;*/
    color:#333399;
    line-height:1.5;
    text-align:center;
    font-weight:bold;
    padding:0px 0 0px 0;
    margin:-10px 0 0 0;

}
.discription{
    font-size:0.8em;
    line-height:1.3;
    text-align:left;
    padding:0px 0 0px 0;

}
.midashi, .midashi2, .midashi3{
    font-size:2em;
    line-height:1.2;
    font-weight:bold;
    padding:5px 0 10px 0;
    font-family: "Noto Sans Japanese";
}
.catch{
    font-size:1.4em;
    line-height:1.6;
    font-weight:bold;
    font-family: "Noto Sans Japanese";
}
.ttl{
    font-size:1.3em;
    line-height:1.5;
    font-weight:bold;
    border-bottom:1px solid #ccc;
    margin:10px 0 10px 0;
    padding:5px 0;
}
.line-2{
    display:none;
}
.left{
    text-align:left;

}
/* Style for color
* --------------------------------------- */
/*.color-1{
    background-color:#fff;
}*/
.color-1 h2{
    color:#41446b;
}
.color-1 .midashi{
    color:#333399;
}
.color-2{
    background-color:#68c0d4;
    width:100%;
}
.color-7{
    background-color:#41446b;
    width:100%;
}
.color-3{
    background-color:#41446b;
    width:100%;
    padding:0;
    margin:0 auto 20px auto;
    text-align:center;
}
.color-3 img {
    width:1200px;
}
.color-4{
    background-color:#41446b;
    width:100%;
    padding:0;
    margin:0 auto 20px auto;
    text-align:center;
}
.color-4 img {
    width:1000px;
}
.color-5{
    background-color:#fff;
    width:1000px;
    padding:0;
    margin:0 auto 20px auto;
    text-align:center;
}
.color-6{
    background-color:#68c0d4;
    width:100%;
    padding:0;
    margin:0 auto 20px auto;
    text-align:center;
}
.color-6 img {
    width:1200px;
}

.color-2 h2, .color-7 h2{
    color:#ffff99;
}
.color-2 .midashi, .color-7 .midashi{
    color:#cdb660;
}
.color-2 .midashi2{
    color:#ffffff;
}
.color-2 .midashi3{
    color:#d70000;
}
.color-2 .cap{
    color:#fff;
}
.color-2 .cap-2, .color-7 .cap-2{
    color:#fff;
}
.color-2 .cap-3{
    color:#fff;
}
.fa {
    color:#68c0d4;
    margin-right:5px;
}
.white{
    color:#fff;
}
.deep-blue{
    color:#41446b;
}
.blue{
    color:#68c0d4;
}
.red{
    color:#b10000;
}
.beige{
    color:#cdb660;
}
.bg-white{
    background-color:#fff;
}
.bg-blue{
    background-color:#68c0d4;
}
.bg-beige{
    background-color:#cdb660;
    color:#fff;
}
.waku-beige{
    border:3px solid #cdb660;
}
.waku-beige img{
   width:90%;
   margin:0 auto;
   padding:0 1px;
}
.waku-beige h4{
   line-height:1.2;
   padding-bottom:10px;
}
.waku-beige p{
   padding:10px 0;
   /*font-weight:bold;*/
}
.futo{
   font-weight:bold;
}

/* header and footer.
* --------------------------------------- */
header{
    position:fixed;
    height: 80px;
    display:block;
    width: 100%;
    background: #68c0d4;
    z-index:9;
    text-align:center;
    color: #fff;
    padding: 0px 0 0 0;
    /*opacity:0.9;filter:alpha(opacity=90);-ms-filter: “alpha( opacity=90 )”;*/
    margin:0;
    top:0;
    border-bottom:none;
}


#header{
    width:1200px;
    margin:0 auto;
    padding-top:0px;
    text-align:right;
}
#footer{
    width:100%;
    background-color:#eee;
    color:#444;
    padding:10px 0;
}
#footer a{
    color:#444;
}
footer .column{
    width:100%;
    background-color:#fff;
    padding:10px 0;
}
header img{
    width:280px;
    float:left;
    padding-top:5px;
}
.discription{
    font-size:0.7em;
    display:block;
    text-align:right;
    padding:20px 0px 10px 0;
    color:#fff;
}

#header-sp{
    display:none;
}
footer{
    position:relative;
    top:80px;
    padding:0px 0;
    width:100%;

    margin-top:30px;
}
header ul,footer ul{
    width: 100%;
    margin:0 auto;
    padding:0px 0 0 0;

}

header ul li,footer ul li{
    display:inline;
    padding:0 6px;
    font-size:1em;
    list-style:none;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
header ul li a{
   color: #fff;
}

header ul li+ li, footer ul li+ li{
  border-left: 0;
  border-right: 1px solid #fff;
}
footer .credit{
    font-size:0.5em;
    padding-top:3%;
}
#m_header{
    background:#fff;
}
#m_header ul li{
    display:inline;
    margin:5px 10px 0 10px;
}
#m_header_sp{
    display:none;
}
#m_footer{
    width:100%;
    background-color:#68c0d4;
    color:#fff;
    padding:10px 0;
    position:fixed;
    bottom: 0;
}
#m_footer a{
    color:#fff;
}

#breadcrumb{
    text-align:left;
    font-size:12px;
    padding-bottom:10px;
    padding-left:5%;
}

#page-top {
    /*position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;*/
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #68c0d4;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin: 0;
    padding: 0;
}
.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}

/*
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
        
}*/

/*
#page-top a:hover {
    text-decoration: none;
    background: #999;
}*/

.area{
    padding:5px;
    margin-left:10px;
    background-color:#fff;
    /*font-weight:bold;*/
    color:#68c0d4;
        -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.area a{
    color:#68c0d4;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    line-height:1;
}
.sns_area{
    margin:0 auto;
    max-width:200px;

}
.flexBox {
    display: flex;
    flex-wrap: wrap;
        justify-content: space-between;
}

/*--------------テーブル--------------*/
table.point {
    background-color: #fff;
    border-collapse: collapse;
}

table.point th {
    background-color: #E8F3FF;
    border: 1px solid #999;
    padding: 5px 10px;
    text-align: center;
}

table.point td {
    background-color: #fff;
    border: 1px solid #999;
    padding: 5px 10px;
    text-align: center;
}
table.point td.minus {
    background-color: #B0C4DE;
}

table.point td.plus {
    background-color: #F5DEB3;
}

table.point td.v-middle {
    vertical-align: middle;
}

table.point td span.grant {
    color: #FF0000;
}

table.point td span.use {
    color: #DA70D6;
}

table.point td span.attention {
    color: #FF0000;
    font-size: 14px;
}
/* section
* --------------------------------------- */
.first{
    color:#fff;
    font-size:1.2em;
    margin:5px 0 10px 0;
}
.inner{
    width:1200px;
    height:420px;
    overflow:hidden;
    margin:0 auto;
    padding:0;
}
.bg-1{
    background-image:url(../img/top_image1.jpg) ;
    background-size: 100% auto;
    background-repeat:no-repeat;
}
.bg-1 .catch{
    text-align:right;
    width:1000px;
    margin:0 auto;
    padding-top:10px;
}
.bg-1 h2{
    text-align:right;
    width:1000px;
    margin:0 auto;
    padding-top:50px;
}
.bg-2{
    background-image:url(../img/top_image5.jpg);
    background-size: 100% auto;
    background-repeat:no-repeat;
}
.bg-3{
    background-image:url(../img/top_imagecleaning.jpg);
    background-size: 100% auto;
    background-repeat:no-repeat;
}
.bg-2 .catch, .bg-3 .catch{
    text-align:left;
    width:1000px;
    margin:0 auto;
    padding-top:10px;
}
.bg-2 h2, .bg-3 h2{
    text-align:left;
    width:1000px;
    margin:0 auto;
    padding-top:50px;
}
.color-1 h2{
    margin:0 0 10px 0;
}
.color-2 h2{
    margin:10px 0 10px 0;

}

section{
    width:1150px;
    padding:10px 0;
    margin:0 auto;
}

section img{
   width:100%;
}

.column{
    /*width:1150px;*/
    margin: 0 auto;
    padding: 0;
}
.column-0{
    background: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    padding:20px;
    width:800px;
    margin:0 auto;
    text-align:left;
    margin-top:20px;
    margin-bottom:20px;
}

.column-10{
    border: 4px solid #cdb660;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    padding:5%;
    width:63%;
    margin:30px auto 60px auto;
    text-align:left;
}
.column-1{
    display:block;
    width:93%;
    height:auto;
    vertical-align:top;
    padding:1%;
    margin:0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.column-2{
    display:inline-block;
    width:43%;
    height:auto;
    vertical-align:top;
    padding:1%;
    margin:0 1%;
}
.column-2-2{
    display:inline-block;
    width:43%;
    height:auto;
    vertical-align:top;
    padding:1%;
    margin:0 1%;
}
.column-3{
    display:inline-block;
    width:28%;
    height:auto;
    vertical-align:top;
    padding:1%;
    margin:0 1%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.column-3_extra{
    display:inline-block;
    width:28%;
    height:auto;
    vertical-align:top;
    padding:1%;
    margin:0 1%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.column-4{
    display:inline-block;
    width:22%;
    height:auto;
    vertical-align:top;
    padding:0px;
    margin:0 1%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.column-4_extra{
    display:inline-block;
    width:28%;
    height:auto;
    vertical-align:top;
    padding:1%;
    margin:1%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.column-5{
    display:inline-block;
    width:520px;
    height:auto;
    vertical-align:top;
    padding:0 30px;
    margin:0 auto;
    margin-left:0;
}
.column-6{
    display:inline-block;
    width:80px;
    height:auto;
    vertical-align:middle;
    padding:0 30px;
    margin:0 auto;
    margin-left:0;
    padding-top:50px;
}

.column-7{
    width:1080px;
    height:auto;
    padding:0 0 50px 0;
    margin:0 auto;
}
.column-7 img{
    width:100%;
}
.column-8{
    width:800px;
    height:auto;
    padding:0 0 50px 0;
    margin:0 auto;
}
.column-8 img{
    width:100%;
}
.column-9{
    width:1080px;
    height:auto;
    padding:0 0 10px 0;
    margin:0 auto;
}
.column-9 img{
    width:100%;
}
.little{
    width:50%;
    margin:0 auto;
}
.waku{
  border: 2px solid #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width:800px;
    height:auto;
    padding:20px 0px 20px 30px;
    margin:50px auto;
}
.waku2{
  background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding:5px 0;
}
.waku3{
  background-color: #cdb660;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding:5px 0;
    width:600px;
    margin:0 auto;
}
.sankaku-1{
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top: 40px solid #68c0d4;
    margin:0 auto;
    padding:0;
}

.sankaku-2{
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top: 40px solid #fff;
    margin:0 auto;
    padding:0;
}
.sankaku-3{
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    margin:0 auto;
    padding:0;
    position:relative;
    left:-360px;
}
.sankaku-4{
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top: 40px solid #41446b;
    margin:0 auto;
    padding:0;
}
.sankaku-5{
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top: 40px solid #000;
    margin:0 auto;
    padding:0;
}
.btn{
    width:90%;
    padding:10px 5px;
    font-size:1.4em;
    line-height:1;
    font-weight:bold;
    display: block;
    margin:10px auto 10px auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.contents{
    width:75%;
    margin:0 auto;
    padding:3% 0 10% 0;
    vertical-align:top;

}

ul.news {
    margin: 0 auto 0px auto;
    padding: 0px 0 0 0px;
    width:96%;
    border-bottom: 1px solid #eee;
    height:auto;
    /*overflow: auto;*/
}
ul.news a{
    text-decoration:none;
}
ul.news:after {
    content: " ";
    clear: both;
    display: block;
}
ul.news li {
    padding: 0.4em 0.4em 0.4em 0.4em;
    text-align: left;
    border-top: 1px solid #eee;
    margin-top: 0px;
list-style:none;
vertical-align:top;
}
ul.news li span.date{
    color:#cdb660;
    font-weight: 900;
display:block;
width:100%;
vertical-align:middle;
}
ul.news li span.thum{
    color: #35318f;
    font-weight: 900;
display:block;
float:left !important;
width:50px;
margin-right:10px;
vertical-align:middle;
}
ul.news li span.thum div {
    width:100px;
}
ul.news li span.thum img{
    width:50px;
    height:auto;
}
ul.news li span.title {
    color: #35318f;
    font-weight: 900;
    margin: 0 0px;
display:inline-block;
width:25%;
vertical-align:top;
}
ul.news li span.more{
    color: #35318f;
    text-align:left;
display:inline-block;
width:50%;
vertical-align:top;
}
ul.news li span.detail {
    padding: 0.6em;
    text-align: left;
    line-height: 1.6em;
    margin: 0 0 0px 120px;
    display: block;
    vertical-align:top;
}
ul.news li span.title2 {
    color: #35318f;
    font-weight: 900;
    margin: 0 0px;
display:inline-block;
width:65%;
vertical-align:top;
}
ul.news li span.title3 {
    color: #35318f;
    font-weight: 900;
    margin: 0 0px;
display:block;
width:100%;
vertical-align:middle;
}
ul.news li span.more2{
    color: #35318f;
    text-align:right;
display:none;
width:15%;
vertical-align:middle;
}
.clear{
    clear:both;
    /*padding-bottom:10px;*/
}
.sp-pic{
    width:320px;

}
.sp-pic2{
    width:100%;

}
.course{
    width:1000px;
    font-size:1.2em;
    border-top: 1px solid #cdb660;
    border-right: 1px solid #cdb660;
    border-spacing: 0;
    margin: 30px auto;
}
.course td, .course th{
    border-bottom: 1px solid #cdb660;
    border-left: 1px solid #cdb660;
    text-align: center;
    padding: 20px;
}

.r_course{
    width:100%;
    font-size:0.9em;
    border-top: 1px solid #cdb660;
    border-right: 1px solid #cdb660;
    border-spacing: 0;
    margin: 10px auto;
}
.r_course td, .r_course th{
    border-bottom: 1px solid #cdb660;
    border-left: 1px solid #cdb660;
    text-align: center;
    padding: 5px;
}

.company{
    width:800px;
    border-top: 1px solid #cdb660;
    border-right: 1px solid #cdb660;
    border-spacing: 0;
    margin: 0 auto;
}
.company th, .company td{
    border-bottom: 1px solid #cdb660;
    border-left: 1px solid #cdb660;
    text-align: left;
    vertical-align:middle;
    padding: 15px;
    
    
}
.company th{
    background:#fff;
    width: 30%;
}
.tablecenter{
    text-align:center;
}
strong{
    background: linear-gradient(transparent 40%, #FFFF99 0%);
    /*background: #cdb660;*/
}
.textline{
    background: linear-gradient(transparent 40%, #FFFF99 0%);
    /*background: #cdb660;*/
}
.textline-2{
    background: linear-gradient(transparent 40%, #3252b1 0%);
    /*background: #cdb660;*/
}
.balloon {
  position: relative;
  width: 80%;
  font-size:1.4em;
  color:#fff;
  line-height:1;
  font-weight:bold;
  /*height: 30px;*/
  background-color: #cdb660;
  text-align: center;
  padding:10px;
  margin:10px auto ;
  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.balloon .triangle {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #cdb660;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.balloon2 {
  position: relative;
  width: 80%;
  font-size:1.5em;
  font-weight:bold;
  /*height: 30px;*/
  background-color: #fff;
  text-align: center;
  padding:10px;
  margin:10px auto ;
  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.balloon2 .triangle2 {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.p30{
  padding-bottom:30px;
}
h4.kazari{
 padding:10px 0;
 margin:20px auto;
 width:95%;
 border-top:1px solid #cdb660;
 border-bottom:1px solid #cdb660;
}
/* form
* --------------------------------------- */

.form-container {
    /*border: 8px solid #68c0d4;*/
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    min-width:300px;
    padding:50px 80px;
    width:640px;
    margin:0 auto;
    margin-bottom:20px;
    text-align:left;
    position: relative;
      height: auto !important;  /* IE6対策：この2行で */
  height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */

  min-height: 100%;         /* 中身が少なくても高さ100%にする */

}
.form-field {
    border: 1px solid #dddddd;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000;
    padding:8px;
    margin-bottom:20px;
    width:440px;

}
.text-field {
    border: 1px solid #dddddd;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000;
    padding:8px;
    margin-bottom:5px;
    width:300px;
    float:right;
}
.form-field:focus {
    background: #eee;
    color: #000000;
}
.form-radio {
    /*padding:8px;
    margin-bottom:20px;*/
    width:530px/*440px*/;
    float:right;
}
.form-container label {
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    margin:0 10px;
    margin-bottom:20px;
}

.form-container label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #ddd;

}
select {
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    padding: 0.2em 2.5em 0.2em 1.5em;
    color: #000;
    border: none;
    border-radius: 5px;
    background: transparent;
    font-size:1em;

}

::-ms-expand {
    display: none;
}
.form-container h2 {
    text-shadow: #ffffff 0 1px 0;
    font-size:3em;
    margin: 0 0 10px 0;
    font-weight:bold;
    text-align:center;
}
.form-title {
    margin-bottom:10px;
    color: #68c0d4;
    float:left;
    margin-right:20px;
    text-shadow: #ffffff 0 1px 0;
    padding-top:0px;
    width:120px;
    clear:both;
}
.form-title2 {
    margin-bottom:10px;
    color: #68c0d4;
    float:left;
    margin-right:20px;
    text-shadow: #ffffff 0 1px 0;
    padding-top:0px;
    width:220px;
    clear:both;
}
.submit-container {
    margin:8px 0;
    text-align:center;
    margin:0 auto;
    clear:both;
}
.submit-button {
    border: 5px solid #68c0d4;
    background: #68c0d4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 10px;
    color: #ffffff;
    padding: 8.5px 18px;
    font-size: 2em;
    text-decoration: none;
    vertical-align: middle;
    margin:0 auto;
    margin-top:10px;
    cursor:pointer;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif,arial,helvetica;
}
.submit-button:hover {
    border: 5px solid #68c0d4;
    background: #68c0d4;
    color: #fff;
}
.submit-button:active {
    text-shadow: #68c0d4 0 1px 0;
    border: 5px solid #68c0d4;
    background: #68c0d4;

}
.month{
    margin:0 auto;
    text-align:center;
}
.attentionmark{
    border: 2px solid #68c0d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:5px;
    color: #68c0d4;
    margin:10px 0 10px 0;
    width:220px;
    clear:both;
    text-align:center;
}
.note{
    background:url(../img/bgline.gif);
    line-height:24px;
}
p.note:before {
    content: url(../img/icon_check.png);
}
.request_situation {
    border-collapse: collapse;
    width: 100%;
}
.request_situation td, .request_situation th {
    width: 30%;
    text-align: center;
    padding: 3px 8px;
}
.request_situation tr:nth-child(odd) {
    background: #eee;
}
#table_button {
    float: right;
    padding: 0;
    margin-bottom: 10px;
    cursor: pointer;
}
.font-color-blue {
    color: #333399;
}
.sample{
    font-size:0.8em;
    margin:-10px 0 0px 0;
    padding:-10px 0 10px 0;
    text-indent:150px;
    clear:both;
    color:#68c0d4;
}
.sample2{
    font-size:0.8em;
    margin:-10px 0 0px 0;
    padding:-10px 0 10px 0;
    text-indent:150px;
    clear:both;
    color:#68c0d4;
}
.areabox{
    margin-left:150px;
    width:300px;
    padding:10px;
    border:1px solid #ddd;
    text-align:center;
}
.areabox{
    margin-left:150px;
    width:300px;
    padding:10px;
    border:1px solid #ddd;
    text-align:center;
}
.textline{
    background: linear-gradient(transparent 40%, #FFFF99 0%);
    /*background: #cdb660;*/
}
.holiday{
    width:20px;
    height:20px;
    display:inline-block;
    background-color:#FFEAF6;
    border:1px solid #aaa;
}
.holidaycap{
    font-size:0.8em;
    color:#68c0d4;
    display:inline-block;
    vertical-align:middle;
    padding-bottom:10px;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display:none;
    z-index: 9999;
    background: rgba(0,0,0,0.3);
}
.overlay a {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}
.overlay img {
    border: 5px solid #ddd;
}
.overlay:target {
    display: table;
}
.overlay .right {
    display:block;
    text-align: center;
    line-height: 2em;
}
/* modal window
* --------------------------------------- */
#open {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: none;
    position: absolute;
}

.close_overlay {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: fixed;
    background: #000;
    opacity: 0.5;
    z-index: 10005;
}

.modal_window {
    top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
    width:400px;
    height: auto;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10010;
}
.modal_window img{
}
.modal_window h2 {
    margin-bottom: 20px;
    /*width: 400px;
    height: 30px;*/
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-indent: 15px;
    background: #000;
}

.modal_window p {
    padding: 0 15px 15px 15px;
    font-size: 12px;
    line-height: 160%;
    text-align: left;
}
.modal_window a {
    background-color:#fff;
    padding:20px;
}

/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}

div#modal div:target {
    -webkit-animation-name: modalFadeIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}
.pic-clean{
    float:left;
    padding-right:10px;
    width:100px;
}
.recruit_img{
max-width:29%;
display:inline;
margin:1%;
}

article{
background:#ddd;
padding:2%;
margin:2%;
}
.interview_photo{
display:inline-block;
width:45%;
vertical-align:top;
}
.interview_photo img{
width:100%;
}
.interview_cap{
display:inline-block;
width:45%;
vertical-align:top;
margin-left:5%;
}
.interview_date{
font-size:0.7em;
}
.interview_shop{
font-size:1.3em;
font-weight:bold;
}
.interview_tab span{
background:#fff;
border-radius:3px;
padding:2px;
font-size:0.7em;
margin-right:10px;
}

.shop-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.shop-info div {
    width: calc(100% / 5 - 2%);
    margin: 0 0 2.5%;
}
.shop-info div p{
    font-size:0.8em;
    text-align:left;
}
/* smartphone
* --------------------------------------- */
@media screen and (max-width:480px) {
#wrap {

    padding:0;
    position:relative;
    top:0px;
}
section{
    width:100%;
}
/* Style for our header texts
* --------------------------------------- */
section h1{
    font-size: 1.6em;
    letter-spacing: 0px;
    line-height:1.4;
}
h2{
    font-size: 1.6em;
    letter-spacing: 0px;
    line-height:1.4;
    margin:0 auto;
    text-align:center;
}

h3{
    font-size:1.2em;
    line-height:1.4;
    margin:0 0 0px;
}
h4{
    font-size:1em;
    line-height:1.4;
}
p{
    font-size:0.8em;
    line-height:1.4;
    padding-bottom:10px;
}
a.anchor{
    display: block;
    padding-top: 50px;
}
.price{
    font-size:1.4em;
}

.large{
    font-size:2em;
}
.middle{
    font-size:1em;
}
.impact{
    font-size:2em;
    padding:0;
    margin:0;
}

.m_course{
    font-size:1.8em;
}
.m_price{
    font-size:2.5em;
}
.tell{
    font-size:3em;
    margin:0;
    padding:0;
}
.cap{
    /*font-size:1em;*/
    line-height:1.3;
    text-align:left;
    padding:0px 0 10px 0;

}
.cap-2{
    /*font-size:1em;*/
    line-height:1.3;
    text-align:left;
    padding:0px 0 10px 0;
    margin:0;

}
.cap-3{
    /*font-size:1em;*/
    line-height:1.3;
    text-align:center;
    padding:0px 0 10px 0;

}
.midashi, .midashi2, .midashi3{
    font-size:1.3em;
    line-height:1.3;
    font-weight:bold;
    padding:5px 0 5px 0;
}
.catch{
    font-size:1.2em;
    line-height:1.4;
    font-weight:bold;
}
.ttl{
    font-size:1em;
    line-height:1.5;
    font-weight:bold;
    border-bottom:1px solid #ccc;
    margin:5px 0 5px 0;
    padding:5px 0;
}
.line{
    display:none;
}
.line-2{
    display:block;
}
.extra_left{
    text-align:left;
}
/* Style for color
* --------------------------------------- */
.color-1{
    background-color:#fff;
}
.color-1 h2{
    color:#68c0d4;
}
.color-1 .midashi{
    color:#333399;
}
.color-2{
    background-color:#68c0d4;
}
.color-2 h2{
    color:#ffff99;
}
.color-2 .midashi{
    color:#cdb660;
}
.color-2 .cap{
    color:#fff;
}
.color-2 .cap-2{
    color:#fff;
}
.fa {
    color:#68c0d4;
    margin-right:5px;
}




/* Fixed header and footer.
* --------------------------------------- */
header{
    display:none;
}
#header-sp{
    display:block;
    width:100%;
    height:60px;
    background:#68c0d4;
}
#header-sp h1{
    width:180px;
    position:absolute;
    top:0;
    left:5px;
}
#header-sp h1 img{
    width:250px;
    margin: 0 0 0 10px;
}
#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: auto;
    padding: 10px 10px; /*メニュー内左右上下余白*/
    position: fixed;
    right: -330px; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 330px; /*メニュー横幅*/
    z-index: 1000;
}
#header-sp ul li {width:100%;  text-align:left; list-style:none;}
#header-sp ul li a {
display: block;
position: relative;
border-bottom: 1px dashed #ccc;
padding: 5px 0px 5px 0px;
color: #4D4D4D;
font-weight: normal;
text-decoration: none;
}
#header-sp ul li a::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 2px #68c0d4;
    border-right: solid 2px #68c0d4;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#menu-background {
    background-color: #333; /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
}

#menu-icon {
    background-color: #68c0d4; /*アイコン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #fff; /*アイコン（フォント）色*/
    border: none;
    cursor: pointer;
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px; /*アイコン縦高さ*/
    line-height: 50px; /*縦位置中央化*/
    position: fixed;
    right: 0px;
    text-align: center;
    top: 0;
    width: 50px; /*アイコン横幅*/
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
}

#menu-cb {
    display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
    transform: translate(-330px); /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}


footer{
    position:relative;
    top:50px;
    clear:both;
    padding:0px 0;
    margin-top:0px;
}

#header ul,#footer ul{
    width: 100%;
    margin:0 auto;
    padding:10px 0 0 0;

}
footer ul {
    border-bottom: 1px solid #ccc;
    width:100%;
}
footer ul li{
    display:block;
    padding:0%;
    font-size:1em;
    list-style:none;
    border-left:none;
    border-right:none;
    border-top: 1px solid #ccc;
    width:100%;
    text-align:left;
    text-indent:5px;
}
footer ul li a {
display: block;
position: relative;

padding: 10px 0px 10px 0px;
color: #4D4D4D;
font-weight: normal;
text-decoration: none;
}
footer ul li a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #68c0d4;
border-right: solid 2px #68c0d4;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE5.5+ */
content: "";
}

#m_footer{
    position:relative;
    color:#fff;
}
#m_footer a{
    color:#fff;
}
#m_footer ul {
    border-bottom: 1px solid #ccc;
    width:100%;
}
#m_footer ul li{
    display:block;
    padding:0%;
    font-size:1em;
    list-style:none;
    border-left:none;
    border-right:none;
    border-top: 1px solid #ccc;
    width:100%;
    text-align:left;
    text-indent:5px;
}
#m_footer ul li a {
display: block;
position: relative;

padding: 10px 0px 10px 0px;
color: #fff;
font-weight: normal;
text-decoration: none;
}
#m_footer ul li a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #68c0d4;
border-right: solid 2px #68c0d4;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE5.5+ */
content: "";
}
footer ul.tokyo_area li{
    display:inline;
    padding:0 1%;
    font-size:0.8em;
    list-style:none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top:none;
}
footer ul.tokyo_area li a{
    display:inline;
}
footer ul.tokyo_area li a:after{
    display:none;
}
footer ul.tokyo_area li+ li{
  border-left: 0;
  border-right: 1px solid #ccc;
}
#page-top {
    height: 30px;
    width: 30px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #68c0d4;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin: 0;
    padding: 0;
}
.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}

/* section
* --------------------------------------- */

.inner{
    width:100%;
    height:300px;
    overflow:hidden;
    margin-bottom:0px;
}
.bg-1{
    background-image:url(../img/sp_image1.jpg) ;
    background-size: 100% auto;
    background-repeat:no-repeat;
}
.bg-1 .catch{
    text-align:right;
    width:90%;
    margin:0 auto;
    padding-top:0px;
}
.bg-1 h2{
    text-align:right;
    width:90%;
    margin:0 auto;
    padding-top:50px;
    font-size:1.3em;
}
.bg-2{
    background-image:url(../img/sp_image2.jpg);
    background-size: 100% auto;
    background-repeat:no-repeat;
}
.bg-3{
    background-image:url(../img/sp_image3.jpg);
    background-size: 100% auto;
    background-repeat:no-repeat;
}
.bg-2 .catch{
    text-align:left;
    width:90%;
    margin:0 auto;
    padding-top:0px;
}
.bg-2 h2{
    text-align:left;
    width:90%;
    margin:0 auto;
    padding-top:50px;
    font-size:1.3em;
}
.bg-3 .catch{
    text-align:left;
    width:90%;
    margin:0 auto;
    padding-top:0px;
}
.bg-3 h2{
    text-align:left;
    width:90%;
    margin:0 auto;
    padding-top:130px;
    font-size:1.3em;
}
.color-1 h2{
    margin:0 0 10px 0;
}
.color-2 h2{
    margin:10px 0 10px 0;
}
.column-0{
    background: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    padding:3% 0%;
    width:95%;
    margin:0 auto;
    text-align:left;
    margin-top:10px;
    margin-bottom:10px;
}

.column-10{
    border: 3px solid #cdb660;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    padding:5%;
    width:78%;
    margin:10px auto 30px auto;
    text-align:left;
}
.column-1{
    display:block;
    width:92%;
    height:auto;
    vertical-align:top;
    padding:2% 1%;
    margin:0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.column-2{
    display:block;
    width:92%;
    height:auto;
    vertical-align:top;
    padding:1% 1%;
    margin:0 auto 2% auto;
}
.column-2-2{
    display:block;
    width:92%;
    height:auto;
    vertical-align:top;
    padding:1%;
    margin:0 auto;
}
.column-2-2 .large{
    font-size:1.4em;
}
.column-3{
    display:block;
    width:92%;
    height:auto;
    vertical-align:top;
    padding:2% 1%;
    margin:0 auto 2% auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.column-3_extra{
    display:inline-block;
    width:28%;
    height:auto;
    vertical-align:top;
    padding:1%;
    margin:0 1%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.extra-left{
    float:left;
    width:30%;
}
.extra-left img{
    width:100%;
}
.column-4{
    display:inline-block;
    width:43%;
    height:auto;
    vertical-align:top;
    padding:0px;
    margin:1%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.column-4_extra{
    display:inline-block;
    width:43%;
    height:auto;
    vertical-align:top;
    padding:0px;
    margin:1%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.column-8{
    width:90%;
    height:auto;
    margin:0 auto;
}
.column-8 img{
    width:100%;
}
.sankaku-1{
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 20px solid #68c0d4;
    margin:0 auto;
    padding:0;
}

.sankaku-2{
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    margin:0 auto;
    padding:0;
}
.sankaku-3{
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    margin:0 auto;
    padding:0;
    position:relative;
    left:0px;
}
.sankaku-4{
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 20px solid #41446b;
    margin:0 auto;
    padding:0;
}
.btn{
    width:75%;
    padding:10px;
    background-color:#cdb660;
    font-size:1.2em;
    font-weight:bold;
    display: block;
    margin:0 auto 10px auto;
    /*margin-bottom:20px;*/
}
.column-4_extra .btn{
    width:75%;
    padding:5px;
    background-color:#cdb660;
    font-size:0.8em;
    font-weight:bold;
    display: block;
    margin:0 auto 10px auto;
    /*margin-bottom:20px;*/
}
.pb10{
    margin-bottom:10px;
}
ul.news {
    margin: 0 auto 0px auto;
    padding: 0px 0 0 0px;
    width:95%;
    border-bottom: 1px solid #eee;
}
ul.news a{
    text-decoration:none;
}
ul.news:after {
    content: " ";
    clear: both;
    display: block;
}
ul.news li {
    padding: 0.4em 0;
    text-align: left;
    border-top: 1px solid #eee;
    margin-top: 0px;
list-style:none;
vertical-align:top;
line-height:1.3;
}
ul.news li span.date{

    font-size:0.8em;
    font-weight: normal;
display:block;
width:100%;
vertical-align:middle;
}
ul.news li span.title {
    color: #35318f;
    font-weight: 900;
    margin: 0 0px;
display:none;
width:100%;
vertical-align:middle;
}
ul.news li span.more{
    color: #35318f;
    text-align:left;
display:block;
width:100%;
vertical-align:middle;
}
ul.news li span.detail {
    padding: 0.4em 0;
    text-align: left;
    line-height: 1.6em;
    margin: 0 0 0px 120px;
    display: block;
    vertical-align:middle;
}
ul.news li span.title2 {
    color: #35318f;
    font-weight: 900;
    margin: 0 0px;
display:block;
width:100%;
vertical-align:middle;
}
ul.news li span.title3 {
    color: #35318f;
    font-weight: normal;
    font-size:0.8em;
    margin: 0 0px;
display:block;
width:100%;
vertical-align:middle;
}
ul.news li span.more2{
    color: #35318f;
    text-align:right;
display:none;
width:100%;
vertical-align:middle;
}
ul.news li span.thum{
    color: #35318f;
    font-weight: 900;
display:block;
width:50px;
float:left;
margin-right:8px;
vertical-align:middle;
height:40px;
}

ul.news li span.thum img{
    width:50px;
    height:30px;
}
.sp-pic{
    width:72%;

}
.sp-pic2{
    width:100%;

}
.ip-left{
    float:none;
    padding-right:0px;
}
.company{
    width:100%;
    border-top: 1px solid #cdb660;
    border-right: 1px solid #cdb660;
    border-spacing: 0;
    margin: 0 auto;
    font-size:0.8em;
}
.company th, .company td{
    border-bottom: 1px solid #cdb660;
    border-left: 1px solid #cdb660;
    text-align: left;
    vertical-align:middle;
    padding: 1%;
}

.course{
    width:95%;
    font-size:0.8em;
    border-top: 1px solid #cdb660;
    border-right: 1px solid #cdb660;
    border-spacing: 0;
    margin: 10px auto;
}
.course td, .course th{
    border-bottom: 1px solid #cdb660;
    border-left: 1px solid #cdb660;
    text-align: center;
    padding: 2px;
}
.r_course{
    width:100%;
    font-size:0.7em;
    border-top: 1px solid #cdb660;
    border-right: 1px solid #cdb660;
    border-spacing: 0;
    margin: 10px auto;
}
.r_course td, .r_course th{
    border-bottom: 1px solid #cdb660;
    border-left: 1px solid #cdb660;
    text-align: center;
    padding: 2px;
}
h4.kazari{
 padding:5px 0;
 margin:10px auto;
 width:95%;
 border-top:1px solid #cdb660;
 border-bottom:1px solid #cdb660;
}
/* form
* --------------------------------------- */
.form-container {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   background: #ffffff;
   text-decoration: none;
   vertical-align: middle;
   padding:5%;
   width:80%;
   margin:0 auto;
   text-align:left;

   }
.form-field {
   border: 1px solid #dddddd;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #000000;
   padding:8px;
   margin-bottom:10px;
   width:90%;
   }
.text-field {
   border: 1px solid #dddddd;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #000000;
   padding:8px;
   margin-bottom:10px;
   width:60%;
   float:none;
   }
.form-field:focus {
   background: #eee;
   color: #000000;
   }
.form-radio {
   /*padding:8px;
   margin-bottom:20px;*/
   width:100%;
   float:none;
   }
.form-container label {
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    margin:0px;
    margin-bottom:10px;
}

.form-container label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #ddd;

}

select {
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    padding: 0.2em 2.5em 0.2em 1.5em;
    color: #000;
    border: none;
    border-radius: 5px;
    background: transparent;

}

::-ms-expand {
    display: none;
}
.form-container h2 {
   text-shadow: #ffffff 0 1px 0;
   font-size:3em;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:0px;
   color: #68c0d4;
   float:none;
   margin-right:0px;
   text-shadow: #ffffff 0 1px 0;
   padding-top:0px;
   width:100%;
   clear:both;
   }
.form-title2 {
   margin-bottom:0px;
   color: #68c0d4;
   float:none;
   margin-right:0px;
   text-shadow: #ffffff 0 1px 0;
   padding-top:0px;
   width:100%;
   clear:both;
   }

.submit-button {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 8.5px 18px;
   font-size: 1.6em;
   margin-top:20px;
   cursor:pointer;
   }

   .sample{
    font-size:0.8em;
    margin:-10px 0 -10px 0;
    padding:-10px 0 -10px 0;
    text-indent:0px;
    clear:both;
    color:#68c0d4;
}
.sample2{
    font-size:0.8em;
    margin:0px 0 -10px 0;
    padding:0px 0 -10px 0;
    text-indent:0px;
    clear:both;
    color:#68c0d4;
}
.areabox{
    margin:0 auto;
    width:90%;
    padding:10px;
    text-align:center;
}
.pic-clean{
    float:left;
    padding-right:10px;
    width:50px;
}
#fbarea{
    display:block;
}
.recruit_img{
max-width:125px;
display:inline;
margin:1%;
}
  .interview_photo{
display:block;
width:100%;
vertical-align:top;
}

.interview_cap{
display:block;
width:100%;
vertical-align:top;
margin-left:0%;
}

.houjin_column img{
width: 90%;
margin:2% auto;
}

.houjin_column h4{
margin-bottom: 0;
}
h2{
    font-size:1.3em;
    margin-bottom: 2%;
    letter-spacing:-1px;
}
h3{
    font-size:1.1em;
}
.cap{
    font-size:1em;
    line-height:1.4;
    margin:0;
    padding:0;
}
.waku-beige p{
    padding:0 !important;
}
.houjin_price p{
    padding:0 ;
}
.houjin_price .large{
    padding:0 ;
}


.pconly {
    display: none;
}

.shop-info div {
    width: calc(93% / 2 - 3%);
    margin: 0 0 2.5%;
}

}


/* reCAPTCHA */

.recaptcha_policy {
  padding: 0;
  margin: 30px 0 -10px 0;
  text-align: center;
  font-size: 0.75em !important;
}
.recaptcha_policy a {
}
.grecaptcha-badge { visibility: hidden; }


/* subscription */
.option_pic{
display:inline-block;
width:20%;
vertical-align:top;
margin-right:4%;
}
.option_pic img{
width:100%;
}
.option_cap{
display:inline-block;
width:64%;
vertical-align:top;
}
.option_ttl{
font-size: 1em;
font-weight: bold;
}
.register_confirm_wrap .option_ttl{
font-weight: normal;
}
/* 元々のチェックボックス（非表示） */
.option_ttl input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル */
.option_ttl input[type="checkbox"]{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    margin-right:0px;
    /*padding-left: 25px;
    padding-right: 10px;
    margin-right:10px;*/
}
/* ラベルの左に表示させる正方形のボックス□ */
.option_ttl input[type="checkbox"]::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    margin-top: 0px;
    left: 0;
    top: 0;
    /*width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;*/
    border: 1px solid;
    border-color:  #ddd; /* 枠の色変更 お好きな色を */
    background-color: #FFF; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
.option_ttl input[type="checkbox"]:checked::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 6px;
    margin-top: -4px;
    top: 50%;
    left: 2px;
    /*width: 18px;
    height: 9px;
    margin-top: -9px;
    top: 50%;
    left: 3px;*/
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #68c0d4; /* チェックの色変更 お好きな色を */
}
.precheck input[type="checkbox"]:checked{
    border-color:  #eee; /* 枠の色変更 お好きな色を */
    background-color: #eee; /* 背景の色変更 お好きな色を */
}



/*new top*/
/*bxsliderに配置する画像のプロパティ*/
.slides img{
	width:auto;
	height:100%;
	line-height: 100%;

	/*30秒かけてズームイン・アウトを永遠に繰り返す*/
	animation: animationZoom 20s ease-in-out 0s infinite normal;
}
/*イメージをズームさせるCSS3アニメーション*/
@keyframes animationZoom {
	50%{ transform:scale(1.1); }
}

.flexslider #symbol{
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	transform: translate(-50%, -50%);
	background-color:#fff;
	border-radius: 50%;
	width:350px;
	height:350px;
}
.flexslider h1{
	font-size:1.8em;
	font-weight:bold;
	line-height: 1.2;
    margin: 15% 0 0 0;
    color: #41446b;
    letter-spacing: -0.1em;
}
.flexslider h1 span{
	font-size:2em;
	font-weight:bold;
}
.flexslider h1 span.persent{
	font-size:3.5em;
	font-weight:bold;
}

.service_wrap .flexslider h1{
font-size: 3em;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;
    padding: 0%;
    position: absolute;
    left: 0;
    top: 150px;
    color: #41446b;
    line-height: 1.5;
    letter-spacing: 0em;
}
.cleaning_wrap .flexslider h1{
font-size: 3em !important;
    font-weight: bold !important;
    text-align: center;
    margin: 0 auto !important;
    vertical-align: middle;
    width: 100%;
    padding: 0%;
    position: absolute;
    left: 0;
    top: 150px;
    color: #41446b;
    line-height: 1.5;
    letter-spacing: 0em;
}
.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.twitter-wrap{
	width: 100%;
	height:300px;
	margin: 0 auto;
}
.twitter-wrap img{
	display:none !important;
}



main img{
border-radius: 10px;
}
.btn,
a.btn,
button.btn {
  /*font-size: 1.6rem;
  font-weight: 700;*/
  line-height: 1.5;
  position: relative;
  display: inline-block;
  /*padding: 1rem 4rem;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  /*letter-spacing: 0.1em;*/
  /*color: #212529;*/
  border-radius: 100vh;
}

a.btn-c {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  position: relative;
  margin-bottom:5%;
  padding: 2rem 4rem 2rem 2rem;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#007adf),
    to(#00ecbc)
  );
  background-image: -webkit-linear-gradient(left, #007adf 0%, #00ecbc 100%);
  background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  width:80%;
  max-width:400px;
}

a.btn-c:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  color: #fff;
}
.about-left{
   width:30%;
   display:inline-block;
   vertical-align:middle;
   margin:1% 3% 0 0;
}
.about-right{
   display:inline-block;
   vertical-align:middle;
   width:65%;
}
.about-right h2{
   margin-bottom:3%;
}
.about-right p{
   font-size:1.5em;
   font-weight:bold;
   line-height:1.8;
}
.about-right p span.large{
   color:#cdb660;
}
.about-balloon {
  border-radius: 50px;
    position: relative;
  width: 80%;
  padding: 10px 0px;
  margin: 0 auto;
  text-align: center;
  background-color: #41446b;
  color:#fff;
  font-size: 2em;
}
.about-balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-right: 10px solid #41446b;
  border-radius: 0 0 30px 0;
}

.vwrap{
    position: relative;/*h1の中央寄せ配置の起点とするためのrelative*/
    height: 70vh;/*高さを全画面にあわせる*/
    margin-bottom:0%;
        background: url(/public/movie/shirofuwa.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#video-area{
    position: absolute;
    z-index: 1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}

#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}

/*見出し設定*/
.vcatch{
    /*要素の配置*/
    position:absolute;
    /*要素を天地中央寄せ*/
    top: 50%;
    left: 50%;
    width:100%;
    transform: translateY(-50%) translateX(-50%);
    /*見た目の調整*/
    /*color:#fff;
    text-shadow: 0 0 15px #666;*/
    z-index: 2;
}
.vcatch h2{
    color: #fff;
    margin-bottom:5%;
    text-shadow: 0 0 15px #666;
    letter-spacing:0.1em;
}
.vcatch h2 span{
}
.task{
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
    width: 250px;
    height: 250px;
}
.task h3{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #41446b;
}
.task h3 span{
    font-size:1.5em;
}

.step{
font-size:1.5em;
font-weight:bold;
background:#68c0d4;
border-radius:50%;
width:55px;
height:55px;
line-height:1;
color:#fff;
margin:0 auto 3%;
text-align: center;
}
.step span{
font-size:0.5em;
}
.movie iframe{
  width:100%;
  height:450px;
}
h2{
margin:0 auto 2%;
}
.point{
margin:5% auto 0;
}
h3.kazari {
    padding: 10px 0;
    margin: 20px auto;
    width: 95%;
    border-top: none;
    border-bottom: none;
    font-size: 2.5em;
background-image: url(../img/mark.gif);
    background-size: 45px 39px;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 40px 0 0 0;
    color:#41446b;
}
.fukidashi{
font-size:1.2em;
width:500px;
margin:0 auto 3%;
}
.smaller{
font-size:1em;
}
.lp_wrap{
background:#fff;
margin:0 auto;
padding:0 0 2%;
}

.towel .task h3{
    color:#fff;
    text-shadow: 0 0 5px #000;
}
.towel .task{
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: center center;
    background-size: cover;
}
.towel-1{
background-image:url(../img/towel_01.jpg);
}
.towel-2{
background-image:url(../img/towel_02.jpg);
}
.towel-3{
background-image:url(../img/towel_03.jpg);
}
.towel-4{
background-image:url(../img/towel_04.jpg);
}
.towel-point{
background:#41446b;
color:#fff;
padding:3% 3% 0;
margin:1% auto 3%;
display:flex;
    flex-wrap: wrap;
justify-content: space-around;
width:94%;
}
.towel-point div {
    width: calc(100% / 3 - 3%);
    margin: 0 0 2.5%;
    padding: 0;
}
.towel-compare, .towel-media {
display:flex;
    flex-wrap: wrap;
justify-content: space-around;
}
.towel-compare div, .towel-media div {
    width: calc(100% / 3 - 3%);
    margin: 0 0 2.5%;
}
.towel-compare div{
background:#f8f8b8;
padding:10px;
border-radius:10px;

}
.towel-compare div h4{
color:#41446b;
font-weight:bold;
}
.towel-compare div p{
font-weight:bold;
}
.premium{
    color: #cdb660;
    margin: 5% 0 0;
    font-weight:normal;
}
.towel-goal{
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: center center;
    background-size: cover;
    background-image:url(../img/towel_11.jpg);
    height:560px;
    margin:0 auto 3%;
}
.towel-goal div, .gym-goal div, .sauna-goal div{
position: relative;
    top: 15%;
    left: 5%;
    background: #fff;
    width: 350px;
    height: 350px;
    border-radius: 50%;
}
.towel-goal div h3, .gym-goal div h3, .sauna-goal div h3{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#41446b;
}
.towel-goal div h3 span, .gym-goal div h3 span, .sauna-goal div h3 span{
    font-size:0.7em;
    font-weight:bold;
    background: linear-gradient(transparent 40%, #FFFF99 0%);
}
.compare table{
    background-color: #fff;
    border-collapse: collapse;
    font-size:1em;
    width:100%;
}

.compare table th, .compare table td {
    border: 1px solid #999;
    padding: 5px;
    text-align: center;
}
.compare table th{
    background:#c7e9f2;
    font-weight:normal;
    width: 20%;
}

.compare table td{
    font-weight:bold;
    font-size:1.2em;
    width: 20%;
}
.cshop{
background:#f2f1c7;
}
.gym_wrap{
background:#000;
color:#fff;
margin:0 auto;
padding:0 0 2%;
width:100%;
}
.gym_top{
    background: url(../img/gym_00.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
}
.gym_catch{
margin-top:2%;
font-size: 3.8em;
color: #cdb660;
line-height: 1;
}
.gym_catch span{
font-size: 0.5em;
}
.gym_lead{
font-weight: bold;
}
.gym_lead span{
font-size: 4em;
}
.gym-point{
padding:3% 3% 0;
margin:1% auto;
display:flex;
    flex-wrap: wrap;
justify-content: space-around;
}
.gym-point div {
    width: calc(100% / 2 - 3%);
    margin: 0 0 2.5%;
    padding: 0;
}
.gym-point div p{
    text-align:left;
    line-height:1.8;
}
.gym-point div p span{
    font-weight: bold;
    background: linear-gradient(transparent 0%, #8a7731 0%);
}
.gym-1{
background-image:url(../img/gym_03.jpg);
}
.gym-2{
background-image:url(../img/gym_04.jpg);
}
.gym-3{
background-image:url(../img/gym_05.jpg);
}
.gym-4{
background-image:url(../img/gym_06.jpg);
}
.gym-goal{
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: center center;
    background-size: cover;
    background-image:url(../img/gym_07.jpg);
    height:560px;
    margin:0 auto 3%;
}
.reverse{
    flex-direction: row-reverse;
}
.sauna_top{
    background: url(../img/sauna_00.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
}
.sauna-1{
background-image:url(../img/sauna_03.jpg);
}
.sauna-2{
background-image:url(../img/sauna_04.jpg);
}
.sauna-3{
background-image:url(../img/sauna_05.jpg);
}
.sauna-4{
background-image:url(../img/sauna_06.jpg);
}
.sauna-goal{
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: center center;
    background-size: cover;
    background-image:url(../img/sauna_07.jpg);
    height:560px;
    margin:0 auto 3%;
}
.area_main{
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    width: 600px;
    height: 600px;
    margin: 0 auto;
}
.area_main h1 {
    letter-spacing: 0.1em;
    font-size: 2em;
    line-height: 1.6;
    margin: 0 auto;
    text-align: center;
    
    color:#41446b;
    padding:15% 0 0;
    
}
.area_main .main_catch {
    font-size: 3em;
    line-height: 1.6;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    color:#cdb660;
    padding:0;
}
.area_main .main_midashi {
    font-size: 1em;
    line-height: 1.6;
    margin: 0 auto;
    text-align: center;
    
    color:#444;
    padding:0;
}
.area_main img.logo_mark {
    max-width: 300px;
}
.type {
    max-width: 1000px;
    margin: 2% auto;
}
.shinjuku{
    background: url(../img/bg_shinjuku.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
}
.meguro{
    background: url(../img/bg_meguro.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
}


@media (max-width: 780px) {
.towel-point div {
    width: calc(100% / 2 - 3%);
    margin: 0 0 5%;
    padding: 0;
}
.towel-compare div, .towel-media div {
    width: calc(93% / 2 - 3%);
    margin: 0 0 2.5%;
}

.towel-media div:first-child {
    width: calc(100% / 1 - 3%);
    margin: 0 0 2.5%;
}
.towel-goal, .gym-goal, .sauna-goal{
    height:200px;
}
.towel-goal div, .gym-goal div, .sauna-goal div{
    position: relative;
    top: 10%;
    left: 2%;
    background: #fff;
    width: 160px;
    height: 160px;
    border-radius: 50%;
}
.towel-goal div h3, .gym-goal div h3, .sauna-goal div h3{
    font-size:0.9em;
}
.compare table{
    background-color: #fff;
    border-collapse: collapse;
    font-size:0.7em;
    width:100%;
}

.compare table th, .compare table td {
    border: 1px solid #999;
    padding: 5px;
    text-align: center;
}
.compare table th{
    background:#c7e9f2;
    width: 40%;
}

.compare table td{
    font-weight:bold;
    font-size:1em;
        width: 12%;
}
  .twitter-wrap{
		width: auto;
    overflow: hidden;
  }
  .twitter-wrap iframe{
    /* 20pxの部分は埋め込んだタイムラインの左右に必要な余白の総計を記載 */
    width: calc(100vw - 20px)!important;
  }
.flexslider #symbol{
	width:170px;
	height:170px;
}
.flexslider h1{
	font-size:0.8em;
	margin: 20% 0 0 0;
}
.service_wrap .flexslider h1{
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;
    padding: 0%;
    position: absolute;
    left: 0;
    top: 35%;
    color: #41446b;
    line-height: 1.3;
}
.cleaning_wrap .flexslider h1{
    font-size: 1.6em !important;
    font-weight: bold !important;
    text-align: center;
    margin: 0 auto !important;
    vertical-align: middle;
    width: 100%;
    padding: 0%;
    position: absolute;
    left: 0;
    top: 35%;
    color: #41446b;
    line-height: 1.3;
}
.flexslider .slides img{
width:auto;
height:35vh;
}
.vcatch h2{
    text-shadow: 0 0 5px #000;
    letter-spacing:0.05em;
}
.vcatch h2 span{
background: rgba(0,0,0,0.3);
padding: 0.5%;
line-height:1.7;
}
a.btn-c {
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  position: relative;

  padding: 10px;
}
/*
.about-left{
   width:70%;
   display:block;
   margin:0 auto;
}
.about-right{
   display:block;
   width:90%;
   font-size:120%;
   margin:0 auto;
}
*/
.about-left{
   width:30%;
   display:inline-block;
   margin:0 auto;
}
.about-right{
   display:inline-block;
   width:60%;
   font-size:92%;
   margin:0 auto;
}
.about-right p{
   font-size:0.8em;
   line-height:1.7;
}
.about-right p span.large{
   font-size:1.4em;
}
.about-balloon {
  font-size: 1em;
  margin-bottom:3%;
}
.about-balloon::before {
  width: 10px;
  height: 10px;
  border-right: 5px solid #41446b;
  border-radius: 0 0 10px 0;
}

.task{
    width: 130px;
    height: 130px;
}
.task h3{
    font-size:0.8em;
}
h3.kazari{
    background-size: 30px 26px;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 0 0;
    font-size:1.3em;
}
.step{
font-size:1.3em;
width:45px;
height:45px;
}
p, .cap{
font-size:0.8em;
}
.movie iframe{
  width:100%;
  height:180px;
}
.w80{
width:80%;
margin:2% auto;
}
.fukidashi{
font-size:0.8em;
width:80%;
margin:3% auto;
}
.smaller{
font-size:0.9em;
}
.gym_catch{
font-size: 2.2em;
color: #cdb660;
line-height: 1;
}
.gym_catch span{
font-size: 0.5em;
}
.gym-point{
width:94%;
}
.gym-point div {
    width: calc(100% / 1 - 3%);
    margin: 0 0 2.5%;
    padding: 0;
}
.raise{
font-size: 1.8em;
}

.area_main{
    width: 350px;
    height: 350px;
    margin: 0 auto;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
.shinjuku {
height: 90vh;
    position: relative;
}
.area_main h1 {
     font-size: 1.2em;
    padding:20% 0 0;
}
.area_main .main_catch {
    font-size: 2em;
    line-height: 1;
}
.area_main .main_midashi {
    font-size: 0.7em;
    line-height: 1.2;
    margin:2% auto;
}
.area_main img.logo_mark {
    max-width: 150px;
}
.type {
    width: 96%;
    position: absolute;
    bottom: 10%;
    margin: 2%;
}
.type div{
    width: 48%;
}
.type a.btn-c {
    font-size: 1rem;
    letter-spacing: 0.01em;
    position: relative;
    padding: 10px 0;
        width: 100%;
}
.type_wrap .type {
    width: 96%;
    position: relative;
    bottom: 10%;
    margin: 2%;
}
}




.accordion {
margin: 0 auto;
max-width: 100%;
}
.accordion_toggle {
display: none;
}
.accordion_option {
position: relative;
margin-bottom: 1em;
}
.accordion_title,
.accordion_content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.accordion_title {
border: solid 1px #ccc;
padding: 1em;
display: block;
color: #333;
font-size: 0.8em;
}
.accordion_title::after,
.accordion_title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.accordion_title::after {
transform: rotate(90deg);
}

.recruit_none .accordion_title::after,
.recruit_none .accordion_title::before {
content: none;
}

.accordion_content {
max-height: 0;
overflow: hidden;
text-align:left;
}
.accordion_content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.accordion_toggle:checked + .accordion_title + .accordion_content {
max-height: 1600px;
transition: all 1.5s;
}
.accordion_toggle:checked + .accordion_title::before {
transform: rotate(90deg) !important;
}

.faq_wrap{
max-width:680px;
margin:0 auto;
}
.faq_wrap .accordion_title h4{
text-align:left;
}
.review_wrap{
max-width:680px;
margin:0 auto;
}
.review_wrap div{
text-align:left;
margin:3% auto;
padding:3%;
background:#faf9e2;
border-radius:10px;
}
.review_wrap div:nth-child(even){
background:#e2effa;
}

.review_wrap .comment{
}
.review_wrap .property{
color:#68c0d4;
font-size:0.8em;
}
.property span {
    color: #ffcc00;
    margin-left: 30px;
    /* text-align: right; */
}
.average_wrap{
max-width:300px;
margin:0 auto;
text-align:center;
}
.anq_wrap{
margin:5% auto;
width:100%;
max-width:500px;

text-align:center;

}
.rate-catch{
    font-size:1em;
    line-height:1.0;
}
.rate-form {
      margin: 0 auto;
    max-width: 250px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.rate-form input[type=radio] {
  display: none;
}
.rate-form label {
  position: relative;
  padding: 0 5px;
  color: #ccc;
  cursor: pointer;
  font-size: 35px;
}
.rate-form label:hover {
  color: #ffcc00;
}
.rate-form label:hover ~ label {
  color: #ffcc00;
}
.rate-form input[type=radio]:checked ~ label {
  color: #ffcc00;
}


.rate-form{
 display: -ms-flex;
 display: -webkit-flex;
 display: -moz-flex;
 display: -o-flex;
 display: flex;

 flex-direction: -ms-row-reverse;
 flex-direction: -webkit-row-reverse;
 flex-direction: -moz-row-reverse;
 flex-direction: -o-row-reverse;
 flex-direction: row-reverse;

}
.rate-form input[type='radio']{
  display: none;
}
.rate-form input[type='radio']{
  display: none;
}
.rate-form label{
  position: relative;
  padding: 0 5px 10px 5px;
  color: #bbb;
  cursor: pointer;
  font-size: 40px;
}

.rate-form label:hover,
.rate-form label:hover ~ label,
.rate-form input[type='radio']:checked ~ label{
  color: #ffcc00;
}
.anq_wrap .form-field{
font-size:1.1em;
}
@media screen and (max-width:480px) {
.rate-catch{
    font-size:1em;
    line-height:1.0;
}
}
.corporate h2{
line-height:1;
margin-top:5%;
}
.corporate h2 span{
font-size:0.5em;
}
.corporate .waku{
  background-color: #eee;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding:5%;
    margin:5% auto;
    text-align:left;
}
.corporate .waku4{
background-color: #eee;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 2%;
    margin: 1%;
    text-align: left;
    width:27%;
}


.corporate p{
    text-align:left;
    line-height:2;
}
.representative{
text-align:right !important;
margin:0;
font-size:0.8em;
}

.timeline {
  list-style: none;
  max-width:650px;
  margin:0 auto;
}
.timeline > li {
  margin-bottom: 60px;
}
.timeline h3{
font-size:1em;
margin: 20px 0 0px;
}

  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 155px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 70%;
    float: left;
    border-left: 3px #eee solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #68c0d4;
    position: absolute;
    left: 150px;
    top: 24px;
    border-radius: 100%;
  }

.corporate table{
border-collapse: collapse;
border:none;
}
.corporate table tr td,.corporate table tr th {
    border-bottom: 1px solid #ddd;
    border-left:none;
}
.corporate table tr th{
width: 28%;
}
.location ul{
    max-width: 1000px;
    margin: 0 auto;
    list-style: none;
}
.location li{
border:1px solid #ddd;
padding:2% 0;
margin:2% auto;
-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.location iframe{
width:100%;
height:280px;
}
.contact_wrap ul{
max-width:650px;
margin:0 auto;
list-style:none;
}
.contact_wrap li{
border-bottom:1px solid #ddd;
padding:3% 0;
font-size:2.2em;
font-weight:bold;
}
.contact_wrap li span{
    font-size: 0.6em;
    margin-right: 30px;
}
.recruit .location h3{
margin:3% 0;
}
.recruit .location iframe{
height:340px;
width:100%;
}
.recruit .location div.company{
    
    max-width:600px;
    width:95%;
    border-top: none;
    border-right: none;
    border-spacing: 0;
    margin: 3% auto 0;
    font-size:0.8em;
}

@media screen and (max-width:480px) {
.corporate .waku{
    margin: 0 auto 5%;
    max-width: 80%;
}
.corporate .waku4{
    margin: 0 auto 5%;
    max-width: 80%;
    width:92%;
    padding:5%;
}
.timeline {
    border-left: 3px #eee solid;
}
.timeline-date {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0 0 0 20px;
}
.timeline-content {
    width: 95%;
    float: none;
    border-left:none;
    padding-left: 20px;
}
.timeline h3 {
    font-size: 0.8em;
    margin: 0px 0 0px;
}
.timeline-content:before {
left: 0;
    top: 6px;
    border-radius: 0% 50% 50% 0%;
}
.location li{
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.location iframe{
height:150px;
}
.contact_wrap li{
padding:5% 0;
font-size:1em;
}
.recruit .location h3{
margin:5% 0;
}
.recruit .location iframe{
height:200px;
}
}
.Bnr .Bnr__img {
    position: fixed;
    left: 2%;
    bottom: 10px;
    z-index: 88;
}
.Bnr2 .Bnr__img {
    position: fixed;
    left: 2%;
    bottom: 200px;
    z-index: 88;
}
.Bnr__img__inner {
    width: 180px;
    height: 180px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.2);
}
.Bnr__img__inner h3.kazari {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: bold;
    color: #41446b;
    margin: 10px auto;
}
.Bnr__img__inner a {
    display: block;
    margin: 0 0 5px ;
    font-size: 1.0em;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    width: auto;
    border-radius: 30px;
    background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
}
.Bnr__img p.close {
    position: absolute;
    right: 0;
    top: 0px;
}
.Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
  font-size: 1.2em;
    font-weight: bold;
    color: #000;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: black;
}
.Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr__img p.close a i{
  z-index: 888;
  
}

@media screen and (max-width:480px) {
.Bnr .Bnr__img {
    left: 5px;
    bottom: 5px;
}
.Bnr2 .Bnr__img {
    left: 5px;
    bottom: 105px;
}
.Bnr__img__inner {
    width: 100px;
    height: 100px;
    padding: 10px 0px;
}
.Bnr__img__inner h3.kazari {
    font-size: 0.8em;
    background:none;
    padding:0;
    margin:10px auto 5px;
}
.Bnr__img__inner a {
    font-size: 0.7em;
    border-radius: 15px;
    padding: 4px;
}
}
@media screen and (max-width:480px) {
ul.hmenu_wrap {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    font-size: 0.9em;
    line-height: 3;
    margin-right: 2%;
    position: relative;
}

}
.footer_wrap {
    max-width: 1200px;
    margin: 3% auto 1%;
}
.fmenu_wrap {
    width: 22.5%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
}
.fmenu_wrap h3 {
    text-align: left;
    font-size: 1em;
}
.fmenu_wrap ul li {
    display: block;
    border: none;
    text-align: left;
    line-height: 2;
}
.flogo {
    width: 90%;
    margin-bottom: 10%;
}
.flogo img {
    width: 100%;
}
.fmenu_wrap .sns_area {
    margin: 0;
}
span.tell{
position:relative;
}
span.tell::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(../img/freedial.png) no-repeat;
  background-size: contain;
  margin-right: 8px;
}
.voice_frame{
width:100%;
max-width:850px;
height:200px;
margin:2% auto;
}
.price_frame{
width:1150px;
height:1750px;
margin:2% auto;
}
.price-lp_frame{
width:1150px;
height:2250px;
margin:2% auto;
}
.area_wrap {
    width: 90%;
    max-width: 900px;
    margin: 3% auto 0;
    padding: 2%;
    background: #eee;
    border-radius: 15px;
    line-height: 2;
}
.area_wrap h2, .area_content h2 {
    font-size: 1.5rem;
}
.area_wrap p {
    line-height: 1.8;
}
.area_content {
    width:95%;
    max-width: 1100px;
    margin: 5% auto 0;
}
.area_content ul li {
    width: 22%;
    list-style: none;
    text-align: center;
    margin: 1.5%;
}
.area_content ul li img{
    width: 240px;
    height: 240px;
    object-fit: cover;
}
.area_content ul.flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
@media screen and (max-width:480px) {
.fmenu_wrap {
    width: 100%;
    display: block;
    margin: 5% auto;
}
.fmenu_wrap h3 {
    text-align: center;
}
.fmenu_wrap ul li {
    line-height: 1.5;
    border-top: 1px solid #ccc;
}
.flogo {
    width: 70%;
    margin: 0 auto 5%;
}
.fmenu_wrap .sns_area {
    margin: 0 auto;
}
.voice_frame{
width:100%;
height:310px;
margin:2% auto;
}
.price_frame{
width:100%;
height:1950px;
margin:2% auto;
}
.price-lp_frame{
width:100%;
height:2300px;
margin:2% auto;
}
.area_wrap h2, .area_content h2 {
    font-size: 1.2rem;
}
.area_content ul li {
    width: 44%;
    list-style: none;
    text-align: center;
    margin:3%;
}
.area_content ul li img{
    width: 140px;
    height: 140px;
    object-fit: cover;
}
}

/*fc*/


.slickslider_wrap {
width: 100%;
    max-width: none;
}
#Slider .slick-slide {
    margin-right: 1vw!important;
    margin-left: 1vw!important;
    height: auto;
}
.price_new{
margin:3% auto;
position:relative;
}
.limited_wrap {
    position: absolute;
    top: 46px;
    left: 35%;
    width: 100px;
    height: 190px;
    z-index: 2;
    border: 3px solid #cdb660;
}


.limited_wrap div {
    font-size: 0.9em;
    font-weight: bold;
    color: #fff;
    background: #cdb660;
}
.limited_after_wrap{
position:absolute;
top:-25px;
left:50%;
width:100px;
height:auto;
z-index:2;
font-size: 0.8em;
}
/*
.price_area{
width:25%;
display:inline-block;
vertical-align:top;
margin:0 3% 0 0;
}
.course_list{
width:67%;
display:inline-block;
vertical-align:top;
position:relative;

}*/
.price_area{
width:35%;
display:block;
vertical-align:top;
margin:0 auto;
}
.course_list{
width:75%;
display:block;
vertical-align:top;
position:relative;
margin:0 auto;
}
.price_new h4{
margin:0% auto 3%;
font-size:1.9em;
}
.campaign_3month{
margin:7% auto 2%;
position:relative;
padding:10px;
border-radius:50px;
max-width: 280px;
color: #fff;
}

.campaign_3month:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #68c0d4;
}
.campaign_3month .blue_bk:before {
    border-top: 10px solid #68c0d4;
}
.yellow_bk:before {
    border-top: 10px solid #f9ce24;
}
.blue_bk{
background:#68c0d4;
}
.yellow_bk{
background:#f9ce24;
}
.course_list ul{
border-top:1px solid #ccc;
list-style:none;
text-align:left;
}
.course_list li{
border-bottom:1px solid #ccc;
padding:1.5% 0;
list-style:none;
font-size:1.2em;
}
.course_list li dl{
}
.course_list li dt{
display:inline-block;
width:20%;
color: #68c0d4;
font-weight:bold;
}
.course_list li dd{
}
.course_list li dd.times{
display:inline-block;
width:15%;
color: #cdb660;
}
.course_list li dd.cost{
display:inline-block;
width:15%;
color: #cdb660;
font-weight:bold;
text-decoration: line-through;
}
.course_list li dd.try{
text-decoration:none ;
}
.course_list li dd.limited{
display:inline-block;
width:15%;
color: #cdb660;
font-weight:bold;
}
.course_list li dd span{
font-size:0.8em;
}
.course_list li dd.deli{
display:inline-block;
width:30%;
font-size: 0.9em;
}
.course_cap{
font-size: 1em;
text-align: left;
    max-width: 75%;
    margin: 0 auto 5%;
}
.course_wrap{
width:80%;
margin:2% auto 3%;
}
.course_wrap h5{
background:#68c0d4;
color:#fff;
padding:5px 0;
width:100%;
margin: 0 auto 1%;
text-align: center;
position: relative;
border-radius: 50px;
}
.course_wrap h5:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #68c0d4;
}
.course_select{
display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.course_select div {
    width: 23%;
    list-style: none;
    text-align: center;
    margin: 1.5% 0.5%;
    border: 3px solid #a2dce9;
    border-radius: 5px;
}
p.c_catch {
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    background: #a2dce9;
    line-height: 2;
    margin: 0;
    padding: 0;
}
p.c_cap {
    font-size: 0.9em;
    line-height: 1.5;
    margin: 2% auto 0;
}
p.c_name {
    color: #68c0d4;
    font-weight: bold;
    font-size: 1.5em;
}
.yellow{
color:#f9ce24;
}
@media screen and (max-width:480px) {
.price_area{
width:80%;
display:block;
margin:0 auto;
}
.course_list{
width:100%;
display:block;
/*overflow-x: scroll;*/
padding-top: 5%;
}
.price_new h4{
margin:10% auto 2%;
font-size:1em;
}
.course_list ul{
width:100%;
}
.course_list li{
padding:2% 0;
font-size:1em;
}
.course_list li dl{
font-size:1em;
}
.course_list li dt{
width:30%;
line-height: 1.2;
font-size: 0.9em;
}
.course_list li dd.times{
width:15%;
font-size:0.8em;
}
.course_list li dd.cost{
width:25%;
text-align:center;
}
.course_list li dd.limited{
width:25%;
text-align:center;
}
.course_list li dd.deli{
display:block;
width:100%;
font-size: 0.7em;
}

.limited_wrap {
        position: absolute;
        top: 56px;
        left: 48%;
        width: 80px;
        height: 195px;
        z-index: 2;
        border: 3px solid #cdb660;
        font-size: 0.9em;
    }

.limited_after_wrap {
    position: absolute;
    top:-5px;
    left: 75%;
    width: 80px;
    height: auto;
    z-index: 2;
    font-size: 0.8em;
}
.course_cap {
    font-size: 0.8em;
    margin-bottom: 5%;
    text-align: left;
    max-width: 100%;
}
.other_area li dd.deli{
display:inline-block;
width:25%;
}
.course_wrap{
width:90%;
margin:2% auto 10%;
}
.course_select div{
    width: 100%;
    margin: 1.5% auto;
    border: 2px solid #a2dce9;
    border-radius:5px;
    padding: 0 0 2%;
}
p.c_catch {
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    background: #a2dce9;
    line-height: 2;
    margin: 0;
    padding: 0;
}
p.c_cap {
    font-size: 0.9em;
    line-height: 1.5;
    margin: 2% auto 0;
    padding:0;
}
p.c_name {
    color: #68c0d4;
    font-weight: bold;
    font-size: 1em;
    padding:0;
}
}
span.tline {
    text-decoration: line-through;
}
.form-radio p {
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
}
.option_column {
    border-bottom: 1px solid #ccc;
}
a.plan_price {
    margin-top: 10px;
    display: block;
    text-decoration: underline;
}

.premium_wrap{
background:#fff;
}
.premium_wrap section{
margin: 0 auto;
padding: 0;
}
.premium_wrap section article, .premium_wrap .inner_wrap article{
padding: 5% 0;
}
.premium_wrap .vcatch h1{
    color: #fff;
    text-shadow: 0 0 15px #666;
    letter-spacing: 0.1em;
    font-size: 3em;
    line-height: 1.6;
    margin: 0 auto;
    text-align: center;
    font-family: "Sawarabi Mincho";
}
.premium_wrap article img{
width:100%;
}
.premium_wrap .logo_mark{
    max-width:300px;
    margin:0 auto;
}
.premium_wrap article{
    background: none;
    padding: 0;
    margin: 0% auto;
    max-width:1180px;
}
.new_color{
background:#d8eef4/*#5fbcd4*/;
width:100%;
}
.premium_wrap .flexbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    text-align: left;
}/*
.premium_wrap h2{
margin: 5% auto ;
color:#d8c066;
}*/
.premium_wrap .flexbox p{
line-height: 2;
    padding-bottom: 0px;
}
.premium_wrap h3{
font-size:2em;
margin: 2% auto ;
color:#5fbcd4;
font-family: "Sawarabi Mincho";
}
.inner_wrap{
    padding: 1% 0 5%;
}
@media screen and (max-width: 480px){
.premium_wrap .vcatch h1{
    font-size: 2em;
}
.premium_wrap h3 {
    font-size: 1.2em;
}
.premium_wrap .flexbox{
    margin:0 auto;
    width:90%;
}
.premium_wrap .flexbox div img{
    width:90%;
    display:block;
    margin:0 auto 5%;
}
.premium_wrap section{
    height: 100%;
}
.premium_wrap .vcatch{
    top: 75%;
    transform: translateY(-50%) translateX(-50%);
}
.premium_wrap .logo_mark{
    max-width:180px;
    margin:0 auto;
}
.premium_price_wrap{
width:95%;
}
}
.case_wrap{
    margin-bottom:5%;
    }
    .case_wrap h4{
    margin-top:3%;
    font-size:2em;
    }
    .case_wrap .column-2 h4{
    font-size:1em;
    }
    .case_plan{
        background:#68c0d4;
        color:#fff;
        font-weight:bold;
        margin:3% auto;
        padding:2% 0;
        border-radius:5px;
    }
    .routine {
        border: 1px solid #ddd;
        padding: 5%;
    }
    .routine h5 {
        margin: 0 auto 3%;
        color: #68c0d4;
    }
    .routine dl {
        display: flex;
        padding: 1%;
        font-size: 0.9em;
    }
    .routine dl:nth-child(even) {
        background: #e3f2ff;
    }
    .routine dl dt {
        width: 10%;
        text-align: left;
    }
    .routine dl dd {
        text-align: left;
    }
    .case_more h5 {
        margin: 3% auto;
    }
    .case_more ul {
        list-style: none;
    }
    .case_more li {
        text-align: left;
        border-bottom: 1px solid #ddd;
        line-height: 1.5;
        padding: 2%;
        text-indent: -1em;
        padding-left: 1em;
        font-size: 0.9em;
    }
    .case_more li::before {
      content: '・';
    }
    .case_profile{
        display:flex;
        flex-wrap: wrap;
    }
    .case_profile div{
        width: calc(100% / 2 - 3%);
        margin: 0% 1.5% ;
        padding: 0;
        text-align: left;
    }
    .case_profile .user {
        max-width: 100px;
        float: left;
        margin-right: 5px;
    }
    .case_profile p {
        clear: both;
        font-size: 0.9em;
    }
@media screen and (max-width: 480px) {
    .routine dl {
        font-size: 0.8em;
    }
    .case_more li {
        font-size: 0.8em;
    }
    .case_profile .user {
        max-width: 60px;
     }
     .case_profile p {
        font-size: 0.7em;
    }
}
.review_lp {
    max-width: 680px;
    list-style-type: none;
    margin: 2rem auto;
    padding: 0 1.5rem;
   }
   .review_lp li {
    display: grid;
    grid-template-columns: 100px 150px 1fr;
    gap: 1.5rem;
    border-top: 1px solid #ccc;
    padding: 1rem 0;
   }
   .review_lp li:last-child {
    border-bottom: 1px solid #ccc;
   }
   .review_lp .user,
   .review_lp .item {
    max-width: 100%;
   }
   .review_lp .user {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: solid 1px #eee;
   }
   .review-area {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
   }
   .review-area p {
    margin: 0;
   }
   .review-area .name,
   .review-area .date,
   .review_lp a {
    font-size: 0.8rem;
   }
   .review-area .star5:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: #ffcc01;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .star4-5:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: linear-gradient(to right, #ffcc01 90%, #d9d9d9 91%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .star4:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: linear-gradient(to right, #ffcc01 80%, #d9d9d9 81%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .star3-5:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: linear-gradient(to right, #ffcc01 70%, #d9d9d9 71%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .star3:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: linear-gradient(to right, #ffcc01 60%, #d9d9d9 61%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .comment {
    text-align: justify;
    position: relative;
    word-wrap: break-word;
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
   }
   .review_lp a {
    text-align: center;
   }
   @media screen and (max-width: 480px) {

   .review_lp li {
    display: block;
}
}
.top_extra .limited_wrap{
height:235px;
}
.top_extra .course_list li {
line-height: 1.2;
}
.top_extra .limited span.small {
    font-size: 0.6em;
    font-weight: normal;
}
.top_extra .course_list li dt {
vertical-align: middle;
}
.top_extra .course_list li dd.times {
vertical-align: middle;
}
.top_extra .course_list li dd.limited {
vertical-align: middle;
}
.top_extra .course_list li dd.cost {
vertical-align: middle;
}
.top_extra .course_list li dd.deli {
vertical-align: middle;
}
.try_wrap{
    width:100%;
    max-width: 980px;
    margin:0 auto;
}
.try_wrap .cam_bg div {
    background: #fff;
    background-color: #fce28d;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 255, 255, .2) 10px, rgba(255, 255, 255, .2) 20px);
    background-attachment: fixed;
    border-radius: 10px;
    padding: 5% 0 2%;
}
.try_wrap .cam_bg h4 {
    color: #009cad;
    font-size: 1.9em;
}
.try_wrap p {
    margin-top:3%;
}
.type div a span {
    color: #fff000;
}
.emblem {
    width: 95%;
    margin: 3% auto 0;
}
.emblem div {
    width: 32%;
}
.emblem div img {
    width: 100%;
}
@media screen and (max-width: 480px) {
.top_extra .limited_wrap{
height: 200px;
}
.top_extra .course_list li {
line-height: 1.1;
}
.emblem {
    width: 95%;
    margin: 3% auto !important;
}
.emblem div img {
    width: 100% !important;
}
}
.option_s {
    border: 1px solid #68c0d4;
    padding: 5%;
    margin-bottom: 5%;
    border-radius: 10px;
}
.option_s .option_column {
    margin-bottom: 2%;
}
.option_s h3 {
    text-align: center;
    font-size: 1.1em;
    background: #68c0d4;
    color: #fff;
    margin: 0 auto 2%;
}
.option_s h4 {
    margin: 0;
    font-size: 1.1em;
}
.option_entry {
    background: #e1f5fa;
    padding: 2%;
    border-radius: 10px;
}
.option_entry h4 {
    color: #68c0d4;
    text-align: center;
    font-size: 0.9em;
}
@media screen and (max-width: 480px) {
.option_s {
    border: none;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
}
.option_s h3 {
    font-size: 1em;
}
.option_s h4 {
    font-size: 0.9em;
}
}
/*new_form*/
.coursename{
    font-weight:bold;
    font-size: 1.2em;
}
.register_wrap .form-radio {
    width: 500px;
}
.register_switch {
    display: flex;
    justify-content: center;
    list-style: none;
}
.register_switch li {
    background: #68c0d4;
    padding: 5px 15px 0 15px;
    margin: 0 5px;
    border-radius: 5px 5px 0 0;
}
li.btn_active {
    background: #fff;
}
.register_switch a {
    color: #fff;
}
.register_area {
    margin-left: 140px;
}
.register_area .areabox {
    margin-left: 0;
    width: 440px;
}
.a_cap {
    font-size: 0.9em;
}
.a_cap span{
    color: #68c0d4;
}
.register_area a p {
    padding: 0;
    font-size: 0.9em;
}
.register_confirm_wrap .option_column {
    display: none;
}
.capwrap {
    border-radius: 10px;
    padding: 3%;
    border: 1px solid #ddd;
    width: 85%;
    margin: 0 auto;
}
.capwrap h4 {
    text-align: center;
}
.cleaning_list {
    width: 75%;
    margin: 5% auto;
}
.cleaning_list ul {
    list-style: none;
    width: 100%;
}
.cleaning_list li {
    border-bottom: 1px solid #ccc;
    padding: 1.5% 0;
    list-style: none;
    font-size: 1.2em;
    text-align: left;
}

.cleaning_list li dl {
    display: flex;
    align-items: center;
}
.cleaning_list li dt:nth-child(2) {
    width: 62%;
    margin: 0 2%;
    font-size: 0.9em;
}
.cleaning_list li dd {
    font-size: 1em;
}
.cleaning_list li dd span {
    font-size: 1.4em;
}
table.compare {
    max-width: 1000px;
    margin: 5% auto;
    text-align: left;
}
table.compare th, table.compare td{
    padding:1%;
    width:25%;
}
table.compare th{
    background: #68c0d4;
    color:#fff;
}
table.compare td{
font-size: 0.9em;
}
table.compare tr:nth-child(odd) td {
  background: #e3f2ff;
}
table.compare .c_ttl{
  color:#41446b;
  font-weight:bold;
}
ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
      text-align: left;
    font-size: 0.9em;
}
ol li {
  border-bottom: dashed 1px #68c0d4;
  position: relative;
  padding: 0.5em 0.5em 0.5em 35px;
  line-height: 1.5em;
}
ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #68c0d4;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


@media screen and (max-width: 480px) {
.register_wrap .form-radio {
    width: 100%;
}
.register_area {
    margin: 0px 0 0;
}
.register_wrap .areabox {
    width: 80%;
}
.register_area a p {
    font-size: 0.8em;
}
.register_wrap .option_ttl {
    font-size: 0.8em;
}
.register_confirm_wrap .option_ttl {
    font-size: 0.8em;
    font-weight: normal;
} 
.option_pic{
width:30%;
}
.capwrap {
    font-size:0.9em;
}
#header-sp ul li a {
        position: relative;
}
#header-sp ul.hmenu_wrap li a::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        width: 7px;
        height: 7px;
        margin-top: -4px;
        border-top: solid 2px #68c0d4;
        border-right: solid 2px #68c0d4;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }
#header-sp ul.hmenu_wrap li.push a:after {
    border-top: solid 2px #cdb660;
    border-right: solid 2px #cdb660;
}
.cleaning_list {
    width: 95%;
}
.cleaning_list ul {
    margin: 5% 0;
}
.cleaning_list li dt:nth-child(2) {
    width: 53%;
}
.cleaning_list li {
    font-size: 0.8em;
}
.cleaning_list li dd {
    font-size: 0.9em;
}
table.compare th, table.compare td{
font-size: 0.7em;
}
.top_sns p{
font-size:0.6em; 
}
}

.notice {
    color: #c04800;
}
.top_extra .yokoku {
    height: 305px;
}
.limited_wrap.yokoku {
    top: 68px;
}
.news_wrap {
    margin: 3% auto 8%;
    max-width: 800px;
}
.news_wrap dl {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2% 0;
    text-align: left;
    display: flex;
}
.news_wrap dt {
    width: 20%;
}
.news_wrap dd {
    line-height: 1.5;
    width: 80%;
}
@media screen and (max-width: 480px){
.top_extra .yokoku {
    height: 258px;
}
.limited_wrap.yokoku {
    top: 73px;
}
    .news_wrap dl {
        display: block;
        font-size: 0.8em;
    }
        .news_wrap dt {
        width: 100%;
        margin-bottom: 1.5%;
    }
        .news_wrap dd {
        width: 100%;
    }
}