@charset "utf-8";

@media only screen and (min-width:200px) and (max-width:1199px)  {
    body {-webkit-overflow-scrolling: touch;letter-spacing:-0.04em;}
    body.ofHidden {overflow:hidden;}
    .m_block,.mb_block, .t_block {display: block;}

    #skipnavi, #gnb_area, .gnb_bg{display: none;}
    #wrapper {display:block;position:relative;height:100%;width:100%;}
    .main_wrapper {overflow-x:hidden;}
    /*** header ***/
    .header_area {position:fixed;top:0;left:0;width: 100%;z-index:1000;}
    #header {position:fixed;left:0;top:0;width:100%;height:6.0rem;overflow:hidden;background: #fff;/*background:rgba(0, 13, 65, 0.9);*/transition: all .3s ease;z-index: 1000;}
    .header_area.pop #header {top:10rem;} 
    .header_box {position: relative;width:100%;padding:0 1%;height:6rem;text-align: center; ;}
    #header .logo {position:absolute;display:block;width:45%;height:6rem;text-indent: -9999em;line-height: 1; }
    #header .logo a {display: block;height:6.0rem;background:url(/img/common/logo.png) no-repeat 20% 50%; background-size:50% auto;  line-height: 1;}
    .btn_menu {position:absolute;right: 3%;top: 30%;z-index:11;}
    .btn_menu a {display:block;position:relative;width:2.5rem; height:2rem;}
    .btn_menu a:before,
    .btn_menu a:after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.2rem solid #000;}
    .btn_menu a:before {top:0;} 
    .btn_menu a:after {bottom:0;}
    .btn_menu .bar {display:block;position:absolute;left:0;top:50%; transform: translateY(-50%);width:100%;height:0.2rem;background:#000;text-indent:-9999em;transition: all .4s ease;}
	.fp-viewing-business #header.pop,
    .fp-viewing-community #header.pop,
    .fp-viewing-place #header.pop,
    .fp-viewing-mFooter #header.pop {top:0;}
	.btn_group {display:none;}
	
	/*nav*/
    .anchor_wrap {display: none !important;}

    /*gnb*/
    .menu_area {display:none;width: 100%;position: fixed;left:100%;top: 0;bottom:0;width: 100%;z-index: 1500;}
    .all_menu_bg {display: none;}
    .menu_box {position: relative;padding: 4rem 2rem;height: 100%;overflow: auto;background:#0c1848 url( ) no-repeat 100% 0; background-size: auto 100%;}
    .menu > li {display:block;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    .menu > li > a {display: block;padding:2.5rem 5% 2.5rem 0;font-size: 1.6rem;font-weight:600;line-height:1;color: #fff;font-weight:500;background: url(/img/common/family_arrow.png) no-repeat right 5% center;background-size: 1.1rem auto;}
    .menu > li.open > a {background: url(/img/common/family_arrow_off.png) no-repeat right 5% center;background-size: 1.1rem auto;}
    .menu .depth2 {position: relative;display: none;margin-bottom: 2.5rem;}
    .menu .depth2::before {content: '';display: block;position: absolute;left: 0.5rem;top: 0;bottom: 0;border-left: 0.1rem solid #c7c7c8;;}
    .menu .depth2 li {padding-left: 1.5rem;margin-top: 1rem;}
    .menu .depth2 li:first-child {margin-top: 0;}
    .menu .depth2 a {font-size: 1.4rem;color: #c7c7c8;}

    .menu_box .go_box {margin-bottom: 2rem;}
	.menu_box .go_login {display: none}
    /*.menu_box .go_login {position: relative;padding-right: 35%;}
    .menu_box .go_login::before {content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 0.1rem;;background: #848387;}
    .menu_box .go_login a {position: relative;display:block;padding: 1rem 0 1rem 1rem;color: #fff;font-size: 1.3rem;font-weight:600;background: #333333;}*/
    .menu_box .i_lock {margin-right:1rem;height: 1.6rem;vertical-align: middle;}
    .menu_box .i_lock img {height:100%;}
    .menu_close {position: absolute;right: 2rem;top: 2rem;width: 3.8rem;height: 3.8rem;text-align: center;background: #257b8e; border-radius: 1.9rem;}
    .menu_close span {display:inline-block;position:relative;margin-top: 20%;width: 2.2rem; height: 2.2rem;color:#257b8e;font-size: 0.1rem;}
    .menu_close span::before,
    .menu_close span::after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
    .menu_close span::before {top:10%;transform: rotate(-45deg);}
    .menu_close span::after {top:10%;transform: rotate(45deg);}

    /*footer*/
    .footer_area {background: #2b2e3d;padding: 0px;margin: 0;font-size: 0px;}
    #footer {position: relative;width: 100%; padding: 0px;/*padding:1rem 3%;*/}
    .foot_logo {display: none;}
    .foot_logo img {display:block;}
    .foot_left {text-align: center;font-size: 1.1rem;color: #828389;margin-top: 0px;margin-left: 0%;}
    .foot_link {margin-bottom: 2rem;margin-left: 0%;}
    .foot_link::after {content:'';display: table;clear:both;}
    .foot_link li {float: left;display:block;width: 50%; text-align: center;font-size: 1.2rem; padding: 7px; color: #b3b3b7;font-weight: 400; border-bottom: 0.1rem solid #828389 ;/*background:#828389*/}
	.foot_link li:nth-child(2),.foot_link li:nth-child(4) {  border-left: 0.1rem solid #828389 ; }
	.site_copy { font-size: 1rem;margin-bottom: 1rem;}
    .site_copy > span { /*margin-left: 1.5rem;*/ }
	.block2 {display:block;}
    /*.site_copy > span:first-child {margin-left: 0;display: block;}
    .site_copy > span:nth-child(2)  {margin-left: 0;}*/
    .site_copy .copy {margin-top: 0.5rem;text-align: center;font-size: 0.5rem; letter-spacing: 0; display:block;width: 100% }
    
/*     .foot_banner {position:relative;   width:15rem; height:5.2rem;  padding:1rem 1rem  1rem 5rem; margin:1.5rem auto;  background: #21232e url(../images/main/btn_footer.png) 1rem 0.9rem no-repeat; border-radius: 1.5rem; text-align:left}
    .foot_banner p{color:#b3b3b7;}
    .foot_banner a{display:block;}
    .foot_banner a:hover{color:#8da8e0}
    
    .foot_right {display:none;float: right;width: 18rem;color: #fff;}
    .familysite {display:block; position:relative; background:#2b2e3d;font-size: 1.1rem;overflow:visible;}
    .footBtn {float:left; position:relative; width:100%; overflow:visible;}
    .footBtn button {display:block;width:100%; height:3.6rem;padding:0 1rem; margin:0;border:0.1rem solid #adaeb4;border-radius: 1.5rem;text-align: left;color: #fff;background: #2b2e3d;}
    .footBtn .arrow {position:absolute; top:0; right:1rem; width:0.9rem; height:100%;-webkit-transition: all 0.2s; transition: all 0.2s;}
    .footBtn.open .arrow {-webkit-transform: rotate(30deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);}
    .footBtn ul {display:none; position:absolute; bottom:3.6rem; left:0; z-index:10; width:100%; background:#fff; border-left:0.1rem solid #2b2e3d;border-right:0.1rem solid #2b2e3d; border-top:0.1rem solid #2b2e3d;border-bottom: 0.1rem solid #353535;}
    .footBtn a {display:block; padding:0.8rem 1rem; color:#fff; background:#2b2e3d; font-size:1.1rem;}
    .footBtn a:hover, .footBtn a:focus, .footBtn a:active {color:#fff; background:#ccc;}*/

    /***** main *****/
   /* .main_tit {margin-bottom: 2rem;padding-top: 3.5rem;text-align: center;line-height: 1.1;font-size: 2.3rem;color: #fff;}*/
    .section {position: relative;} 
        
    .layerpop {display:none !important;}  
      
 
 
    /*section0*/ 
    .main_visual {/*width: 100vw;*/height: 100%; width: 100%;overflow-x:hidden;}
    .btn_scroll {display: none;}
    /*visual*/
    .main_visual .bx-wrapper {position: relative;padding: 0;*zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;width: 100%;height: 100%;}
    .main_visual .bxslider {margin: 0;padding: 0;}
    .main_visual .bx-viewport {width: 100%;height: 100%;-webkit-transform: translatez(0);}
    .main_visual .slider_img {width: 100%;height: 100vh;}
    .main_visual .slider_img.bg01 {background:url(/img/main/main_slider01.png) no-repeat 100% 50%;background-size: 100% 100%;} 
/*    .main_visual .slider_img.bg02 {background:url(/img/main/main_slider02_m.png) no-repeat 100% 50%;background-size: 100% 100%;}
    .main_visual .slider_img.bg03 {background:url(/img/main/main_slider03_m.png) no-repeat 100% 50%;background-size: 100% 100%;}*/
    .main_visual .slider_img > img {display: none;width: 100%;line-height: 1;font-size:1%;}
    .main_visual .img_sea {display:none;} 
    .main_visual .bx-wrapper .bx-controls {position: absolute;left:5%;bottom:10%;width:100%;}
    .main_visual .bx-wrapper .bx-controls-auto {display: inline-block;position:relative;vertical-align: middle;margin-right: 0.5rem;}
    .main_visual .bx-wrapper .bx-pager {display:inline-block;position:relative;vertical-align: middle;line-height: 1;z-index: 51;}
    .main_visual .bx-wrapper .bx-pager-item {position: relative;display: inline-block;line-height: 1;margin: 0 0.5rem;text-align: center;vertical-align: middle;}
    .main_visual .bx-wrapper .bx-pager-link {display: block; width: 0.8rem;height: 0.8rem;line-height: 1;font-size: 0;background:#21b8ce;border-radius:50%;}
    .main_visual .bx-wrapper .bx-pager-link.active {/*width: 1.4rem;height: 1.4rem;background:#dbdde4;*/display:none}
    .main_visual .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 1rem;height: 1.4rem;outline: 0;background: url(../images/main/slider_play.png) no-repeat 50% 50%;}
    .main_visual .bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 0.8rem;height: 1.4rem;outline: 0;background: url(../images/main/slider_stop.png) no-repeat 50% 50%;}
    .main_visual .slider_txt {position: absolute;left:0;top:25%;text-align:center;width:100%;-ms-transform: translate(0,-60%); -moz-transform:translate(0,-60%); -webkit-transform: translate(0,-60%); transform: translate(0,-60%);color: #fff;z-index:1000;}
    .main_visual .slider_txt h2 .bold {font-weight:400;}
    .main_visual .slider_txt h2,
    .main_visual .slider_txt p {display:block; opacity:0;filter:Alpha(opacity=0);
    -moz-transform:translateY(10%);
    -ms-transform:translateY(10%);
    transform:translateY(10%);
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;}
    .main_visual .slider_txt a {display:inline-block; opacity:0;filter:Alpha(opacity=0);
    -moz-transform:translateY(10%);
    -ms-transform:translateY(10%);
    transform:translateY(10%);
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;}
    .main_visual .active-slide .slider_txt h2,
    .main_visual .active-slide .slider_txt p {opacity:1.0;
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);}
    .main_visual .active-slide .slider_txt a {opacity:1.0;
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);}
    .main_visual .active-slide .slider_img {-webkit-animation: mainZoom 6s linear;-moz-animation: mainZoom 6s linear;-o-animation: mainZoom 6s linear;-ms-animation: mainZoom 6s linear;animation: mainZoom 6s linear;}
    .main_visual .slider_txt h2 {font-size: 2rem;font-weight: 300;line-height: 1.2; text-shadow:  0px 2px 2px rgba(0,0,0,0.1);}
 /*   .main_visual .slider_txt .block {display: block;font-size: 2.1rem;}*/
    .main_visual .slider_txt p {margin-top: 1rem;font-size: 1.7rem;font-weight: 300;transition-delay:0.2s; text-shadow:  0px 2px 2px rgba(0,0,0,0.1);}
   /* .main_visual .slider_txt a {margin-top: 2.5rem;display: inline-block;width: 10rem;height: 3.5rem;line-height: 3.5rem;font-size: 1.4rem;text-align: center;color: #fff;border: 0.1rem solid #848da7;}*/
 
/*	.img_sky {display:none;}*/
	
	/*.main_visual .slider_txt p span.bold{font-weight:700;border-bottom:solid 0.2rem #fff;}*/

    /*section1*/
    #section1 {min-height:100vh;}
   /* #section1 .bg_img {display: none;}*/
 
 

/*section2*/
    #section2 {min-height:100vh;padding:50px 5% 0;background: url(/img/main/bg_section01.png) no-repeat;background-size: 80%; background-size: 100%;/*background-size: cover;*/ }
    .main_community {position: relative;width: 100%;background:none;}
    .main_community .main_tit { margin-top:3rem;position: relative; text-align: left; color:#000; font-size: 36px;line-height: 46px; font-weight: 700;}
	.main_community p span.main_tit2 { margin-top:1rem;position: relative; text-align: left; color:#000; font-size:16px;font-weight: 300; ;line-height: 21px; letter-spacing: -1px}	
    .main_community_box {position: relative;padding-bottom: 2rem; width: 100%;}
		
	.direct_box {position: relative;float:left;   display: inline-block;width:30%; min-height:252px; /* height:550px;*/ margin: 30px 1%; }
	/*.direct_box:last-child {  margin: 10px 10px }*/
    .direct_box a:hover .direct_box_bg1   {transform: scale(0.95); }
	.direct_box a:hover .direct_box_bg2   {transform: scale(0.95); }
	.direct_box a:hover .direct_box_bg3   {transform: scale(0.95); }
    .direct_box .direct_box_bg1{background:url(/img/main/img_01.png) no-repeat 50% 50%; position:absolute; top:0;   transform: scale(1);   transition: all 1s ; width:100%; height: 252px/* height:550px;*/}
    .direct_box .direct_box_bg2{background:url(/img/main/img_02.png) no-repeat 50% 50%; position:absolute; top:0;   transform: scale(1);   transition: all 1s ; width:100%; height: 252px  /*height:550px;*/}
    .direct_box .direct_box_bg3{background:url(/img/main/img_03.png) no-repeat 50% 50%; position:absolute; top:0;   transform: scale(1);   transition: all 1s ; width:100%; height:252px  /*height:550px;*/}
	
    .direct_box p.direct_tit {margin-top: 5rem;margin-borttom: 4rem;font-size: 3rem;line-height: 1.1;font-weight: 500;    color:#fff;text-align: center;padding-bottom:25px; word-break: keep-all;   }
	 
 	.direct_box p.txt{ position: relative;  font-weight:300;  color:#c7c9ca; text-align: center; font-size: 1.6rem; padding-top: 25px; letter-spacing: -1px;word-break: keep-all; }
	.direct_box p.txt:before {content:''; display: block; position: absolute; overflow: hidden; left: 50%; transform: translateX(-50%);top:0px;  width:63px;height: 2px;background-color:rgba(255,255,255,0.7);} 
    

    /*** sub ***/
	#container {width: 100%;min-height: 100%;overflow-x:hidden;}
    .sub_visual {position: relative;width:auto;height:11.0rem;padding-top: 6.5rem;box-sizing: content-box;letter-spacing: -0.03rem;color: #fff;font-weight: 100;}
    .sub_visual .v_zoom {position:absolute;left:0;top:0;bottom:0;width:100%;background-size:120% 120%;background-repeat: no-repeat;background-position: 50% 0;transition: background 0.8s ease;}
    .sub_visual .v_zoom.on {background-size:100% 100%;}
    .sub_visual .subimg1 {background-image:url(/img/sub/sub_visual01_m.png);}
	.sub_visual .subimg1_2 {background:url(/img/sub/sub_visual01_2_m.png)  }
	.sub_visual .subimg1_3 {background:url(/img/sub/sub_visual01_3_m.png) }
	.sub_visual .subimg1_4 {background:url(/img/sub/sub_visual01_4_m.png)  }
 
    .sub_visual .subimg2 {background-image:url(/img/sub/sub_visual02_m.png);}
	.sub_visual .subimg2_2 {background:url(/img/sub/sub_visual02_2_m.png)  ; }
    .sub_visual .subimg3 {background-image:url(/img/sub/sub_visual03_m.png);}
    .sub_visual .subimg4 {background-image:url(/img/sub/sub_visual04_m.png);}
    .sub_visual .subimg5 {background-image:url(/img/sub/sub_visual01_m.png);}
	
	.sub_visual .subimg6 {background-image:url(/img/sub/sub_visual06_m.png);}
	.sub_visual .subimg7 {background-image:url(/img/sub/sub_visual07_m.png);}
	.sub_visual .subimg8 {background-image:url(/img/sub/sub_visual08_m.png);}
	.sub_visual .subimg9 {background-image:url(/img/sub/sub_visual09_m.png);}
	.sub_visual .subimg10 {background-image:url(/img/sub/sub_visual10_m.png);}
	.sub_visual .subimg11 {background-image:url(/img/sub/sub_visual11_m.png);}
	.sub_visual .subimg12 {background-image:url(/img/sub/sub_visual12_m.png);}	
		.sub_visual .subimg13 {background-image:url(/img/sub/sub_visual13_m.png);}	
	
    .sub_visual .sub_visual_box {position: absolute;left:0;top:65%;width: 100%;line-height:1.3;font-size: 1.3rem;text-align: center; -ms-transform: translate(0,-50%); -moz-transform:translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
    .sub_visual strong {display: block;margin-bottom: 1rem;font-size: 1.8rem;font-weight: 600;letter-spacing:-0.02em;line-height: 1.2;vertical-align: middle;}
    .top_area {border-bottom: 0.1rem solid #606a74; /*background:#f3f3f3*//*background:url(/img/common/location_bg.png);*/ margin-top:-3.6rem;  }

    /*location */
    .location_area {position:relative;width:100%;z-index:12;padding-left:3.5rem;background:url(/img/common/location_bg.png);border-top: 0.1rem solid #606a74; }
    .location_area .i_home {display:block;position:absolute;left:0;top:0;width: 3.5rem;height: 3.5rem;line-height:3.5rem;text-align: center;color: #7f7f7f;font-size: 1.3rem;border-right: 0.1rem solid #606a74;background:url(/img/common/i_home.png) no-repeat 50% 50%;background-size:40% auto;}
    .location_area .fake_select {display:block;float: left; position:relative;width: 50%;/*background:#fff;*/ vertical-align:middle;}
    .location_area .fake_select * { margin:0; padding:0; font-size:1.2rem; cursor:pointer;}
    .location_area .fake_select .my_value { position:relative; top:0; left:0; z-index:12; width:100%; height: 3.5rem;line-height:3.5rem; padding:0 2.0rem 0 1.0rem; overflow:visible;color:#fff; text-align:left;font-size: 1.1rem;border:0; border-right: 0.1rem solid #606a74; background:url(/img/common/bg_arrow3.png) no-repeat 95% 50%  ;background-size:auto 20% ;}
    .location_area .fake_select .my_value.selected {font-weight:400;}
    .location_area .fake_select div.my_value {height: 3.5rem; text-indent:0.8rem;}
    .location_area .fake_select ul {overflow:hidden; position:absolute; top: 3.5rem; left:0; width:100%; border-top:0.1rem solid #dcdcdc; border-bottom:0.1rem solid #dcdcdc;background:#fff;}
    .location_area .fake_select ul.a_list {display:none}
    .location_area .fake_select.open ul.a_list {display:block}
    .location_area .fake_select li {overflow:hidden; position:relative; height:3.5rem; border-left:0.1rem solid #dcdcdc; border-right:0.1rem solid #dcdcdc; white-space:nowrap;}
    .location_area .fake_select li input.option {position:absolute; width:100%; height: 3.5rem; line-height: 3.5rem;}
    .location_area .fake_select li label {position:absolute; top:0; left:0; width:100%; height:1.8rem; background:#fff; color:#3d3d3d; line-height: 3.5rem; text-indent:0.8rem;}
    .location_area .fake_select li a {display:block; height:3.5rem; background:#fff; color:#3d3d3d; line-height: 3.5rem; text-indent:0.8rem;}
    .location_area .fake_select li.hover * { background:#dcdcdc; color:#3d3d3d}

    #content {position: relative;padding: 2rem 2rem 5rem;}
	#content.content_people {position: relative;padding: 2.5rem 0 0;}
	
	
	
	
}	
	
/* - 320 - */
@media only screen and (min-width:320px) and (max-width:359px) {
	 html{font-size:10px;}

}

/* - 360 - */
@media only screen and (min-width:360px) and (max-width:374px) {
	 html{font-size:11px;}
	

}


/* - 375 - */
@media only screen and (min-width:375px) and (max-width:413px) {
	html {font-size:12px;}
	/* sub */ 
	.menu_box .i_lock {margin-right:0.5rem;}	
 
} 

@media only screen and (min-width:414px) and (max-width:639px) {
	html {font-size:12px;}
	.main_visual .slider_txt h2 {font-size:1.8rem;}
	.main_visual .slider_txt .block {font-size:2.3rem;}
	.main_visual .slider_txt p {font-size:1.4rem;}
	.main_tab li a {font-size:1.2rem;}
 
	/* sub */ 
	.menu_box .i_lock {margin-right:0.5rem;}	
	.history_left {padding-top: 1.5rem;background-size: 60% auto;}
		
	.ing img{width: 90%;}
}
/* - 375 - */
@media only screen and (min-width:200px) and (max-width:767px) {
	.main_visual .slider_img.bg01 {background:url(/img/main/main_slider01_m.png) no-repeat 100% 50%;background-size: 100% 100%;}
   .direct_box {float: none;  width:100%;   display: block;  }
 	 
} 
/* - pad - */
@media all and (min-width:768px) and (max-width:1024px) {
	html{font-size:14px;}
	#header .logo {width:35%;}
	 
	.planet {display:none !important;}
	/* main */
	.main_tit {font-size:3rem;}
	.main_visual .slider_txt h2 {font-size:2.6rem;}
	.main_visual .slider_txt .block {font-size:2.6rem;}
	.main_visual .slider_txt p {font-size:1.5rem;}
	
 
	/* sub */ 
	/*.search_select {width: 18%;}*/
	.sub_visual {height:15rem;}
	.sub_visual .sub_visual_box {top:61%;}
	.sub_visual strong {font-size:2rem;}
	
	
}