@charset "utf-8";


@media all and (min-width: 737px) {
/*////*/



body{
/*background:#000;*/
overflow:hidden;
}

._sp{
display:none;
}


/*Global************************************************************/
#wrapper{
margin:0 auto;
width:100%;
min-width:1024px;
position:relative;
}

#pop_wrapper{
margin:0 auto;
width:100%;
min-width:640px;
position:relative;
}

.container{
margin:0 auto;
width:88.88%;
min-width:960px;
position:relative;
}

#pop_container{
}
.pop_container{
}

#header_fixed{
width:100%;
position:fixed;
left:0;
top:0;
z-index:8888;
}


#header_container{
margin-top:30px;
height:40px;
position:relative;
}
#pop_header_container{
}

#header{
}
#pop_header{
}

#header h1,
#pop_header h1{
}

#header_logo{
padding-top:13px;
padding-left:20px;
}

#hnav{
}
#pop_hnav{
}
#hnav li, #pop_hnav li{
}
#hnav li a{
}


#footer_container{
}
#footer{
}
#pop_footer{
}

#fnav_container{
}
#fnav{
}
#fnav li{
display:inline;
}
#fnav li a:link, #fnav li a:visited{
}
#fnav li a:hover{
}

#call_container{
}
#call{
}
#dlogo{
}
#dlogo li{
display:inline;
}
#dlogo li:first-child{
padding-left:0;
}




#pop_btn{
-js-display:flex;
display:flex;
text-align:center;
justify-content:center;
align-items:center;
}
#pop_btn li{
margin:30px 15px;
position:relative;
border:#000 solid 1px;
}
#pop_btn li a{
display:block;
text-align:center;
padding:10px 0;
width:8em;
font-size:125%;
cursor:hand;
cursor:pointer;
}
#pop_btn li a:hover{
text-decoration:none;
color:#fff;
background-color:#000;
}

#cnt_bn_btn{
margin-top:30px;
}
#cnt_bn_btn li{
display:inline-block;
width:49%;
padding:2px;
background:#b2a100;
box-sizing:border-box;
}
#cnt_back_btn,
#cnt_next_btn{
}
#cnt_bn_btn li a{
display:block;
padding:15px 0;
width:100%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:175%;
font-weight:bold;
color:#fff;
text-align:center;
vertical-align:middle;
border:#fff solid 1px;
background:url(../img/cnt_btn_bg.gif) repeat center center;
box-sizing:border-box;
}
#cnt_bn_btn li a span{
font-size:80%;
}
#cnt_bn_btn li#cnt_back_btn a span{
padding-right:1em;
}
#cnt_bn_btn li#cnt_next_btn a span{
padding-left:1em;
}
#cnt_bn_btn li a:hover{
text-decoration:none;
color:#fff;
}

#cnt_form_btn{
margin:40px auto;
width:100%;
}
#cnt_form_btn li{
width:50%;
border:#c0c0c0 solid 1px;
box-sizing:border-box;
}

#cnt_form_btn li.request{
float:left;
background:#fff;
}
#cnt_form_btn li.reserve{
float:right;
background:#b9cbc5;
}
#cnt_form_btn li.request a,
#cnt_form_btn li.reserve a{
display:block;
padding:40px 0;
width:100%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:175%;
color:#000;
text-align:center;
}
#cnt_form_btn li.request a:hover,
#cnt_form_btn li.reserve a:hover{
text-decoration:none;
}
#cnt_form_btn li.request:hover,
#cnt_form_btn li.reserve:hover{
background:none;
}


#pop_form_btn{
margin:40px auto;
width:640px;
}
#pop_form_btn li{
width:48%;
}

#pop_form_btn li.request{
float:left;
background:#fff;
border:#c0c0c0 solid 1px;
}
#pop_form_btn li.reserve{
float:right;
background:#b9cbc5;
border:#c0c0c0 solid 1px;
}
#pop_form_btn li.request a,
#pop_form_btn li.reserve a{
display:block;
padding:60px 0;
width:310px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:175%;
color:#000;
text-align:center;
}
#pop_form_btn li.request a:hover,
#pop_form_btn li.reserve a:hover{
text-decoration:none;
}
#pop_form_btn li.request:hover,
#pop_form_btn li.reserve:hover{
background:none;
}




