@import url('https://fonts.googleapis.com/css?family=Ropa Sans');
@import url('https://fonts.googleapis.com/css?family=Varela');

@media print, screen and (min-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;
}


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;
}


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




#fmfi,
#content01{
 display: none;
}



.head{
 width: 100%;
 position: fixed;
 background-color: #fff;
 z-index: 4;
 height: 60px;
 top: 0;
}
.head_l{
 float: left;
 margin: 0px 0px 0px 10px;
}
.head_r{
 float: right;
}
.head_r_je{
 float: right;
}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

	
.gnav .down a{
 position:relative; /* .enと.jaの絶対配置の基準 */
 height: 25px;
 transition: .5s; /* 0.5秒で値をなめらかに変化させる */
}
.gnav a:hover{
 
}
.gnav .en,.ja {
 display: block; /* position指定がある時は無くても可 */
 width: 100%;
 position: absolute; /* .enと.jaを重ねて表示 */
 transition: .5s; /* 0.5秒で値をなめらかに変化させる */
}
	
.gnav .en {
 opacity: 1; /* 普段は英語表記を表示 */
 color: #000000;
}
.gnav .ja {
 opacity: 0; /* 普段は日本語表記を透明に */
 color: #000000;
}
.gnav a:hover .en { /* aにホバーしたとき英語表記は透明に */
 opacity: 0;
}
.gnav a:hover .ja { /* aにホバーしたとき日本語表記を表示 */
 opacity: 1;
}
	
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 810px;
  height: 60px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
	
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li.li01{
  padding-top: 25px;
  padding-bottom: 10px;
  width: 7%;
}
.dropmenu li.li02{
  padding-top: 25px;
  padding-bottom: 10px;
  width: 19%;
}
.dropmenu li.li03{
  padding-top: 25px;
  padding-bottom: 10px;
  width: 8%;
}
.dropmenu li.li04{
  padding-top: 25px;
  padding-bottom: 10px;
  width: 13%;
}
.dropmenu li.li05{
  padding-top: 25px;
  width: 10%;
}
.dropmenu li.li06{
  padding-top: 14px;
  padding-left: 17px;
  width: 6%;
}
.dropmenu li.li07{
  padding-top: 14px;
  padding-left:8px;
  width: 5%;
}
.dropmenu li.li08{
  padding-top: 25px;
  padding-bottom: 10px;
  width: 7%;
}
.dropmenu li.li09{
  padding-top: 25px;
  padding-bottom: 10px;
  width: 17%;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 0 0 11px;
  color: #000;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index:6;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 20px 0 29px 15px;
  font-size: 13px;
  color: #DDD;
  background:rgba(0,0,0,0.7);
  text-align:left;
}
.dropmenu li:hover > a{
}
.dropmenu li a:hover{
}

#dropmenu { position: relative; z-index: 7; }
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 50px;
  width: 180px;
}
.gnavs{
 float: left;
 height: 54px;
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.04em;
}
.gnavs a{
 color: #000;
 height: 54px;
 display: block;
 font-size: 13px;
 line-height: 2.5em;
}
.gnavs a:hover{
 text-decoration: none;
}
	
.gnavs a.showf span.en{ display:inline; }
.gnavs a.showf:hover span.en{ display:none; }
.gnavs a.showf span.jp{ display:none; }
.gnavs a.showf:hover span.jp{ display:inline; }
	
#dropmenu .gnavson{
 border-bottom: solid 3px #284f6e;
}


.jes{
 float: left;
 width: 140px;
 height: 35px;
 font-family: 'Montserrat', sans-serif;
 font-size: 14px;
 line-height: 2.5em;
 text-align: center;
 color: #000;
 letter-spacing: 0.05em;
 border: solid 1px;
 margin-top: 13px;
 margin-right: 25px;
}
.jes a{
 display: block;
 width: 140px;
 height: 35px;
 color: #000;
}
.jes a:hover{
	color: #fff;
 text-decoration: none;
 background-color:#022B70;
}

.jeson{
 border-bottom: solid 2px #fff;
 padding-bottom: 6px;
}

.ct_ti,
.ct_tx{
 text-align: center;
}
.ct_ti{	
 letter-spacing: 0.1em;
 font-size: 18px;
}

.ct_tikp{
 text-align: center;
}
.ct_tikp{
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.1em;
 font-size: 26px;
 margin-top: 50px;
}
.ct_tx{
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.1em;
 font-size: 13px;
 margin-top: 10px;
 color: #333;
}
.ct_bl{
 height: 1px;
 margin: 0 auto;
 background-color: #333;
 margin-top: 10px;
}

