/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
a,a:hover{text-decoration:none}
dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}
address,dl,ol,p,pre,ul{margin-bottom:1rem}
img,svg{vertical-align:middle}
body,caption{text-align:left}
button,hr,input{overflow:visible}
pre,textarea{overflow:auto}
article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section{display:block}
dd,h1,h2,h3,h4,h5,h6,label,legend{margin-bottom:.5rem}
address,legend{line-height:inherit}
progress,sub,sup{vertical-align:baseline}
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
@-ms-viewport{width:device-width}
body{margin:0;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}
[tabindex="-1"]:focus{outline:0!important}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}
abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}
address{font-style:normal}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-left:0}
blockquote,figure{margin:0 0 1rem}
dfn{font-style:italic}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
a{background-color:transparent;color:#000;opacity:1;-webkit-transition:all .25s linear;transition:all .25s linear}
a:hover{color:#0056b3;opacity:.8}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
pre{-ms-overflow-style:scrollbar}
img{border-style:none}
svg{overflow:hidden}
table{border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;caption-side:bottom}
th{text-align:inherit}
label{display:inline-block}
button{border-radius:0}
button:focus{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,[type=button]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=radio],input[type=checkbox]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{width:100%;max-width:100%;padding:0;font-size:1.5rem;color:inherit;white-space:normal}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:none}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}

/* common */
body,html{font-family:'Noto Sans JP',sans-serif}
.pc-inline,output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
.sp,[hidden]{display:none!important}
@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format("opentype")}
@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype")}
@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype")}
@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype")}

html{font-size:62.5%;-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1}
body{min-width:1200px;letter-spacing:.1em}
@media (max-width:768px){
	body{min-width:0;overflow-x:hidden}
	main{margin-top:60px}
	.pc,.pc-inline{display:none!important}
	.sp{display:block!important}
}
.sp-inline{display:none!important}
@media (max-width:768px){
	.sp-inline{display:inline-block!important}
}
.ss{display:none!important}
@media (max-width:320px){
	.ss{display:block!important}
}
li{list-style:none}
img,input{max-width:100%;height:auto;width:auto}
select{-webkit-appearance:pop-up-menu}
br{line-height:1}
.animation-box{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%);-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.animation-box.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