/*Global_navi*******************************************************/
#gnav_container{
}

#gnav{
-js-display:flex;
display:flex;
/*
text-align:center;
justify-content:center;
align-items:center;
height:100%;
*/
position:absolute;
right:0;
top:0;
}

#gnav li{
display:inline-block;
text-align:center;
vertical-align:center;
}

#gnav li a{
display:block;
padding:0 40px;
height:40px;
color:#aaabab;
font-size:115%;
background-color:none;
cursor:hand;
cursor:pointer;
}
#gnav li.nr a{
cursor:default;
}

#gnav li.crt a,
#gnav li a:hover{
color:#000;;
text-decoration:none;
background-color:rgba(165,192,207,0.5);
}

#gnav li a span{
-js-display:flex;
display:flex;
justify-content:center;
align-items:center;
height:100%;
line-height:normal;
}





/*Contents**********************************************************/

/*contents*/
#cnt_container{

}

.cnt_container{
margin:0 auto;
width:90%;
min-width:1024px;
background-color:rgba(255,255,255,0.9);
}


.pt{
}

.bt{
color:#398dad;
font-size:150%;
line-height:150%;
font-weight:bold;
}
.btxt{
color:#595757;
font-size:115%;
line-height:175%;
}
.ct{
color:#398dad;
font-size:125%;
line-height:150%;
font-weight:bold;
}
.ctxt{
color:#595757;
font-size:115%;
line-height:150%;
}

.dt{
color:#595757;
font-size:115%;
line-height:150%;
letter-spacing:0;
}
.dtxt{
color:#595757;
font-size:100%;
line-height:150%;
letter-spacing:0;
}





#copy_container{
padding-bottom:20px;
text-align:center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#copy{
}


.chu{
font-size:75%;
letter-spacing:0;
}
.w_chu{
color:#fff;
text-shadow:0px 0px 1px #000,
	0px 0px 2px #222,
	0px 0px 3px #444,
	0px 0px 4px #444,
	0px 0px 5px #444,
	0px 0px 6px #444,
	0px 0px 12px #444;
}
.b_chu{
color:#000;
text-shadow:0px 0px 1px #fff,
	0px 0px 2px #fff,
	0px 0px 3px #fff,
	0px 0px 4px #fff,
	0px 0px 5px #fff,
	0px 0px 6px #fff,
	0px 0px 12px #fff;
}





.cnt_box1{
margin:0 auto;
width:47.22222222222222%;
min-width:510px;
}








.mimg{
-ms-filter:"alpha( opacity=0 )";
filter:alpha( opacity=0 );
opacity:0;
}
.bgstretcher{
-ms-filter:"alpha( opacity=0 )";
filter:alpha( opacity=0 );
opacity:0;
}


.scroll_btn{
background:#000;
text-align:center;
}
.scroll_btn a{
display:block;
padding:15px 0;
width:100%;
text-align:center;
}

#pagetop_btn{
position:fixed;
right:0;
bottom:155px;
display:none;
}

.cnt_hr1{
margin:120px 0 40px 0;
text-align:center;
}



#cnt_chu{
position:absolute;
left:15px;
bottom:0;
}





.mc_anim1{
opacity:0;
margin-top:30px;
position:relative;
}
/*
.mc_anim1 figure{
opacity:0;
margin-top:30px;
position:relative;
}
*/
.mc_anim2{
opacity:0;
/*margin-top:-30px;*/
position:relative;
}




/*loading*/
#loading_container{
width:100vw;
height:100vh;
background:#f7f7f1;
/*background:#f7f7f1 url(../img/loading_bg.gif) repeat center top;*/
position:fixed;
left:0;
top:0;
z-index:8887;
}
#loading_container p#loading_logo{
position:absolute;
left:50%;
top:50%;
margin-left:-142px;
}
#loading_container p#loading_icon{
position:absolute;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
}
#loading_container p#loading_icon img{
width:32px;
height:32px;
}