.atm_area{
 margin: 0 auto;
 margin-top: 60px;
 margin-bottom: 100px;
}
.atm_area_l{
 float: left;
}
.atm_area_r{
 float: right;
}
.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: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 80% 80%;
}
.atm_im{
 margin: 0 auto;
 padding-top: 60px;
}
.atm_ti{
 color: #000;
 font-size: 16px;
 letter-spacing: 0.2em;
 font-style: italic;
}
.atm_bl{
 height: 1px;
 background-color: #fff;
 margin: 0 auto;
 margin-top: 10px;
}
.atm_tx{
 letter-spacing: 0.1em;
 font-size: 13px;
 margin-top: 26px;
 line-height: 1.8em;
 color: #333;
}
.atm_img{
	padding-top:10px;
}

/*
.atm_sd{
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 13px;
 height: 38px;
 border: solid 1px #333;
 line-height: 2.8em;
 text-align: center;
 margin: 0 auto;
 margin-top: 24px;
}
.atm_sd a{
 color: #333;
 height: 38px;
 display: block;
}
.atm_sd a:hover{
 color: #fff;
 background-color: #333;
 text-decoration: none;
}
*/
.life_area{
 margin: 0 auto;
 margin-top: 60px;
}
.life_area_l{
 float: left;
}
.life_area_r{
 float: right;
}
.life_img{
	padding-top:10px;
}
.life_bt01{
 background: url(../img/top/atm_01.jpg) no-repeat;
}
.life_bt01{
 height: 300px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 80% 80%;
}

.s_bg{
 width: 100%;
 height: 400px;
 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: 50% 50%;
}


#blogSect .section_title {
    padding: 30px 0 40px;
}
#blogSect .post_list:after,
#blogSect .post_list:before {
    content: "";
    display: table;
}
#blogSect .post_list:after {
    clear: both;
}
#blogSect .post_list .post_card:nth-child(3n) {
    padding-left: 32px;
}
#blogSect .post_list .post_card:nth-child(3n+1) {
    padding-right: 32px;
}
#blogSect .post_list .post_card:nth-child(3n+2) {
    padding: 0 16px;
}
#blogSect .post_list .post_card .clickable .img_mg {
	margin-top: 20px;
}
	
#serviceSect {
    background: #f3f3f3;
    padding: 40px 0;
}
#serviceSect .service_list .service_item {
    display: table;
    background: white;
    height: 380px;
    padding: 40px 0;
    margin: 20px 0 40px;
    width: 100%;
    text-decoration: none;
    color: black;
}
#serviceSect .service_list .service_item .service_image {
    position: absolute;
    top: 40px;
    z-index: 2;
    width: 530px;
    height: 300px;
    display: table-cell;
    vertical-align: middle;
}
#serviceSect .service_list .service_item .service_image figure {
    background-image: url("/dist/pc_img/_cmn/placeholder_gray.jpg");
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#serviceSect .service_list .service_item .service_image figure:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d59533;
    background: -moz-linear-gradient(125deg,#d59533 0%,#ca4684 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0%,#d59533),color-stop(100%,#ca4684));
    background: -webkit-linear-gradient(125deg,#d59533 0%,#ca4684 100%);
    background: -o-linear-gradient(125deg,#d59533 0%,#ca4684 100%);
    background: -ms-linear-gradient(125deg,#d59533 0%,#ca4684 100%);
    background: linear-gradient(125deg,#d59533 0%,#ca4684 100%);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#serviceSect .service_list .service_item .service_info {
    display: table-cell;
    vertical-align: middle;
    padding: 40px 60px;
}
#serviceSect .service_list .service_item .service_info .service_title {
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: bold;
    letter-spacing: 5px;
    font-size: 25px;
    position: relative;
    padding-bottom: 10px;
}
#serviceSect .service_list .service_item .service_info .service_title:after {
    margin-left: 5px;
    margin-top: 4px;
    display: inline-block;
    content: "";
    width: 28px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    background-image: url("/dist/pc_img/_hdr/arrow_hdr_contact.png");
    vertical-align: top;
}
#serviceSect .service_list .service_item .service_info .service_subtitle {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 40px;
    letter-spacing: 2px;
}
#serviceSect .service_list .service_item .service_info .service_description {
    line-height: 25px;
    font-size: 13px;
    letter-spacing: 2px;
}
#serviceSect .service_list .service_item.image_left,
#serviceSect .service_list .service_item.image_right {
    position: relative;
}
#serviceSect .service_list .service_item.image_left:after,
#serviceSect .service_list .service_item.image_right:after {
    content: "";
    position: absolute;
    top: 0;
    width: 380px;
    height: 100%;
    background: #f3f3f3;
    z-index: 1;
}
#serviceSect .service_list .service_item.image_left:after {
    left: 0;
}
#serviceSect .service_list .service_item.image_left .service_info {
    padding-left: 588px;
}
#serviceSect .service_list .service_item.image_left .service_image {
    left: 0;
}
#serviceSect .service_list .service_item.image_right:after {
    right: 0;
}
#serviceSect .service_list .service_item.image_right .service_info {
    padding-right: 570px;
}
#serviceSect .service_list .service_item.image_right .service_image {
    right: 0;
}
#serviceSect .service_list .service_item:active,
#serviceSect .service_list .service_item:hover {
    text-decoration: none;
    color: #910009;
}
#serviceSect .service_list .service_item:active .service_image:after,
#serviceSect .service_list .service_item:hover .service_image:after {
    opacity: 0.4;
}
#serviceSect .service_list .service_item:active .service_info .service_title:after,
#serviceSect .service_list .service_item:hover .service_info .service_title:after {
    background-image: url("/dist/pc_img/_hdr/arrow_hdr_contact_on.png");
}

