/*  立川ソフィア
--------------------------------------------------------------------------*/
/*  http://tck-sophia.eyesgroup.jp/
--------------------------------------------------------------------------*/

@charset "shift_jis";
a:link {text-decoation: none;color:#333;} 
a:visited {text-decoration: none;color:#333;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;position:relative;}
body { background-color: #000; }
body { font-family: 'Noto Sans JP', sans-serif;}
body, th, td, div, font { line-height: 1.5; }
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}

ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;outline: none;}
form{margin:0px;}
input{margin:0px;}form{margin:0px;}
iframe{ vertical-align: bottom;}

::-webkit-scrollbar-track {background: #fff;border-radius: 5px;}
::-webkit-scrollbar { width: 8px;height: 10px;}
::-webkit-scrollbar-thumb {background: #d8d8d8;border-radius: 5px;}

@font-face {font-family: 'Pinyon Script', cursive;font-style: ;src: url(''),url('../font/PinyonScript-Regular.ttf') format('truetype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Light.otf') format('opentype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Thin.otf') format('opentype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Medium.otf') format('opentype');}

.font-script {font-family: "Pinyon Script", cursive; letter-spacing: -0.5px;}

.mincho { font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E",serif;}
@media screen and (max-width: 640px) {
.mincho { font-family:"Sawarabi Mincho", serif;}
}

@-webkit-keyframes light {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@media screen and (max-width: 640px) {.sp_none {display: none !important;}}
@media screen and (min-width: 640px) {.pc_none {display: none !important;}}

:root {
--colorGradation1:linear-gradient(135deg, #ffca64 0%,#f2ed67 24%,#fafad6 47%,#fafad6 47%,#efce2b 49%,#e1b323 54%,#ffe958 92%,#ffe958 92%);
--colorGradation2:linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}




/*  タイトル関連
--------------------------------------------------------------------------*/
h1 { margin: 0px;padding: 0px;}
h2 { margin: 0px;padding: 0px;}
h3 { margin: 0px;padding: 0px;}
.clear { display: none;}


/*  HEAD
--------------------------------------------------------------------------*/
.header_wrap { max-width: 720px;min-height: 200px; margin: 0px;padding: 0px;position: relative;right:0px;left:0px;margin:auto auto;z-index:;text-align: center;}
.header_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.header_wrap video {width: 100%;margin: 0px;padding: 0px;display: block;border: 0px solid #e9dfe0;border-radius:0px;z-index:1;}
.header_wrap .wave {position:absolute;bottom:-50px;right:0px;mix-blend-mode:screen;z-index:2;}
.header_wrap .wave img{max-width: 100%;}
@media only screen and (max-width:750px) {
.header_wrap { max-width: 720px; margin: 0px;padding: 0px;background: #;position: relative;right:0px;left:0px;margin:auto auto;}
}

.header_wrap_inner { height: 100%;background-color: rgba(0,0,0,0.4);margin: 0px;padding: 0px 0px;text-align: center;position: absolute;right:0px;left:0px;margin:auto auto;}

.header{ width: 720px;height: 110px;background:linear-gradient(to bottom ,#000, transparent);}
.header{ padding: 0px 10px;position: relative;right:0px;left:0px;margin:auto auto;z-index:;}
.header { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@media screen and (max-width: 720px) {
.header{ width: 100%;height: 90px;padding: 0px 10px;overflow: hidden;}
}
.head_logo { max-width:150px;position: absolute;top: 20px;left: 20px;}


#head_catch { padding: 0px 0px;font-family:"Sawarabi Mincho", serif;position: absolute;right:0px;left:0px;top:100px;margin:auto auto;z-index:8888;}
#head_catch .hclogo{ max-width: 200px;margin: 10px 0;}
#head_catch .hcmeiten{ max-width: 150px;margin: 30px 0 10px;z-index:8888;}
#head_catch .hctxt1 { margin: 0px;padding: 8px 0px;font-size:22px;color: #fff;letter-spacing:2px;font-weight: normal;line-height: 1.2; }
@media only screen and (max-width:640px) {
#head_catch { padding: 10px 0px;font-family:"Sawarabi Mincho", serif;right:0px;left:0px;top:100px;margin:auto auto;}
#head_catch .hclogo{ max-width: 150px;margin: 10px 0;}
#head_catch .hcmeiten{ max-width: 120px;margin: 10px 0 10px;}
#head_catch .hctxt1 { margin: 0px;padding: 6px 0px;font-size:18px;color: #fff;letter-spacing:2px;font-weight: normal;line-height: 1.2; }
}

#play { position: absolute;top: 65px;right: 0px;z-index:8888;}
#play { display: inline-block;background-color: rgba(255,0,0,0.8);border-radius:30px 0 0 30px;margin: 0px;padding: 5px 20px;text-align: center;}
#play { font-size: 12px;color: #fff;letter-spacing:1px;}
#play::before {content: ''; display: inline-block; background-image: url(../img/audio.png); vertical-align: -5px; margin-right: 2px;width: 20px;height: 20px;background-size: contain;}
@media only screen and (max-width:640px) {
#play { position: absolute;top: 55px;right: 0px;}
}


/*  MENU
--------------------------------------------------------------------------*/
.menu-trigger { width: 60px;height: 60px;position: absolute;right:0px;top:0px;z-index:9999;}
.menu-trigger { background-color: #37c5be;background:linear-gradient(to bottom, #37c5be 0%, #006961 100%);border-radius:0 0 0 15px;}
.menu-trigger span {display: block;position: absolute;right:17px;background-color: #fff;height: 2px;width: 22px;transition: .3s;}
.menu-trigger span { display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span:nth-of-type(1) {top: 20px;}
.menu-trigger span:nth-of-type(2) {top: 29px;}
.menu-trigger span:nth-of-type(3) {top: 38px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}
.menu-trigger:hover {cursor: pointer;}
@media screen and (max-width: 640px) {
.menu-trigger { width: 50px;height: 50px;position: absolute;right:0px;top:0px;z-index:9999;}
.menu-trigger span {display: block;position: absolute;right:13px;background-color: #fff;height: 2px;width: 22px;transition: .3s;}
.menu-trigger span { display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span:nth-of-type(1) {top: 13px;}
.menu-trigger span:nth-of-type(2) {top: 22px;}
.menu-trigger span:nth-of-type(3) {top: 31px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}
}

.slide_wrap{ position: absolute;top: 0;right: 0;z-index:9000;width: 100%;background: rgba(0,0,0,1.0);border-bottom: 1px solid #333;align-items: center;justify-content: center;text-align: center;}
.slide_wrap{ pointer-events: none;opacity: 0;transition: opacity .3s linear;}
.slide_wrap.is-active{ pointer-events: auto;opacity: 1;}
@media only screen and (max-width:640px) {
_.slide_wrap{ position: fixed;top: 0;right: 0;z-index:9000;width: 100%;height: 100vh;border-bottom:0px solid #f0f0f0;background: rgba(255,255,255,1.0);align-items: center;justify-content: center;}
}
#menu_content { max-width:600px;padding: 15px 15px;right:0px;left:0px;margin:auto auto;text-align: center;}
#menu_content h1 img{ max-width: 180px;margin: 10px 0px;padding: 0px 0px;}
#menu_content .txt { margin: 0px;padding:10px 10px ;position:relative;}
#menu_content .txt { font-family:"Sawarabi Mincho", serif;font-size: 13px;color: #fff;line-height: 1.8;font-weight: normal;letter-spacing:3px;text-align: left;}


.menu_wrap{ padding: 20px 15px;align-items: center;justify-content: center;}
ul.slide_menu { max-width: 720px;padding: 0px 0px;background-color: rgba(0,0,0,0.0);border: 1px solid #222;border-radius: 0px;right:0px;left:0px;margin:0px auto 30px;}
ul.slide_menu:after {content: "";display: block;clear: both;}
ul.slide_menu li { float: left;width: 50%;border-right: 1px solid #222;border-bottom: 1px solid #222;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.slide_menu li:nth-child(even) {border-right: none;}
ul.slide_menu li:nth-last-child(1),
ul.slide_menu li:nth-last-of-type(2) { border-bottom: none;}
ul.slide_menu li:nth-last-of-type(2):nth-child(even) {}
ul.slide_menu li a { margin: 0px;padding: 20px 0px;display: block; text-decoration: none;text-align:center;}
ul.slide_menu li a { font-size: 15px;color: #f3f3f3;font-weight:normal;letter-spacing:1px;transition: all .3s;}
ul.slide_menu li a:hover { background-color: #000;text-decoration: none;}
@media screen and (max-width: 640px) {
ul.slide_menu li a { margin: 0px;padding: 18px 0px;display: block; text-decoration: none;text-align:center;}
ul.slide_menu li a { font-size: 13px;color: #f3f3f3;font-weight:normal;letter-spacing:1px;transition: all .3s;}
}

ul.pick_menu { max-width:500px;margin: 0px;padding: 0px 10px 20px;display:inline-block;right:0px;left:0px;margin:auto auto;}
ul.pick_menu li { width: 33.3333%; position:relative;text-align: center; padding: 0px 5px; float: left;}
ul.pick_menu li  { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.pick_menu li img { max-width: 100%;border-radius: 10px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}


/*  TOP
--------------------------------------------------------------------------*/
.wrapper { max-width: 840px;margin: 0px;padding:0px;overflow:hidden;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
.main_wrap { min-height: 300px;margin: 0px;padding: 20px 10px;overflow:hidden;position: relative;text-align:center;}
@media only screen and (max-width:640px) {
.main_wrap { min-height: 200px;margin: 0px;padding: 15px 10px;overflow:hidden;position: relative;text-align:center;}
}


.top_wrap { max-width: 720px;min-height: 540px;margin: 0px;padding: 50px 10px ;background : transparent url(../img/top_catch.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;overflow: hidden;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
.top_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



.concept_wrap { max-width: 720px;min-height: 200px;margin: 0px;padding: 50px 10px ;background : transparent url(../img/concept.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;overflow: hidden;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
.concept_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#top_concept { max-width:600px;padding: 20px 10px ;font-family:"Sawarabi Mincho", serif;right:0px;left:0px;margin:auto auto;text-align: center;}
#top_concept h3 { margin: 0px 0px;padding: 0px 0px;position:relative;}
#top_concept h3 { font-size: 22px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:2px;text-align: center;}
#top_concept p { margin: 0px;padding:10px 0px ;position:relative;}
#top_concept p { font-size: 18px;color: #fff;line-height: 1.8;font-weight: normal;letter-spacing:3px;text-align: center;}
@media screen and (max-width: 840px) {
#top_concept h3 { font-size:19px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:2px;text-align: center;}
#top_concept p { margin: 0px;padding:5px 0px ;font-size: 16px;color: #fff;line-height: 1.8;font-weight: noraml;letter-spacing:3px;text-align: center;}
}

.navi_btn_wrap { max-width: 600px;margin: 0px;padding: 0px;overflow: hidden;right:0px;left:0px;margin:auto auto;text-align:center;}
.navi_btn { max-width:400px;padding: 0px ;overflow: hidden;}
.navi_btn { background-color: #fff;;border: 2px solid #f0e286; border-radius: 50px; position: relative;right:0px;left:0px;margin:auto auto ;}
.navi_btn a{ display: block;padding: 12px 0px;font-family:"Sawarabi Mincho", serif;font-size: 15px;color: #9c8961;font-weight:normal;letter-spacing:1px;text-decoration: none;text-align:center;}
.navi_btn a:hover{ background-color: #f9f9f9;border-radius: 50px;color: #;}
.navi_btn a::after{position:absolute;top: 0;bottom: 0;margin: auto;right:0px;content:"";width:32px;height:32px;}
.navi_btn a::after{background:url(../img/btn_arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-10px);}

.delighter.delighter {transition: all .6s ease-out;transform: translateY(50%);opacity: 0;}
.delighter.delighter.started { transform: none;opacity: 1;}
.delighter.delighter.started.ended {}
.delighterL.delighter {/* 左から */transition:all .6s ease-out;transform:translateX(-15%);opacity:0}
.delighterR.delighter {/* 右から */transition:all .6s ease-out;transform:translateX(15%);opacity:0}



/* コンセプト */

.concept1_wrap { max-width: 720px;min-height: 600px;margin: 0px;padding: 50px 10px ;background : transparent url(../img/concept01.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;overflow: hidden;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
.concept1_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.concept2_wrap { max-width: 720px;min-height: 600px;margin: 0px;padding: 50px 10px ;background : transparent url(../img/concept2.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;overflow: hidden;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
.concept2_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.concept_catch_wrap { max-width: 600px;margin: 0px;padding: 0px;overflow: hidden;right:0px;left:0px;margin:auto auto;}
#concept_catch { padding: 30px 10px;font-family:"Sawarabi Mincho", serif;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
#concept_catch p { margin: 0px;padding: 10px 0px;font-size:22px;color: #fff;letter-spacing:3px;line-height: 1.2; }
#concept_catch img{ max-width: 250px;margin: 10px 0;}
@media only screen and (max-width:640px) {
#concept_catch p { margin: 0px;padding: 10px 0px;font-size:18px;color: #fff;letter-spacing:2px;line-height: 1.2; }
}

/* トップサービス */

.top_service_wrap { max-width: 720px;min-height: 200px;margin: 0px;padding: 50px 20px ;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:1;}
.top_service_wrap { background : transparent url(../img/top_service.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;border-top: 0px solid #ffca64;}
.top_service_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.top_service { max-width: 600px;display: flex;font-family:"Sawarabi Mincho", serif;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.top_service li { width: 33.33333%;padding: 10px ;float:left;position:relative;display: block;}
ul.top_service li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.top_service li span { display: block;margin: 0px;padding: 20px 10px;font-size: 16px;color: #222;font-weight:bold;letter-spacing:0px;text-align: center;}
@media only screen and (max-width:640px) {
ul.top_service li span { display: block;margin: 0px;padding: 20px 0px;font-size: 16px;color: #222;font-weight:bold;letter-spacing:0px;text-align: center;}
}
.top_service_inner {background:var(--colorGradation1);width: 100%;height:100%;padding: 3px;/*borderの太さ*/border-radius: 20px;z-index:8888;}
.top_service_inner_wrap { height:100%;border-radius: 30px;background: #000;padding: 0px;}
.top_service_inner_wrap  {background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}
@media only screen and (max-width:640px) {
.top_service_inner {background:var(--colorGradation1);width: 100%;height:100%;padding: 2px;/*borderの太さ*/border-radius: 20px;}
}


/* 9つのアプローチ */

.point_wrap { max-width: 720px;margin: 0px;padding: 0px 0px ;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:1;}
.point_wrap { background : transparent url(../img/point.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;border-top: 0px solid #ffca64;}
.point_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.point_wrap video {width: 100%;margin: 0px;padding: 0px;display: block;border: 0px solid #e9dfe0;border-radius:0px;z-index:1;}
.point_wrap h3 { max-width: 600px;background-color: rgba(0,0,0,1.0);border: 3px solid #ffca64;border-radius:30px;position: relative;right:0px;left:0px;margin:50px auto 0;z-index:8888; }
.point_wrap h3 { padding: 12px 12px;font-size: 18px;color: #fff;font-weight:normal;letter-spacing:1px;text-align: center;}
@media only screen and (max-width:750px) {
.point_wrap { max-width: 720px;margin: 0px;padding: 0px 0px ;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:1;}
.point_wrap h3 { max-width: 100%;background-color: rgba(0,0,0,1.0);border: 3px solid #ffca64;border-radius:30px;position: relative;margin:10px 20px 0px;}
.point_wrap h3 { padding: 10px 0px;font-size: 14px;color: #fff;font-weight:normal;letter-spacing:0px;text-align: center;}
}
.point_wrap .wave {position:absolute;top:-250px;right:0px;mix-blend-mode:screen;z-index:1;}
.point_wrap .wave img{max-width: 100%;}
.point_wrap_inner { height: 100%;background-color: rgba(0,0,0,0.4);margin: 0px;padding: 0px 0px;text-align: center;position: absolute;right:0px;left:0px;margin:auto auto;}
@media only screen and (max-width:640px) {
.point_wrap .wave {position:absolute;top:-150px;right:0px;mix-blend-mode:screen;z-index:1;}
}


ul.points { max-width: 640px;margin: 0px 0px;padding: 20px 20px;display: flex;flex-wrap: wrap;position: absolute;right:0px;left:0px;margin:auto auto;}
ul.points li { width: 33.3333%;margin: 0px 0px ;padding:10px 10px;text-align:center; }
ul.points li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.points li span { display: block;margin: 0px;min-height: 50px;padding: 20px 5px;font-size: 17px;color: #fff;font-weight:normal;letter-spacing:1px;text-align: center;z-index:1111;}
@media only screen and (max-width:750px) {
ul.points { max-width: 640px;margin: 0px 0px;padding: 10px 5px;display: flex;flex-wrap: wrap;position: absolute;right:0px;left:0px;margin:auto auto;}
ul.points li { width: 33.3333%;margin: 0px 0px ;padding:5px 5px;text-align:center; }
ul.points li span { display: block;margin: 0px;padding: 15px 3px;font-size: 12px;color: #fff;font-weight:normal;letter-spacing:0px;text-align: center;}
}

.points_inner {background:var(--colorGradation1);width: 100%;height:100%;padding: 3px;/*borderの太さ*/border-radius: 20px;z-index:1111;}
.points_inner_wrap { height:100%;border-radius: 30px;background: #000;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@media only screen and (max-width:640px) {
.points_inner {background:var(--colorGradation1);width: 100%;height:100%;padding: 2px;/*borderの太さ*/border-radius: 20px;}
}

/* オススメ */

.osusume_wrap { max-width: 720px;margin: 0px 0px;padding: 50px 15px ;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:1;}
.osusume_wrap { background : transparent url(../img/osusume.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;border-bottom: 2px solid #ffca64;}
.osusume_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.osusume_wrap .wave { max-width: 100%;position:absolute;top:-50px;right:0px;mix-blend-mode:screen;z-index:1;}
.osusume_wrap .kirakira { max-width: 100%;position:absolute;top:-100px;right:0px;mix-blend-mode:screen;z-index:1;}
.osusume_wrap img{ max-width: 100%;}

#ptl { padding: 10px 20px ;text-align: center;}
#ptl h2 { position: relative;font-size: 26px;z-index: 2;text-align: center;}
#ptl h2 span { font-family:"Sawarabi Mincho", serif;font-size: 22px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:2px;position: relative;}
#ptl h2::before { content: attr(data-en);position: absolute;transform: rotate(-5deg);top: -30px;right:0px;left:0px;margin:auto auto;}
#ptl h2::before { font-size: 70px;color: rgba(255,242,203,0.4);font-weight: 400;font-family: "Pinyon Script", cursive;font-style: italic;}
@media screen and (max-width: 640px) {
#ptl h2 span { font-family:"Sawarabi Mincho", serif;font-size: 16px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:2px;position: relative;}
#ptl h2::before { font-size: 60px;color: rgba(255,242,203,0.4);font-weight: 400;font-family: "Pinyon Script", cursive;font-style: italic;}
}
ul.osusume { margin-left: auto;padding: 10px 0px;}
ul.osusume li { display: block;margin: 15px 0px;padding: 0px;position: relative;text-align: left;z-index:8888; }
ul.osusume li { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.osusume_inner {background:var(--colorGradation1);position:relative;display:inline-block;padding: 3px;/*borderの太さ*/border-radius: 30px;z-index:1;}
.osusume_inner_wrap { height:100%;border-radius: 30px;background: #000;padding: 15px 15px 15px 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.osusume_inner_wrap { font-size:16px;color: #fff;font-weight: normal;letter-spacing:1px;line-height: 1.4;text-align: left;}
@media screen and (max-width: 640px) {
ul.osusume li { display: block;margin: 10px 0px;padding: 0px;position: relative;text-align: left;z-index:8888; }
.osusume_inner_wrap { height:100%;border-radius: 30px;background: #000;padding: 12px 12px 12px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.osusume_inner_wrap { font-size:13px;color: #fff;font-weight: normal;letter-spacing:1px;line-height: 1.4;text-align: left;}
}

#point_num { background-color: rgba(146,4,48,0.9);width:50px;height:50px;border-radius:50%;padding: 0px 0px;position: absolute;left:-3px;top:-10px;z-index:7777;}
#point_num .pn_txt{ margin: 0px;padding: 8px 0 2px;font-family:"Sawarabi Mincho", serif;font-size: 10px;color: #fff;line-height: 1.2;font-weight: normal;letter-spacing:0px;text-align:center;}
#point_num .pn_number{ margin: 0px;padding: 0px;font-family: "Pinyon Script", cursive;font-size: 1.em;color: #fff;line-height: 1;font-weight: normal;letter-spacing:0px;text-align:center;}
@media screen and (max-width: 640px) {
#point_num { background-color: rgba(146,4,48,0.9);width:40px;height:40px;border-radius:50%;padding: 0px 0px;position: absolute;left:-3px;top:-10px;z-index:7777;}
#point_num .pn_txt{ margin: 0px;padding: 8px 0 2px;font-family:"Sawarabi Mincho", serif;font-size: 8px;color: #fff;line-height: 1.2;font-weight: normal;letter-spacing:0px;text-align:center;}
#point_num .pn_number{ margin: 0px;padding: 0px;font-family: "Pinyon Script", cursive;font-size: 1.em;color: #fff;line-height: 1;font-weight: normal;letter-spacing:0px;text-align:center;}

}



/* タイピング */

.typing_wrap { max-width: 720px;min-height: 500px;margin: 0px;padding: 50px 20px ;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:1111;}
.typing_wrap { background : transparent url(../img/typing.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;border-top: 2px solid #ffca64;}
.typing_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.typing_wrap .wave { max-width: 100%;position:absolute;bottom:-100px;right:0px;mix-blend-mode:screen;z-index:1;overflow: hidden;z-index:8888;}
.text-animation span {opacity: 0;}
.text-animation {ustify-content: center;}
#tc_wrap { padding: 0px 20px;position: absolute;left:150px;top: 50px;font-family:"Sawarabi Mincho", serif;}
#tc_wrap .tctxt1 { width: 20px;margin: 0px;padding: 0px 0px;font-size:28px;color: #fff;letter-spacing:1px;line-height: 40px;text-shadow: 0px 0px 3px #000;  text-align: center;position: absolute;right:0px;top: 0px;word-wrap: break-word;overflow-wrap: break-word;}
#tc_wrap .tctxt2 { width: 20px;margin: 0px;padding: 0px 0px;font-size:28px;color: #fff;letter-spacing:1px;line-height: 40px;text-shadow: 0px 0px 3px #000;  position: absolute;top: 80px;right:50px;word-wrap: break-word;overflow-wrap: break-word;}
#tc_wrap .tctxt3 { width: 20px;margin: 0px;padding: 0px 0px;font-size:28px;color: #fff;letter-spacing:1px;line-height: 40px;text-shadow: 0px 0px 3px #000;  position: absolute;top: 120px;right:100px;word-wrap: break-word;overflow-wrap: break-word;}


/* 動画 */

.movie_wrap { max-width: 720px;background-color: #65cbd0;margin: 0px;padding: 0px 0px ;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:}
.movie_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.movie_wrap video {width: 100%;margin: 0px;padding: 0px;display: block;border: 0px solid #e9dfe0;border-radius:0px;z-index:1;}
.movie_wrap .wave { max-width: 100%;position:absolute;bottom:0px;right:0px;mix-blend-mode:screen;z-index:1;}
.movie_wrap .kirakira { max-width: 100%;position:absolute;bottom:-100px;right:0px;mix-blend-mode:screen;z-index:1;}
.movie_wrap .wave img{max-width: 100%;}
.movie_wrap .kirakira img{max-width: 100%;}



/* 動画-プレミアムコース */

.movie_premium_wrap { max-width: 720px;margin: 0px;padding: 50px 20px;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:1111;}
.movie_premium_wrap { background : transparent url(../img/kirakira2.png) no-repeat center top;}

.movie_sophia_wrap { max-width: 720px;margin: 0px;padding: 50px 20px;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:1111;}
.movie_sophia_wrap { background : transparent url(../img/movie_sophia.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;}
.movie_sophia_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


.mp_catch_wrap { max-width: 600px;margin: 0px;padding: 0px;overflow: hidden;right:0px;left:0px;margin:auto auto;}
#mp_catch { padding: 0px 20px;font-family:"Sawarabi Mincho", serif;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
#mp_catch .mptxt1 { margin: 0px;padding: 10px 0px;font-size:18px;color: #fff;letter-spacing:3px;line-height: 1.2; }
#mp_catch .mptxt2 { margin: 0px;padding: 10px 0px;font-size:18px;color: #fff;letter-spacing:3px;line-height: 1.6; }
@media only screen and (max-width:640px) {
#mp_catch .mptxt1 { margin: 0px;padding: 10px 0px;font-size:16px;color: #fff;letter-spacing:3px;line-height: 1.2; }
#mp_catch .mptxt2 { margin: 0px;padding: 10px 0px;font-size:16px;color: #fff;letter-spacing:3px;line-height: 1.6; }
}
.movie_premium { max-width: 400px;margin: 0px;padding: 2px 2px;background: #f0e1a8;border-radius:10px;position: relative;overflow: hidden;right:0px;left:0px;margin:20px auto;}
.movie_premium video { width: 100%;max-width: 100%;display: block;border-radius:10px;}


/* ガイド */

.guide1_wrap { max-width: 720px;margin: 0px 0px;padding: 50px 20px ;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:1111;}
.guide1_wrap { background : transparent url(../img/guide1.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;border-bottom: 0px solid #ffca64;}
.guide1_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.guide1_wrap .wave { max-width: 100%;position:absolute;bottom:-100px;right:0px;mix-blend-mode:screen;z-index:3333;}
.guide1_wrap img{ max-width: 100%;}
.guide_catch_wrap { max-width: 600px;margin: 0px;padding: 0px;overflow: hidden;right:0px;left:0px;margin:auto auto;}
#guide_catch { padding: 0px 20px;font-family:"Sawarabi Mincho", serif;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
#guide_catch p { margin: 0px;padding: 10px 0px;font-size:22px;color: #fff;letter-spacing:3px;line-height: 1.2; }
@media only screen and (max-width:640px) {
#guide_catch p { margin: 0px;padding: 10px 0px;font-size:18px;color: #fff;letter-spacing:3px;line-height: 1.2; }
}

/* クイックガイド */

.guide_wrap { max-width: 720px;margin: 0px 0px;padding: 50px 20px ;font-family:"Sawarabi Mincho", serif;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:;}
.guide_wrap { background : transparent url(../img/quickguide.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;border-bottom: 2px solid #ffca64;}
.guide_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.guide_wrap h4 { max-width: 100%;background-color: #37c5be;background:linear-gradient(to bottom, #37c5be 0%, #006961 100%);border: 3px solid #ffca64;border-radius:30px;position: relative;right:0px;left:0px;margin:auto auto;z-index:8888; }
.guide_wrap h4 { padding: 10px 10px;font-size: 16px;color: #fff;font-weight:normal;letter-spacing:1px;text-align: center;}
@media only screen and (max-width:640px) {
.guide_wrap h4 { max-width: 100%;background-color: #37c5be;background:linear-gradient(to bottom, #37c5be 0%, #006961 100%);border: 3px solid #ffca64;border-radius:30px;position: relative;right:0px;left:0px;margin:auto auto;z-index:8888; }
.guide_wrap h4 { padding: 10px 10px;font-size: 13px;color: #fff;font-weight:normal;letter-spacing:1px;text-align: center;}
}
table.guide { width: 100%;margin: 5px 0px 15px;border-collapse: collapse;border-spacing: 0px 0px;}
table.guide { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
table.guide td { width: 20%;border: 1px solid #136269;padding: 12px 5px;border-radius:0px;font-size:14px;line-height: 1.5;vertical-align: middle;text-align: center;}
.guide01 { background-color: #fff;font-size:14px;color: #016d6f;}
.guide02 { background-color: #65cbd0;background:linear-gradient(to bottom, #cdfbfb 0%, #65cbd0 100%);color: #016d6f;}
.guide03 { background-color: #28c9c4;background:linear-gradient(to bottom, #28c9c4 0%, #136269 100%);color: #fff;}
.guide04 { background-color: #136269;background:linear-gradient(to bottom, #136269 0%, #065259 100%);color: #fff;}

@media only screen and (max-width:640px) {
table.guide td { width: 20%;height: 50px;border: 1px solid #136269;padding: 12px 5px;border-radius:0px;font-size:12px;line-height: 1.5;vertical-align: middle;text-align: center;}
}





.gtl { margin: 10px 0px 20px;display: inline-block;position: relative;text-align: center;box-sizing: border-box;z-index:2222;}
.gtl::before {content: '';position: absolute;width: 10px;bottom: -10px;left: -45px;z-index: -2;border: 25px solid #8a1413;border-left-color: transparent;}
.gtl::after {content: '';position: absolute;width: 10px;bottom: -10px;right: -45px;z-index: -2;border: 25px solid #8a1413;border-right-color: transparent;}
.gtl_wrap { display: inline-block;position: relative;margin: 0;padding: 10px 20px;background: #a22524;box-shadow:0px 0px 10px 3px #991d1c inset;font-family:"Sawarabi Mincho", serif;}
.gtl_wrap::before {position: absolute;content: '';top: 100%;left: 0;border: none;border-bottom: solid 10px transparent;border-right: solid 15px #4b1111;}
.gtl_wrap::after {position: absolute;content: '';top: 100%;right: 0;border: none;border-bottom: solid 10px transparent;border-left: solid 15px #4b1111;}
.gtl h3 { margin: 0px;padding: 0px 10px;display: block;font-size:20px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:0px;position: relative;}
.gtl span { margin: 0px;padding: 0px 5px;display: block;font-size: 12px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:1px;position: relative;}
@media screen and (max-width: 640px) {
.gtl::before {content: '';position: absolute;width: 0px;bottom: -10px;left: -35px;z-index: -2;border: 25px solid #8a1413;border-left-color: transparent;}
.gtl::after {content: '';position: absolute;width: 0px;bottom: -10px;right: -35px;z-index: -2;border: 25px solid #8a1413;border-right-color: transparent;}
.gtl_wrap { width:200px;display: inline-block;position: relative;margin: 0;padding: 10px 20px;background: #a22524;box-shadow:0px 0px 10px 3px #991d1c inset;font-family:"Sawarabi Mincho", serif;}
.gtl h3 { margin: 0px;padding: 0px 0px;display: block;font-size:18px;color: #fff;line-height: 1.2;font-weight: normal;letter-spacing:0px;position: relative;}
.gtl span { margin: 0px;padding: 5px 0px 0;display: block;font-size: 12px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:1px;position: relative;}
}

/* サービス */

.service_wrap { max-width: 720px;margin: 0px 0px;padding: 50px 10px ;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;z-index:1111;}
.service_wrap { background : transparent url(../img/service.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;border-bottom: 2px solid #ffca64;}
.service_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#service_catch { padding: 0px 10px;font-family:"Sawarabi Mincho", serif;text-align: center;}
#service_catch h3 { margin: 0px;padding: 10px 0px;font-size:16px;color: #fff;font-weight: normal;letter-spacing:3px;line-height: 1.2; }
#service_catch p { margin: 0px;padding: 10px 0px;font-size:15px;color: #fff;letter-spacing:3px;line-height: 1.6;text-align: center; }

ul.service { max-width: 660px;margin: 0px 0px;padding: 20px 0px;display: flex;flex-wrap: wrap;right:0px;left:0px;margin:auto auto;}
ul.service li { width: 33.3333%;margin: 0px 0px;padding: 7px 1px;position: relative;text-align:center;z-index:8888; }
ul.service li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.service li span { display: block;margin: 0px;padding: 5px 0px 0;font-family:"Sawarabi Mincho", serif;font-size: 14px;color: #fff;font-weight:normal;letter-spacing:1px;text-align: center;}
ul.service li img { max-width: 100%;border-radius: 10px;}
ul.service li .service_inner { max-width: 100%;height:100%;background-color: rgba(0,0,0,0.8);border: 1px solid #ffca64;position: relative;margin: 50x;padding: 3px;border-radius: 10px;}
.service_kazari{ position:absolute;top: -10px;left: -10px;content:"";width:100px;height:70px;}
.service_kazari{ background:url(../img/kazari1.png) no-repeat scroll 0% 0%;background-size:contain;z-index:8888;}
.service_txt { max-width: 630px;background-color: rgba(0,0,0,0.8);border: 2px solid #ffca64;position: relative;right:0px;left:0px;margin:auto auto;z-index:8888; }
.service_txt { padding: 10px 10px;font-family:"Sawarabi Mincho", serif;font-size: 14px;color: #fff;font-weight:normal;letter-spacing:1px;text-align: center;}



/*  フォーム関連
--------------------------------------------------------------------------*/
form{margin:0px;}

input{ background-color: #fff;border: 1px solid #d2d2d2;border-radius: 0px;margin: 0px;padding: 12px 10px;font-size:120%; color:#222;}
input{ -webkit-appearance: none; }
input:focus{ background-color: #fff;-webkit-appearance: none;outline: none;}
input{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.input01{ width:400px;}
.input02{ width:100px;}
@media only screen and (max-width:800px) {
.input01{ width:100%;}
}

select{ margin: 0px 0px;padding: 15px 10px;font-size:16px; color: #222;}
select{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
select{ background-color: #fff;border: 1px solid #d2d2d2;border-radius: 0px;-webkit-appearance: none;}
select{ background: #fdfdfd url(../img/select_arrow.png) no-repeat ;background-position: right 10px center;}
select:focus { background: #fff url(../img/select_arrow.png) no-repeat ;background-position: right 10px center;outline: none;}
.select_day { width:100px; margin: 0px 0px;}

textarea{ background-color: #fff;border: 1px solid #d2d2d2;border-radius: 0px;margin: 0px 0px;padding: 10px 10px;font-size:120%;}
textarea{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
textarea{ overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background-color: #fff;outline: none;}

input.button { max-width:400px;margin: 0px 0px;padding: 20px 0px;position: relative;}
input.button { background-color: #fff;border: 3px solid #ac5c75;border-radius:50px;}
input.button { font-size:15px;color: #ac5c75;font-weight:bold;letter-spacing: 2px;text-align: center;-webkit-appearance: none;}
input.button { -webkit-appearance: none;}
input.button:hover { background-color:#ac5c75;border: 3px solid #ac5c75;color: #fff;}
input.button:active { position:relative;top:1px;}
@media screen and (max-width: 640px) {
input.button { padding: 15px 0px;font-size:14px;}
}
input.btn_contact { max-width:380px;margin: 20px 0px;-webkit-transition: all .3s;transition: all .3s;}
input.btn_contact { border: 3px solid #792c45;border-radius:50px;padding: 17px 0px;text-align: center;}
input.btn_contact { font-size:16px;color: #792c45;font-weight:bold;letter-spacing: 2px;text-align: center;-webkit-appearance: none;}
input.btn_contact { -webkit-appearance: none;}
input.btn_contact:hover { background-color: #;}
input.btn_contact:hover  { background-color:#792c45;border: 3px solid #792c45;  transform: translate3d(0, 5px, 0);color: #fff; }
input.btn_contact:active { position:relative;top:1px;}

.btn_back { max-width: 400px;margin: 0px 0px;padding: 0px 0px ;position: relative;right:0px;left:0px;margin:auto auto;}
.btn_back a { background-color: #fff;border: 3px solid #46a879;border-radius:50px;padding: 20px 0px;text-align: center;}
.btn_back a { -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
.btn_back a:hover { background-color:#46a879;border: 3px solid #46a879;color: #fff; }
.btn_back a { font-size:15px;color: #46a879;font-weight:bold;letter-spacing: 1px;text-align: center;-webkit-appearance: none;}
@media screen and (max-width: 640px) {
.btn_back a { padding: 15px 0px;font-size:14px;}
}

.button-group { max-width: 100%;display: flex;}
.button-group .item {width: 100%;}
.button-group .radio-button {position: absolute;width: 1px;height: 1px;opacity: 0;}
.button-group 
.radio-button + label { padding: 15px 5px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:14px;color: #555;letter-spacing: 1px;background-color: #fff;display: block;text-align: center;}
.button-group .item:first-of-type .radio-button + label{border-top-left-radius:0px;border-bottom-left-radius: 0px;}
.button-group .item:last-of-type .radio-button + label {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.button-group .radio-button:checked + label {background-color: #ac5c75;color: #fff;}
@media only screen and (max-width:800px) {
.button-group { max-width: 100%;display: flex;}
.button-group .radio-button + label {padding: 12px 0px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:12px;color: #555;background-color: #fff;display: block;text-align: center;}
}


/*  検索フォーム-チェックボックス
--------------------------------------------------------------------------*/
input[type="checkbox"] {
    border: 1px solid #aaaaaa;
    vertical-align: middle;
    -webkit-appearance: none;
    position: relative;
    margin-right: 10px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;width: 28px;height: 28px;
    /*Other Browser*/background: #e2e2e2;
    /*For Old WebKit*/background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #ffffff),color-stop(1.00, #e2e2e2));
    /*For Modern Browser*/ background: linear-gradient(to bottom,#ffffff 0%,#e2e2e2 100%);
}

input[type="checkbox"]:checked { background: #937f65;border: 1px solid #336600;}
input[type="checkbox"]:checked:before {position: absolute;left: 1px;top: 16px;display: block;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);content: "";width: 10px;height: 4px;background: #fff;-webkit-transform: rotate(45deg);-webkit-transform-origin: right center;}
input[type="checkbox"]:checked:after {display: block;position: absolute;left: 9px;top: 16px;content: "";-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);width: 16px;height: 4px;background: #fff;-webkit-transform: rotate(-53deg);-webkit-transform-origin: left center;}

/*  POLICY
--------------------------------------------------------------------------*/
#policy { max-width: 1000px;padding: 40px 10px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { font-size: 1.8rem;color: #333;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy h3 { padding: 40px 0px 10px; margin-bottom: 0.3rem;background-image: linear-gradient(90deg, #96d5b7 0 20%, #dedede 20%);background-repeat: no-repeat;background-size: 100% 1%; background-position: bottom;}
#policy p { margin: 0px;padding: 5px 0px 0px;font-size: 16px;color: #333;line-height: 1.7;font-weight: normal;letter-spacing:2px;text-align: left;}
@media screen and (max-width: 640px) {
#policy { max-width: 100%;padding: 30px 10px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { font-size: 17px;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy p { margin: 0px;padding: 5px 0px 0px;font-size: 15px;color: #333;line-height: 1.7;font-weight: normal;letter-spacing:2px;text-align: left;}
}

/*  FOOTER
--------------------------------------------------------------------------*/
.footer { max-width: 700px;background-color:#222;margin: 0px;padding: 30px 10px 90px;border-radius: 15px 15px 0 0;position: relative;text-align: center;right:0px;left:0px;margin:auto auto;}
@media screen and (max-width: 640px) {
.footer { margin: 0px 0px;padding: 30px 10px 80px;position: relative;text-align: center;}
}


.foot_logo{ max-width: 220px;height: auto;margin: 10px 0;padding: 0px;}
@media screen and (max-width: 640px) {
.foot_logo{ max-width: 180px;height: auto;margin: 10px 0;padding: 0px;}
}
.nav_tel { max-width: 400px;padding: 0px;margin: 0px;font-family:"Sawarabi Mincho", serif; position: relative;right:0px;left:0px;margin: 5px auto ;}
.nav_tel a { padding: 8px 0px ;background:linear-gradient(to bottom, #37c5be 0%, #006961 100%);border-radius:30px;transition: all .3s;}
.nav_tel a { font-size:18px;color: #fff;font-weight:normal;text-align: center;text-decoration: none;display:block;}
.nav_tel a:hover{ext-decoration: none;display:block;position: relative;}
.nav_tel a::before {content: ''; display: inline-block; background-image: url(../img/icon_tel.png); vertical-align: -4px; margin-right: 5px;width: 20px;height: 20px;background-size: contain;}
.foot_txt { padding: 10px 10px;font-family:"Sawarabi Mincho", serif;font-size: 12px;color: #f3f3f3;letter-spacing:1px;line-height: 1.6;font-weight: ;text-align: left;right:0px;left:0px;margin:auto auto;}
.copy{ margin: 0px ;padding: 10px 10px;text-align: center;}
.copy{ font-size:12px;color: #f3f3f3;line-height: 1.6;font-weight:normal;letter-spacing: 1px;}
.copy a{ color: #f3f3f3;text-decoration: none;}
.copy a:hover{ text-decoration: underline;}
@media screen and (max-width: 640px) {
.copy{ margin: 0px ;padding: 20px 10px ;text-align: center;}
.copy{ font-size:11px;color: #fff;line-height: 1.6;font-weight:normal;letter-spacing: 1px;}
}



/*  FOOT-NAVI
--------------------------------------------------------------------------*/
.fnavi_wrap { width: 720px;background: rgba(2,108,100,0.8);border-radius: 5px 5px 0 0;margin: 0px; padding: 0px 0px;position: fixed;bottom: 0;text-align: center;z-index:9999;right:0px;left:0px;margin:auto auto;}
@media screen and (max-width: 720px) {
.fnavi_wrap { width: 100%;background: rgba(2,108,100,0.8);border-radius: 5px 5px 0 0;margin: 0px; padding: 0px 0px;position: fixed;bottom: 0;text-align: center;z-index:9999;right:0px;left:0px;margin:auto auto;}
}
ul.foot_navi { width:100%;margin: 0px ;padding: 1px 0px 0;display: inline-block;vertical-align:bottom;z-index: 6666;}
ul.foot_navi li { width: 33.33333%; float:left; margin: 0px 0px ;text-align:center; position: relative;}
ul.foot_navi li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.foot_navi li a { background-color: #61aa56;background:linear-gradient(to bottom, #61aa56 0%, #389829 100%);border: 1px solid #389829;border-radius:5px 5px 0 0;}
ul.foot_navi li a { margin: 0px;padding: 10px 0px 7px;display: block;color: #fff; text-decoration: none;text-align:center;}
ul.foot_navi li img { max-width: 26px;height: auto;margin: 0px 0;}
ul.foot_navi li span { display: block;padding: 5px 0 0;font-size: 12px;color: #fff;letter-spacing:0px;text-decoration: none;}
ul.foot_navi li:first-child{padding: 0px; border-left: 0px solid rgb(0, 0, 0);}
ul.foot_navi li.fnavi01 a{ background-color: #37c5be;background:linear-gradient(to bottom, #37c5be 0%, #006961 100%);border: 1px solid #2e8480;border-radius:5px 5px 0 0;position: relative;margin:0px ;}
ul.foot_navi li.fnavi02 a{ background-color: #61aa56;background:linear-gradient(to bottom, #61aa56 0%, #389829 100%);border: 1px solid #389829;border-radius:5px 5px 0 0;position: relative;margin:0px ;}
ul.foot_navi li.fnavi03 a{ background-color: #fff;background:linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);border: 1px solid #f0e286;border-radius:5px 5px 0 0;position: relative;margin:0px ;}
ul.foot_navi li.fnavi03 a span{ color: #9c8961;}

.uketsuke { position: absolute;top: -3.7rem;left:10px;display: inline-block;z-index: 8888;border: 2px solid #157b76;border-radius: 50px;background: #fff;-webkit-box-shadow: 0 2px 0px rgba(1,84,80,1.0);box-shadow: 0 2px 0px rgba(1,84,80,1.0);}
.uketsuke { padding: 5px 10px;font-size: 11px;color: #157b76;line-height: 1.3;letter-spacing:0px;font-weight:normal;}
.uketsuke:before,
.uketsuke:after {position: absolute;left: calc(50% - 10px);content: "";}
.uketsuke:before {bottom: -10px;border-width: 10px 10px 0 10px;border-style: solid;border-color: #157b76 transparent transparent transparent;}
.uketsuke:after {bottom: -7px;border-width: 10px 10px 0 10px;border-style: solid;border-color: #fff transparent transparent transparent;}


.page_top { width: 27px;padding: 10px 0px 8px;display: inline-block;position: absolute;bottom: 100px;right:0px;z-index: 8888;}
.page_top { background-color: #37c5be;background:linear-gradient(to bottom, #37c5be 0%, #006961 100%);border: 1px solid #2e8480;border-radius:5px 0 0 5px;}
.page_top a { margin: 0px;writing-mode: vertical-rl;font-size:11px;color: #fff;font-weight:normal;letter-spacing:1px;text-decoration: none;}





/* PAGER
--------------------------------------------------------------------------*/
.pager_wrap { width: 840px;position: relative;text-align: center; }
ul.pager { margin: 0px;padding: 10px 0px 10px ;display: inline-block;}
ul.pager li { background-color: #e490a8;border: 0px solid #dad9cc;margin: 2px 1px 2px;display: block;}
ul.pager li { min-width: 40px;line-height: 40px;float:left;position:relative;text-align: center;}
ul.pager li { font-family: 'Oswald', sans-serif ;font-size: 14px;color: #fff;letter-spacing:0px;text-decoration: none;;}
ul.pager li a { background-color: #d8d8d8;line-height: 40px;display:block;position:relative;text-align: center;}
ul.pager li a { font-size: 14px;color: #fff;letter-spacing:0px;text-decoration: none;}
ul.pager li a:hover  { background-color: #e490a8;color:#fff;text-decoration: none;display:block;}
ul.pager li.current a { background-color: #e490a8;color:#fff;text-decoration: none;display:block;}

/* SLIDER
--------------------------------------------------------------------------*/
.bx-wrapper { position: relative;  padding: 0px 0px 0px;margin: 0px auto 0px;z-index: 8000;}
_.bx-wrapper img { max-width: 100%;height: auto; display: block; position: relative;  top: 0px; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%;z-index: 9999;  }
.bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: rgb(255, 255, 255); padding-top: 10px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0% 0% rgb(235, 232, 215); text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0px 5px; outline: 0px none; border-radius: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0% 0% rgb(214, 214, 214); }
.bx-wrapper .bx-prev { left: -10px; background: url('../img/prev.png') no-repeat scroll transparent;}
.bx-wrapper .bx-next { right: -20px; background: url('../img/next.png') no-repeat scroll transparent; }
.bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.bx-wrapper .bx-next:hover { background-position: 0px 0px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 42%; margin-top: -16px; outline: 0px none; width: 60px; height: 60px; text-indent: -9999px; z-index: 9999; }
/*.bx-wrapper li { height: 100%; }*/
.bx-viewport { overflow: visible!important;width: 100%!important;}