.header{width:100%;height:90px;position:fixed;top:0;left:0;background-color:rgba(255,255,255,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 40px;z-index:100}
.header .title img{width:204px}
@media (min-width:768px){
	/*.header nav{display:block!important}*/
}
@media (max-width:768px){
	.header{height:60px;padding-left:20px;padding-right:0}
	.header .title img{width:150px}
	.header nav{display:none;position:fixed;width:100%;left:0;top:60px;background-color:rgba(0,0,0,.8);height:calc(100vh - 60px);-webkit-transform:translateY(-20%);transform:translateY(-20%);-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;padding:60px 5%}
}
.header nav ul,.top .concept .contents{display:-webkit-box;display:-ms-flexbox}
.header nav ul{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}
.header nav ul li+li{margin-left:17px}
.header nav ul li a{font-size:15px;font-size:1.5rem;font-weight:400}
.header nav ul li a img{width:21px}
@media (max-width:768px){
	.header nav ul{display:block}
	.header nav ul li+li{margin-left:0}
	.header nav ul li a{color:#fff;display:block;padding:10px 0;border-bottom:1px solid #fff}
	.header nav ul li:nth-last-of-type(1) a{border-bottom:none}
	.header nav.open{-webkit-transform:translateY(0);transform:translateY(0)}
}
.header .btn{display:none}
@media (max-width:768px){
	.header .btn{display:block;width:60px;height:60px;padding:20px 15px;-webkit-transition:all .25s linear;transition:all .25s linear}
	.header .btn div{position:relative;width:100%;height:100%}
	.header .btn div span{background-color:#000;display:block;width:100%;height:1px;position:absolute;-webkit-transition:all .25s linear;transition:all .25s linear;left:0}
	.header .btn div span.top{top:0}
	.header .btn div span.middle{top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
	.header .btn div span.bottom{bottom:0}
	.header .btn.open{background-color:rgba(0,0,0,.8)}
	.header .btn.open div span{background-color:#fff}
	.header .btn.open div span.top{top:50%;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}
	.header .btn.open div span.middle{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0}
	.header .btn.open div span.bottom{bottom:50%;-webkit-transform:translateY(50%) rotate(45deg);transform:translateY(50%) rotate(45deg)}
	.top .mv .mv-cover{display:none!important}
}
.footer{background-color:#000;text-align:center;padding-top:50px;padding-bottom:35px}
.footer .footer-logo{margin-bottom:30px}
.footer .footer-logo a img{width:66px}
.footer small{color:#fff;font-family:Roboto,sans-serif}
/* /common */



/* top */
.top .mv{width:100%;height:56.25vw;position:relative}
.top .mv .movie,.top .mv .mv-cover{position:absolute;left:0;top:0;height:100%;width:100%}
.top .mv .mv-cover{z-index:3}
.top .mv .movie{z-index:2}
.top .mv .movie iframe{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.top .mv .swiper-container,.top .mv .swiper-wrapper{height:100%}
.top .mv .swiper-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit:cover"}
.top .swiper-slide a {display:block; width:100%; margin-bottom:0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.top .swiper-slide p {display:block; width:100%; margin-bottom:0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.top .swiper-slide a:after {content:""; display:block; width:100%; padding-top:56.25%; }
.top .swiper-slide p:after {content:""; display:block; width:100%; padding-top:56.25%; }
.top section h2{text-align:center;padding:120px 0;font-family:Roboto,sans-serif;font-size:65px;font-size:6.5rem;font-weight:300;line-height:1}
.top .ks a {display:block; width:100%; margin-bottom:0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.top .ks a:after {content:""; display:block; width:100%; padding-top:56.25%; }
.top .ks p {display:block; width:100%; margin-bottom:0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.top .ks p:after {content:""; display:block; width:100%; padding-top:56.25%; }
@media (max-width:768px){
	.top section h2{padding:60px 20px;font-size:32px;font-size:3.2rem;font-weight:300}
	.top .concept .contents{padding-left:5%;padding-right:5%}
}
.top .concept{padding-bottom:112px}
.top .concept .contents{width:100%;max-width:1020px;margin-left:auto;margin-right:auto;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.top .concept .contents section{width:calc(33.33333% - 40px);margin-right:60px}
@media (max-width:768px){
	.top .concept .contents section{margin-right:0;width:100%;margin-bottom:60px}
}
.top .concept .contents section:nth-of-type(3n){margin-right:0}
.top .concept .contents section:nth-of-type(1),.top .concept .contents section:nth-of-type(2),.top .concept .contents section:nth-of-type(3){margin-bottom:60px}
.top .concept .contents section .imgbox{width:50%;padding-top:50%;position:relative;background-color:#000;border-radius:100%;margin-left:auto;margin-right:auto;margin-bottom:30px}
@media (max-width:768px){
	.top .concept .contents section .imgbox{width:35%;padding-top:35%}
}
.top .concept .contents section .imgbox img{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear}
.top .concept .contents section .imgbox:hover img{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}
.top .concept .contents section .txtbox h3{text-align:center;font-size:20px;font-size:2rem;font-weight:400;margin-bottom:18px}
@media (max-width:768px){
	.top .concept .contents section .txtbox h3{font-size:18px;font-size:1.8rem;font-weight:400}
}
.top .concept .contents section .txtbox p{font-size:16px;font-size:1.6rem;font-weight:400;line-height:2; text-align:justify; text-justify:inter-ideograph; }
@media (max-width:768px){
	.top .concept .contents section .txtbox p{font-size:14px;font-size:1.4rem;font-weight:400}
}


.top .other-link .inner {width:100%;max-width:1020px;margin-left:auto;margin-right:auto;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.top .other-link .inner ul:first-child { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; column-gap: 50px; margin: 80px 0 20px 0;}

.top .other-link .inner:has(> .soukotube) {
	justify-content: center;
	margin-bottom: 40px;
}

.top .other-link .inner .soukotube {
	margin-top: 80px;
	max-width: 600px;
	width: 100%;
	aspect-ratio: 16 / 9;
}
@media (max-width:768px){
	.top .other-link .inner .soukotube {
		margin-top: 40px;
	}
}

.top .other-link .inner .soukotube iframe {
	width: 100%;
	height: 100%;
}

.top .other-link .inner ul.under2 { display: flex; width: 100%; justify-content: center; align-items: center; column-gap: 50px; margin: 20px 0 0 0; padding-left: unset;}
.top .other-link .inner ul.under2 li { max-width: 463px;}
/* .top .other-link .inner ul:last-child { display: flex; width: 100%; justify-content: center; align-items: center; column-gap: 50px; margin: 20px 0 80px 0;}
.top .other-link .inner ul:last-child li { max-width: 463px;} */

.top .other-link .inner ul li a { display: block; width: 100%; height: auto; padding: 40px 100px; border: 1px solid #000;}
.top .other-link .inner ul li a img { width: 100%; min-width: 135px;}
@media (max-width:768px){
	.top .other-link .inner { display: block; vertical-align: inherit; width: 100%;	padding: 0 5%; max-width: none; }
	.top .other-link .inner ul:first-child { grid-template-columns: 1fr; row-gap: 20px; padding: 0;}
	.top .other-link .inner ul:under2 { grid-template-columns: 1fr; row-gap: 20px; padding: 0;}
	.top .other-link .inner ul:under2 li { max-width: unset;}
	.top .other-link .inner ul li a { padding: 40px 20vw;}

}


.top .blog{background-color:#46505f;padding:100px 0}
.top .blog .inner{width:100%;max-width:1020px;margin-left:auto;margin-right:auto;display:table; }
@media (max-width:768px){
	.top .blog .inner{display:block;padding-left:5%;padding-right:5%}
}
.top .blog .inner h2{padding:0;margin-right:100px;margin-bottom:0;color:#fff}
.top .blog .inner h2 img{width:153px}
.top .blog .inner .contents{display:table-cell; vertical-align:top; width:50%; max-width:calc(100% - 253px); padding:0px 20px 0px 20px; }
.top .blog .inner .contents article{border-bottom:1px solid #fff}
.top .blog .inner .contents article a{width:100%;height:auto;/*display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;*/display:table; color:#fff;font-size:16px;font-size:1.6rem;font-weight:400}
@media (max-width:768px){
	.top .blog .inner h2{margin-right:0;padding-bottom:60px}
	.top .blog .inner .contents{display:block; vertical-align:inherit; width:100%; padding:0px 0px 0px 0px; max-width:none}
	.top .blog .inner .contents:first-child {padding:0px 0px 100px 0px; }
	.top .blog .inner .contents article a{height:auto;font-size:14px;font-size:1.4rem;font-weight:400;padding-top:10px;padding-bottom:10px}
}
.top .blog .inner .contents article a .date{display:table-cell; vertical-align:middle; width:110px; margin-right:25px; padding:10px 0px 10px 0px; }
.top .blog .inner .contents article a h3{display:table-cell; vertical-align:middle; margin-bottom:0;font-weight:400;padding-right:10px;padding:10px 10px 10px 0px; position:relative;/*-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(100% - 145px)*/}
.top .blog .inner .contents article a h3:after{content:">";display:block;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}







.top .topcafe {padding:110px 0px 110px 0px; background-color:#E3DFD8; }
.top .topcafe .contents{width:100%;max-width:1020px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.top .topcafe a {width:100%; padding:60px; background-color:#FFF; }
.top .topcafe dl {display:table; width:100%; }
.top .topcafe dl dd {display:table-cell; vertical-align:middle; width:45%; }
.top .topcafe dl dd p {padding:60px 0px 60px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.top .topcafe dl dd p img {display:block; margin:0px auto; }
.top .topcafe dl dt {display:table-cell; vertical-align:middle; padding:0px 0px 0px 46px; }
.top .topcafe dl dt h3 {font-size:21px; line-height:150%; letter-spacing:1px; font-weight:bold; text-align:justify; text-justify:inter-ideograph; }
.top .topcafe dl dt h4 {padding:20px 0px 20px 0px; font-size:16px; line-height:200%; letter-spacing:0px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
.top .topcafe dl dt h5 {display:block; width:276px; margin:0px auto; padding:14px; color:#FFF; font-size:18px; line-height:150%; letter-spacing:1px; font-weight:bold; text-align:center; background-color:#665336; 
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;}
@media (max-width:768px){
	.top .topcafe{padding:60px 5% 60px 5%}
	.top .topcafe a {padding:20px; }
	.top .topcafe dl {display:block; width:100%; }
	.top .topcafe dl dd {display:block; vertical-align:inherit; width:100%; }
	.top .topcafe dl dd p {padding:40px 0px 40px 0px; }
	.top .topcafe dl dd p img {width:80%; margin:0px auto; }
	.top .topcafe dl dt {display:block; vertical-align:inherit; padding:30px 0px 0px 0px; }
	.top .topcafe dl dt h3 {font-size:21px; line-height:150%; letter-spacing:1px; }
	.top .topcafe dl dt h4 {padding:16px 0px 16px 0px; font-size:16px; line-height:180%; letter-spacing:0px; }
	.top .topcafe dl dt h5 {width:90%; margin:0px auto; padding:14px; font-size:18px; line-height:150%; letter-spacing:1px; }
}

.top .gallery{background-color:#000;padding-bottom:60px}
@media (max-width:768px){
	.top .blog .inner .contents article a .date{margin-right:20px}
	.top .blog .inner .contents article a h3{max-width:calc(100% - 110px)}
	.top .gallery{padding-left:5%;padding-right:5%}
}
.top .gallery h2{color:#fff}
.top .gallery .contents{width:100%;max-width:1020px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.top .gallery .contents article{width:302px; float:left; margin-right:57px;margin-bottom:57px}
@media (max-width:768px){
	.top .gallery .contents article{width:calc(50% - 10px);margin-right:20px}
}
.top .gallery .contents article:nth-of-type(3n){margin-right:0}
@media (max-width:768px){
	.top .gallery .contents article:nth-of-type(3n){margin-right:20px}
	.top .gallery .contents article:nth-of-type(odd) {clear:both; }
	.top .gallery .contents article:nth-of-type(even){margin-right:0}
}
.top .gallery .contents article a .imgbox{margin-bottom:10px;width:100%;padding-top:66.67%;position:relative;overflow:hidden}
.top .gallery .contents article a .imgbox p {display:block; width:100%; padding:66.67% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; 
position:absolute;left:50%;top:50%;-webkit-transition:-webkit-transform 4s linear;transition:-webkit-transform 4s linear;transition:transform 4s linear;transition:transform 4s linear,-webkit-transform 4s linear;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
.top .gallery .contents article a:hover .imgbox p {-webkit-transform:translate(-50%,-50%) scale(1.6);transform:translate(-50%,-50%) scale(1.6)}
.top .gallery .contents article a h3{color:#FFF; font-size:16px;font-size:1.6rem;font-weight:400; text-align:center; }
.top .gallery .topgallerylink {clear:both; display:block; margin:0px auto; padding:20px 0px; color:#FFF; font-size:18px; text-align:center; }
.top .gallery .topgallerylink:hover {color:#FFA; }
@media (max-width:768px){
	.top .gallery .topgallerylink {width:100%; }
}



.top .about{background-color:#e3e8e8; }
.top .about h2{color: #ffffff;}
/* .top .about .about-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:110px} */
.top .about .about-top{width: 100%; max-width: 1020px; margin: 0 auto 110px;}
@media (max-width:768px){
	.top .gallery .contents article:nth-of-type(3n){margin-right:20px}
	.top .gallery .contents article:nth-of-type(even){margin-right:0}
	.top .gallery .contents article a h3{font-size:14px;font-size:1.4rem;font-weight:400}
	.top .about .about-top{display:block;padding-left:5%;padding-right:5%}
}
.top .about .about-top .txtbox{margin-right:150px}


.top .about .about-top .txtbox dl dd {
	width: unset;
}

.top .about .about-top .txtbox h3{font-size:18px;font-size:1.8rem;font-weight:400;margin-bottom:30px}
.top .about .about-top .txtbox .dltable dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media (max-width:768px){
	.top .about .about-top .txtbox{margin-right:0}
	.top .about .about-top .txtbox .dltable dl{display:block;padding-bottom:10px}
}
.top .about .about-top .txtbox .dltable dl dd,.top .about .about-top .txtbox .dltable dl dt{font-size:16px;font-size:1.6rem;font-weight:400}
.top .about .about-top .txtbox .dltable dl dt{width:4em;margin-right:26px}
@media (max-width:768px){
	.top .about .about-top .txtbox .dltable dl dt{font-weight:700;margin-bottom:5px;width:auto;margin-right:0}
}
.top .about .about-top .imgbox{width:275px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media (max-width:768px){
	.top .about .about-top .imgbox{width:150px;padding-top:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}
	.top .insta{padding-left:5%;padding-right:5%}
}



.top .about .about-top .imgbox img{max-width: 100%; height: auto; width:auto; position: unset; transition: unset; transform: unset;}
@media (max-width:768px){
	.top .about .about-top .imgbox img{width:150px;padding-top:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}
	.top .insta{padding-left:5%;padding-right:5%}
}



.top .about .about-bottom{width:100%;height:460px}
.top .about .about-bottom iframe{display:block;width:100%;height:100%}
.top .insta{padding-bottom:60px}
.top .insta ul{padding:0;width:100%;max-width:1020px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.top .insta ul li{width:calc(20% - 40px);margin-right:50px;margin-bottom:50px}
.top .insta ul li:nth-of-type(5n){margin-right:0}
@media (max-width:768px){
	.top .insta ul li:nth-of-type(5n){margin-right:20px}
	.top .insta ul li{width:calc(50% - 10px);margin-right:20px;margin-bottom:20px}
	.top .insta ul li:nth-of-type(even){margin-right:0}
}
.top .insta ul li a,.top .insta ul li a img{display:block}

div.instaw {display:block; width:1020px; height:428px; margin:0px auto; overflow:hidden; }
div.instawsp {display:none; }
@media (max-width:768px){
	div.instaw {display:none; }
	div.instawsp {display:block; width:90%; margin:0px auto; padding:250% 0px 0px 0px; overflow:hidden; }
	div.instawsp iframe {height:100% !important; position:absolute; left:0px; top:0px; }
}


.top .cont-main img {
	width: 100%;
}
@media (max-width:768px){
	.top .cont-main img {
	width: unset;
	}
}


.top .about.back {
	height: 1500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width:768px){
	.top .about.back {
		height: 1000px;
	}
}

.top .about h3 {
	font-size: 18px;
	color: #fff;
	margin: 0 0 30px 0;
}

.about-box{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	color: #fff;
	font-size: 16px;
}
@media (max-width:768px){
	.about-box{
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
}



.about-box ul{
	padding: 0;
}

.about-box ul li a{
	color: #fff;
}

.about-box dl{
	display: grid;
	grid-template-columns: 70px 1fr;
}
/* /top */



/* concept */
.concept_main {}
.concept_main h2{text-align:center;padding:160px 0 80px 0;font-family:Roboto,sans-serif;font-size:65px;font-size:6.5rem;font-weight:300;line-height:1}
@media (max-width:768px){
	.concept_main h2{padding:60px 20px 30px 20px;font-size:32px;font-size:3.2rem;font-weight:300}
	
}
.concept_main .concept{padding-bottom:112px}
.concept_main .contents{width:100%;max-width:1020px;margin-left:auto;margin-right:auto;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.concept_main .contents section{width:100%; padding:60px 0px 80px 0px; opacity:0;}
@media (max-width:768px){
	.concept_main .contents{padding-left:5%;padding-right:5%}
	.concept_main .contents section{margin-right:0;width:100%;margin-bottom:60px; padding:0px 0px 0px 0px;}
}

.concept_main .president { max-width: 1020px; width: 100%; margin: 0 auto; }
.concept_main .president .president-inner {  display: grid; grid-template-columns: 67.5% 25%; gap: 80px; align-items: center; }
.concept_main .president p { font-size: 1.6rem; line-height: 2;}
.concept_main .president .first { font-size: 2rem;}
.concept_main .president .first span { font-size: 1.6rem; margin-top: 20px; line-height: 2; display: block;}
.concept_main .president img { width: 100%; }
.concept_main .about .president { max-width: 960px; width: 100%; margin: 0 auto; margin-bottom: 60px;}
.concept_main .about .president .president-inner {  display: grid; grid-template-columns: 66% 25%; gap: 70px; align-items: center; }
.concept_main .about .president .president-inner .box h3 { font-size: 2.2rem; font-weight: normal; margin-bottom: 40px; }
.concept_main .about .president .president-inner .box p:nth-of-type(1) { font-size: 1.4rem; font-weight: normal; margin-bottom: 0; }
.concept_main .about .president .president-inner .box p:nth-of-type(2) { font-size: 1.4rem; font-weight: normal; margin-bottom: 0; }
.concept_main .about .president .president-inner .box p:nth-of-type(3) { font-size: 2.2rem; margin: 5px 0 20px;}
.concept_main.top .about .imgbox { padding: 0;}
.concept_main.top .about .imgbox img { padding-top: 0;}

@media (max-width:768px){
	.concept_main .president { padding-left: 5%; padding-right: 5%; }
	.concept_main .president .president-inner {  display: grid; grid-template-columns: 1fr; gap: 30px; align-items: center; margin-top: 45px; }
	.concept_main .about .president .president-inner {   margin-top: 0; display: grid; grid-template-columns: 1fr; gap: 30px; align-items: center; }
	.concept_main .btn_con { margin-bottom: 0; }


}




.concept_main .concept_box {display:table; }
.concept_main .imgbox{display:table-cell; vertical-align:middle; width:20%; padding:0px 0px 64px 0px; }
.concept_main .imgbox p {width:100%;padding-top:100%;position:relative;background-color:#000;border-radius:100%;margin-left:auto;margin-right:auto;margin-bottom:30px}
@media (max-width:768px){
	.concept_main .concept_box {display:block; }
	.concept_main .imgbox {display:block; vertical-align:inherit; width:35%; margin:0px auto;  padding-top:35%;}
}
.concept_main .imgbox img{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear}
.concept_main .imgbox:hover img{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}
.concept_main .imgbox h3{text-align:center;font-size:30px;font-size:3rem;font-weight:400;}
@media (max-width:768px){
	.concept_main .imgbox h3{font-size:18px;font-size:1.8rem;font-weight:400}
}
.concept_main .txtbox {display:table-cell; vertical-align:bottom; padding:0px 0px 64px 80px;}
.concept_main .txtbox p{font-size:16px;font-size:1.6rem;font-weight:400;line-height:2; text-align:justify; text-justify:inter-ideograph; }
.concept_main .about .txtbox {padding: 0;}
@media (max-width:768px){
	.concept_main .txtbox{display:block; vertical-align:inherit; padding:0px 0px 64px 0px;}
}


/* .concept_main.top .txtbox {padding:0px;} */
.concept_main.top .txtbox p{font-size:16px;font-size:1.6rem;font-weight:400;line-height:2; text-align:justify; text-justify:inter-ideograph; }
@media (max-width:768px){
	.concept_main.top .txtbox{display:block; vertical-align:inherit; padding:0px 0px 64px 0px;}
}


.concept_main .concept_img {width:100%; }
.concept_main .concept_img p {display:block; width:100%; padding:58.83% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.concept_main dl {display:table; width:100%; margin:28px auto 0px auto; }
.concept_main dl dd {display:table-cell; vertical-align:middle; width:234px; }
.concept_main dl dt {display:table-cell; vertical-align:middle; width:28px; }
.concept_main dl dd p {display:block; padding:100% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.concept_main dl.concept_line dd p {border:1px #CCC solid; }
@media (max-width:768px){
	.concept_main dl {display:block; width:100%; margin:28px auto 0px auto; }
	.concept_main dl dd {display:block; vertical-align:inherit; width:100%; }
	.concept_main dl dt {display:block; vertical-align:inherit; width:100%; height:20px; }
}
.concept_main .btn_con { text-align: center; font-size: 2.4rem; color: #fff; display: block;  margin: 30px auto; width: 400px; background-color: #000; border: 1px solid #000; }
.concept_main .btn_con:last-child { margin: 30px auto 120px; }
.concept_main .btn_con a { display: block; color: #fff; padding: 15px 20px; transition: .3s; text-decoration: none;}
.concept_main .btn_con a:hover { background-color: #fff !important; color: #000; opacity: 1;}
@media (max-width:768px){
	.concept_main .btn_con { font-size: 2rem;}
}

.video{position:relative; width:100%; margin-top:30px; padding-top:56.25%;}
.video iframe{position:absolute; top:0; right:0; width:100%; height:100%;}
/* /concept */



/* gallery */
.gallery_main {}
.gallery_main h2{text-align:center;padding:160px 0 80px 0;font-family:Roboto,sans-serif;font-size:65px;font-size:6.5rem;font-weight:300;line-height:1}
.gallery_main h2 span {display:block; padding:16px 0px 0px 0px; font-size:18px; line-height:140%; }
@media (max-width:768px){
	.gallery_main h2{padding:60px 20px 30px 20px;font-size:32px;font-size:3.2rem;font-weight:300}
	.gallery_main h2 span {padding:14px 0px 0px 0px; font-size:14px; line-height:140%; }
}
.gallery_main .contents{width:100%;max-width:1020px;margin-left:auto;margin-right:auto; padding:40px 0px 100px 0px; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.gallery_main .contents section{width:100%; padding:0px 0px 0px 0px; opacity:0;}
@media (max-width:768px){
	.gallery_main .contents{padding:40px 5% 40px 5%; }
	.gallery_main .contents section{margin-right:0;width:100%;margin-bottom:40px; padding:0px 0px 0px 0px;}
}




.gallery_list{padding-bottom:60px}
@media (max-width:768px){
	.gallery_list{padding-left:5%;padding-right:5%}
}
.gallery_list h2{color:#fff}
.gallery_list .contents{width:100%;max-width:1020px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.gallery_list article{width:302px; float:left; margin-right:57px;margin-bottom:57px}
@media (max-width:768px){
	.gallery_list article{width:calc(50% - 10px);margin-right:20px}
}
.gallery_list article:nth-of-type(3n){margin-right:0}
@media (max-width:768px){
	.gallery_list article:nth-of-type(3n){margin-right:20px}
	.gallery_list article:nth-of-type(odd) {clear:both; }
	.gallery_list article:nth-of-type(even){margin-right:0}
}
.gallery_list article a .imgbox{margin-bottom:10px;width:100%;padding-top:66.67%;position:relative;overflow:hidden}
.gallery_list article a .imgbox p {display:block; width:100%; padding:66.67% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; 
position:absolute;left:50%;top:50%;-webkit-transition:-webkit-transform 4s linear;transition:-webkit-transform 4s linear;transition:transform 4s linear;transition:transform 4s linear,-webkit-transform 4s linear;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
.gallery_list article a:hover .imgbox p {-webkit-transform:translate(-50%,-50%) scale(1.6);transform:translate(-50%,-50%) scale(1.6)}
.gallery_list article a h3{font-size:16px;font-size:1.6rem;font-weight:400; text-align:center; letter-spacing: .03em;}

.gallery_cap {}
.gallery_cap h3 {padding:40px 0px 10px 0px; font-size:21px; line-height:150%; letter-spacing:0px; font-weight:bold; text-align:left; }
.gallery_cap h4 {display:block; width:100%; padding:0px 0px 40px 0px; border-bottom:1px #CCC solid; }
.gallery_cap h4 span {display:block; width:400px; font-size:14px; line-height:160%; letter-spacing:0px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
@media (max-width:768px){
	.gallery_cap h4 span {width:100%; }
}
.gallery_pager {padding:30px 0px 30px 0px; }
.gallery_pager dl {display:table; margin:0px auto; }
.gallery_pager dl dt {display:table-cell; vertical-align:middle; width:21px; }
.gallery_pager dl dt a {display:block; width:21px;height:21px; cursor:pointer; position:relative; }
.gallery_pager dl dt a:before {content:""; display:block; width:100%; height:1px; background-color:#000; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.gallery_pager dl dt.gallery_prev a:after {content:""; display:block; width:15px; height:15px; transform: rotate(-45deg); border-top:1px #000 solid; border-left:1px #000 solid; position:absolute; top:0; bottom:0; left:3px; margin:auto; }
.gallery_pager dl dt.gallery_next a:after {content:""; display:block; width:15px; height:15px; transform: rotate(45deg); border-top:1px #000 solid; border-right:1px #000 solid; position:absolute; top:0; bottom:0; right:3px; margin:auto; }
.gallery_pager dl dd {display:table-cell; vertical-align:middle; width:255px; }
@media (max-width:768px){
	.gallery_pager dl dd {width:auto; padding:0px 40px 0px 40px; }
}
.gallery_pager dl dd.gallery_home a {display:block; width:28px; height:21px; margin:0px auto; position:relative; background-color:#000; border:1px #FFF solid; box-sizing:border-box; }
.gallery_pager dl dd.gallery_home a:before {content:""; display:block; width:100%; height:9px; margin:auto; border-top:2px #FFF solid; border-bottom:2px #FFF solid; position:absolute; top:0; bottom:0; left:0; right:0; }
.gallery_pager dl dd.gallery_home a:after {content:""; display:block; width:12px; height:100%; margin:auto; border-left:2px #FFF solid; border-right:2px #FFF solid; position:absolute; top:0; bottom:0; left:0; right:0; }

.owl-dots {display:table; margin:26px 0px 26px auto; }
.owl-dots-inner{display:table-cell; vertical-align:middle; }
.owl-dots-inner .owl-dot{display:inline-block; -webkit-appearance:none;background:transparent;border:none;padding:0}
.owl-dots-inner .owl-dot:hover{cursor:pointer}
.owl-dots-inner .owl-dot span{width:15px;height:1px;margin:12px 3px 8px 3px;background:#c6c6c6;display:block;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease;border-radius:0;-webkit-backface-visibility:visible}
.owl-dots-inner .owl-dot.active span,.owl-dots-inner .owl-dot:hover span{background:#000}

.owl-dots .owl-next,.owl-dots .owl-prev{width:21px;height:21px;display:table-cell; vertical-align:middle; cursor:pointer; position:relative; }
.owl-dots .owl-prev{margin-right:10px}
.owl-dots .owl-prev:before {content:""; display:block; width:100%; height:1px; background-color:#000; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.owl-dots .owl-prev:after {content:""; display:block; width:15px; height:15px; transform: rotate(-45deg); border-top:1px #000 solid; border-left:1px #000 solid; position:absolute; top:0; bottom:0; left:3px; margin:auto; }
.owl-dots .owl-prev:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px);}
.owl-dots .owl-next{margin-left:10px}
.owl-dots .owl-next:before {content:""; display:block; width:100%; height:1px; background-color:#000; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.owl-dots .owl-next:after {content:""; display:block; width:15px; height:15px; transform: rotate(45deg); border-top:1px #000 solid; border-right:1px #000 solid; position:absolute; top:0; bottom:0; right:3px; margin:auto; }
.owl-dots .owl-next:hover{-webkit-transform:translateX(4px);transform:translateX(4px);}
.owl-carousel{height:560px;}
.owl-stage-outer {height:560px;}
.owl-carousel img{/*cursor:grab; */cursor:default; height:560px;width:auto!important;}
@media (max-width:768px){
	.owl-carousel{height:calc( (100vw - 100px) * .66);}
	.owl-stage-outer {height:calc( (100vw - 100px) * .66);}
	.owl-carousel img{height:calc( (100vw - 100px) * .66); }
}
/* /gallery */



/* contact */
.contact_main {}
.contact_main h2{text-align:center;padding:160px 0 80px 0;font-family:Roboto,sans-serif;font-size:65px;font-size:6.5rem;font-weight:300;line-height:1}
.contact_main h2 span {display:block; padding:16px 0px 0px 0px; font-size:18px; line-height:140%; }
@media (max-width:768px){
	.contact_main h2{padding:60px 20px 30px 20px;font-size:32px;font-size:3.2rem;font-weight:300}
	.contact_main h2 span {padding:14px 0px 0px 0px; font-size:14px; line-height:140%; }
}
.contact_main .contents{width:100%;max-width:700px;margin-left:auto;margin-right:auto; padding:72px 0px 72px 0px; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.contact_main .contents section{width:100%; padding:40px 0px 40px 0px; opacity:0;}
@media (max-width:768px){
	.contact_main .contents{padding:60px 5% 60px 5%; }
	.contact_main .contents section{margin-right:0;width:100%;margin-bottom:60px; padding:0px 0px 0px 0px;}
}
.contact_main .contact_image {display:block; width:100%; max-width:1020px; margin:0px auto; }
.contact_main .contact_image p {padding:29.43% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
@media (max-width:768px){
	.contact_main .contact_image p {padding:40% 0px 0px 0px; }
}
.contact_main h3 {padding:0px 0px 40px 0px; font-size:16px; line-height:175%; letter-spacing:0px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
.contact_main h4 {padding:0px 0px 25px 0px; font-size:20px; line-height:150%; letter-spacing:0px; font-weight:bold; }
.contact_main h5 {padding:0px 0px 16px 0px; font-size:16px; line-height:140%; letter-spacing:0px; font-weight:normal; border-bottom:1px #CCC solid; }
.contact_main h5 strong {padding:0px 0px 0px 34px; font-size:31px; line-height:140%; letter-spacing:0px; font-weight:normal; }
.contact_main h5 span {font-size:14px; line-height:140%; letter-spacing:0px; font-weight:normal; }
@media (max-width:768px){
	.contact_main h3 {padding:0px 0px 40px 0px; line-height:160%;}
	.contact_main h4 {padding:0px 0px 25px 0px; font-size:20px; line-height:150%;}
	.contact_main h5 {padding:0px 0px 16px 0px; font-size:16px; line-height:140%;}
	.contact_main h5 strong {display:block; padding:0px 0px 0px 0px; font-size:31px; line-height:140%;}
	.contact_main h5 span {display:block; font-size:14px; line-height:140%;}
}
table.contact1 {width:100%; border-collapse:collapse; }
table.contact1 tr {border-bottom:1px #CCC solid; }
table.contact1 tr th {vertical-align:top; width:250px; padding:14px; font-size:16px; line-height:140%; font-weight:normal; }
table.contact1 tr td {vertical-align:top; padding:14px; font-size:16px; line-height:140%; }
table.contact1 tr td p {display:inline-block; margin:0px 0px 0px 0px; padding:0px 15px 0px 0px; }
table.contact1 tr td p label {margin:0px 0px 0px 0px; padding:0px 3px 0px 3px; }
table.contact1 tr td a:hover {text-decoration:underline; }
table.contact1 tr td.form_address {padding:0px 0px 0px 14px;}
table.contact1 tr td ul {display:block; width:100%; margin:0px; padding:0px; }
table.contact1 tr td ul li {display:table; width:100%; border-bottom:1px #CCC solid; }
table.contact1 tr td ul li:last-child {border-bottom:none;}
table.contact1 tr td ul li strong {display:table-cell; vertical-align:middle; width:87px; padding:14px 0px 14px 0px; font-weight:normal; }
table.contact1 tr td ul li span {display:table-cell; vertical-align:middle; padding:14px 14px 14px 0px; }
table.contact1 input[type="text"] {width:100%; padding:4px; font-size:16px; background-color:#EEE; border:none; box-sizing:border-box; }
table.contact1 input.form_input_short {width:30%; }
table.contact1 textarea {width:100%; height:100px; padding:4px; font-size:16px; background-color:#EEE; border:none; box-sizing:border-box; }
.kome {display:inline-block; color:#F30; font-size:16px !important; }
a.form_btn {display:block; width:180px; margin:36px auto 36px auto; padding:16px 0px 16px 0px; color:#FFF; font-size:16px; line-height:120%; letter-spacing:0px; font-weight:normal; text-align:center; background-color:#000; -webkit-transition:inherit;  transition:inherit; }
a.form_btn:hover {opacity:0.75; }
@media (max-width:768px){
	table.contact1 tr th {width:25%; padding:10px 5px 10px 5px;}
	table.contact1 tr td {padding:10px 5px 10px 5px;}
	table.contact1 tr td a {display:block; }
	table.contact1 tr td.form_address {padding:0px 0px 0px 5px;}
	table.contact1 tr td ul li {display:block;}
	table.contact1 tr td ul li strong {display:block; vertical-align:inherit; width:100%; padding:10px 0px 0px 0px; }
	table.contact1 tr td ul li span {display:block; vertical-align:inherit; padding:10px 5px 10px 0px; }
	table.contact1 input.form_input_short {width:50%; }
	a.form_btn {width:75%; margin:30px auto 30px auto; padding:14px 0px 14px 0px;}
}
/* /contact */



/* cafe */
.cafe_main {}
.cafe_main h2{text-align:center;padding:160px 0 80px 0;font-family:Roboto,sans-serif;font-size:65px;font-size:6.5rem;font-weight:300;line-height:1}
@media (max-width:768px){
	.cafe_main h2{padding:60px 20px 30px 20px;font-size:32px;font-size:3.2rem;font-weight:300}
}
.cafe_main .contents{width:100%;max-width:800px;margin-left:auto;margin-right:auto; padding:48px 0px 72px 0px; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cafe_main .contents section{width:100%; padding:40px 0px 40px 0px; opacity:0;}
@media (max-width:768px){
	.cafe_main .contents{padding:60px 5% 60px 5%; }
	.cafe_main .contents section{margin-right:0;width:100%;margin-bottom:60px; padding:0px 0px 0px 0px;}
}
.cafe_main .cafe_image {display:block; width:100%; max-width:1020px; margin:0px auto; padding:68px 68px 68px 68px; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0;}
@media (max-width:768px){
	.cafe_main .cafe_image {padding:28px 20px 28px 20px; }
}
.cafe_main .cafe_image h3 {padding:36px 0px 36px 0px; color:#FFF; font-size:30px; line-height:150%; letter-spacing:1px; font-weight:bold; text-align:left; }
.cafe_main .cafe_image h4 {color:#FFF; font-size:16px; line-height:200%; letter-spacing:1px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
@media (max-width:768px){
	.cafe_main .cafe_image h3 {padding:32px 0px 32px 0px; font-size:8vw; line-height:150%; letter-spacing:1px; }
	.cafe_main .cafe_image h4 {font-size:16px; line-height:180%; letter-spacing:1px;  }
}

.cafe_cap {}
.cafe_cap ul {display:block; width:100%; margin:0px auto; padding:0px; }
.cafe_cap ul li {padding:14px 10px 14px 25px; font-size:16px; line-height:140%; letter-spacing:1px; font-weight:bold; text-align:justify; text-justify:inter-ideograph; border-bottom:1px #CCC solid; position:relative; }
.cafe_cap ul li:before {content:""; display:block; width:16px; height:12px; border-left:1px #000 solid; border-bottom:1px #000 solid; position:absolute; top:14px; left:0px; transform:rotate(-50deg); }
.cafe_cap ol {display:block; width:84%; margin:0px auto; padding:92px 0px 52px 0px; }
.cafe_cap ol li {padding:12px; color:#FFF; font-size:21px; line-height:120%; letter-spacing:0px; font-weight:bold; text-align:center; background-color:#665336; position:relative; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;}
.cafe_cap ol li:after {content:""; display:block; width:0px; height:0px; border-style:solid; border-width:12px 5px 0px 5px; border-color:#665336 transparent transparent transparent; position:absolute; bottom:-12px; left:50%; right:50%; }
.cafe_cap ol li:nth-child(odd) {width:520px; margin:0px auto 36px 0px; }
.cafe_cap ol li:nth-child(even) {width:550px; margin:0px 0px 36px auto; }
.cafe_cap h3 {text-align:center; }
.cafe_cap h3 strong {display:block; padding:0px 0px 24px 0px; font-size:30px; line-height:120%; letter-spacing:1px; font-weight:bold; }
.cafe_cap h3 span {display:block; font-size:16px; line-height:200%; letter-spacing:1px; font-weight:normal; }
@media (max-width:768px){
	.cafe_cap ol {width:100%; margin:0px auto; padding:70px 0px 40px 0px; }
	.cafe_cap ol li {padding:12px 18px; font-size:21px; line-height:140%; letter-spacing:0px; }
	.cafe_cap ol li:nth-child(odd) {width:92%; margin:0px auto 28px 0px; }
	.cafe_cap ol li:nth-child(even) {width:92%; margin:0px 0px 28px auto; }
	.cafe_cap h3 {text-align:justify; text-justify:inter-ideograph; }
	.cafe_cap h3 strong {padding:0px 0px 24px 0px; font-size:7vw; line-height:140%; letter-spacing:1px; }
	.cafe_cap h3 span {font-size:16px; line-height:180%; letter-spacing:1px; }	
}

.cafe_tel {}
.cafe_tel ul {display:table; width:100%; padding:0px; }
.cafe_tel ul li {display:table-cell; vertical-align:top; width:50%; }
.cafe_tel ul li:first-child {padding:0px 20px 0px 0px; }
.cafe_tel ul li:last-child {padding:0px 0px 0px 20px; }
.cafe_tel ul li h4 {display:block; width:100%; padding:8px; color:#FFF; font-size:18px; line-height:140%; letter-spacing:1px; font-weight:bold; text-align:center; background-color:#000; }
.cafe_tel ul li h5 {text-align:center; }
.cafe_tel ul li h5 strong {display:block; padding:22px 0px 16px 0px; font-size:28px; line-height:140%; letter-spacing:1px; font-weight:bold; }
.cafe_tel ul li h5 span {display:block; font-size:14px; line-height:160%; letter-spacing:1px; font-weight:normal; }
@media (max-width:768px){
	.cafe_tel {}
	.cafe_tel ul {display:block; width:100%; }
	.cafe_tel ul li {display:block; vertical-align:inherit; width:100%; }
	.cafe_tel ul li:first-child {padding:0px 0px 20px 0px; }
	.cafe_tel ul li:last-child {padding:0px 0px 0px 0px; }
	.cafe_tel ul li h4 {width:100%; padding:8px; font-size:18px; line-height:140%; letter-spacing:1px; }
	.cafe_tel ul li h5 strong {padding:18px 0px 14px 0px; font-size:22px; line-height:140%; letter-spacing:1px; }
	.cafe_tel ul li h5 span {font-size:14px; line-height:160%; letter-spacing:1px; }
}

.cafe_forms {display:block; padding:50px !important; border:1px #CCC solid; }
.cafe_forms .cafe_forms_title {padding:0px 0px 36px 0px; font-size:21px; line-height:120%; letter-spacing:1px; font-weight:bold; text-align:center; }
.cafe_forms h5 {font-size:16px; }
@media (max-width:768px){
	.cafe_forms {padding:20px !important; }
	.cafe_forms .cafe_forms_title {padding:20px 0px 26px 0px; font-size:21px; line-height:120%; letter-spacing:1px; }
}
/* /cafe */



/* kv */

.kv{
	/*background: url(/img/top/kv2.jpg) center no-repeat;*/
	/*background: url(/img/top/kv_201121.jpg) center no-repeat;*/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	height: 100vh;
	position: relative;
}

.kv a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.kv h2{
	font-size: 64px;
	line-height: 1em;
	letter-spacing: 0.1em;
	color: #fff;
	position: absolute;
	right: 3%;
	bottom: 3%;
}



@media (max-width:768px){

.kv{
	/*height: 70vh;*/
	height: 50vh;
}

.kv h2{
	font-size: 36px;
}

}


.add-wrap .add-txt {
	font-size: 18px;
	text-align: center;
	margin-bottom: 1rem;
}

.add-wrap .add-img img {
	width: 100%;
}
@media (max-width:768px){
	.add-wrap .add-img {
		margin-bottom: 4rem;
	}
	.add-wrap .add-txt {
		font-size: 16px;
		text-align: left;
	}
}