#mapSection #shopMap {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.section_body.map_desc {
    padding-bottom: 40px;
    text-align: center;
}

#privacyPolicySection a[target=_blank] {
    position: relative;
}
#privacyPolicySection a[target=_blank]:after {
    content: ' \e833';
    font-family: "andmadeicon";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    margin-right: 0.6em;
    padding-left: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
	
.faq_block {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
    zoom: 1;
}
.faq_block:after,
.faq_block:before {
    content: "";
    display: table;
}
.faq_block:after {
    clear: both;
}
.faq_block .faq_question {
    margin: 0;
    padding-bottom: 10px;
    padding-left: 25px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    position: relative;
}
.faq_block .faq_question:before {
    content: "Q.";
    position: absolute;
    top: 0;
    left: 0;
}
.faq_block .faq_reply {
    font-size: 14px;
    line-height: 1.8;
    padding-left: 25px;
    position: relative;
}
.faq_block .faq_reply:before {
    content: "A.";
    position: absolute;
    top: 0;
    left: 0;
}


	
/*STORYスライダー*/
.tms_area{
 margin: 0 auto;
 margin-top: 60px;
}
.tms_area_box{
 margin: 0 auto;
/* padding-left: 70px;*/
}
.tms_area_top{
 margin: 0 auto;
 margin-top: 10px;
 margin-bottom: 80px;
}
.tms_area_box_top{
 margin: 0 auto;
/* padding-left: 70px;*/
}
.tms_areas .pic.edgeline{
	border: 1px solid #666;
}
.tms_areas{
}
.tms_im img{

}
.tms_ti{
 letter-spacing: 0.1em;
 font-size: 18px;
 text-align: center;
 color: #333;
 margin-bottom: 20px;
}
.tms_name{
 letter-spacing: 0.1em;
 font-size: 13px;
 line-height: 1.8em;
 color: #333;
 width: 70%;
 margin: 0 auto;
}
	.tms_area .slick-prev, .tms_area .slick-next{
		width: 15px;
		height: 30px;
	}
	.tms_area .slick-prev{
		background: url(../img/common/story_slider_arrow_l.svg) left center no-repeat;
		background-size: 15px auto;
		left: -55px;
	}
	.tms_area .slick-next{
		background: url(../img/common/story_slider_arrow_r.svg)left center no-repeat;
		background-size: 15px auto;
		right: -55px;
	}
	.tms_area .slick-prev:before, .tms_area .slick-next:before{
		opacity: 1;
		color: transparent; 
	}

.tms_areas_top .pic_top.edgeline{
	border: 1px solid #666;
}
.tms_areas_top{
}
.tms_im_top img{
}

.tms_ti_top{
 font-family: 'Noto Sans', sans-serif !important;
 letter-spacing: 0.1em;
 font-size: 13px;
 margin-top: 6px;
 line-height: 1.8em;
 color: #333;
 padding-left: 5px;
}
.tms_ti_top span{
	color: #DD9533;
}
.tms_name_top{
 letter-spacing: 0.1em;
 font-size: 12px;
 line-height: 1.8em;
 color: #333;
 padding-left: 5px;
}
	.tms_area_top .slick-prev, .tms_area .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: -55px;
	}
	.tms_area_top .slick-next{
		background: url(../img/common/story_slider_arrow_r.svg)left center no-repeat;
		background-size: 15px auto;
		right: -55px;
	}
	.tms_area_top .slick-prev:before, .tms_area .slick-next:before{
		opacity: 1;
		color: transparent; 
	}
	
/*STORYアーカイブページ*/
	.page_story_archive .tms_area{
		padding: 0 35px;
		box-sizing: border-box;
	}
.page_story_archive .tms_list_area_box{
 overflow: hidden;
}
.page_story_archive .tms_areas{
 float: left;
 margin: 0 35px;
}
.page_story_archive .tms_list_area_box .tms_areas:nth-of-type(n + 4){
	margin-top: 60px;
}
/*
.tms_sd{
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 13px;
 height: 38px;
 border: solid 1px #333;
 line-height: 2.8em;
 text-align: center;
 margin: 0 auto;
 margin-top: 24px;
}
.tms_sd a{
 color: #333;
 height: 38px;
 display: block;
}
.tms_sd a:hover{
 color: #fff;
 background-color: #333;
 text-decoration: none;
}
*/


.s2_bg{
 width: 100%;
 height: 400px;
 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%;
 margin-top: 120px;
}


