@media print, screen and (max-width: 980px){
/*-------------------------------------------------------------------*/

body,h1,h2,h3,h4,h5,h6,div,p,pre,ul,ol,dl,dt,dd,address,form,blockquote,article,section,figure,textarea,input,select{
 margin: 0;
 padding: 0;
 font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Helvetica,"MS Pゴシック","MS PGothic",sans-serif;
}


img{
 border: none;
 vertical-align: top;
 line-height: 0;
 display: block;
}
ul{
 list-style: none;
}
a{
 outline: none;
 overflow: hidden;
 cursor: pointer;
 text-decoration: none;
}
a:hover{
 outline: none;
 overflow: hidden;
 cursor: pointer;
 text-decoration: underline;
}
a img{
 border: 0px;
}

.clear{
 clear: both;
}

.br-sp { display:none; }

.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 8%; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ /*margin-top: 70px;*/ }
.mt80{ margin-top: 80px; }
.mt90{ margin-top: 90px; }
.mt100{ margin-top: 20%; }
.mt110{ margin-top: 110px; }
.mt120{ margin-top: 120px; }
.mt130{ margin-top: 130px; }
.mt140{ margin-top: 140px; }
.mt150{ margin-top: 20%; }
.mt160{ margin-top: 160px; }
.mt170{ margin-top: 170px; }
.mt180{ margin-top: 180px; }
.mt190{ margin-top: 190px; }
.mt200{ margin-top: 200px; }




.sp_mainbg {
 width: 100%;
 margin: 0;
 padding: 0;
 background-position: 50% 50% no-repeat;
 background-attachment: fixed;
 background-size: cover;
}
.sp_mainbg video {
 width: 100%;
 right: 0;
 left: 0;
 top: 0;
 z-index: 1;
 background-position: 50% 50% no-repeat;
 background-color: #000;
 background-size: cover;
}




.head{
 width: 100%;
 position: fixed;
 background-color: #fff;
 z-index: 4;
 height: 70px;
 top: 0;
}
.head_l{
 margin: 0% 0px 0% 4%;
 width: 132px;
}
.logo img{
	padding-top: 10px;
	width: 100%;
}
.head_r{
	float: none;
}
.head_r_je{
}
.gnav{display:none;
}
.gnavs{
}
.gnavs a{
}
.gnavs a:hover{
}
.gnavson{
}


.jes{display:none;
}
.jes a{display:none;
}
.jes a:hover{display:none;
}
.jeson{display:none;
}

.main_bg{display:none;}

.main_bg video {display:none;}
.main_copy{display:none;}

.ct_ti,
.ct_tx{
 text-align: center;
}
.ct_ti{
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.1em;
 font-size: 16px;
 margin-top: 20%;
}

.ct_tikp{
 text-align: center;
}
.ct_tikp{
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.1em;
 font-size: 16px;
 margin-top: 20%;
}




.ct_tx{
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.1em;
 font-size: 11px;
 margin-top: 2%;
 color: #333;
}
.ct_bl{
 width: 156px;
 height: 1px;
 margin: 0 auto;
 background-color: #333;
 margin-top: 10px;
}

.atm_area{
 width: 100%;
 margin: 0 auto;
 margin-top: 30px;
}
.atm_area_l,
.atm_area_r{
 margin-bottom: 0%;
}
.atm_area_l img{
	width: 100%;
}