#scroll_btn{
position:fixed;
left:50%;
bottom:15%;
margin-left:-23px;
margin-top:-23px;
z-index:2;
}
#scroll_btn img{
width:46px;
height:46px;
}




/*top*/
body#top{
width:100%;
height:100%;
overflow-y:hidden;
}

body#top #top_mimg{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:0;
}
body#top #wrapper{
z-index:1;
height:95%;
min-height:600px;
}
body#top #cnt_container{
background-color:inherit;
height:65%;
}
body#top #cnt_container .container{
height:100%;
}
#top_logo{
margin-left:50px;
margin-top:200px;
width:32.96296296296296%;
opacity:0;
}
#top_logo img{
width:100%;
}
#top_txt1{
width:34.53703703703704%;
position:absolute;
right:0;
bottom:15%;
}
#top_txt1 img{
width:100%;
}

body#top #cnt_container .chu{
position:absolute;
right:-0.5em;
bottom:15px;
}










/*concept*/
body#concept{
width:100%;
height:100%;
overflow-y:hidden;
}
body#concept #wrapper{
z-index:1;
height:95%;
min-height:600px;
}
body#concept #cnt_container{
padding:50px 0;
height:80%;
box-sizing:border-box;
}
body#concept #cnt_container .container{
height:100%;
}

body#concept #concept_mimg{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:0;
}

body#concept #cnt_container{
margin-top:30px;
}


#concept_logo{
margin:0 auto;
width:32.96296296296296%;
}
#concept_logo img{
width:100%;
}
#concept_bt1{
padding-top:50px;
text-align:center;
}
#concept_btxt1{
padding-top:30px;
text-align:center;
}
#concept_ct1{
padding-top:50px;
}


.concept_anim1{
opacity:0;
}

.concept_anim_container{
margin-top:20px;
-js-display:flex;
display:flex;
justify-content:center;
align-items:center;
}

.concept_anim_box{
display:inline-block;
width:29.41176470588235%;
}
.concept_anim_box img{
width:100%;
}
.concept_anim_ar{
margin-top:1em;
width:5.88235294117647%;
text-align:center;
color:#a5c0cf;
font-size:150%;
line-height:150%;
}
.concept_img1,
.concept_img2{
position:relative;
}
.concept_img1 .chu{
position:absolute;
right:5px;
bottom:5px;
}


#concept_img1{
padding-top:20px;
text-align:center;
}
#concept_img1 img{
width:100%;
}
#concept_ctxt1{
padding-top:20px;
}
#concept_ct2{
padding-top:25px;
}
#concept_img2{
padding-top:20px;
text-align:center;
}
#concept_img2 img{
width:92.54901960784314%;
}
#concept_ct3{
padding-top:25px;
}
#concept_bt2{
padding-top:100px;
text-align:center;
}
#concept_btxt2{
padding-top:30px;
text-align:center;
}
#concept_ct4{
padding-top:40px;
}
#concept_ctxt4{
padding-top:10px;
}
#concept_ctxt4 li{
display:inline-block;
padding:20px 0;
width:48%;
margin-left:4%;
text-align:center;
color:#fff;
background-color:#a5c0cf;
}
#concept_ctxt4 li:first-child{
margin-left:0;
}
#concept_ctxt4 li span{
display:block;
font-size:115%;
line-height:150%;
}
#concept_ctxt4 li span.exp{
font-size:200%;
line-height:200%;
}
#concept_ct_ar{
text-align:center;
color:#a5c0cf;
font-size:300%;
line-height:150%;
}
#concept_ct5{
}
#concept_ct5_t{
margin-top:10px;
padding:5px 0;
width:100%;
font-size:200%;
text-align:center;
color:#fff;
line-height:normal;
background-color:#398dad;
}
#concept_ctxt5{
padding-top:20px;
}

















/*howto*/
body#howto{
width:100%;
height:100%;
overflow-y:hidden;
}
body#howto #wrapper{
z-index:1;
height:95%;
min-height:600px;
}
body#howto #cnt_container{
padding:50px 0;
height:80%;
box-sizing:border-box;
}
body#howto #cnt_container .container{
height:100%;
}