.news_area{
 margin: 0 auto;
 margin-top: 8px;
 border-left: solid 1px #333;
 border-right: solid 1px #333;
 padding: 8px 0px 8px 0px;
}
.news_l{
 float: left;
}
.news_r{
 float: right;
}

.news_l{
 font-size: 14px;
 letter-spacing: 0.1em;
 color: #333;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.news_l a{
 margin-left: 45px;/* 30px */
 color: #333;
}
.news_r a:hover{
 text-decoration: underline;
}

.news{
 height: 42px;
 padding: 0px 30px 0px 30px;
 line-height: 2.6em;
}
.news_r{
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 13px;
 color: #333;
}
.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: 13px;
 height: 38px;
 border: solid 1px #333;
 line-height: 2.8em;
 text-align: center;
 margin: 0 auto;
 margin-top: 30px;
}
.news_more a{
 color: #333;
 height: 38px;
 display: block;
}
.news_more a:hover{
 color: #fff;
 background-color: #333;
 text-decoration: none;
}
*/



#footer{
 padding-top: 20px;
 background-color: #2B2B2B;
}
.footer{
 margin: 0 auto;
 padding: 20px 0px 34px 0px;
}
.footer_l,
.footer_r,
.footer_r2,
.footer_r3{
 float: left;
}
.footer_r,
.footer_r2,
.footer_r3{
 font-size: 10px;
 color: #fff;
 line-height: 2.4em;
 letter-spacing: 0.15em;
}
.footer_l a,
.footer_r a,
.footer_r2 a,
.footer_r3 a{
 color: #fff;
}
.footer_r a:hover,
.footer_r2 a:hover{
 text-decoration: underline;
}
.footer_l{
	
}
.footer_l_im {
	width: 70%
}
.footer_r{
}

.footer_l_cpr{
 font-size: 10px;
 color: #fff;
 line-height: 2.0em;
 letter-spacing: 0.15em;
 margin-top: 8px;
}
.footer_l_cpr img{
	width: 100%;
}
	
.footer_l_cpr li{
	float: left;
	padding-top: 10px;
	padding-right: 15px;
}


.copyright {
	text-align: right;
	color: #fff;
	font-size: 10px;
}













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


.sns_circle{
    position:relative;
    width: 48px;
    height: 48px;
    margin:0 12px 0 12px;
    -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{
    height: 50px;
    margin:auto;
    list-style: none;
    overflow-y:hidden;
 margin-top: 30px;
 margin-bottom: 30px;
}

.fb_area{
 margin: 0 auto;
}













.inct_area{
 margin: 0 auto;
 position: relative;
}
.inct_ti,
.inct_tx{
}
.inct_ti{
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.1em;
 font-size: 20px;
 margin-top: 120px;
}
.inct_tijp{
 letter-spacing: 0.1em;
 font-size: 20px;
 margin-top: 120px;
}
.inct_tien{
 font-family: 'Noto Sans', 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: 18px;
}


.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;
}




.storyp_ti{
 margin-top: 20px;
 letter-spacing: 0.1em;
}