.atm_bt01{
 background: url(../img/top/atm_01.jpg) no-repeat;
}
.atm_bt02{
 background: url(../img/top/reebok_bt.jpg) no-repeat;
}
.atm_bt03{
 background: url(../img/top/entry_bt.jpg) no-repeat;
}
.atm_bt04{
 background: url(img/atm_04.jpg) no-repeat;
}
.atm_bt01,
.atm_bt02,
.atm_bt03,
.atm_bt04{
 height: 180px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.atm_im{
 width: 44px;
 margin: 0 auto;
 padding-top: 60px;
}
.atm_ti{
 text-align: center;
 color: #000;
 margin-top: 4%;
 font-size: 12px;
 letter-spacing: 0.2em;
 font-style: italic;
}
.atm_bl{
 width: 230px;
 height: 1px;
 background-color: #fff;
 margin: 0 auto;
 margin-top: 4%;
}
.atm_tx{
 letter-spacing: 0.1em;
 font-size: 12px;
 margin-top: 4%;
 text-align: center;
 line-height: 1.8em;
 color: #333;
 padding:20px;
}
.atm_img{
 width:90%;
 margin-left:auto;
 margin-right:auto;
}
.atm_sd{
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 13px;
 height: 38px;
 width: 50%;
 line-height: 2.8em;
 text-align: center;
 margin: 0 auto;
 margin-top: 24px;
}
.atm_sd a{
 color: #FFF;
 height: 38px;
 display: block;
 background-color:rgba(0,0,0,0.2);
}
.atm_sd a:hover{
 color: #000;
 background:rgba(255,255,255,0.3);
 text-decoration: none;
}

.life_area{
 width: 100%;
 margin: 0 auto;
 margin-top: 60px;
}
.life_area_l,
.life_area_r{
 margin-bottom: 20%;
}
.life_img{
 width:90%;
 margin-left:auto;
 margin-right:auto;
}

.s_bg{
 width: 100%;
 height: 240px;
 background: url(../img/top/s_bg.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 45% 50%;
}


    .section_title {
        padding: 30px 0 20px;
    }
    .section_title h2,
    .section_title h3 {
        margin: 15px 0 12px;
    }
    #mainVisual {
        padding: 0;
    }
	#mainVisual .caption img {
		width: 50%;
		margin: 0 auto;
	}
    #mainVisual #mainCarousel {
        height: 500px;
    }
    #mainVisual #mainCarousel .cover .caption .event_type {
        margin-bottom: 0;
    }
    #mainVisual #mainCarousel .cover .caption .event_title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 30px;
        padding: 10px 40px 26px;
    }
    #mainVisual #mainCarousel .cover .caption .btn_invert {
        font-size: 14px;
        padding: 12px 0;
        width: 150px;
    }
    #mainVisual .before_login_figure {
        height: 75vh;
        min-height: 400px;
    }
	#mainVisual .bg01 {
		background-image: url(../img/top/main1.jpg);
		-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
		height: 100%;
	}
	#mainVisual .bg02 {
		background-image: url(../img/top/main6.jpg);
		-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
		height: 100%;
	}
	#mainVisual .bg03 {
		background-image: url(../img/top/main3.jpg);
		-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
		height: 100%;
	}
	#mainVisual .bg04 {
		background-image: url(../img/top/main4.jpg);
		-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 20% 80%;
		height: 100%;
	}
	#mainVisual .bg05 {
		background-image: url(../img/top/main5.jpg);
		-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 30% 70%;
		height: 100%;
	}

	#mainVisual .before_login_figure .caption .lead_ja {
        font-size: 21px;
        letter-spacing: 3px;
        padding-bottom: 2px;
    }
    #mainVisual .before_login_figure .caption .lead_en {
        font-size: 14px;
        letter-spacing: 1px;
        padding-bottom: 0;
    }
    #blogSect {
        margin-top: 0;
        margin-bottom: 20px;
    }
    #blogSect .post_list {
        margin-top: 0;
    }
    #blogSect .post_list .post_card {
        width: 100%;
        padding: 0 !important;
		margin-top:50px;
        margin-bottom: 25px;
        height: auto;
    }
    #blogSect .post_list .post_card .clickable {
        width: 100%;
        display: table;
    }
    #blogSect .post_list .post_card .clickable .info,
    #blogSect .post_list .post_card .clickable figure {
        vertical-align: top;
        width: initial;
    }
    #blogSect .post_list .post_card .clickable figure {
        width: 100%;
		height:200px;
    }
    #blogSect .post_list .post_card .clickable .info {

    }
#blogSect .post_list .post_card .clickable .info .date .other {
    font-size: 22px;
    letter-spacing: 0.4px;
}
#blogSect .post_list .post_card .clickable .info .date .day {
    font-size: 15px;
	margin-top:20px;
	margin-bottom:20px;
}
    #blogSect .post_list .post_card .clickable .info .sub_info {
        padding-top: 0;
    }
    #blogSect .post_list .post_card .clickable .info .sub_info .sp_date {
        display: block;
        color: #999;
        font-size: 11px;
    }
    #blogSect .post_list .post_card .clickable .info .sub_info .title {
        width: 100%;
        font-feature-settings: normal;
        line-height: 1.4;
        -webkit-line-clamp: 3;
        max-height: 56px;
    }
    #blogSect .post_list .post_card .clickable .info .sub_info .tags {
        display: none;
    }
    #blogSect .post_list .post_card .clickable .info .date {

    }
#blogSect .post_list .post_card .clickable .img_mg {
	margin-top: 20px;
}


    #serviceSect {
        padding: 10px 0 0;
    }
    #serviceSect .service_list .service_item {
        padding: 0;
        margin-bottom: 20px;
    }
    #serviceSect .service_list .service_item.image_left,
    #serviceSect .service_list .service_item.image_right {
        width: 100%;
        height: initial;
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }
    #serviceSect .service_list .service_item.image_left:after,
    #serviceSect .service_list .service_item.image_right:after {
        display: none;
    }
    #serviceSect .service_list .service_item.image_left .service_info,
    #serviceSect .service_list .service_item.image_right .service_info {
        display: block;
        padding: 30px 30px 12px 35px;
        position: relative;
        top: 0;
        left: 0;
    }
    #serviceSect .service_list .service_item.image_left .service_info .service_title,
    #serviceSect .service_list .service_item.image_right .service_info .service_title {
        font-size: 20px;
        letter-spacing: 0.4px;
        padding-bottom: 4px;
    }
    #serviceSect .service_list .service_item.image_left .service_info .service_title:after,
    #serviceSect .service_list .service_item.image_right .service_info .service_title:after {
        margin-top: 0;
        margin-left: 2px;
    }
    #serviceSect .service_list .service_item.image_left .service_info .service_subtitle,
    #serviceSect .service_list .service_item.image_right .service_info .service_subtitle {
        font-size: 12px;
        letter-spacing: 0.4;
        padding-bottom: 20px;
    }
    #serviceSect .service_list .service_item.image_left .service_info .service_description,
    #serviceSect .service_list .service_item.image_right .service_info .service_description {
        font-size: 13px;
        line-height: 23px;
        padding-bottom: 20px;
    }
    #serviceSect .service_list .service_item.image_left .service_image,
    #serviceSect .service_list .service_item.image_right .service_image {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 180px;
    }

    .faq_block {
        padding: 24px 0;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
    }
    .faq_block .faq_question {
        font-size: 14px;
        line-height: 22px;
    }
    .faq_block .faq_reply {
        font-size: 13px;
    }

#mapSection #shopMap {
	width: 100%;
	text-align: center;
}

