@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #606060!important;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #515151} /* メインカラー */
.txt_color2{color:#ffffff } /* サブカラー */
.txt_color3{color: #8fccc5} /* アクセントカラー1 */
.txt_color4{color: white;} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #F5FFFA} /* メインカラー */
.bg_color2{background-color: #ffffff} /* サブカラー */
.bg_color3{background-color: #B1EDEF} /* アクセントカラー1 */
.bg_color4{background-color: #e3e0cf} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #9fa8a3}
.border_color2{border-color: #ffffff}
.border_color3{border-color: #8fccc5}
.border_color4{border-color: #e3e0cf}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #9fa8a3} /* メインカラー */
.hvr_txt_color2:hover{color: #ffffff} /* サブカラー */
.hvr_txt_color3:hover{color: #8fccc5} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e3e0cf} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #9fa8a3} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ffffff} /* サブカラー */
.hvr_bg_color3:hover{background-color: #8fccc5} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e3e0cf} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #9fa8a3}
.hvr_border_color2:hover{border-color: #ffffff}
.hvr_border_color3:hover{border-color: #8fccc5}
.hvr_border_color4:hover{border-color: #e3e0cf}


/* トップページ ---------------------------------------------------------------------------------------------*/
#wrap{background-image: url(./Dup/img/bg_img2.png);background-color: #f9f8f5}
.txt_shadow,.txt_shadow-l,.txt_shadow-b,.txt_shadow_h{text-shadow: none}
#header{background: linear-gradient(to bottom,rgba(41,85,96,.8), rgba(41,85,96,0));}
#footer{color: #fff}
#footer .con_img,#contents4 .con_bg_img{background-color: #295560}
#contents1 .bg_color3,#top_info .con_box{background: linear-gradient(to bottom, #b1edef 30%, #ddf5dc);}
#top_info .txt_white{color:white;}
#contents1 .con_title{color:#444444;font-size: 24px}
.con_title{font-size: 24px}
#contents2 .con_box{background: linear-gradient(to left,rgba(41,85,96,.8) 30%, rgba(41,85,96,0));}
#contents3 .con_box{background: linear-gradient(to left,rgba(41,85,96,0) 30%, rgba(41,85,96,.8));}
#contents2 .con_box > .d_table,#contents3 .con_box > .d_table{min-height: 80vh}
#contents2 .con_box > .d_table::before,#contents3 .con_box > .d_table::before{content: "";display: inline-block;vertical-align: middle;height: 100%;min-height: 80vh}
#top_cms .cms_title .font_14up{color:#444444;}
#top_cms .cms_title .txt_shadow_h,{text-shadow:none;}
#top_cms .cms_6-b{color:#444444;}
#contents2 .con_box,#contents3 .con_box{color:white;}
#top_cms .cms_6-b .width_30per {width: 50%!important;}
#top_cms .cms_6-b .txt_white{color:#3a3420;}
#top_cms .cms_6-b .txt_left {text-align: center;}
#top_cms .cms_1-c .border-color4{border-color:white;}
#top_cms .cms_6-b .cate_box:nth-child(odd){background-color:white!important;}
#top_cms .cms_6-b .cate_box:nth-child(even){background-color:#ebf7f5!important;}
#top_cms .date{color:#444444;}
#top_info .con_box a.txt_white{color: #8cd3d3}
#footer .d_inline_b{color:white;}
.tel_bt{background-color: rgba(255,255,255,0.3);}
.tel_bt:hover{border: solid 1px rgba(255,255,255,0.7)}
.cms_title p{color: #ccc}

#pc_nav a:hover{padding-left: 40px}
#pc_nav a:hover::before{width: 20px}
#pc_nav.index_menu{width: 300px}
#pc_nav.index_menu a span{top: 0}
#pc_nav.index_menu a .menu_eu{opacity: 0;top: 1.5em}
#pc_nav.index_menu a:hover .menu_jp{top: -1.5em;opacity: 0}
#pc_nav.index_menu a:hover .menu_eu{top: 0;opacity: 1}

/* PIT IN について---------------------------------------------------------------------------------------------*/
#cms_2-b #cate0 .txt_white,#cms_2-b #cate1 .txt_white,#cms_2-b #cate2 .txt_white{color:#444444;fot-weight:bold;}
#cms_2-b #cate0 .border_color3,#cate1 .border_color3,#cate2 .border_color3 {border-color: #23c8d2;}
#cms_2-b #cate0 .box_wrap .border_so10-l,#cate1 .box_wrap .border_so10-l,#cate2 .box_wrap .border_so10-l  {border-left: 2px solid #9fa8a3;}


/*プログラム・料金---------------------------------------------------------------------------------------------*/
#cms_6-b #cate0 .txt_white{color:#515151;}
#cms_6-b .box_wrap .txt_white{color:#444444!important;text-align:center;}
#cms_6-b .box_wrap .box_txt2{text-align:center;}
#cms_6-b .width_30per {width: 50%!important;}
#cms_6-b .border_color4{border-color:white;}
#cms_6-b .cate_box:nth-child(odd){background-color:white!important;}
#cms_6-b .cate_box:nth-child(even){background-color:#ebf7f5!important;}



/*初めての方へ---------------------------------------------------------------------------------------------*/
#cms_2-b .cate_img1 .border_so2-b{border-bottom: 0;}
#cms_2-b .border_so10-r{border-right:0;}
#cms_2-b .txt_color1{color:#3a3420;}

/*トレーナーブログ---------------------------------------------------------------------------------------------*/
#cms_1-c .box_title1{color:#3a3420;}
#cms_1-c .border_color4{border-color: #eee;}
.date{color: #76c4aa}


/*ご利用者様の声---------------------------------------------------------------------------------------------*/
#cms_6-a #cate0 .txt_white,#cate1 .txt_white,#cate2 .txt_white{color:#515151;}
#cms_6-a #cate0 .box_wrap .box_txt2{text-align: left; }
#cms_6-a .box_txt1{margin-bottom:10px;}
#cms_6-a .border_do3-b{margin-bottom:10px;}
#cms_6-a .border_color3 {border-color: #23c8d2;}

/*お問い合わせ---------------------------------------------------------------------------------------------*/
#form_box dl input, #form_box dl textarea {background-color: #f9f9f9;color: #515151;}
#form_area .txt_white{color:#515151;}

/*店舗情報---------------------------------------------------------------------------------------------*/
#under_page .txt_color2 {color: #3a3420;}
#under_page .info_box .d_flex:first-of-type,.info_box .border_so1-b{border-color: #eee}

/*プライバシーポリシー---------------------------------------------------------------------------------------------*/
#under_page .txt_white{color:#3a3420;}

/*その他のページ---------------------------------------------------------------------------------------------*/
#sp_nav nav{background: linear-gradient(to bottom, #b1edef 30%, #ddf5dc);}
#sp_nav .txt_white{color:white;}
#sp_nav .tel_bt{background-color:#23c8d2;}
#sp_nav .tel_bt:ohver{background-color:#AEE7ED;}

#page_title,#loading_bg{background: linear-gradient(to bottom, #0090d3 30%, #76c4aa)}
#page_title .page_title_box{color:whitesmoke;}
.under_box,#top_cms{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.05)}
.more a{color: #8cd3d3;text-shadow: none}
.more a::before{border-top: solid 1px #b1edef;border-right: solid 1px #b1edef;}
.more a::after{border-bottom: solid 1px #b1edef;border-left: solid 1px #b1edef;}
.more a:hover{background-color: rgba(177,237,239,0.2);}
.cate_list{border-bottom: solid 1px #eee}
.cate_list li a{color: #515151}
.cate_list li a:hover{color: #76c4aa}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before{background-color: #eee}
#loading .gauge{background-color: rgba(255,255,255,0.2)}
.pager li a{background-color: #76c4aa!important;box-sizing: border-box}
.pager li a:hover{background-color: #8edddd!important}
.pager li.prev a,.pager li.next a,.pager li.prev a:hover, pager li.next a:hover{background-color: transparent!important;color: #76c4aa;border: solid 1px #76c4aa}


@media screen and (max-width: 768px){
.more a{background-color: rgba(177,237,239,0.2)}
#contents2 .con_box,#contents3 .con_box{background: rgba(41,85,96,.8)}
#contents2 .con_box > .d_table,#contents3 .con_box > .d_table,#contents2 .con_box > .d_table::before,#contents3 .con_box > .d_table::before{min-height: auto}
header .scroll_d{height: 50px}
}

@media screen and (max-width: 667px){
.con_title{font-size: 20px}
.height80vh_sp{height: 60vw}
#main_img,#video{height: 60vw!important}
}

/*IEの処理---------------------------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none){
#contents2  .con_box .con_txt{margin-top:300px;}

}


@keyframes line {
	0% {
		bottom: 100%;
		height: 0;
	}
	20% {
		bottom: 0;
		height: 100%;
	}
	40% {
		bottom: 0;
		height: 0;
	}
	100% {
		bottom: 0;
		height: 0;
	}
}