.storyp_tx{
 font-size: 16px;
 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) no-repeat;
}
.story01_bg01{
 margin-top: 80px;
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story01_bg02{
 background: url(img/story01_bg02.jpg) no-repeat;
}
.story01_bg02{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
/*--------------------------------------------------------------------*/
.story02_bg01{
 background: url(img/story02_bg01.jpg) no-repeat;
}
.story02_bg01{
 margin-top: 80px;
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story02_bg02{
 background: url(img/story02_bg02.jpg) no-repeat;
}
.story02_bg02{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story02_bg03{
 background: url(img/story02_bg03.jpg) no-repeat;
}
.story02_bg03{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
/*--------------------------------------------------------------------*/
.story03_bg01{
 background: url(img/story03_bg01.jpg) no-repeat;
}
.story03_bg01{
 margin-top: 80px;
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story03_bg02{
 background: url(img/story03_bg02.jpg) no-repeat;
}
.story03_bg02{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story03_bg03{
 background: url(img/story03_bg03.jpg) no-repeat;
}
.story03_bg03{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story03_bg04{
 background: url(img/story03_bg04.jpg) no-repeat;
}
.story03_bg04{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
.story04_bg01{
 background: url(img/story04_bg01.jpg) no-repeat;
}
.story04_bg01{
 margin-top: 80px;
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story04_bg02{
 background: url(img/story04_bg02.jpg) no-repeat;
}
.story04_bg02{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story04_bg03{
 background: url(img/story04_bg03.jpg) no-repeat;
}
.story04_bg03{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story04_bg04{
 background: url(img/story04_bg04.jpg) no-repeat;
}
.story04_bg04{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
.story05_bg01{
 background: url(img/story05_bg01.jpg) no-repeat;
}
.story05_bg01{
 margin-top: 80px;
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story05_bg02{
 background: url(img/story05_bg02.jpg) no-repeat;
}
.story05_bg02{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story05_bg03{
 background: url(img/story05_bg03.jpg) no-repeat;
}
.story05_bg03{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story05_bg04{
 background: url(img/story05_bg04.jpg) no-repeat;
}
.story05_bg04{
 height: 700px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
/*--------------------------------------------------------------------*/



.storypf_box{
 position: absolute;
 right: 0;
 top: 0;
 background-color: #fff;
 box-shadow: 10px 10px #284f6e;
 -webkit-box-shadow: 10px 10px #284f6e;
 -moz-box-shadow: 10px 10px #284f6e;
}
.storypf_box_tx{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.03em;
 font-size: 13px;
 margin-top: 10px;
 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{
}
.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;
}
.storypf_box_im img{
 width: 100%;
}

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

.story_cobox_l{
 float: left;
}
.story_cobox_r{
 float: right;
}
.story_cobox_r img{
 width: 100%;
}


.story_sti{
 text-align: center;
 font-size: 15px;
 color: #ffffff;
 background-color: #2B2B2B;
 padding: 8px;
}
.story_stx{
 font-size: 13px;
 color: #333;
 line-height: 1.5em;
 text-align: justify;
}
.run_sti{
 width: 300px;
 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;
}

.st_box{
 width: 100%;
}
/*--------------------------------------------------------------------*/
.st_box01_r01{
 background: url(img/story01_itpbg01.jpg) no-repeat;
 float: left;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 30%; height: 600px; background-position: 50% 50%;
 position: relative;
}
.st_box01_r02{
 background: url(img/story01_itpbg02.jpg) no-repeat;
 float: right;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 70%; height: 600px; background-position: 50% 50%;
 position: relative;
}
.st_box01_r03{
 background: url(img/story01_itpbg03.jpg) no-repeat;
 float: left;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 30%; height: 600px; background-position: 50% 50%;
 position: relative;
}
.st_box01_r04{
 background: url(img/story01_itpbg04.jpg) no-repeat;
 float: right;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 70%; height: 600px; background-position: 50% 50%;
 position: relative;
}
/*--------------------------------------------------------------------*/
.st_box02_r01{
 background: url(img/story02_itpbg01.jpg) no-repeat;
 float: left;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 30%; height: 600px; background-position: 50% 50%;
 position: relative;
}
.st_box02_r02{
 background: url(img/story02_itpbg02.jpg) no-repeat;
 float: right;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 70%; height: 600px; background-position: 50% 50%;
 position: relative;
}
/*--------------------------------------------------------------------*/


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







.storyp_timc{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-size: 30px;
 margin-top: 40px;
 letter-spacing: 0.1em;
}
.storypf_boxcp_area{
 margin: 0 auto;
 position:relative;
 left: 0;
 right: 0;
 z-index: 2;
}
.storypf_boxcp{
 margin-top: 350px;
 background-color: #fff;
 padding: 80px 0px 80px 0px;
}
.storypf_boxcp_tx{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.1em;
 font-size: 18px;
 margin-top: 10px;
 color: #333;
 line-height: 1.8em;
 text-align: center;
 margin-top: 50px;
}
.storypf_boxcp_im{
 margin: 0 auto;
 margin-top: 30px;
}
/*--------------------------------------------------------------------*/
.concept_bg01{
 background: url(img/concept_bg01.jpg) no-repeat;
 position: relative;
}
.concept_bg01{
 margin-top: 80px;
 height: 600px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story_cobox_gray{
 background-color: #f0f5f5;
 padding: 100px 0px 150px 0px;
 position: relative;
 z-index: 1;
}
.story_cobox_gray_area{
 margin: 0 auto;	
}
	
.under_cobox{
 margin: 0 auto;
}

.under_cobox_l{
 float: left;
}
.under_cobox_l img{
 width: 100%;
}
.under_cobox_r{
 float: right;
}
.under_cobox_r img{
 width: 100%;
}

.bike_cobox_l{
 float: left;
}
.bike_cobox_l img{
 width: 80%;
 margin-left: auto;
 margin-right: auto;
}
.bike_cobox_r{
 float: right;
}
.bike_cobox_r img{
 width: 80%;
 margin-left: auto;
 margin-right: auto;	
}

.about_cobox_l{
 float: left;
 padding-left: 50px;
}
.about_cobox_r{
 float: right;
}
	
.under_sti{
 letter-spacing: 0.1em;
 font-size: 18px;
 color: #284f6e;
 line-height: 2.2em;
}
.under_stx{
 letter-spacing: 0.1em;
 font-size: 13px;
 margin-top: 10px;
 color: #333;
 line-height: 2.2em;
 text-align: justify;
}

.bike_sti{
 width: 80%;
 letter-spacing: 0.1em;
 font-size: 18px;
 color: #284f6e;
 line-height: 2.2em;
 margin-left: auto;
 margin-right: auto;
}
.bike_stx{
 width: 80%;
 letter-spacing: 0.1em;
 font-size: 13px;
 margin-top: 10px;
 color: #333;
 line-height: 2.2em;
 text-align: justify;
 margin-left: auto;
 margin-right: auto;
}
	
/*--------------------------------------------------------------------*/
.history_bg01{
 background: url(img/history_bg01.jpg) no-repeat;
 position: relative;
}
.history_bg01{
 height: 600px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.story_cobox_gray{
 background-color: #f0f5f5;
 padding: 100px 0px 150px 0px;
 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: 323px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg02{
 background: url(../img/run_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg02{
 height: 323px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg03{
 background: url(../img/bike_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg03{
 height: 323px;
 -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: 323px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg05{
 background: url(../img/event_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg05{
 height: 323px;
 -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: 323px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg07{
 background: url(../img/partner_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg07{
 height: 323px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg08{
 background: url(../img/qa_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg08{
 height: 323px;
 -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: 323px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
.technique_bg10{
 background: url(../img/yobi_bg01.jpg) no-repeat;
 position: relative;
}
.technique_bg10{
 height: 323px;
 -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: 323px;
 -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_bg11.jpg) no-repeat;
 position: relative;
}
.technique_bg12{
 height: 323px;
 -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_bg11.jpg) no-repeat;
 position: relative;
}
.technique_bg13{
 height: 323px;
 -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: 323px;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%;
}
/*--------------------------------------------------------------------*/
.massp_bg01{
 background: url(img/massp_bg01.jpg) no-repeat;
 position: relative;
}
.massp_bg01{
 height: 600px;
 -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: 14px;
 margin-top: 10px;
 color: #333;
 line-height: 2.2em;
 text-align: justify;
}

.story_stx_gray_right{
 padding-left: 340px;
}

.history_copy{
 padding-top: 120px;
}
.story_cobox_white_box{
 margin: 0 auto;
 background-color: #000;
 padding-top: 100px;
 padding-bottom: 100px;
}




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


.technique_stx{
 margin: 0 auto;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 letter-spacing: 0.15em;
 font-size: 13px;
 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: 18px;
 padding: 10px 0px 10px 0px;
}

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

.teqbox{
 height: 450px;
 width: 20%;
 float: left;
 color: #333;
 background-color: #fff;
}
.teqbox_bike{
 height: 450px;
 width: 24%;
 float: left;
 color: #333;
 background-color: #fff;
}
.teqtx{
 letter-spacing: 0.1em;
 color: #333;
 font-size: 12px;
 line-height: 1.5em;
 margin: 0 auto;
 padding-top: 10px;
}
.teqti{
 padding-bottom: 5px;
 padding-top: 10px;
}
.teqen{
 text-align: center;
 font-style: italic;
 font-size: 12px;
 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;
}
.teqim{
 margin: 0 auto;
 padding-top: 20px;
}
.teqim img{
 width: 100%;
}


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



.massp_cobox_white_box{
 margin: 0 auto;
}
.massp_stx{
 letter-spacing: 0.05em;
 color: #333;
 font-size: 13px;
 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: 550px;}
.movbg02 a{background: url(img/massp_mov02.jpg); height: 550px;}
.movbg03 a{background: url(img/massp_mov03.jpg); height: 550px;}


.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: 100px;
 left: 0;
 right: 0;
 margin: 0 auto;
 top: 40%;
}
.arrow img{
 width: 100px;
 height: 100px;
}






/*--------------------------------------------------------------------*/
.st_box_massp_r01{
 float: left;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 50%; height: 550px; background-position: 50% 50%;
 position: relative;
 background-color: #f5f5f5;
}
.st_box_massp_r02{
 float: right;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 50%; height: 550px; background-position: 50% 50%;
 position: relative;
 background-color: #f5f5f5;
}
/*--------------------------------------------------------------------*/



/*--------------------------------------------------------------------*/
.st_box_massp_r01f{
 float: right;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 50%; height: 550px; background-position: 50% 50%;
 position: relative;
 background-color: #f5f5f5;
}
.st_box_massp_r02f{
 float: left;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 50%; height: 550px; background-position: 50% 50%;
 position: relative;
 background-color: #f5f5f5;
}
/*--------------------------------------------------------------------*/






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






.links_t,
.links_l,
.links_r{
 float: left;
 letter-spacing: 0.1em;
 color: #333;
 font-size: 13px;
 line-height: 2.2em;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 padding: 10px 0px 10px 0px;
}
.links_t{
}
.links_l{
 border-bottom: solid 1px #818181;
}
.links_r{
 border-bottom: solid 1px #818181;
}

.links_box{
 margin: 0 auto;
 border-top: solid 1px #818181;
}
.links_li{
 text-indent: 15px;
}
.links_t a,
.links_l a,
.links_r a{
 color: #333;
}

.inct_area_float{
 margin: 0 auto;
}
.inct_area_float_l{
 float: left;
}
.inct_area_float_r{
 float: right;
 padding-top: 120px;
}
.bts{
 border-bottom: solid 1px #818181;
}






















.about_l,
.about_r{
 float: left;
 letter-spacing: 0.1em;
 color: #333;
 font-size: 13px;
 line-height: 2.2em;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 padding: 10px 0px 10px 0px;
}

.about_l{
 border-bottom: solid 1px #818181;
}
.about_r{
 border-bottom: solid 1px #818181;
}

.about_box{
 margin: 0 auto;
 border-top: solid 1px #818181;
 margin-top: 70px;
}
.about_li{
 text-indent: 15px;
}
.about_t a,
.about_l a,
.about_r a{
 color: #333;
}
.about_l a{
text-decoration: underline;
}
.about_l a:hover{
text-decoration: none;
}

.bts{
 border-bottom: solid 1px #818181;
}

.about_stx{
 letter-spacing: 0.1em;
 color: #333;
 font-size: 15px;
 line-height: 2.2em;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 text-align: center;
}
.about_stxbox{
 letter-spacing: 0.1em;
 color: #333;
 font-size: 14px;
 line-height: 2.2em;
 margin: 0 auto;
 border: solid 1px #818181;
 padding: 25px 35px 25px 35px;
 margin-top: 40px;
}
.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: 15px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 margin: 0 auto;
 line-height: 2.2em;
 margin-top: 70px;
}

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















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






.contact_table{
 margin: 0 auto;
 font-size: 13px;
 color: #333;
 padding-top: 30px;
 letter-spacing: 0.1em;
 border-top: solid 1px #818181;
}
.contact_table .vc_th{
}
.vc_th,
.vc_td{
 float: left;
 padding: 0px 0px 40px 0px;
 line-height: 2em;
}
.vc_tr{

}
.contact_table .vc_th{
 text-indent: 50px;
}


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

.vcbbd{
}



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



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

#mailformpro{
 padding-bottom: 40px;
}
.vc_thkome{
 font-size: 12px;
 line-height: 2em;
 padding-top: 80px;
 margin: 0 auto;
 color: #333;
 text-indent: 50px;
}





.news_area_acv{
 margin: 0 auto;
}
.news_acv{
 padding: 8px 0px 8px 0px;
}

.news_lacv{
 float: left;
}

.news_lacv{
 font-size: 16px;
	padding-left: 20px;
 letter-spacing: 0.1em;
 color: #003C5C;
 font-weight: bold;
}
.news_lacv a{
 margin-left: 30px;
 color: #003C5C;
}


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


.news_area_i{
 margin: 0 auto;
 padding: 8px 0px 8px 0px;
 border-bottom: solid 1px #333;
}
.news_area_itx{
 margin: 0 auto;
 padding: 40px 0px 90px 0px;
 font-size: 14px;
 letter-spacing: 0.1em;
 color: #333;
 line-height: 2.2em;
}

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







/*GROW*/

.grow img {
  height: 220px;
  width: 220px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
 z-index:1;
}
  
.grow img:hover {
  width: 250px;
  height: 250px;
}
	
/*GROW*/
.grow_top img {
  height: 112px;
  width: 250px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
 z-index:1;
}
  
.grow_top img:hover {
  width: 250px;
  height: 112px;
  margin: -15px; 
}
	
.pic {
  height: 220px;
  width: 220px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 26px;
  position: relative;
}
.pic a{
 top: 0;
 left: 0;
 right: 0;
 width: 220px;
 height: 220px;
 display: block;
 position: absolute;
 border-radius: 50%;
 z-index:3;
}

.pic_top {
 height: 112px;
 width: 250px;
 margin: 0 auto;
 overflow: hidden;
 margin-bottom: 6px;
 position: relative;
}
.pic_top a{
 top: 0;
 left: 0;
 right: 0;
 width: 250px;
 height: 112px;
 display: block;
 position: absolute;
 z-index:3;
}

.event_type {
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: normal;
    margin-bottom: 30px;
}
	
/* Ujarak */
.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 13px;
 line-height: 2.8em;
 text-align: center;
 margin: 0 auto;
 margin-top: 24px;
 height: 38px;
}
.button--ujarak a{
 color: #333;
 display: block;
}
.button--ujarak a:hover{
 color: #fff;
 text-decoration: none;

}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak.button--round-s::before {

}
.button--ujarak.button--inverted::before {
	background: #333;

}
.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
	color: #fff;
	border-color: #333;
}
.button--ujarak.button--inverted:hover {
	color: #fff;
	border-color: #fff;
 display: block;
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


	
	
	
	
	
/* caption */
.button--caption {
 -webkit-transition: border-color 0.4s, color 0.4s;
 transition: border-color 0.4s, color 0.4s;
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 13px;
 line-height: 2.8em;
 text-align: center;
 margin: 0 auto;
 margin-top: 24px;
 height: 38px;
}
.button--caption a{
 color: #FFF;
 display: block;
 background-color:rgba(0,0,0,0.2);
}
.button--caption a:hover{
 color: #000;
 text-decoration: none;

}
.button--caption::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(255,255,255,0.3);
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--caption.button--round-s::before {

}
.button--caption.button--inverted::before {
	background:rgba(255,255,255,0.3);

}
.button--caption,
.button--caption::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--caption:hover {
	color: #fff;
	border-color:rgba(0,0,0,0.4);
}
.button--caption.button--inverted:hover {
	color: #fff;
	border-color:rgba(0,0,0,0.4);
 display: block;
}
.button--caption:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
	
	
	
	
	
	
	
	
	
	
/* contact */
.button--contact {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
 font-family: "century", serif;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 13px;
 line-height: 2.8em;
 text-align: center;
 margin: 0 auto;
 margin-top: 24px;
 height: 38px;
}
.button--contact a{
 color: #333;
 display: block;
}
.button--contact a:hover{
 color: #fff;
 text-decoration: none;

}
.button--contact::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #E50E12;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--contact.button--round-s::before {

}
.button--contact.button--inverted::before {
	background: #333;

}
.button--contact,
.button--contact::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--contact:hover {
	color: #fff;
	border-color: #333;
}
.button--contact.button--inverted:hover {
	color: #fff;
	border-color: #fff;
 display: block;
}
.button--contact:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}	



/* Common button styles */
.button {
	display: block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}



/* Sizes */
.button--size-s {
}
.button--size-m {
}
.button--size-l {
}

/* Typography and Roundedness */
.button--text-upper {
	text-transform: uppercase;
}
/* Borders */
.button--border-thin {
	border: 1px solid #333;
	width: 400px;
}
.button--border-caption {
	border:rgba(255,255,255,0.3);;
	width: 400px;
}
/* Individual button styles */


.button--ujarak:hover{
 color: #fff;
}


/* bounce */
.button--bounce {
    width: 600px;
    height: 50px;
    font-size:16px;
    font-weight: bold;
}



































.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.2);
transform: scale(1.2);
}

#sample02 {
background-color:#FAFAFA;
padding:10px 0 50px 0;
}
#sample02 figure{
position: relative;
overflow: hidden;
width: 100%;
height: 250px;
}
#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%;
}


.news_ac a{
 font-style: normal;
 font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Helvetica,"MS Pゴシック","MS PGothic",sans-serif;
}


















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




.slider_wrapper .cover .caption {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    max-width: 640px;
    padding: 0 60px;
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
}
.slider_wrapper .cover .caption .logo {
    width: 142px;
    height: 172px;
    margin: 0 auto;
    background-image: url("/dist/pc_img/0_top/logo_main_visual.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 142px 172px;
}
.slider_wrapper .cover .caption .text {
    padding: 40px 0;
    line-height: 34px;
    letter-spacing: 2px;
    text-indent: -1px;
}
.slider_wrapper .cover .caption .btn_o {
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: normal;
    background: transparent;
    max-width: 160px;
    margin: 0 auto;
    padding: 15px 0;
    color: white;
    border-color: white;
}
.slider_wrapper .cover .caption .btn_o:hover {
    background: white;
    color: black;
}



#mainVisual {
    width: 100%;
}
#mainVisual .before_login_figure {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
    width: 100%;
    min-height: 600px;
    height: calc(100vh - 100px);
    display: table;
}
#mainVisual .bg01 {
	background-image: url(../img/top/main1.jpg);
}
#mainVisual .bg02 {
	background-image: url(../img/top/main8.jpg);
}
#mainVisual .bg03 {
	background-image: url(../img/top/main3.jpg);
}
#mainVisual .bg04 {
	background-image: url(../img/top/main4.jpg);
}
#mainVisual .bg05 {
	background-image: url(../img/top/main5.jpg);
}


#mainVisual .before_login_figure .caption {
    display: table-cell;
    vertical-align:bottom;
    text-align: center;
    color: #fff;
	padding-bottom: 80px;
}
#mainVisual .before_login_figure .caption .lead_ja {
    font-size: 36px;
    letter-spacing: 12px;
    padding-bottom: 10px;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
    font-weight: 600;
	text-shadow: 2px 2px 3px #000;
}
#mainVisual .before_login_figure .caption .lead_en {
    font-size: 24px;
    letter-spacing: 2px;
    font-family: "Times New Roman", serif !important;
	text-shadow: 2px 2px 3px #000;
}
#mainVisual .before_login_figure .caption .lead_en div {
    display: inline;
}
#mainVisual .before_login_figure .caption .lead_en .pink {
    color: #e15cdc;
}
#mainVisual .before_login_figure .caption .lead_en .word4 .char10,
#mainVisual .before_login_figure .caption .lead_en .word4 .char7,
#mainVisual .before_login_figure .caption .lead_en .word4 .char8,
#mainVisual .before_login_figure .caption .lead_en .word4 .char9 {
    color: #e15cdc;
}

#life {
background-color:#FAFAFA;
padding:80px 0 80px 0;
}
#life figure{
position: relative;
overflow: hidden;
width: 100%;
height: 250px;
}
#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: -31px;
 color: red;
 font-size: 9px;
 font-weight:bold;
}