.section_body.map_desc {
	padding-bottom: 25px;
}
.section_body.map_desc p {
	line-height: 1.8;
}
.shop_map_wrapper .shop_map .map_desc {
	text-align: center;
}

/*STORYスライダー*/
.tms_area{
 width: 100%;
 margin: 0 auto;
 margin-top: 20%;
 margin-bottom: 20%;
}
.tms_area_box{
 width: 80%;
 margin: 0 auto;
}
.tms_area_top{
 width: 100%;
 margin: 0 auto;
}
.tms_area_box_top{
 width: 80%;
 margin: 0 auto;
}
.tms_areas{
 width: 100%;
/* margin-bottom: 20%;*/
}
	.tms_areas .pic.edgeline img{
	border: 1px solid #666;
	box-sizing: border-box;
}
.tms_im img{
 width: 90%;
 margin: 0 auto;
 height: auto;
}
.tms_ti{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.1em;
 font-size: 12px;
 margin-top: 4%;
 text-align: center;
 line-height: 1.8em;
 color: #333;
}
.tms_name{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.1em;
 font-size: 12px;
 text-align: center;
 line-height: 1.8em;
 color: #333;
}
.tms_sd{
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 12px;
 max-width: 200px;
	width: 90%;
 height: 38px;
 border: solid 1px #333;
 line-height: 3em;
 text-align: center;
 margin: 0 auto;
 margin-top: 4%;
}
.tms_sd a{
 color: #333;
	width: 100%;
 height: 38px;
 display: block;
}
.tms_sd a:hover{
 color: #fff;
 background-color: #333;
 text-decoration: none;
}

	.tms_area .slick-prev, .tms_area .slick-next{
		width: 15px;
		height: 30px;
	}
	.tms_area .slick-prev{
		background: url(img/story_slider_arrow_l.svg) left center no-repeat;
		background-size: 15px auto;
		left: -25px;
	}
	.tms_area .slick-next{
		background: url(img/story_slider_arrow_r.svg) left center no-repeat;
		background-size: 15px auto;
		right: -25px;
	}
	.tms_area .slick-prev:before, .tms_area .slick-next:before{
		opacity: 1;
		color: transparent;
	}

.tms_areas_top{
 width: 100%;
/* margin-bottom: 20%;*/
}
	.tms_areas_top .pic_top.edgeline img{
	border: 1px solid #666;
	box-sizing: border-box;
}
.tms_im_top img{
 width: 90%;
 margin: 0 auto;
 height: auto;
}
.tms_ti_top{
 letter-spacing: 0.1em;
 font-size: 12px;
 margin-top: 4%;
 line-height: 1.8em;
 color: #333;
 padding-left: 6%;
}
.tms_ti_top span{
	color: #DD9533;
}
.tms_name_top{
 letter-spacing: 0.1em;
 font-size: 12px;
 line-height: 1.8em;
 color: #333;
 padding-left: 6%;
}
.tms_sd_top{
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 12px;
 max-width: 200px;
	width: 90%;
 height: 38px;
 border: solid 1px #333;
 line-height: 3em;
 text-align: center;
 margin: 0 auto;
 margin-top: 4%;
}
.tms_sd_top a{
 color: #333;
 width: 100%;
 height: 38px;
 display: block;
}
.tms_sd_top a:hover{
 color: #fff;
 background-color: #333;
 text-decoration: none;
}

	.tms_area_top .slick-prev, .tms_area_top .slick-next{
		width: 15px;
		height: 30px;
	}
	.tms_area_top .slick-prev{
		background: url(../img/common/story_slider_arrow_l.svg) left center no-repeat;
		background-size: 15px auto;
		left: -25px;
	}
	.tms_area_top .slick-next{
		background: url(../img/common/story_slider_arrow_r.svg) left center no-repeat;
		background-size: 15px auto;
		right: -25px;
	}
	.tms_area_top .slick-prev:before, .tms_area .slick-next:before{
		opacity: 1;
		color: transparent;
	}

/*STORYアーカイブページ*/
.tms_list_area_box{
 width: 80%;
 margin: 0 auto;
}
.tms_list_area_box .tms_areas{
	margin-bottom: 20%;
}
.tms_list_area_box .tms_im img{
 width: 60%;
 height: auto;
}


.s2_bg{
 width: 100%;
 height: 240px;
 background: url(img/s2_bg.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}


.news_area{
 width: 90%;
 margin: 0 auto;
 margin-top: 2%;
 padding: 2% 0 2% 0;
}
.news_l{
}
.news_r{
}

.news_l{
 font-size: 12px;
 letter-spacing: 0.1em;
 color: #333;
 width: 100%;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.news_l a{
 margin-left: 9%;/* 4% */
 color: #333;
}
.news_r a:hover{
 text-decoration: underline;
}

.news{
 line-height: 2.6em;
}
.news_r{display: none;
}
.news_r a{
 color: #333;
}
.news_r a:hover{
 text-decoration: underline;
}



.news_more{
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 12px;
 width: 200px;
 height: 38px;
 border: solid 1px #333;
 line-height: 3em;
 text-align: center;
 margin: 0 auto;
 margin-top: 30px;
}
.news_more a{
 color: #333;
 width: 200px;
 height: 38px;
 display: block;
}
.news_more a:hover{
 color: #fff;
 background-color: #333;
 text-decoration: none;
}



#footer{
 background-color: #2B2B2B;
}
.footer{
 width: 100%;
 margin: 0 auto;
 padding: 36px 0px 34px 0px;
}
.footer_l,
.footer_r,
.footer_r2{
 color: #000;
}
.footer_r,
.footer_r2{
 font-size: 11px;
 color: #333;
 line-height: 3em;
 letter-spacing: 0.15em;
 margin: 0 auto;
}
.footer_l a,
.footer_r2 a{
 color: #fff;
}
.footer_l{
 width:90%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 4%;
}
.footer_l img{
 width:60%;
 margin-left: auto;
 margin-right: auto;
}
.footer_l_cpr{
 font-size: 11px;
 color: #fff;
 line-height: 2.0em;
 letter-spacing: 0.15em;
 margin-top: 20px;
}
.footer_l_cpr img{
 width: 100%;
}

.footer_l_cpr li{
 float: left;
 padding-top: 10px;
 padding-right: 15px;
 margin-bottom: 30px;
}
.footer_r{
 display: none;
}
.footer_r3{
 display: none;
}



.copyright {
	text-align:center;
	color: #fff;
	font-size: 5px;
}

.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;
}


