@charset "UTF-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
body{font-family:'Alata',"Hiragino Kaku Gothic Pro", HiraGothicProN-W3,"ヒラギノ角ゴ ProW3",メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Verdana, Arial, Helvetica, sans-serif; color:#050101}
*,*:before,*:after {box-sizing:inherit;}
img{vertical-align:bottom;}
a{color:#1C1C1C; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; outline:none;}
.link a{color:#0170d8; display:inline-block; padding-right:30px}
a:hover{text-decoration:none; opacity:.75;}
input[type=submit], button {padding:10px; text-align:center; font-size:16px; -webkit-appearance:none; border-radius:50px; background:#fff;border:none;line-height:1; outline:none}
/* bootstrap */
/* swiper */
.swiper-button-next,.swiper-button-prev{background-color:#1b3574; border-radius:50%; width:48px; height:48px; top:42%; z-index:9;}
.swiper-button-next:after, .swiper-button-prev:after{color:#fff; font-size:1.2rem; font-weight:bold;}
.swiper-pagination{position:static;}
.swiper-pagination-bullet{width:13px; height:13px; background:#1b3574;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:25px 14px;}
.swiper-slide img{width:100%}
@media (min-width:568px){}
@media (min-width:768px){}
@media (min-width:1024px){}
@media (min-width:1200px){}
@media (min-width:1400px){
	.container {max-width:1200px;}
}


/* header */
header{width:100%; position:fixed; z-index:10}
header.fixed{background-color:#fff; padding:5px 0; min-height:60px;}
header.fixed .logo{padding-top:0}
header .logo_f,header.fixed .logo_d{display:none}
header.fixed .logo_f{display:block; width:100%;}
header.fixed .headerIn nav{margin-top:0;}
header.fixed .headerIn nav li,header.fixed .headerIn nav li a{color:#000;}
.headerIn nav{display:none}
.headerIn nav li{font-size:1.2rem; margin:0 20px; letter-spacing:.1em; color:#fff;}
.headerIn nav li span{font-size:.75rem;}
.headerIn nav li a{color:#fff;}
.headerIn .logo{width:19vw; text-align:center; padding-top:10px}
.headerIn .logo img{width:100%; padding-left:1.5vw;}
header.fixed .headerIn .logo{width:39vw; margin:0 auto}
header.fixed .headerIn .logo_f{padding-left:0 ; padding-top:2vw;}
.sub-nav{display:none}
.sub-nav li{background-color:#193271; text-align:center; width:121px; height:121px;}
.sub-nav li img{width:50px;}
.sub-nav li span{display:block; color:#fff; letter-spacing:.1em; font-size:.85rem;}
.sphed-nav {position:absolute; right:0; top:0; z-index:11;}
.sphed-nav div{-webkit-transition:all .4s; cursor:pointer; display:block; height:60px; width:60px;  transition:all .4s; background-color:#082467; position:relative}
.sphed-nav div span{-webkit-box-sizing:border-box; -webkit-transition:all .4s; background-color:#fff; box-sizing:border-box; display:inline-block; height:2px; left:0; margin:auto; position:absolute; right:0; transition:all .4s; width:24px;}
.sphed-nav div span:nth-child(1) {top:13px;}
.sphed-nav div span:nth-child(2) {top:22px;}
.sphed-nav div span:nth-child(3) {top:31px;}
.sphed-nav div strong{color:#fff; font-size:.65em; text-align:center; display:block; position:absolute; left:0; bottom:6px; width:100%; line-height:1em;}
#openbtn.active span{width:50%;}
#openbtn.active span:nth-child(1){-webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg);}
#openbtn.active span:nth-child(2){opacity:0;}
#openbtn.active span:nth-child(3){-webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg);}
#sp-nav{
	background-color:#082469;
	position:absolute;
    width:100%;
    z-index:10;
	transform:translateX(100%);
    transition:transform .3s;
	top:0px;
	height:100vh;
	min-height:100%;
	padding:12vw 0 0 8vw;
	box-sizing:border-box;
}
#sp-nav.active{transform:translateX(0);}
#sp-nav ul{margin-bottom:5vw}
#sp-nav li{font-size:1.35rem; letter-spacing:.1em; color:#fff;}
#sp-nav li span{font-size:.85rem; margin-left:3vw;}
#sp-nav li a{color:#fff; display:block; padding:2vw 0;}
#sp-nav li ul{margin-left:3.5vw}
#sp-nav li ul li{font-size:1rem;}
#sp-nav li ul li a{padding:2vw 0;}
#sp-nav p{margin:2vw auto; letter-spacing:.1em}
#sp-nav p a{display:block; padding:8px;}
#sp-nav p img{width:10vw; margin-right:5px; display:inline-block; vertical-align:middle;}
#sp-nav p span{display:inline-block; vertical-align:middle;}
#sp-nav p a{color:#fff;}

@media (min-width:568px){}
@media (min-width:768px){
	header.fixed .headerIn .logo{width:18vw;}
	header.fixed .headerIn .logo_f{padding-top:0;}
	#sp-nav li{font-size:1.5rem;}
	#sp-nav p{margin:3vw auto;}
	#sp-nav p img{width:32px; margin-right:4px;}
}
@media (min-width:1024px){
	.headerIn .logo,header.fixed .headerIn .logo{width:210px; margin-left:0}
	.headerIn .logo img{padding-left:0; width:90%;}
	.headerIn nav {margin-top:-55px; margin-right:50px; display:block;}
	.headerIn nav li{text-align:center; position:relative}
	.headerIn nav li span{display:block;}
	.headerIn nav li .nav-btn{position:relative; display:block; cursor:pointer;}
	.headerIn nav li .dropdown{display:none; position:absolute; left:50%; top:100%; margin-left:-100px; padding-top:20px}
	.headerIn nav li .dropdown .dropdownIn{background:#193271; width:200px; padding:13px;}
	.headerIn nav li .dropdown .dropdownIn:before {content:"";position:absolute;top:0;left:50%;margin-left:-10px;border:10px solid transparent;border-bottom:10px solid #193271;}
	.headerIn nav li .dropdown li{font-size:1rem; margin:10px 0;}
	.headerIn nav li .dropdown.open{display:block;animation: show 1s linear 0s;}
	header.fixed .headerIn nav li .dropdown .dropdownIn{background:#fff; box-shadow:0px 0px 7px 1px rgba(0, 0, 0, 0.2);}
	header.fixed .headerIn nav li .dropdown .dropdownIn:before {border-bottom:10px solid #fff;}
	.sub-nav{position:absolute; top:0; right:0; display:block}
	#sp-nav,.sphed-nav{display:none}
}
@keyframes show{
    from{opacity: 0;}
    to{opacity: 1;}
	}
@media (min-width:1200px){
	.headerIn nav{margin-right:70px;}
}
@media (min-width:1400px){
	.headerIn nav{margin-right:0;}
}

/* footer */
footer{background-color:#193272; color:#fff;}
.footer_nav li{border-bottom:solid 1px #2f467f;}
.footer_nav li a{color:#fff;display:block;padding:3vw;}
.footer_top{padding:13px 0; position:relative}
.page-top{bottom:0; right:auto; left:50%; margin-left:-15px; position:absolute;}
.page-top a{width:51px; height:51px; display:block; border:solid 3px #fff; border-radius:50%; background-color:#193271; position:relative;}
.page-top a:hover{opacity:1;border-color:#193271; background-color:#fff;}
.page-top a:before{content:""; width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;display:inline-block;transform: rotate(-45deg); position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-2px;}
.page-top a:hover:before{border-color:#193271;}
footer .company{margin:3vw 0 5vw; text-align:center; line-height:1.8em;}
.footer_content div{ text-align:center;}
@media (min-width:568px){}
@media (min-width:768px){
	.footer_nav li{border-bottom:none;}
	.footer_nav li a{padding:3vw 10px 0;}
	.page-top{right:0; margin-left:auto; left:auto;}
	footer .company{text-align:left; margin-bottom:0}
	.footer_content div{width:50%;}
}
@media (min-width:1024px){
	.footer_nav li{margin:0 10px;}
	.footer_nav li a{padding:1px 3px;}
	.footer_content div{width:33.3%;}
	footer .company{margin:0; line-height:normal;}
}
@media (min-width:1200px){
	.footer_content div{width:auto;}
}
@media (min-width:1400px){}

/* common */
.wrap{overflow:hidden;}
.cont_wrap{max-width:1000px; margin-left:auto; margin-right:auto;}
.bg{position:relative; z-index:-1;}
.bg_img{position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; object-fit:cover; z-index:0;}
.heading_text{font-size:1.4rem; font-weight:bold; color:#082469; letter-spacing:.1em;}
.heading_text span{display:block; font-size:.8rem; font-weight:normal; margin-top:5px;}
.bubble{color:#fff; background-color:#193271; font-weight:bold; font-size:24px; position:relative; display:inline-block; margin:1.5em auto; padding:7px 10px; min-width:262px; max-width:100%; text-align:center;}
.bubble:before {content:""; position:absolute; top:100%; left:50%; margin-left:-15px; border:15px solid transparent; border-top:15px solid #193271;}
.btn{width:84%;margin:30px auto;font-size:23px;letter-spacing:.15em;display:block;}
.btn a{color:#fff; display:block; width:100%; background:url("../img/common/bg_b.jpg"); padding:12px 0;}
.btn a span{display:block; font-size:.5em;}
.indent,.indent-list li{padding-left:1em;text-indent:-1em;}

@media (min-width:568px){}
@media (min-width:768px){
	.heading_text{font-size:1.2rem; margin-bottom:25px;}
	.btn{width:360px;}
}
@media (min-width:1024px){}
@media (min-width:1200px){
	.heading_text{font-size:30px; letter-spacing:normal;}
}
@media (min-width:1400px){}

#main,#main .inner{height:65vw}
#main .inner{position:relative;z-index:0;background:url("../img/content/main_left.jpg") top left no-repeat;background-size:auto 100% ;}
#main .main-text{position:absolute;top:38%;left:8%;color:#fff;z-index:1;letter-spacing:.1em;}
#main .main-text h2{letter-spacing:normal}
.content1{padding-top:63px;padding-bottom:35px;}
.content1box p,.content2box p{line-height:1.68em;}
.content1box{overflow:hidden}
.content1box p+p{margin-top:20px}
.slider{position:relative; text-align:center;}
.bg-1{background:url("../img/content/bg_content1.png") 90% 90% no-repeat; background-size:60%;}
.content2box{padding-top:63px;padding-bottom:55px;}
.movie_content{background:url("../img/content/bg_content2.jpg") center center no-repeat;background-size:contain; position:relative; padding-bottom:10vw}
.movie{width:100%;height:70vw; margin:0 auto;}
.movie img{box-shadow:0px 7px 10px 0px rgba( 0, 0, 0, 0.35 ); width:100%; height:auto}
.sushiimg{position:absolute; left:0; bottom:5px; width:28%;}
.sushi1{left:15px;}
.sushi2{left:38%;}
.sushi3{right:15px; left:auto}
.point_content{margin:0 auto 45px; position:relative; padding:5vw; box-sizing:border-box; z-index:0; background: url("../img/common/bg_w.jpg") center center; width:94%;}
.point_content:last-child{margin-bottom:5px}
.point{position:absolute; left:-1px; top:-1px; width:22vw}
.point img{width:100%;}
.point_text{padding-top:8vw}
.point_text p{line-height:1.7em;}
.point_title{color:#193271; font-weight:bold; font-size:20px; margin-bottom:15px}
.point_title img{display:inline-block; vertical-align:middle; margin-right:10px; width:12vw}

@media (min-width:568px){}
@media (min-width:768px){
	.content1box{width:50%}
	.movie{height:40vw;}
	.sushiimg{bottom:35px; width:auto;}
	.point_content{padding:35px;}
	.point,.point img{width:auto}
	.point_text{padding-top:0; padding-left:2vw}
	.point_title img{width:auto}
}
@media (min-width:1024px){
	.content2box,.movie_content{width:50%}
	.bg-1{background-size:auto;}
	.movie{width:560px;height:420px;}
	.point_content{width:100%;}
	.point_text{padding-left:35px; padding-top:0;}
}
@media (min-width:1200px){
	#main,#main .inner{height:670px}
}
@media (min-width:1400px){
	.content1box{width:46%}
}


/*  */
#Experience{padding:55px 0}
.flow{padding:55px 20px 20px;
	background: url("../img/common/bg_w.jpg") center center;
	position:relative;
	margin:0 10px 18vw;
	box-sizing:border-box;
	width:94%;
}
.flow h3{
	background: url("../img/content/title_flow.png") center center no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:1.75rem;
	position:absolute;
	top:-40px;
	left:50%;
	width:190px;
	height:95px;
	padding:15px 0 0;
	margin-left:-90px;
}
.flow li{margin-bottom:15px; min-height:280px;}
.flow li div{margin:10px 0; font-size:1.2rem; color:#082469; font-weight:bold;}
.flow li div span{
	display:inline-block;
	vertical-align:middle;
	font-size:.6rem;
	background:url("../img/common/bg_b.jpg");
	color:#fff;
	text-align:center;
	width:12vw;
	height:12vw;
	padding-top:3px;
	letter-spacing:.2em;
	margin-right:10px;
}
.flow li div h4{display:inline-block; vertical-align:middle}
.flow li div span strong{display:block; font-size:1rem; line-height:1.1em;}
.flow li img{margin-bottom:10px; box-shadow:0px 2px 6px 0px rgba( 0, 0, 0, 0.35 ); width:100%;}
.flow li img.non-shadow{box-shadow:none;}
.flow li p{font-size:.8rem;}

.location-warp{}
.location-top{margin:5vw auto 0; background-color:#193271;width:94%;}
.location-topmap{display:none;}
.location-toptext{color:#fff; padding:7vw; width:100%; position:relative;}
.location-toptext h4{font-size:2.2rem; margin-bottom:15px; letter-spacing:.1em;}
.location-toptext p{line-height:1.8em;}
.location-toptext span img{position:absolute; right:-30px; bottom:50px;}
.location-shop{background-color:#fff; border:solid 3px #193271; border-radius:11px; padding:35px 0 20px; margin:30px auto 0; width:94%;}
.location-shop h4{text-align:center; font-size:1.65rem; margin-bottom:15px; letter-spacing:.1em; color:#193271}
.location-shop-photo{width:45%;margin:0 auto 3vw;}
.location-shop-photo img{width:100%;}
.location-shop-text{width:94%; margin:0 auto;}
.location-shop-text .shop{margin:30px 0 0; color:#193271; font-weight:bold; position:relative;}
.location-shop-text .shop .location-shop-map{width:200px;background:url("../img/common/bg_b.jpg");text-align:center; margin:10px auto;}
.location-shop-text .shop .location-shop-map a{color:#fff; padding-top:10px; padding-bottom:10px; display:block; width:100%;}
.location-shop-text .shop .location-shop-map span{display:block; font-size:.7rem; margin-top:3px}
.location-shop-text .shop .location-shop-map img{width:27px; height:auto}
.access_content{margin-bottom:10vw}
.access_content h4{color:#193271; font-size:30px; text-align:center; margin:20px 0;}
.access_content h4 img{width:42px;}
.access_img{width:90%; height:auto; margin:20px auto; display:block;}
.access_content .please{background-color:#f9f9f6; border:solid 2px #193271; padding:15px; width:94%; margin:0 auto;}
.access_content .please_title{text-align:center; font-weight:bold; letter-spacing:.1em;}
.access_content .please_title h5{font-size:1.3rem;}
.access_content .please_title img{width:10vw; margin:5px 0;}
.access_content .please_text{padding:15px 0 0; font-size:.9rem;}
@media (min-width:568px){}
@media (min-width:768px){
	.flow{width:46%; margin-bottom:7vw}
	.flow li div span{width:41px; height:41px;}
	.location-top{margin-top:30px;}
	.location-topmap{display:block; position:relative;}
	.location-topmap img{width:90%; position:absolute; top:-53px; left:-32px;}
	.location-toptext{padding:25px}
	.location-toptext p{width:75%;}
	.location-shop h4{font-size:2.2rem; margin-bottom:35px;}
	.location-shop-photo{width:38%; margin-left:2%;}
	.location-shop-text{width:58%; padding-left:2%}
	.access_content .please_title{width:30%;}
	.access_content .please_title img{width:6vw;}
	.access_content .please_text{width:70%; padding:5px 20px; font-size:1rem}
}
@media (min-width:1024px){
	.flow{width:25%; margin-bottom:0; padding-bottom:2px;}
	.flow:last-child{margin-bottom:0}
	.flow li div h4{font-size:1rem;}
	.location-top{background:url("../img/content/bg-location.png") left top no-repeat; background-size:100%; height:380px; margin-top:50px;}
	.location-topmap{width:42%;}
	.location-topmap img{width:auto;}
	.location-toptext{width:58%; padding:40px;}
	.location-shop{width:100%; padding-bottom:50px;}
	.location-shop-photo{position:relative; width:40%; margin-left:0;}
	.location-shop-photo img{position:absolute; top:-45px; left:35px; width:300px}
	.location-shop-text{width:60%;}
	.location-shop-text .shop{font-size:1.25rem; display:inline-block;}
	.location-shop-text .shop .location-shop-map{width:74px;height:74px; margin-right:30px; position:absolute; right:-130px; top:50%; margin-top:-37px}
	.location-shop-text .shop .location-shop-map a{padding-bottom:0;}
	.access_content{margin-bottom:40px}
	.access_img{width:100%;}
	.access_content .please_title{border-right:solid 2px #193271;}
	.access_content .please_title img{width:31px}
	.access_content .please_text{}
}
@media (min-width:1200px){
	.flow h3{font-size:2rem;}
	.flow li div{font-size:20px;}
	.flow li div span{width:62px; height:62px;padding-top:7px;font-size:.7rem;}
	.flow li div span strong{font-size:1.7rem;}
	.flow li div h4{font-size:1.15rem; width:150px;}
}
@media (min-width:1400px){}

/* languag */
body.ja{}
body.ja .access_content h4{font-size:1.2rem;}
body.ja .location-toptext h4{font-size:1.65rem;}
body.ja .location-shop h4{font-size:2rem;}

body.en{font-family:'Alata',"Helvetica Neue","Helvetica","Arial",sans-serif;}
body.en .content1box p+p {margin-top:15px;}
body.en .bubble{letter-spacing:.05em;}
body.en .flow h3{background: url(../img/content/title_flow.png) center 130% no-repeat;display:-ms-flexbox;display:-webkit-flex; display:flex;flex-direction: column;justify-content: center;align-items:center; height:110px; padding:0}
body.en .flow li div h4{font-size:1rem;}
body.en .location-shop{padding:35px 0 65px;}

body.zh_cn{font-family:'Alata',"PingFang SC","Hiragino Sans GB","Helvetica Neue","Microsoft YaHei","Helvetica","Arial",sans-serif;}

body.zh_tw{font-family:'Alata',"Hiragino Sans CNS","Helvetica Neue","Helvetica","Arial",sans-serif;}

@media (min-width:568px){}
@media (min-width:768px){
	body.ja .access_content h4{font-size:28px;}
	body.ja .location-toptext h4{font-size:2rem;}
	
	body.en .location-shop-text{padding-right:1em;}
}
@media (min-width:1024px){}
@media (min-width:1200px){
	body.zh_cn .location-shop-text{line-height:2rem;}
	body.zh_tw .location-shop-text{line-height:2rem;}
	
	body.en .flow h3{font-size:1.3rem; line-height:1em}
}
@media (min-width:1400px){}