body#howto #howto_mimg{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:0;
}

body#howto #cnt_container{
margin-top:30px;
}


#howto_bt1{
padding-top:50px;
text-align:center;
color:#000;
}
#howto_ct1,
#howto_ct2{
padding-top:40px;
}
#howto_img1,
#howto_img2{
float:left;
padding-top:20px;
width:42.54901960784314%;
}
#howto_img1 img,
#howto_img2 img{
width:100%;
}
#howto_ctxt1,
#howto_ctxt2{
float:right;
padding-top:15px;
width:50%;
}
#howto_ct3{
margin-top:45px;
}

.howto_anim_container{
margin-top:20px;
-js-display:flex;
display:flex;
justify-content:center;
align-items:center;
}

.howto_anim_box{
width:46.66666666666667%;
}
.howto_anim_box img{
width:100%;
cursor:hand;
cursor:pointer;
}
.howto_anim_ar{
margin-top:1em;
width:6%;
text-align:center;
color:#a5c0cf;
font-size:200%;
line-height:150%;
}

#howto_anim1,
#howto_anim2,
#howto_anim3,
#howto_anim4{
padding-top:5px;
position:relative;
}
#howto_anim1 img,
#howto_anim2 img,
#howto_anim3 img,
#howto_anim4 img{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}

#howto_ctxt3{
padding-top:20px;
}

#howto_list_container{
margin-top:45px;
-js-display:flex;
display:flex;
/*
justify-content:center;
align-items:center;
*/
}

.howto_list_box{
padding-left:4.11764705882353%;
width:30.58823529411765%;
}
.howto_list_box:first-child{
padding-left:0;
}
.howto_list_box img{
width:100%;
}

#howto_img3,
#howto_img4{
position:relative;
}
#howto_img3 .chu,
#howto_img4 .chu{
position:absolute;
right:5px;
bottom:5px;
}

#howto_ct4,
#howto_ct5,
#howto_ct6,
#howto_ct7{
margin-top:15px;
height:2em;
line-height:100%;
}
#howto_ct6{
margin-top:0;
}
#howto_ct4 span{
font-size:50%;
}
#howto_ctxt4,
#howto_ctxt5,
#howto_ctxt6,
#howto_ctxt7{
margin-top:5px;
}












/*story*/
body#cnt_story{
overflow:auto;
}

body#story{
width:100%;
height:100%;
overflow-y:hidden;
}
body#story #wrapper{
z-index:1;
height:95%;
min-height:600px;
}
body#story #cnt_container{
padding:50px 0;
height:80%;
box-sizing:border-box;
}
body#story #cnt_container .container{
height:100%;
}

body#story #story_mimg{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:0;
}

body#story #cnt_container{
margin-top:30px;
}

#story_pt{
padding-top:50px;
text-align:center;
}
#story_pt img{
width:27.03703703703704%;
}
#story_bt1{
padding-top:35px;
text-align:center;
color:#000;
}

#story_nav{
padding-top:40px;
-js-display:flex;
display:flex;
justify-content:center;
align-items:center;
}
#story_nav li{
margin-left:30px;
width:20%;
padding:12px;
text-align:center;
background:#398dad;
box-sizing:border-box;
}
#story_nav li:first-child{
margin-left:0;
}
#story_nav li a{
display:block;
color:#fff;
}
#story_nav li a:hover{
color:#fff;
text-decoration:none;
}
#story_nav li .story_nav_title{
}
#story_nav li .story_nav_title img{
width:50%;
}
#story_nav1_img,
#story_nav2_img,
#story_nav3_img{
margin-top:15px;
position:relative;
}
#story_nav1_img img,
#story_nav2_img img,
#story_nav3_img img{
width:100%;
position:relative;
z-index:1;
}
#story_nav1_img .img2,
#story_nav2_img .img2,
#story_nav3_img .img2{
position:absolute;
left:0;
top:0;
z-index:2;
}
#story_nav1_img .chu,
#story_nav2_img .chu,
#story_nav3_img .chu{
position:absolute;
right:5px;
bottom:5px;
z-index:3;
}