.sns_circle{
    position:relative;
    width: 48px;
    height: 48px;
    margin:0 2% 0 2%;
    -webkit-border-radius: 48%;
    -moz-border-radius: 48%;
    border-radius: 48%;
    float:left;
    list-style: none;
}

.sns_circle span{
    position:absolute;
    font-size:30px;
    color:#FFF;
    -webkit-border-radius: 48%;
    -moz-border-radius: 48%;
    border-radius: 48%;
    border: solid 1px #e3e3df;
}


.sns_circle.googleplus.sns_circle span{
 font-size: 0px;
 width: 48px;
 height: 48px;
 background: url(img/gp.svg) no-repeat;
 background-size: 48px 48px;
}
.sns_circle.pocket.sns_circle span{
 font-size: 0px;
 width: 48px;
 height: 48px;
 background: url(img/pk.svg) no-repeat;
 background-size: 48px 48px;
}

.sns_circle.hatebu.sns_circle span{
 font-size: 0px;
 width: 48px;
 height: 48px;
 background: url(img/hb.svg) no-repeat;
 background-size: 48px 48px;
}


.sns_circle.twitter.sns_circle span{
 font-size: 0px;
 width: 48px;
 height: 48px;
 background: url(img/tw.svg) no-repeat;
 background-size: 48px 48px;
}


.sns_circle.facebook.sns_circle span{
 font-size: 0px;
 width: 48px;
 height: 48px;
 background: url(img/fb.svg) no-repeat;
 background-size: 48px 48px;
}


.sns_circle.googleplus.sns_circle span{
    position:absolute;
}


.sns_circle.pocket.sns_circle span{
    position:absolute;
}




.sns_circle a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}


ul.circle_group{
    width: 300px;
    height: 50px;
    margin:auto;
    list-style: none;
    overflow-y:hidden;
 margin-top: 4%;
 margin-bottom: 4%;
}

.fb_area{
 width: 300px;
 margin: 0 auto;
}













.inct_area{
 width: 88%;
 margin: 0 auto;
 position: relative;
}
.inct_ti,
.inct_tx{
}
.inct_ti{
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.1em;
 font-size: 16px;
 margin-top: 20%;
}
.inct_tijp{
 letter-spacing: 0.1em;
 font-size: 14px;
 margin-top: 20%;
}
.inct_tien{
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.1em;
 font-size: 20px;
 margin-top: 120px;
}
.inct_tx{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.1em;
 font-size: 13px;
 margin-top: 10px;
 color: #333;
}
.inct_bl{
 margin-top: 4%;
}
.inct_bl img{
 width: 40px;
}

.tms_stno{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-style: italic;
 font-size: 33px;
 line-height: 0.47em;
 color: #284f6e;
}
.tms_stno span{
 font-size: 18px;
 padding-right: 10px;
}


.run_sti{
 width: 90%;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size: 15px;
 color: #000;
 border:  #000000 1px solid;
 padding: 5px;
	margin-bottom: 20px;
}
.run_stx{
 font-size: 13px;
text-align: center;
 color: #333;
	margin-bottom: 20px;
 line-height: 1.5em;
}

.storyp_ti{
 font-size: 20px;
 margin-top: 4%;
 letter-spacing: 0.1em;
}




.storyp_tx{
 margin-top: 2%;
 font-size: 14px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.1em;
}

.storyp_no{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-style: italic;
 font-size: 33px;
 line-height: 0.47em;
 color: #284f6e;
 margin-top: 14px;
}
.storyp_no span{
 font-size: 18px;
 padding-right: 10px;
}





