@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#152b52;
background-color:#fff;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}


/*---------- リンク設定 ----------*/

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}


/*---------- ベーステキストの指定 ----------*/

p {
font-size:100%;
line-height:160%;
}
@media screen and (min-width:769px){
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

#header{
margin:0 auto;
padding:0 15px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.header_logo{
width:42%;
margin:0;
padding:10px 0;
}
.header_logo img{width:100%;}
.header_detail{
width:40%;
margin:0;
padding:0;
font-weight:bold;
line-height:100%;
text-align:right;
}
.header_tel{
margin:0;
padding:10px 0 2px 0;
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
}
.header_tel a:link {color:#152b52;text-decoration:none;}
.header_tel a:visited {color:#152b52;text-decoration:none;}
.header_tel a:hover {color:#152b52;text-decoration:none;}
.header_area{margin:0;padding:0;font-size:75%;}
@media screen and (min-width:769px){
#header{width:1200px;padding:0;}
.header_logo{width:305px;padding:15px 0;}
.header_detail{width:460px;line-height:150%;}
.header_tel{padding:20px 0 2px 0;font-size:30px;}
.header_area{font-size:16px;letter-spacing:1px;}
}

/*---------- キャッチコピー部分 ----------*/

.copy{
margin:0;
padding:10px 0 30px 0;
text-align:center;
border-top:solid 1px #eee;
}
.copy img{width:100%;}
.device{
margin:0 20px;
padding:0;
text-align:center;
}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.btn {
width:100%;
margin:0 auto;
padding:20px 0;
display:inline-block;
font-size:140%;
font-weight:bold;
text-decoration:none;
color:#fff;
text-align:center;
background:#152b52;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
.btn:hover {
opacity:0.7;
filter:alpha(opacity=70);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.top_video{
margin:30px auto 0 auto;
padding:0;
}
.top_point{
margin:0 20px 45px 20px;
padding:0;
}
.top_point img{width:100%;}
@media screen and (min-width:769px) {
.copy{
margin:0 0 60px 0;
padding:0;
height:590px;
background-image:url(img/copy.png);
background-position:top center;
background-repeat:no-repeat;
}
.btn {
width:450px;
font-size:24px;
letter-spacing:1px;
padding:20px 0;
}
.top_video{
width:768px;
margin:60px auto 0 auto;
}
.top_point{
width:768px;
margin:0 auto 60px auto;
}
}


#before-after{
margin:30px auto 0 auto;
padding:30px 0 15px 0;
background:#f6f3ee;
}
.ba_title{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fb8603;
font-family: "Noto Sans Japanese";
}
.ba_eng{
margin:5px 0 20px 0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.ba_box{
margin:0 20px 20px 20px;
padding:0;

}
.ba_pict{
margin:0 0 20px 0;
padding:5px;
background-color:#fb8603;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.ba_pict img{width:100%;}
.ba_name{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.ba_name span{
color:#fff;
background-color:#fb8603;
padding:6px 12px 4px 12px;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.ba_head{
margin:0;
padding:0 0 10px 0;
font-size:120%;
font-weight:bold;
line-height:160%;
text-align:center;
border-bottom:dotted 1px #152b52;
}
.comment{
margin:30px 20px;
padding:0;
text-align:center;
}
.comment img{width:100%;}
@media screen and (min-width:769px) {
#before-after{
margin:60px auto 0 auto;
width:768px;
padding:60px 0 1px 0;
}
.ba_title{font-size:36px;letter-spacing:1px;}
.ba_eng{margin:5px 0 45px 0;font-size:18px;}
.ba_box{margin:0 30px 45px 30px;}
.ba_box p{font-size:16px;margin-left:45px;margin-right:45px;}
.ba_name{font-size:18px;letter-spacing:1px;}
.ba_name span{padding:6px 12px 2px 12px;}
.ba_head{margin:0 45px;font-size:24px;letter-spacing:1px;}
.comment{margin:45px 0;}
.comment img{width:768px;}
}


.picture_box{
margin:0 auto;
padding:10px 20px 15px 20px;
}
.picture_name{
margin:0 0 7px 0;
padding:0;
font-size:100%;
line-height:150%;
text-align:center;
}
.picture_name span{
padding:10px 15px;
color:#fb8603;
border-left:1px solid #fb8603;
border-right:1px solid #fb8603;
}
.picture{
margin:0 0 30px 0;
padding:10px;
border:3px double #fb8603;
}
.pv{
margin:0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.pv iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
@media screen and (min-width:769px) {
.picture_box{width:768px;padding:15px 0 15px 0;}
.picture_name{font-size:18px;letter-spacing:1px;}
.picture{margin:0 0 45px 0;padding:15px;}
}


.enjoy{
margin:0 auto;
padding:60px 0 0 0;
background-image:url(img/enjoy.png);
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
}
.enjoy_txt{
margin:0;
padding:0;
text-align:center;
}
.enjoy_txt img{width:100%;}
.instagram{
margin:0;
padding:30px 0;
background:#152b52;
background-image:url(img/instagram_bg.png);
}
.instagram img{width:100%;}
.dr_bg{
margin:0 auto;
padding:30px 20px 35px 20px;
text-align:center;
background:#1c4c85;
}
.dr_title{
margin:0 0 20px 0;
padding:0;
font-size:125%;
font-weight:900;
line-height:160%;
color:#fff;
font-family: "Noto Sans Japanese";
}
.dr_pict{
margin:0;
padding:0;
}
.dr_pict img{width:100%;}
.txt_01{
margin:0 auto;
padding:25px 20px 35px 20px;
text-align:center;
background:#fefbe3;
}
.txt_01 img{width:100%;}
.txt_02{
margin:0 auto;
padding:45px 15px;
text-align:center;
background-image:url(img/bg_01.jpg);
background-position:top center;
background-repeat:no-repeat;
background-size:auto 100%;
}
.txt_02 img{width:100%;}
@media screen and (min-width:769px) {
.enjoy{
width:768px;
padding:75px 0 0 0;
background-size:cover;
}
.instagram{
width:768px;
margin:0 auto;
padding:60px 0 45px 0;
}
.dr_bg{width:768px;padding:30px 0 35px 0;}
.dr_title{font-size:32px;letter-spacing:1px;}
.dr_pict{margin:0 30px;}
.txt_01{width:768px;padding:45px 0;}
.txt_01 img{width:90%;}
.txt_02{width:768px;padding:60px 0;}
.txt_02 img{width:90%;}
}


.point_mark{
margin:30px 0 0 0;
padding:0;
text-align:center;
}
.point_mark img{width:75px;}
.subhead{
margin:10px 0 20px 0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
#wrapper{
margin:0 20px;
padding:0;
}
table.check{
width:100%;
border-collapse:collapse;
margin:0 auto;
}
table.check th{
width:30px;
padding:10px 0 5px 0;
font-size:100%;
line-height:150%;
color:#fb8603;
vertical-align:top;
text-align:left;
}
table.check td{
padding:10px 0 5px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
border-bottom:dotted 1px #dacec3;
vertical-align:top;
}
@media screen and (min-width:769px){
.point_mark{margin:60px 0 0 0;}
.point_mark img{width:100px;}
.subhead{
margin:10px 0 30px 0;
font-size:36px;
letter-spacing:1px;
}
#wrapper{
width:768px;
margin:0 auto;
padding:0;
}
table.check th{width:35px;font-size:24px;}
table.check td{font-size:24px;letter-spacing:1px;}
}

.graf{
margin:0 0 30px 0;
padding:25px 15px;
text-align:center;
background:#f1eee7;
border:3px double #fb8603;
}
.graf img{width:100%;}
.feature_title{
margin:30px 0 0 0;
padding:15px 0;
font-size:120%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
background:#fb8603;
}
.feature{
margin:0 0 30px 0;
padding:5px 20px 20px 20px;
background:#ffeece;
}
.txt_03{
margin:30px 0 30px 0;
padding:0;
text-align:center;
}
.txt_03 img{width:100%;}
@media screen and (min-width:769px){
.graf{margin:0 0 45px 0;padding:45px 0;}
.graf img{width:80%;}
.feature_title{margin:45px 0 0 0;font-size:24px;letter-spacing:1px;}
.feature{padding:10px 45px 30px 45px;}
.txt_03{margin:45px 0 30px 0;}
.txt_03 img{width:60%;}
}


.talk{
margin:0;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.talk img{
width:100%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.talk_name{
margin:0;
padding:8px 0 0 0;
font-size:100%;
line-height:150%;
text-align:center;
}
.talk_pict{
width:25%;
margin:0;
padding:0;
}
.talk_txt{
width:72%;
margin:0;
padding:0;
font-weight:bold;
}
.balloon-left {
position:relative;
display:inline-block;
margin:0 0 1em 15px;
padding:1px 15px;
min-width:120px;
max-width:100%;
background:#FFF;
border:solid 2px #fb8603;
box-sizing:border-box;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.balloon-left:before {
content:"";
position:absolute;
top:50%;
left:-24px;
margin-top:-12px;
border:12px solid transparent;
border-right:12px solid #FFF;
z-index:2;
}
.balloon-left:after {
content:"";
position:absolute;
top:50%;
left:-30px;
margin-top:-15px;
border:15px solid transparent;
border-right:15px solid #fb8603;
z-index:1;
}
.balloon-right {
position:relative;
display:inline-block;
margin:0 15px 1em 0;
padding:1px 15px;
min-width:120px;
max-width:100%;
background:#FFF;
border:solid 2px #fb8603;
box-sizing:border-box;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.balloon-right:before {
content:"";
position:absolute;
top:50%;
right:-24px;
margin-top:-12px;
border:12px solid transparent;
border-left:12px solid #FFF;
z-index:2;
}
.balloon-right:after {
content:"";
position:absolute;
top:50%;
right:-30px;
margin-top:-15px;
border:15px solid transparent;
border-left:15px solid #fb8603;
z-index:1;
}

@media screen and (min-width:769px){
.talk{margin:15px 0 0 0;}
.talk_name{
font-size:16px;
letter-spacing:1px;
}
.talk_pict{width:180px;}
.talk_txt{width:580px;}
.balloon-left {margin:0 0 1.5em 15px;padding:5px 35px;}
.balloon-right {margin:0 15px 1.5em 0;padding:5px 35px;}
}


.basis{
margin:25px 0 0 0;
padding:0;
font-size:120%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fb8603;
font-family: "Noto Sans Japanese";
}
.txt_04{
margin:10px 0 0 0;
padding:20px;
text-align:center;
border:1px solid #fb8603;
}
.txt_04 img{width:100%;}
.txt_06{
margin:0;
padding:0;
text-align:center;
}
.txt_06 img{width:90%;}
.review_bg{
margin:20px -20px 0 -20px;
padding:20px 20px 1px 20px;
background-image:url(img/bg.gif);
}
.review{
margin:0 0 25px 0;
padding:5px;
background:#fff;
}
.review_bg img{width:100%;}
.txt_05{
margin:0;
padding:0;
text-align:center;
}
.txt_05 img{width:100%;}
@media screen and (min-width:769px){
.basis{margin:45px 0 0 0;font-size:24px;letter-spacing:1px;}
.txt_04{margin:20px 0 0 0;padding:30px 0 40px 0;}
.txt_04 img{width:75%;}
.txt_06 img{width:75%;}
.review_bg{margin:30px 0 0 0;padding:45px 45px 1px 45px;}
.review{margin:0 0 45px 0;padding:10px;}
}


.reason_bg{
margin:45px -20px 0 -20px;
padding:45px 30px 15px 30px;
background:#ffeece;
}
.reason_top{
margin:0;
padding:0;
font-size:180%;
font-weight:900;
line-height:120%;
text-align:center;
color:#fb8603;
font-family: "Noto Sans Japanese";
}
.reason_txt{
margin:10px 0 20px 0;
padding:0;
font-size:125%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.reason{
margin:0 0 30px 0;
padding:10px 20px 5px 20px;
background:#fff;
}
.reason_number{
margin:0;
padding:20px 0 15px 0;
font-size:24px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.reason_number span{
padding:5px 14px;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#fb8603;
}
.reason_title{
margin:0;
padding:0;
font-size:140%;
font-weight:900;
line-height:140%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.reason_pict{
margin:5px 0 15px 0;
padding:0;
text-align:center;
}
.reason_pict img{width:50%;}
@media screen and (min-width:769px) {
.reason_bg{
margin:90px 0 0 0;
padding:45px 30px 15px 30px;
}
.reason_top{font-size:48px;letter-spacing:1px;}
.reason_txt{margin:15px 0 30px 0;font-size:24px;letter-spacing:1px;}
.reason{padding:15px 30px 15px 30px;}
.reason_title{font-size:30px;letter-spacing:1px;}
.reason_pict{margin:5px 0 0 0;}
.reason_pict img{width:30%;}
}


.trainer{margin:0 0 30px 0;padding:0;}
.trainer_pict{margin:0;padding:0;text-align:center;}
.trainer_pict img{
width:60%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.trainer_txt{margin:0;padding:0;}
.trainer_degree{
margin:0;
padding:15px 0 5px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.trainer_degree span{
padding:2px 10px;
color:#fff;
background:#fb8603;
}
.trainer_name{
margin:0;
padding:0 0 5px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
border-bottom:1px solid #fb8603;
text-align:center;
}
.order_01{}
.order_02{}
@media screen and (min-width:769px) {
.trainer{
margin:0;
padding:15px 0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.trainer_pict{width:35%;}
.trainer_pict img{width:100%;}
.trainer_txt{width:62%;}
.trainer_degree{
padding:5px 0 5px 0;
font-size:16px;
letter-spacing:1px;
text-align:left;
}
.trainer_name{font-size:28px;letter-spacing:1px;text-align:left;}
.order_01{order:1;}
.order_02{order:2;}
}


.training_number{
margin:0;
padding:15px 0 10px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.training_number span{
padding:10px 15px;
color:#fff;
background:#fb8603;
}
.training_pict{
margin:0 0 15px 0;
padding:0;
}
.training_pict img{width:100%;}
.training_name{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.training{
margin:0 0 15px 0;
padding:20px 25px 5px 25px;
border:3px double #fb8603;
}
.plan_bg{
margin:45px -20px 0 -20px;
padding:1px 0 30px 0;
background:#f6f3ee;
}
.plan {
margin:0 20px 30px 20px;
padding:25px 20px;
background:#fff;
border:5px solid #fb8603;
box-shadow:0 0 5px rgba(21,43,82,0.2);
}
.plan_name{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:100%;
text-align:center;
color:#fb8603;
font-family: "Noto Sans Japanese";
}
.plan_price{
margin:0;
padding:20px 0 15px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.plan_price span{
font-size:150%;
letter-spacing:0;
font-family: 'Roboto Condensed', sans-serif;
}
table.detail{
width:100%;
margin:0;
border-collapse:separate;
}
table.detail th{
width:80px;
padding:10px 0;
font-size:100%;
line-height:150%;
color:#fff;
background:#1c4c85;
border-bottom:solid 1px #1c4c85;
}
table.detail td{
padding:10px 0 10px 15px;
font-size:100%;
line-height:150%;
border-bottom:solid 1px #cbd6e2;
}
.plan_hikaku{
margin:0 20px;
padding:0;
font-size:60%;
line-height:150%;
text-align:right;
color:#666;
}
.plan_hikaku img{width:100%;}

@media screen and (min-width:769px) {
.training_number{font-size:18px;}
.training_pict{margin:0 0 20px 0;}
.training_name{font-size:30px;letter-spacing:1px;}
.training{margin:0 0 30px 0;padding:30px 45px 20px 45px;}
.plan_bg{margin:75px 0 0 0;padding:1px 0 60px 0;}
.plan {margin:0 45px 30px 45px;padding:45px 30px;}
.plan_name{font-size:32px;letter-spacing:1px;}
.plan_price{font-size:18px;letter-spacing:1px;}
table.detail th{width:100px;font-size:16px;letter-spacing:1px;}
table.detail td{font-size:16px;letter-spacing:1px;}
.plan_hikaku{margin:0 45px;font-size:12px;letter-spacing:1px;}
}


.voice_sub{
margin:45px 0 5px 0;
padding:0;
font-size:110%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fb8603;
font-family: "Noto Sans Japanese";
}
.voice_top{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:140%;
text-align:center;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
.voice_sub{margin:60px 0 5px 0;font-size:24px;letter-spacing:1px;}
.voice_top{font-size:36px;letter-spacing:1px;}
}

/*---------- よくあるご質問 ----------*/

.qus{
margin:0 0 10px 0;
padding:3px 0 5px 28px;
font-size:110%;
font-weight:bold;
line-height:150%;
position:relative;
border-bottom:dotted 1px #cbd6e2;
}
.qus:after {
position:absolute;
top:0;
left:0;
content:"Q.";
font-size:24px;
color:#f29600;
font-family: 'Roboto Condensed', sans-serif;
}
.ans{
margin:0;
padding:0 0 15px 28px;
}

@media screen and (min-width:769px){
.qus{font-size:20px;letter-spacing:1px;}
}


.enter_bg{
margin:0 -20px 0 -20px;
padding:25px;
background:#f29600;
}
.enter{
margin:0;
padding:30px 20px 20px 20px;
background:#fff;
box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.enter_top{
margin:0;
padding:0 0 25px 0;
}
.enter_top img{width:100%;}
.enter_txt{
margin:30px 0 0 0;
padding:20px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
border-top:double 3px #152b52;
}
.enter_tel{
margin:0;
padding:0;
font-size:200%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.enter_tel a:link {color:#152b52;text-decoration:none;}
.enter_tel a:visited {color:#152b52;text-decoration:none;}
.enter_tel a:hover {color:#152b52;text-decoration:none;}
@media screen and (min-width:769px){
.enter_bg{margin:0 0 90px 0;padding:45px;}
.enter{padding:45px 30px 30px 30px;}
.enter_txt{font-size:18px;letter-spacing:1px;}
.enter_tel{font-size:48px;}
}

@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}



/*----------アクセス ----------*/

.subject_eng{
margin:45px 0 10px 0;
padding:0;
text-align:center;
font-size:16px;
font-weight:bold;
line-height:150%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.subject_eng span{background:linear-gradient(transparent 60%, #f5c299 60%);}
.subject{
margin:0 0 20px 0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
.subject_eng{
margin:60px 0 10px 0;
padding:0;
text-align:center;
font-size:16px;
font-weight:bold;
line-height:150%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.subject_eng span{background:linear-gradient(transparent 60%, #f5c299 60%);}
.subject{
margin:0 0 30px 0;
padding:0;
font-size:36px;
font-weight:900;
line-height:150%;
letter-spacing:1px;
text-align:center;
font-family: "Noto Sans Japanese";
}
}

table.access{
width:100%;
margin:0 0 30px 0;
border-collapse:separate;
}
table.access th{
width:100px;
padding:10px 0;
font-size:100%;
line-height:150%;
color:#fff;
background:#1c4c85;
border-bottom:solid 1px #1c4c85;
font-family: 'Roboto Condensed', sans-serif;
}
table.access td{
padding:10px 0 10px 15px;
font-size:100%;
line-height:150%;
border-bottom:solid 1px #cbd6e2;
}
.access_title{
margin:30px 0 1px 0;
padding:15px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
background:#1c4c85;
}
.access_movie{
margin:0 0 30px 0;
padding:0;
}
.access_movie video {max-width: 100%;}
@media screen and (min-width: 769px) {
table.access th{width:120px;font-size:16px;letter-spacing:1px;}
table.access td{font-size:16px;letter-spacing:1px;}
.access_title{font-size:24px;letter-spacing:1px;}
.access_movie{margin:0 0 60px 0;}
.access_movie video {}
}


/*----------フレーム ----------*/

.movie{
margin:0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.movie iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

.ggmap {
margin:0;
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
} 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


/*---------- プライバシーポリシー・特定商取引法に関する表示 ----------*/

#subpage{
margin:0;
padding:30px 20px;
}
#subpage p{font-size:80%;}
.page_title{
margin:0 0 30px 0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
}
table.info{
width:100%;
border-collapse:separate;
margin:0 0 20px 0;
}
table.info th{
padding:20px 0 5px 0;
font-size:80%;
line-height:150%;
text-align:left;
border-bottom:solid 1px #666;
display:block;
}
table.info td{
padding:10px 0 0 0;
font-size:80%;
line-height:150%;
display:block;
}
@media screen and (min-width:769px){
#subpage{
width:768px;
margin:0 auto;
padding:75px 0 90px 0;
}
#subpage p{font-size:14px;}
.page_title{
margin:0 0 60px 0;
font-size:24px;
letter-spacing:1px;
}
table.info{margin:20px 0;}
table.info th{
width:180px;
padding:10px 0;
font-size:14px;
letter-spacing:1px;
display:table-cell;
}
table.info td{
padding:10px;
font-size:14px;
letter-spacing:1px;
border-bottom:dotted 1px #ccc;
display:table-cell;
}
}


/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#c30d23;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #ffe24d 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:180%;}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}


/*---------- フッター ----------*/


#footer{
margin:0 auto 60px auto;
padding:30px 0;
font-size:75%;
line-height:200%;
color:#152b52;
text-align:center;
border-top:solid 1px #ccc;
font-family: 'Roboto Condensed', sans-serif;
}
#footer a:link {color:#152b52;text-decoration:underline;}
#footer a:visited {color:#152b52;text-decoration:underline;}
#footer a:hover {color:#152b52;text-decoration:none;}

@media screen and (min-width:769px){
#footer{margin:0 auto 90px auto;font-size:12px;}
}




#footerFloatingMenu {
display:block;
width:100%;
position:fixed;
left:0px;
bottom:0;
z-index:9999;
text-align:center;
margin:0;
padding:10px 0 5px 0;
background:rgba(0,0,0,0.5);
}
.menuin{
width:95%;
margin:0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.floating{
width:49%;
margin:0;
padding:0;
}
.floating a:link {color:#fff;text-decoration:none;}
.floating a:visited {color:#fff;text-decoration:none;}
.floating a:hover {color:#fff;text-decoration:none;}
.entry {
width:100%;
margin:0 auto;
padding:15px 0;
display:inline-block;
font-size:100%;
font-weight:bold;
text-decoration:none;
color:#fff;
text-align:center;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background:#00ca56;
}
.entry:hover {
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.type_01{background:#00ca42;}
.type_02{background:#f29600;}

@media screen and (min-width:769px){
#footerFloatingMenu {padding:20px 0 15px 0;}
.menuin{width:640px;margin:0 auto;}
.entry {font-size:18px;letter-spacing:1px;}
}