.story_nav_txt{
margin-top:10px;
font-size:125%;
line-height:150%;
}
.story_nav_btn{
margin-top:10px;
padding:5px;
font-size:125%;
line-height:150%;
background:#a5c0cf;
}















#story_cnt_nav{
margin:60px 0;
text-align:center;
/*
-js-display:flex;
display:flex;
text-align:center;
justify-content:center;
align-items:center;
*/
}
#story_cnt_nav li{
display:inline-block;
margin-left:10px;
width:5.55555555555556%;
}
#story_cnt_nav li:first-child{
margin-left:0;
}
#story_cnt_nav li a{
display:block;
width:100%;
position:relative;
}
#story_cnt_nav li a img{
width:100%;
}



/*story1*/
#story1_pt{
padding-top:50px;
text-align:center;
}
#story1_pt img{
width:27.03703703703704%;
}
#story1_bt1{
padding-top:35px;
text-align:center;
color:#000;
}
#story1_type{
margin-top:50px;
text-align:center;
}
#story1_type .type_b,
#story1_type .type_a{
margin:0 auto;
width:61.43518518518519%;
}
#story1_type .type_b .i1{
float:left;
width:52.58040388930441%;
}
#story1_type .type_a .i1{
float:left;
width:54.07629020194465%;
}
#story1_type .type_b .i2,
#story1_type .type_a .i2{
float:right;
width:42.03440538519073%;
}



#story1_type .ar{
padding:20px 0;
}
#story1_type .ar img{
width:3.7962962962963%;
}
#story1_img1{
padding-top:45px;
text-align:center;
}
#story1_img1 img{
width:47.22222222222222%;
}

#story1_bt2{
padding-top:30px;
text-align:center;
}
#story1_btxt2{
padding-top:40px;
text-align:center;
}




/*story2*/
#story2_pt{
padding-top:50px;
text-align:center;
}
#story2_pt img{
width:27.03703703703704%;
}
#story2_bt1{
padding-top:35px;
text-align:center;
color:#000;
}
#story2_type{
margin-top:50px;
text-align:center;
}
#story2_type .type_b,
#story2_type .type_a{
margin:0 auto;
width:65.0462962962963%;
}
#story2_type .type_b .i1{
float:left;
width:41.35231316725979%;
}
#story2_type .type_a .i1{
float:left;
width:42.77580071174377%;
}
#story2_type .type_b .i2,
#story2_type .type_a .i2{
float:right;
width:54.09252669039146%;
}

#story2_type .ar{
padding:20px 0;
}
#story2_type .ar img{
width:3.7962962962963%;
}
#story2_img1{
padding-top:45px;
text-align:center;
}
#story2_img1 img{
width:74.07407407407407%;
}
#story2_bt2{
padding-top:30px;
text-align:center;
}
#story2_btxt2{
padding-top:40px;
text-align:center;
}




/*story3*/
#story3_pt{
padding-top:50px;
text-align:center;
}
#story3_pt img{
width:27.03703703703704%;
}
#story3_bt1{
padding-top:35px;
text-align:center;
color:#000;
}
#story3_type{
margin-top:50px;
text-align:center;
}
#story3_type .type_b,
#story3_type .type_a{
margin:0 auto;
width:60.46296296296296%;
}
#story3_type .type_b .i1{
float:left;
width:57.2192513368984%;
}
#story3_type .type_a .i1{
float:left;
width:50.3062787136294%;
}
#story3_type .type_b .i2,
#story3_type .type_a .i2{
float:right;
width:37.21286370597243%;
}

#story3_type .ar{
padding:20px 0;
}
#story3_type .ar img{
width:3.7962962962963%;
}

#story3_img1{
padding-top:45px;
text-align:center;
}
#story3_img1 img{
width:47.22222222222222%;
}

#story3_bt2{
padding-top:30px;
text-align:center;
}
#story3_btxt2{
padding-top:40px;
text-align:center;
}

























/*////*/
}