/*--------------------------------------------------------------------*/
.story01_bg01{
 background: url(img/story01_bg01.jpg) center center / cover no-repeat;
}
.story01_bg01{
 margin-top: 20%;
 /*height: 500px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;*/
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story01_bg02{
 background: url(img/story01_bg02.jpg) center center / cover no-repeat;
}
.story01_bg02{
 /*height: 500px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;*/
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
/*--------------------------------------------------------------------*/
.story02_bg01{
 background: url(img/story02_bg01.jpg) center center / cover no-repeat;
}
.story02_bg01{
 margin-top: 20%;
 /*height: 500px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;*/
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story02_bg02{
 background: url(img/story02_bg02.jpg) center center / cover no-repeat;
}
.story02_bg02{
 /*height: 500px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;*/
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story02_bg03{
 background: url(img/story02_bg03.jpg) center center / cover no-repeat;
}
.story02_bg03{
 /*height: 500px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;*/
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
/*--------------------------------------------------------------------*/
.story03_bg01{
 background: url(img/story03_bg01.jpg) center center / cover no-repeat;
}
.story03_bg01{
 margin-top: 20%;
 /*height: 500px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;*/
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story03_bg02{
 background: url(img/story03_bg02.jpg) center center / cover no-repeat;
}
.story03_bg02{
 /*height: 500px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;*/
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story03_bg03{
 background: url(img/story03_bg03.jpg) center center / cover no-repeat;
}
.story03_bg03{
 /*height: 500px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;*/
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story03_bg04{
 background: url(img/story03_bg04.jpg) center center / cover no-repeat;
}
.story03_bg04{
 /*height: 500px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;*/
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
.story04_bg01{
 background: url(img/story04_bg01.jpg) center center / cover no-repeat;
}
.story04_bg01{
 margin-top: 20%;
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story04_bg02{
 background: url(img/story04_bg02.jpg) center center / cover no-repeat;
}
.story04_bg02{
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story04_bg03{
 background: url(img/story04_bg03.jpg) center center / cover no-repeat;
}
.story04_bg03{
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story04_bg04{
 background: url(img/story04_bg04.jpg) center center / cover no-repeat;
}
.story04_bg04{
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
.story05_bg01{
 background: url(img/story05_bg01.jpg) center center / cover no-repeat;
}
.story05_bg01{
 margin-top: 20%;
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story05_bg02{
 background: url(img/story05_bg02.jpg) center center / cover no-repeat;
}
.story05_bg02{
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story05_bg03{
 background: url(img/story05_bg03.jpg) center center / cover no-repeat;
}
.story05_bg03{
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
.story05_bg04{
 background: url(img/story05_bg04.jpg) center center / cover no-repeat;
}
.story05_bg04{
  width: 100%;
  height: 0;
  padding-top: calc(600 / 1200 * 100%);
}
/*--------------------------------------------------------------------*/




.storypf_box{
 width: 70%;
 margin: 0 auto;
 background-color: #fff;
 box-shadow: 10px 10px #284f6e;
 -webkit-box-shadow: 10px 10px #284f6e;
 -moz-box-shadow: 10px 10px #284f6e;
 margin-top: 10%;
}
.storypf_box img{
 width: 100%;
}
.storypf_box_tx{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.03em;
 font-size: 12px;
 margin-top: 2%;
 color: #333;
 line-height: 2em;
}
.storypf_box_tx span{
 font-size: 11px;
}
.storypf_box_tx a{
 color: #333;
}
.storypf_box_tx a:hover{
 text-decoration: underline;
}

.storypf_box_pftx{
 padding: 25px 25px 24px 24px;
 border-left: solid 1px #284f6e;
 border-bottom: solid 1px #284f6e;
}
.storypf_box_pf{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-style: italic;
 color: #284f6e;
 font-size: 14px;
 letter-spacing: 0.1em;
}


.story_cobox{
 width: 88%;
 margin: 0 auto;
}

.story_cobox_l{
}
.story_cobox_r{
 width: 70%;
 margin: 0 auto;
 margin-top: 10%;
 margin-bottom: 10%;
}
.story_cobox_r img{
 width: 100%;
}

.story_sti{
 letter-spacing: 0.1em;
 font-size: 14px;
 color: #284f6e;
 line-height: 2.2em;
}
.story_stx{
 letter-spacing: 0.1em;
 font-size: 12px;
 margin-top: 4%;
 color: #333;
 line-height: 2.2em;
 text-align: justify;
}



.st_box{
 width: 100%;
}
/*--------------------------------------------------------------------*/
.st_box01_r01{
 background: url(img/story01_itpbg01.jpg) center center / cover no-repeat;
 /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 500px; background-position: 50% 50%;*/
 position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(1200 / 1056 * 100%);
}
.st_box01_r02{
 background: url(img/story01_itpbg02.jpg) center center / cover no-repeat;
 /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 500px; background-position: 50% 50%;*/
 position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(1200 / 1724 * 100%);
}
.st_box01_r03{
 background: url(img/story01_itpbg03.jpg) center center / cover no-repeat;
 /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 500px; background-position: 50% 50%;*/
 position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(1200 / 1056 * 100%);
}
.st_box01_r04{
 background: url(img/story01_itpbg04.jpg) center center / cover no-repeat;
 /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 500px; background-position: 50% 50%;*/
 position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(1200 / 1724 * 100%);
}
/*--------------------------------------------------------------------*/
.st_box02_r01{
 background: url(img/story02_itpbg01.jpg) center center / cover no-repeat;
 /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 500px; background-position: 50% 50%;*/
 position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(1200 / 1724 * 100%);
}
.st_box02_r02{
 background: url(img/story02_itpbg02.jpg) center center / cover no-repeat;
 /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 500px; background-position: 50% 50%;*/
 position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(1200 / 1724 * 100%);
}
/*--------------------------------------------------------------------*/


.st_box_rtx{
 color: #fff;
 font-size: 10px;
 text-align: right;
 position: absolute;
 bottom: 5px;
 right: 10px;
 letter-spacing: 0.05em;
 z-index: 1;
}



.story_bg{
 width: 100%;
 background: url(../img/top/story_bg2.gif) repeat;
 padding-top: 50px;
 padding-bottom: 10px;
 margin-bottom: 80px;
}



.storyp_timc{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-size: 18px;
 margin-top: 4%;
 letter-spacing: 0.1em;
}
.storypf_boxcp_area{
 margin: 0 auto;
 z-index: 2;
}

.about_cobox_l{
 float:none;
	padding-left: 10%;
	padding-bottom: 5%;
 width: 90%;
 margin: 0 auto;
}
.about_cobox_r{
 float: none;
 width: 90%;
 margin: 0 auto;
}

.storypf_boxcp{
 width: 200px;
 background-color: #fff;
 padding: 4% 0px 4% 0px;
}
.storypf_boxcp_tx{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.1em;
 font-size: 11px;
 margin-top: 8%;
 color: #333;
 line-height: 1.8em;
 text-align: center;
}
.storypf_boxcp_im{
 width: 100px;
 margin: 0 auto;
 margin-top: 4%;
}
.storypf_boxcp_im img{
  width: 100px;
}
/*--------------------------------------------------------------------*/
.concept_bg01{
 background: url(img/concept_bg01.jpg) no-repeat;
}
.concept_bg01{
 margin-top: 10%;
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story_cobox_gray{
 z-index: 1;
}
.story_cobox_gray_area{
 margin: 0 auto;
 width: 88%;

}
/*--------------------------------------------------------------------*/
.history_bg01{
 background: url(img/history_bg01.jpg) no-repeat;
 position: relative;
}
.history_bg01{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story_cobox_gray{
 position: relative;
 z-index: 1;
}
.story_cobox_gray_area{
 margin: 0 auto;

}
/*--------------------------------------------------------------------*/
.technique_bg01{
 background: url(../img/bike-run_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg01{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 35% 65%;
}
.technique_bg02{
 background: url(../img/run_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg02{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 80% 20%;
}
.technique_bg03{
 background: url(../img/bike_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg03{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg04{
 background: url(../img/cycle_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg04{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 25% 75%;
}
.technique_bg05{
 background: url(../img/event_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg05{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg06{
 background: url(../img/price_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg06{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 65% 35%;
}
.technique_bg07{
 background: url(../img/partner_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg07{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 30% 70%;
}
.technique_bg08{
 background: url(../img/qa_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg08{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg09{
 background: url(../img/access_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg09{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 85% 15%;
}
.technique_bg10{
 background: url(../img/yobi_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg10{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg11{
 background: url(../img/contact_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg11{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg12{
 background: url(../img/bodycare_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg12{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg13{
 background: url(../img/training_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg13{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg14{
 background: url(../img/shower_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg14{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 95% 5%;
}
/*--------------------------------------------------------------------*/
.massp_bg01{
 background: url(img/massp_bg01.jpg) no-repeat;
 position: relative;
}
.massp_bg01{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}


/*--------------------------------------------------------------------*/


.story_stx_gray{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.15em;
 font-size: 12px;
 margin-top: 4%;
 color: #333;
 line-height: 2.2em;
 text-align: justify;
}

.story_stx_gray_right{
 padding-top: 4%;
}

.history_copy{
 padding-top: 120px;
}
.story_cobox_white_box{
 width: 100%;
 margin: 0 auto;
}

.under_cobox{
 width: 88%;
 margin: 0 auto;
}

.under_cobox_l{
}
.under_cobox_r{
 width: 95%;
 margin: 0 auto;
 margin-top: 10%;
 margin-bottom: 10%;
}
.under_cobox_r img{
 width: 100%;
}

.under_sti{
 letter-spacing: 0.1em;
 font-size: 14px;
 color: #284f6e;
 line-height: 2.2em;
}
.under_stx{
 letter-spacing: 0.1em;
 font-size: 12px;
 margin-top: 4%;
 color: #333;
 line-height: 2.2em;
 text-align: justify;
}

.bike_sti{
 letter-spacing: 0.1em;
 font-size: 14px;
 color: #284f6e;
 line-height: 2.2em;
}
.bike_stx{
 letter-spacing: 0.1em;
 font-size: 12px;
 margin-top: 4%;
 color: #333;
 line-height: 2.2em;
 text-align: justify;
}

.ctw_ti,
.ctw_tx{
 text-align: center;
}
.ctw_ti{
 font-family: 'Ropa Sans', sans-serif;
 letter-spacing: 0.1em;
 font-size: 20px;
 color: #eee;
 text-shadow: 1px 1px 3px #000;
}
.ctw_tx{
 letter-spacing: 0.1em;
 font-size: 11px;
 font-weight: bold;
 margin-top: 10px;
 color: #eee;
 text-shadow: 1px 1px 3px #000;
}
.ctw_bl{
 width: 156px;
 height: 1px;
 margin: 0 auto;
 background-color: #eee;
 margin-top: 10px;
}


.technique_stx{
 width: 88%;
 margin: 0 auto;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.15em;
 font-size: 12px;
 color: #333;
 line-height: 2.2em;
 text-align: justify;
}


.teqblti{
 border-top: solid 1px #7c692d;
 border-bottom: solid 1px #7c692d;
 text-align: center;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 color: #7c692d;
 font-size: 14px;
 padding: 2% 0 2% 0;
}

.teqti{
 width: 90%;
 margin: 0 auto;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.15em;
}
.teqen{
}

.teqbox{
 width: 100%;
 color: #333;
}
.teqbox_bike{
 width: 100%;
 color: #333;
}
.teqtx{
 letter-spacing: 0.1em;
 color: #333;
 font-size: 12px;
 line-height: 2.2em;
 margin: 0 auto;
 padding: 2% 6% 2% 6%;
}
.teqti{
 padding-bottom: 2%;
 padding-top: 2%;
}
.teqen{
 text-align: center;
 font-style: italic;
 font-size: 11px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.1em;
 color: #beb597;
 border-top: solid 1px #7c692d;
 margin: 0 auto;
 padding-top: 5px;
 width: 88%;
 margin: 0 auto;
}
.teqim{
 width: 70%;
 margin: 0 auto;
 padding-top: 0px;
}
.teqim img{
 width: 100%;
}

.teqbox_area_bg{
 background-color: #f5f5f0;
}
.teqbox_area{
 width: 100%;
 margin: 0 auto;
 padding-top: 1%;
 padding-bottom: 1%;
}
.teqbox_area_bike{
 width: 100%;
 margin: 0 auto;
 padding-top: 1%;
 padding-bottom: 1%;
}
.mr8{
 margin-right: 8px;
}
.mt5{
 margin-top: 5px;
}



.massp_cobox_white_box{
 width: 88%;
 margin: 0 auto;
}
.massp_stx{
 letter-spacing: 0.05em;
 color: #333;
 font-size: 12px;
 line-height: 2.2em;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}






.movbg01,
.movbg02,
.movbg03{
 position: relative;
}

.movbg01 a{background: url(img/massp_mov01.jpg); height: 300px;}
.movbg02 a{background: url(img/massp_mov02.jpg); height: 300px;}
.movbg03 a{background: url(img/massp_mov03.jpg); height: 300px;}


.movbg01 a,
.movbg02 a,
.movbg03 a{
 width: 100%;
 margin: 0;
 padding: 0;
 background-position: 50% 50% no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}



.movbg01 a,
.movbg02 a,
.movbg03 a{
 display: block;
 width: 100%;
}

.arrow{
 position: absolute;
 width: 60px;
 left: 0;
 right: 0;
 margin: 0 auto;
 top: 40%;
}
.arrow img{
 width: 60px;
 height: 60px;
}



/*--------------------------------------------------------------------*/
.st_box_massp_r01{
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%;  background-position: 50% 50%;
 position: relative;
 background-color: #f5f5f5;
}
.st_box_massp_r02{
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%;  background-position: 50% 50%;
 position: relative;
 background-color: #f5f5f5;
 padding-bottom: 20%;
}
/*--------------------------------------------------------------------*/


/*--------------------------------------------------------------------*/
.st_box_massp_r01f{
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%;  background-position: 50% 50%;
 position: relative;
 background-color: #f5f5f5;
}
.st_box_massp_r02f{
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%;  background-position: 50% 50%;
 position: relative;
 background-color: #f5f5f5;
 padding-bottom: 20%;
}
/*--------------------------------------------------------------------*/


.st_box_massp_r02{
}
.st_box_massp_ti{
 text-align: center;
 letter-spacing: 0.05em;
 color: #333;
 font-size: 16px;
 line-height: 2.2em;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 padding-top: 10%;
}
.st_box_massp_tx{
 margin: 0 auto;
 letter-spacing: 0.05em;
 color: #333;
 font-size: 12px;
 line-height: 2.2em;
 padding-top: 4%;
 text-align: justify;
 width: 88%;
 margin: 0 auto;
}






.links_t,
.links_l,
.links_r{
 letter-spacing: 0.1em;
 color: #333;

 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.links_t{
 font-size: 14px;

}
.links_l{
 font-size: 12px;
}
.links_r{
 font-size: 12px;
}

.links_box{
 margin: 0 auto;
}
.links_li{
}
.links_t a,
.links_l a,
.links_r a{
 color: #333;
}

.inct_area_float{
 margin: 0 auto;
}
.inct_area_float_l{
}
.inct_area_float_r{
}
.bts{
}
.lintcats{
 border-bottom: solid 1px #818181;
 margin-bottom: 4%;
}
.lintcat{
 margin-top: 20%;
 border-bottom: solid 1px #818181;
 margin-bottom: 4%;
}





















.about_l,
.about_r{
 letter-spacing: 0.1em;
 color: #333;


 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.about_l{
 /*border-bottom: solid 1px #818181;*/
 margin-top: 10%;
 font-size: 14px;
 line-height: 2.2em;
 /*margin-bottom: 4%;*/
}
.about_r{
 font-size: 12px;
}

.about_box{
 width: 88%;
 margin: 0 auto;
 margin-top: 20%;
}
.about_li{
}
.about_t a,
.about_l a,
.about_r a{
 color: #333;
}
.about_l a{
text-decoration: underline;
}
.about_l a:hover{
text-decoration: none;
}


.inct_area_float{
 width: 88%;
 margin: 0 auto;
}
.inct_area_float_l{
}
.inct_area_float_r{
 padding-top: 20%;
}
.bts{
}

.about_stx{
 letter-spacing: 0.1em;
 color: #333;
 font-size: 12px;
 line-height: 2.2em;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 width: 88%;
 margin: 0 auto;
}
.about_stxbox{
 letter-spacing: 0.1em;
 color: #333;
 font-size: 12px;
 line-height: 2.2em;
 width: 88%;
 margin: 0 auto;
 margin-top: 10%;
}
.about_stxbox span{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-style: italic;
}



.pp_stx{
 letter-spacing: 0.1em;
 font-size: 12px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 width: 88%;
 margin: 0 auto;
 line-height: 2.2em;
 margin-top: 20%;
}

.pp_ti{
 letter-spacing: 0.1em;
 font-size: 14px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 border-bottom: solid 1px #818181;
 width: 88%;
 margin: 0 auto;
 margin-top: 20%;
}
.pp_tx{
 letter-spacing: 0.05em;
 color: #333;
 font-size: 12px;
 line-height: 2.2em;
 width: 88%;
 margin: 0 auto;
 margin-top: 4%;
}















.contact_table_index{
 width: 510px;
 margin: 0 auto;
 font-size: 14px;
 color: #333;
 margin-top: 50px;
 letter-spacing: 0.1em;
}
.contact_table_index .vc_th{
 width: 177px;
}






.contact_table{
 width: 88%;
 margin: 0 auto;
 font-size: 12px;
 color: #333;
 letter-spacing: 0.1em;
 border-top: solid 1px #818181;
}
.contact_table .vc_th{
 margin-top: 10%;
}
.vc_th,
.vc_td{
 padding: 0 0 0 0;
 line-height: 2em;
}
.vc_tr{

}
.contact_table .vc_th{
}


.vc_th span{
 color: #999;
 font-size: 12px;
 letter-spacing: 0em;
}

.vcbbd{
}



.contact_table .ctthis{
 padding: 0px 0px 0px 0px;
 vertical-align: top;
 font-size: 12px;
 line-height: 2em;
}
.contact_table .ctthis span{
 font-size: 12px;
}
.contact_table .cttnm{
 padding: 0px 0px 0px 0px;
 vertical-align: top;
}
.contact_table input,
.contact_table select,
.contact_table textarea{
 padding: 1% 2% 1% 2%;
 line-height: 2em;
}
.contact_table select{
 border: 1px solid #818181;
}
.contact_table textarea{
 /*width: 300px;*/
}
.iptwidth{
 width: 96%;
}
.iptwidth2{
 width: 96%;
}
.iptwidth3{
 width: 96%;
}
.iptwidth4{
 width: 96%;
}
.nminp{
 background:none;
 -webkit-appearance:none;
 border: 1px solid #818181;
 outline: none;
}



.formbutton{
 width: 240px;
 height: 44px;
 margin: 0 auto;
 margin-top: 60px;
}
.to{
 background: url(/img/to.svg) no-repeat;
 background-size: 240px 44px;
 width: 240px;
 height: 44px;
 border: none;
}
.to span{
 display: none;
}

#mailformpro{
 padding-bottom: 40px;
}
.vc_thkome{
 font-size: 12px;
 line-height: 2em;
 padding-top: 10%;
 width: 88%;
 margin: 0 auto;
 color: #333;
}











.modal-content{
 margin: 0 auto;
 text-align: center;
 padding-top: 15%;
 height: 100%;
}
.modal-content ul{
 list-style: none;
 margin-top: 30px;
 padding: 0;
}
.modal-content li{
 margin: 0 auto;
 text-align: center;
 font-size: 18px;
 letter-spacing: 0.1em;
 line-height: 2.4em;
 color: #fff;
}
.modal-content li a{
 color: #fff;
 text-decoration: none;
}
.modal-content li ul{
	padding-left: 23%;
}
.modal-content li li img{
 width: 100%;
}

.modal-content li li{
 float: left;
 padding-left: 20px;
}
.close-content01{
 color: #fff;
 display: block;
 position: absolute;
 top: 8px;
 right: 5px;
}
#fmfi{
 position: fixed;
 top: 13px;
 right: 20px;
 z-index: 999;
 overflow: visible;
}
#fmfi img{
 width: 35px;
 height: 37px;
 margin-top: 3px;
}



.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}



@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}





@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
#content01{
 position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    overflow-y: auto;
    z-index: 999;
    display: none;
}











.news_area_acv{
 width: 90%;/* 88%*/
 margin: 0 auto;
}
.news_acv{
 padding: 2% 0px 2% 0px;
}

.news_lacv{
 float: left;
}

.news_lacv{
 font-size: 12px;
 letter-spacing: 0.1em;
 color: #333;
 line-height: 2.2em;
}
.news_lacv a{
 margin-left: 30px;
 color: #333;
}


.news_lacv span{
 padding-left: 30px;
}


.news_area_i{
 width: 88%;
 margin: 0 auto;
 padding: 8px 0px 8px 0px;
 border-bottom: solid 1px #333;
}
.news_area_itx{
 width: 88%;
 margin: 0 auto;
 padding: 10% 0px 10% 0px;
 font-size: 12px;
 letter-spacing: 0.1em;
 color: #333;
 line-height: 2.2em;
}

.news_ac{
 letter-spacing: 0.1em;
 font-size: 12px;
 width: 200px;
 height: 38px;
 border: solid 1px #333;
 line-height: 3em;
 text-align: center;
 margin: 0 auto;
}
.news_ac a{
 color: #333;
 width: 200px;
 height: 38px;
 display: block;
}
.news_ac a:hover{
 color: #fff;
 background-color: #333;
 text-decoration: none;
}





















.transform {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
figure:hover .transform {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}






#sample02 figure{
position: relative;
overflow: hidden;
width: 100%;
height: 180px;
}
#sample02 figcaption{
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
}
#sample02 figure:hover figcaption{
opacity: 1;
}

#sample02 .rn{
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 margin: 0 auto;
 z-index: 3;
 width: 100%;
}







#life figure{
position: relative;
overflow: hidden;
width: 100%;
height: 180px;
}
#life figcaption{
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
}
#life figure:hover figcaption{
opacity: 1;
}

#life .rn{
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 margin: 0 auto;
 z-index: 3;
 width: 100%;
}

/*-------------------------------------------------------------------*/
}

/* NEW表示用(2022/07/05) */
.new_icon {
 position: relative;
}

.new_icon::before {
 content:'NEW';
 position: absolute;
 top: 2px;
 left: -28px;
 color: red;
 font-size: 8px;
 font-weight:bold;
}