@charset "UTF-8";
/* CSS Document */

/*reset.css*/
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
li{list-style-type: none;}
body {
line-height:1;
}
a{
text-decoration: none;
color: #000;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
:placeholder-shown {
color: #959595; }
nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

/*input, select {
vertical-align:middle;
}*/
*,
*::before,
*::after {
box-sizing: border-box;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}



/*common.css*/
body{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";color: #404040;overflow-x: hidden;}
.en{font-family: 'Poppins', sans-serif;letter-spacing: 0.1em;}
.yumin{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";letter-spacing: 0.05em;}
*:focus{outline: none;}
.cf {
zoom:1;/*for IE 5.5-7*/
}
.cf:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
img{width: 100%;height: auto; vertical-align: bottom;}
a{transition: all 0.3s;color: #404040;}
a:hover{opacity: 0.7;}
dt {font-weight: 100;}
dt, dd {line-height: inherit;}
h1, h2, h3, h4{font-weight: normal;}

.btn00 a:hover, .btn01 a:hover, .gnav a:hover{opacity: 1;}
.t_a_c{text-align: center;}
.f_c_w{color: #fff;}
.f_c_w a{color: #fff;}
.t_t{text-transform: uppercase;}
.tate{-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;}
.mgt20{margin: 20px 0 0 0;}
.mgt25{margin: 25px 0 0 0;}
.mgt30{margin: 30px 0 0 0;}
.mgt40{margin: 40px 0 0 0;}
.mgt50{margin: 50px 0 0 0;}

.invisible {visibility: hidden;}
.btn01{position: relative;width: 100%; max-width: 240px;height: 52px;white-space: nowrap;text-align: center;line-height: 50px;font-size: 14px;border: 1px solid #000;background: none;display: block;}
.btn01:hover{background: #000;color: #fff;opacity: 1;}

/*vintage*/
span.marker{background: #fff100;}

input[type="submit"].btn01{position: relative;width: 100%; max-width: 240px;height: 52px;white-space: nowrap;text-align: center;line-height: 50px;font-size: 14px;border: 1px solid #000;background: none;transition: all 0.3s;color:#000;}
input[type="submit"].btn01:hover{background: #000;color: #fff;opacity: 1;}

@media screen and (min-width:768px){
.text_off04{-webkit-clip-path: inset(0 0 100% 0);-ms-clip-path: inset(0 0 100% 0);
clip-path: inset(0 0 100% 0);transition : all 1s ease;display: inline-block;}
}
@media screen and (max-width:768px){
.text_off04{-webkit-clip-path: inset(0 100% 0 0);-ms-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);transition : all 1s ease;display: inline-block;}
}


.text_off03{-webkit-clip-path: inset(0 0 100% 0);-ms-clip-path: inset(0 0 100% 0);
clip-path: inset(0 0 100% 0);transition : all 1s ease;display: inline-block;}

.text_off02{-webkit-clip-path: inset(0 100% 0 0);-ms-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);transition : all 1s ease;display: inline-block;}

.text_off{-webkit-clip-path: inset(0 0 0 100%);-ms-clip-path: inset(0 0 0 100%);
clip-path: inset(0 0 0 100%);transition : all 1s ease;display: inline-block;}

.text_on{-webkit-clip-path: inset(0);-ms-clip-path: inset(0);
clip-path: inset(0);}





/*pc.css*/
@media screen and (min-width:768px){
body{background: #f1efe9;}
.pc{display: block;}
.sp{display: none;}

.t01{font-size: 100px;color: #000;}
.t02{font-size: 38px;line-height: 63px;color: #000;}
.t03{font-size: 15px;line-height: 36px;}
.t04{font-size: 30px;line-height: 46px;}
.t05{font-size: 16px;line-height: 33px;}
.t06{font-size: 12px;}
.t07{font-size: 13px;line-height: 28px;}
.t08{font-size: 13px;line-height: 22px;}
.t09{font-size: 15px;line-height: 28px;}


.t10{font-size: 18px;line-height: 36px;}
.t11{font-size: 34px;line-height: 58px;}
.t12{font-size: 22px;line-height: 46px;}
.t13{font-size: 26px;line-height: 36px;}


.t14{font-size: 14px;}
.t15{font-size: 90px;}

.t16{font-size: 15px;line-height: 30px;}
.t17{font-size: 15px;line-height: 30px;}

.t18{font-size: 26px;line-height: 36px;}

/*company*/
.t19{font-size: 16px;line-height: 33px;}

.a_d02_pc{animation-delay: 0.2s;}
.a_d04_pc{animation-delay: 0.4s;}
.a_d06_pc{animation-delay: 0.6s;}
.a_d08_pc{animation-delay: 0.8s;}
.a_d10_pc{animation-delay: 1.0s;}


.wrap{width: 1100px;margin: 0 auto;}
.wrap02{width: 1200px;margin: 0 auto;}

.btn01.wh{color: #fff; border: 1px solid #fff;}
.btn01.wh:hover{background: #fff;color: #000;}
.btn01.wh.under{margin: 0 auto;}

#totop{position: fixed;right: 45px;bottom: 50px; font-size: 14px;color: #000;z-index: 100;}
#totop span{position: relative;}
#totop span:before{content: "";display: block;width: 9px;
height: 48px;
border-top: 2px solid #000;
border-left: 1px solid #000;
transform: skewY(245deg);
position: absolute;
top: -65px;
right: 2px;
}

header h1{width: 57px;margin: 64px 0 0 45px;}
header{display: flex;justify-content: space-between;align-items: center;height: 100px;min-width: 1150px;}
header .g_nav{display: flex;align-items: center;justify-content: space-between;font-size: 14px;font-weight: normal;width: 960px;margin: 0 40px 0 0;}
.english header .g_nav{width: 594px;}
header .g_nav .sns{width: 18px;}
header .g_nav .lang{background: #dfdcd4;padding: 5px 8px;font-size: 12px;}

header .g_nav li a {
color: #000;
position: relative;
display: inline-block;
transition: .3s;
}
header .g_nav li a::after {
position: absolute;
bottom: -4px;
left: 50%;
content: '';
width: 0;
height: 1px;
background-color: #000;
transition: .3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
header .g_nav li a:hover::after {width: 100%;}
header .g_nav li.sns a:hover::after, header .g_nav li.lang a:hover::after {width: 0;}

/*下層見出し*/
section#title div{font-size: 60px;position: relative;padding: 125px 0 125px 100px;color: #000;}
section#title div:before{content: "";display: block;position: absolute;width: 65px;height: 1px;background: #626262;top: 152px;left: 0;}


/*product*/
a.con{font-size: 13px;margin: 20px 0 0 0;display: block;}
#p1_sec01 .t02{color: #fff;}
#p1_sec01 .text01{margin: 40px 0 50px 0;}	

#p1_sec02{padding: 160px 0 0 0;}
#p1_sec02 ul li{display: flex;justify-content: space-between;margin: 0 0 160px 0;}
#p1_sec02 ul li:first-child {margin: 0 0 180px 0;}
#p1_sec02 ul li:nth-child(2n){flex-direction: row-reverse;}
#p1_sec02 ul li .box01{width: 740px;}

#p1_sec02 ul li:nth-child(2n) .box01{margin: 0 -100px 0 0;}
#p1_sec02 ul li:nth-child(2n + 1) .box01{margin: 0 0 0 -100px;}
#p1_sec02 ul li:first-child .box01{width: 530px;margin: 0 0 0 60px;}
#p1_sec02 ul li .box02{width: 450px;}
#p1_sec02 ul li:first-child .box02{margin: 0 50px 0 0;}

#p1_sec02 .text01{margin: 0 0 40px 0;}
#p1_sec02 .text03{margin: 90px 0 40px 0;position: relative;}
#p1_sec02 .text03:before{content: "";display: block;position: absolute;width: 30px;height: 1px;background: #626262;top: -45px;}
#p1_sec02 .text05{margin: 30px 0 0 0;}

#p1_sec02_2{padding: 0 0 140px 0;}
#p1_sec02_2 .wrap02{width: 1040px;}

#p1_sec02_2 .text02{margin: 50px 0 70px 0;}

#p1_sec03 .text01{margin: 0 0 50px 0;}

#p1_sec04{padding: 160px 0 120px 0;background: linear-gradient(180deg, #f1efe9 0%, #f1efe9 36%, #ebe8e1 36%, #ebe8e1 100%);}
#p1_sec04 .wrap02{width: 1040px;}
#p1_sec04 .text01{margin: 60px 0 0 0;}
#p1_sec04 .text02{margin: 0 0 30px 0;}


#p1_sec05{padding: 100px 0 170px 0;}
#p1_sec05 h2{margin: 0 0 90px 0;}
#p1_sec05 ul li{display: flex;padding: 60px;background: #fff;justify-content: space-between;margin: 0 0 40px 0;}
#p1_sec05 ul li .box01{width: 160px;}
#p1_sec05 ul li .box02{width: 860px;}
#p1_sec05 ul li .text01{margin: 0 0 25px 0;}
#p1_sec05 ul li a{text-decoration: underline;text-decoration-color:#0184e6;color:#0184e6;}

#p1_sec06{padding: 0 0 160px 0;}
	.english #p1_sec06{padding: 140px 0 160px 0;}
#p1_sec06 .box00{display: flex;justify-content: space-between;}
#p1_sec06 .box01{width: 500px;}
#p1_sec06 .box02{width: 520px;}


#p1_sec02.still ul li .box01{width: 530px; margin: 0;}

.accordion-container {
position: relative;
width: 100%;
border-top: none;
outline: 0;
cursor: pointer;
border-bottom: 1px solid #626262;
margin: 50px 0;
}

.accordion-container .accordion-title {
display: block;
position: relative;
margin: 0;
padding: 20px 20px 20px 45px;
font-size: 16px;
font-weight: normal;
border-top: 1px solid #626262;
cursor: pointer;
}


.accordion-title{
position: relative;
}

.accordion-title:after {
content: "";
position: absolute;
top: 47%;
left: 15px;
/*横線*/
width: 14px;
height: 2px;
background: #626262;
transition: all .2s ease-in-out;
}
.accordion-title:before {
content: "";
position: absolute;
top: 47%;
left: 15px;
width: 14px;
height: 2px;
/*縦線に*/
transform: rotate(90deg);
background: #626262;
transition: all .3s ease-in-out;
}

.accordion-title.open:after {
opacity: 0;
}
.accordion-title.open:before {
transform: rotate(180deg);
}

.accordion-content {
display: none;
padding: 20px 0 30px 0;
}
.accordion-content a{text-decoration: underline;}
/*feature ヘッダーパーツ*/
#p2_sec01{background: #ebe8e1;padding: 70px 0 50px 0;}
#p2_sec01 .text01{margin: 30px 0 25px 0;}
#p2_sec01 h1{color: #000;}
#p2_sec01 .box00{display: flex;}
#p2_sec01 .box01{display: flex;}
#p2_sec01 .box01 span{width: 60px;margin: 0 18px 0 0;}
#p2_sec01 .box02{display: flex;flex-direction: column;justify-content: center;}
#p2_sec01 .box02 .text02{font-size: 15px;margin: 0 0 5px 0;}
#p2_sec01 .box02 .text02 span{font-weight: bold;}
#p2_sec01 .box02 .text03{font-size: 14px;color: #737373;}


/*vintage*/
#p2_sec02{padding: 110px 0 160px 0;}
#p2_sec02 .wrap02 > ul > li{display: flex;justify-content: space-between;padding: 60px 0;border-top:1px solid #bfbfbf;}
/*#p2_sec02 .wrap02 > ul > li:last-child{border-bottom:1px solid #bfbfbf;}*/
#p2_sec02 .box01{width: 105px;margin: 0 0 0 -24px;position: relative;color: #000;}
#p2_sec02 .box01:before{position: absolute;content: "";display: block;width: 1px; height: 40px;background: #bfbfbf;right: -40px;}
#p2_sec02 .box02{width: 1035px;}

#p2_sec02 .text01{color: #8c8c8c;}
#p2_sec02 .text02{margin: 5px 0 30px 0;font-weight: bold;color: #000;}
#p2_sec02 .inner li:last-child{padding: 60px 0 0 0;}
#p2_sec02 .inner li:first-child{padding: 0 0 60px 0;}
#p2_sec02 .inner li:only-child{padding: 0;}
#p2_sec02 .inner li + li{padding: 60px 0;border-top:1px solid #bfbfbf;}
#p2_sec02 .btn01{margin: 40px auto 0;}


/*concept*/
#p3_sec01 .box00{display: flex;justify-content: space-between;margin: 0 0 120px 0;}
#p3_sec01 .box01{width: 520px;}
#p3_sec01 .box02{width: 600px;}

#p3_sec01 .text02{margin: 45PX 0 0 0;}
#p3_sec01 .text02 	span{font-weight: bold;}

#p3_sec02{padding: 0 0 160px 0;}
#p3_sec02 ul{display: flex;justify-content: space-between;}
#p3_sec02 li{width: 350px;text-align: center;}
#p3_sec02 li:nth-child(2){border-left: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;}
#p3_sec02 .box01{margin: 50px 0 100px;}
#p3_sec02 li .box02{width: 160px;margin: 0 auto 30px;}
#p3_sec02 .btn01{margin: 0 auto;}


/*brand*/
#p4_sec01{padding: 120px 0 160px 0;}
#p4_sec01 ul.outer > li{width:360px;text-align: center;float: left;margin: 0 60px 50px 0;min-height: 550px;}
#p4_sec01 ul.outer > li:nth-child(3n){margin: 0 0 50px 0;}
#p4_sec01 ul.outer > li .text01{font-size: 20px;margin: 30px 0 10px 0;font-weight: bold;}
#p4_sec01 ul.outer > li .text02{font-size: 13px;}
#p4_sec01 ul.outer > li .text03{font-size: 14px;}
#p4_sec01 ul.outer > li .box02{margin: 20px auto 15px;width: 40px;}
#p4_sec01 .btn01{margin: 40px auto 0;}



.modal-content .box03{margin: 50px 0 70px;}

.modal-content .box06{margin: 50px 0 70px;}
.modal-content .box06 a{width: 30%; height: 52px;white-space: nowrap;text-align: center;line-height: 50px;font-size: 14px;background: #eee;float: left;margin: 0 5% 0 0;color: #fff;}
.modal-content .box06 a:nth-child(3n){margin: 0;}
.modal-content .box06 a.try{background: #89c997;}
.modal-content .box06 a.amazon{background: #f8b551;}
.modal-content .box06 a.rakuten{background: #f29b76;}

.review{border-top: 1px solid #d2d2d2;}
.review li{display: flex;border-bottom: 1px solid #d2d2d2;padding: 40px 0;}
.review li .box04{width: 15%;text-align: center;}
.review li .box04 span{font-weight: bold;margin: 15px 0 0 0;display: block;}
.review li .box05{width: 85%;padding: 0 0 0 50px;}

.modal-content .box00{text-align: center;}	
.modal-content .box01{width:80%;margin: 0 auto;}

.modal-content .text01{font-size: 20px;margin: 0 0 10px 0;font-weight: bold;}
.modal-content .text02{font-size: 13px;}
.modal-content .text03{font-size: 14px;margin: 0 0 50px 0;}
.modal-content .box02{margin: 20px auto 15px;width: 40px;}
.js-modal-close{width: 100%; background: #eee;text-align: center;line-height: 80px;display: block;}
.js-modal-close span{position: relative;display: inline-block;padding: 0 0 0 10px;}
.js-modal-close span:before {
content: '';
position: absolute;
top: 48%;
left: -15px;
transform: translate(0, -50%);
width: 16px;
height: 2px;
background: #404040;
transform: rotate(45deg);
}

.js-modal-close span:after{
content: '';
position: absolute;
top: 48%;
left: -15px;
transform: translate(0, -50%);
width: 16px;
height: 2px;
background: #404040;
transform: rotate(135deg);
}

/* モーダル全体(背景＋本体) */
.modal{
display: none;
position: fixed;
top: 0;
height: 100vh;
width: 100%;
z-index: 2;
}

/* モーダル背景 */
.modal-bg{
position: absolute;
height: 100vh;
width: 100%;
background: rgba(0, 0, 0, 0.8);
}

/* モーダル本体 */
.modal-content{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow-y: scroll;
height: 80%;
width: 70%;
max-width: 750px;
background: #fff;
}
.in_wrap{padding: 20px 70px 0 70px;}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
position: fixed;
width: 100%;
height: 100%;
left: 0;
}



/*discovery*/
#p5_sec01{padding: 0 0 110px 0;}
#p5_sec01 .box01{width: 100%;}
#p5_sec01 .outer > li{background: #dfdbd1;margin: 0 0 20px 0;}
#p5_sec01 .outer .text01 span.en{color: #000;font-weight: 600;font-size: 18px;padding: 0 45px 0 0;position: relative; display:table-cell;vertical-align: middle;}
#p5_sec01 .outer .text01 span.en:before{position: absolute;content: "";display: block;width: 15px;height: 1px;background: #000;left: 119px;top:17px;}
#p5_sec01 .outer .text01 span.yumin{color: #000;display: table-cell;vertical-align: middle;}
#p5_sec01 .outer .text02.sub{margin: 50px 0 0 0;}
#p5_sec01 .inner{margin: 45px 0 0 0;}
#p5_sec01 .inner li{width: 350px;float: left;margin: 0 35px 0 0;}
#p5_sec01 .inner li:nth-child(3){margin: 0;}



#p5_sec01 .inner.v02 li{width: 100%;float:none;margin: 0 0 40px 0;display: flex;justify-content: space-between;}
#p5_sec01 .inner.v02 li .box01{width: 350px;}
#p5_sec01 .inner.v02 li .box02{width: 700px;}
#p5_sec01 .inner.v02 li .box02 .text03{text-align: left;margin: 0 0 10px 0;}


#p5_sec01 .inner.v03 li{width: 100%;float:none;margin: 0 0 40px 0;display: flex;justify-content: space-between;}
#p5_sec01 .inner.v03 li .box01{width: 260px;}
#p5_sec01 .inner.v03 li .box02{width: 790px;}
#p5_sec01 .inner.v03 li .box02 .text03{text-align: left;margin: 0 0 10px 0;}

#p5_sec01 .inner.v04 li{width: 100%;float:none;margin: 0 0 40px 0;display: flex;justify-content: space-between;}
#p5_sec01 .inner.v04 li .box01{width: 260px;}
#p5_sec01 .inner.v04 li .box02{width: 790px;}
#p5_sec01 .inner.v04 li .box02 .text03{text-align: left;margin: 0 0 10px 0;}

#p5_sec01 .a_c{padding: 0 40px 60px;}
#p5_sec01 .inner li .box02 .text03{font-size: 16px;line-height: 28px; font-weight: bold;margin:35px 0 15px 0;text-align: center;}

.h_part{margin: 110px 0 0 0;}
.h_part .text01{color: #000;}
.h_part .text02{margin: 35px 0 55px 0;}
.h_part span{font-size: 28px;display: table-cell;vertical-align: middle;border: 2px solid #000;line-height: 44px;padding: 0 20px;}
.h_part p{display: table-cell;vertical-align: middle;padding: 0 0 0 30px;}


.a_c_o {
position: relative;
width: 100%;
border-top: none;
outline: 0;
cursor: pointer;
margin: 50px 0;
}

.a_c_o .a_t {
display: block;
position: relative;
margin: 0;
padding: 40px;
font-size: 16px;
font-weight: normal;
cursor: pointer;
}


.a_t{
position: relative;
}

.a_t:after {
content: "";
position: absolute;
top: 47%;
right: 30px;
/*横線*/
width: 26px;
height: 2px;
background: #000;
transition: all .2s ease-in-out;
}
.a_t:before {
content: "";
position: absolute;
top: 47%;
right: 30px;
width: 26px;
height: 2px;
/*縦線に*/
transform: rotate(90deg);
background: #000;
transition: all .3s ease-in-out;
}

.a_t.open:after {
opacity: 0;
}
.a_t.open:before {
transform: rotate(180deg);
}

.a_c {
display: none;
padding: 0 40px 60px 40px;
}
.a_c a{text-decoration: underline;}

/*thanks*/
#p6_sec01 .btn01{margin: 55px 0 160px;}

/*company*/
#p7_sec01 a, #p7_sec02 a{display: inline-block;text-decoration: underline;}
#p7_sec02{padding: 70px 0 160px 0;}
#p7_sec02 dt{width: 170px;float: left;}
#p7_sec02 dd{width: calc(100% - 170px);float: left;}
#p7_sec02 dd a{display: block;}
/*#p7_sec02 dd a +a{margin: 10px 0 0 0;}*/
#p7_sec02 dt, #p7_sec02 dd{border-top: 1px solid #d2d2d2;padding: 30px 0;}
#p7_sec02 dl{border-bottom: 1px solid #d2d2d2;display: inline-block;}

/*top*/	

#sec01{padding: 0;}
#sec01 .wrap{position: relative;width: calc(100% - 150px);margin: 0 0 0 150px; height: 50vw;padding: 0;}
#sec01 .wrap .bg{position: absolute;top: 0;z-index: -1; width: 100%;height: 100%; background: url("../img/top01.jpg") center center;background-size: cover;}
#sec01 h1{margin: 0 0 0 10vw;letter-spacing: 0.1em;}
#sec01 h1 p{font-size: 3.6vw;
line-height: 5.8vw;padding: 13vw 0 0 0;font-weight: normal;} 
#sec01 h1 p span{position: relative;}
#sec01 h1 p span:before{content: ""; position: absolute;height: 0.12vw;width: 100%;background: #fff;bottom:-0.4vw;}
#sec01 h1 p span.last:before{width: 92%;}
#sec01 h1 span.sub{display: block; font-size: 1.3vw;line-height: 2.4vw;
font-weight: normal;
margin: 1.5vw 0 0 0;}

#sec02{margin: 210px 0 0 0; padding: 0 0 260px 0;}
#sec02 .wrap{position: relative;height: 1100px;}
#sec02 h2{display: block; position: absolute;left: 418px;top:-50px;}	
#sec02 .box01{width: 470px;position: absolute;z-index: -1;}	
#sec02 .box02{width: 510px;margin: 0 0 0 650px;}
#sec02 .box02 h3{padding: 60px 0 90px 0;position: relative;}
#sec02 .box02 h3:before{content: "";display: block;position: absolute;width: 30px;height: 1px;background: #626262;top: 225px;}
#sec02 .box02 .text01{margin: 0 0 40px 0;}
#sec02 .box03{width: 600px;position: absolute;bottom:110px;right: -150px;}	
#sec02 .box04{width: 380px;position: absolute;bottom: 0;left: 190px;}	

#sec0304{position: relative;z-index: 0; background: linear-gradient(180deg, #f1efe9 0%, #f1efe9 20%, #ebe8e1 20%, #ebe8e1 100%);}
#sec03{padding: 0 0 260px 0;
/*商品一覧コメントアウト解除したら*/
/*padding: 0 0 140px 0;*/}
#sec03 .box00{width: 1300px;height: 640px;/* margin: 0 0 0 -150px; */padding: 0 100px;position: relative;}
#sec03 h2{position: absolute;top:-50px;}
#sec03 .box01{padding: 155px 0 0 0;}
#sec03 .text01{margin: 35px 0 55px 0;}
#sec03 .wrap .bg{position: absolute;top: 0;left: 0; z-index: -1; width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; /* background: url("../img/top05.jpg") center center; */}


#sec04{padding: 0 0 40px 0;}
#sec04 .box01{width: 500px;}
#sec04 .box02{width: 525px;}
#sec04 ul li{display: flex;justify-content: space-between;margin: 0 0 120px 0;}
#sec04 .text02{margin: 15px 0 10px 0;}
#sec04 .text04{margin: 60px 0 40px 0;position: relative;}
#sec04 .text04:before{content: "";display: block;position: absolute;width: 30px;height: 1px;background: #626262;top: -30px;}

/*パララックス */
#sec_p{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
height: 425px;
position: relative;
z-index: -1;
}

.parallax-bg {
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 50%;
}


#p1_sec01, #p1_sec03{
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 510px;
position: relative;
z-index: 0;
text-align: center;
}

.img-bg-01 {
background-image: url("../img/top07.jpg");
}
.img-bg-02 {
background-image: url("../img/product_image01.jpg");
}
.img-bg-03 {
background-image: url("../img/product_still_image01.jpg");
}

#sec05{padding: 0 0 150px 0;position: relative;}
#sec05 h2{text-align: center;padding: 0;margin: -48px 0 150px 0;}
#sec05 ul{display: flex;justify-content: space-between;}
#sec05 ul li{width: 360px;}	
#sec05 .text01{letter-spacing: 0.05em;}
#sec05 .box01{margin: 15px 0 25px 0;}
#sec05 .text02{font-weight: bold;}

#sec06{background: #ebe8e1;padding: 130px 0 140px 0;}
#sec06 .wrap{position: relative;}
#sec06 .box01{width: 825px;}
#sec06 h2{display: block;position: absolute;right: 0;top:-170px;}
#sec06 table{width: 100%;}
#sec06 th{font-weight: normal;text-align: left;width: 19.5%;vertical-align: top;padding: 5px 0 0 0;}
#sec06 td input{width: 100%;border: none;background: #dfdcd4;border-radius: 5px;padding: 15px;margin: 0 0 30px 0;}
#sec06 td textarea{width: 100%;border: none;background: #dfdcd4;border-radius: 5px;resize: vertical;height: 216px;padding: 15px;}
#sec06 .text01{margin: 0 0 70px 0;}
	#sec06 .text01 a{background: #fff100;text-decoration: underline;
    text-underline-offset: 3px;}
#sec06 .text02{margin: 20px 0 70px 0;color: #808080;}
#sec06 .text03{border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;padding: 25px 0;margin: 80px 0 30px 0;color: #808080;}
#sec06 .text04{margin: 0 0 60px 0;}


input[type=checkbox] {
opacity: 0;
}
.checkbox01 {
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 0 40px;
position: relative;
width: auto;
margin: 0 0 0 -26px;
}
.checkbox01::before {
background: #fff;
border: none;
content: '';
display: block;
height: 26px;
left: 5px;
margin-top: -8px;
position: absolute;
top: 28%;
width: 26px;
}
.checkbox01::after {
border-right: 2px solid #404040;
border-bottom: 2px solid #404040;
content: '';
display: block;
height: 9px;
left: 15px;
margin-top: -7px;
opacity: 0;
position: absolute;
top: 55%;
transform: rotate(45deg);
width: 5px;
}
input[type=checkbox]:checked + .checkbox01::after {
opacity: 1;
}


footer small.en{font-size: 12px;font-weight: normal;display: block;text-align:center;padding: 0 0 30px; }
footer{background: url('../img/foot.jpg') center center;background-size: cover;padding: 70px 0;}
footer ul{/*width: 520px;*/width:650px;margin: 0 auto;display: flex;justify-content: space-between;font-size: 14px;}
.english footer ul{width: 416px;}
footer ul li a{color: #fff;}
footer .logo{width: 57px;margin: 70px auto 50px;}
footer .sns{width: 18px;margin: 0 auto;}


#p1_slider{
position: relative;
}
#p1_slider .slick-dots{bottom: 15px;}
#p1_slider .slick-dots li {
width: 9px;
}

#p1_slider .slick-dots li button:before {
color: #fff;
opacity: 1;
}
#p1_slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #000;
}
#p1_slider .prev{
position: absolute;
top: 0;
bottom: 0;
left: -60px;
margin: auto;
width: 20px;
height: 40px;
background-image: url("../img/arrow_p.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
#p1_slider .next{
position: absolute;
top: 0;
right: -60px;
bottom: 0;
margin: auto;
width: 20px;
height: 40px;
background-image: url("../img/arrow_n.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}

#p1_2_slider{
position: relative;
}
#p1_2_slider .slick-dots{bottom: 15px;}
#p1_2_slider .slick-dots li {
width: 9px;
}

#p1_2_slider .slick-dots li button:before {
color: #fff;
opacity: 1;
}
#p1_2_slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #000;
}
#p1_2_slider .prev{
position: absolute;
top: 0;
bottom: 0;
left: -60px;
margin: auto;
width: 20px;
height: 40px;
background-image: url("../img/arrow_p.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
#p1_2_slider .next{
position: absolute;
top: 0;
right: -60px;
bottom: 0;
margin: auto;
width: 20px;
height: 40px;
background-image: url("../img/arrow_n.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}


.delay01{animation-delay: 0.2s;}
.delay02{animation-delay: 0.4s;}
.delay03{animation-delay: 0.6s;}
.delay04{animation-delay: 0.8s;}
}










@media screen and (max-width:768px){
html {
-webkit-overflow-scrolling: touch;
}
section{background: #f1efe9;}
.pc{display: none;}
.sp{display: block;}
.wrap{width: 80%;margin: 0 auto;}
.t_a_c_sp{text-align: center;}

.t01{font-size: 14vw;color: #000;}
.t02{font-size: 6vw;line-height: 10vw;color: #000;}
#p1_sec01 .t02{font-size: 7vw;line-height: 11vw;}
.t02_02{font-size: 7vw;line-height: 11vw;color: #000;}
.t03{font-size: 3.2vw;line-height: 8vw;}
.t04{font-size: 5vw;line-height: 8vw;}
.t05{font-size: 3.5vw;line-height: 7.5vw;}
.t06{font-size: 12px;}
.t07{font-size: 13px;line-height: 28px;}
.t08{font-size: 13px;line-height: 22px;}
.t09{font-size: 3.5vw;line-height: 28px;}



.t10{font-size: 3.5vw;line-height: 7vw;}
.t11{font-size: 5.5vw;line-height: 10vw;}
.t12{font-size: 4vw;line-height: 9vw;}
.t13{font-size: 5vw;line-height: 7vw;}

.t14{font-size: 3.2vw;line-height: 8vw;}
.t15{font-size: 13vw;}

.t16{font-size: 3.2vw;line-height: 6.4vw;}
.t17{font-size: 3vw;line-height: 6vw;}


/*discovery*/
.t18{font-size: 4vw;line-height: 7vw;}

/*company*/
.t19{font-size: 3.2vw;line-height: 7vw;}

.btn01{height: calc(10vw + 2px);line-height: 10vw;font-size: 3vw;}

#totop{position: fixed;right: 4vw;bottom: 50px; font-size: 14px;color: #000;z-index: 100;}
#totop span{position: relative;}
#totop span:before{content: "";display: block;width: 9px;
height: 48px;
border-top: 2px solid #000;
border-left: 1px solid #000;
transform: skewY(245deg);
position: absolute;
top: -55px;
right: -4px;
}

header{background: #f1efe9;width: 100%;position: fixed;top: 0;height: 80px;z-index: 100;}
header .wrap{position: relative;}
/*header h1{width: 67px;margin: 0 auto;padding: 8px 0 0 0;}*/
header h1{width: 30px; margin: 0 auto;padding: 14px 0 0 0;}
header .cart{width: 20px;position: fixed;left: 20px;top:20px;}


.wrap, .wrap02{width: 80%;margin: 0 auto;}

.btn01.wh.under{color: #fff; border: 1px solid #fff;margin: 0 auto;}
.btn01.wh.under:hover{background: #fff;color: #000;}

section#title div{font-size: 10vw;line-height: 13vw; position: relative;padding: 200px 0 90px 0;text-align: center;color: #000;}
section#title div:before{content: "";display: block;position: absolute;width: 1px;height: 8vw;background: #626262;top: 125px;left: calc(50% - 0.5px);}

/*product*/
a.con{font-size: 3vw;margin: 20px 0 0 0;display: block;}
#p1_sec01, #p1_sec03{text-align: center;height: 97vw;background: none;display: flex;flex-direction: column; align-items: center;justify-content: center;}	
#p1_sec01 .t02{color: #fff;}
#p1_sec01 .text01{margin: 20px 0 40px 0;}
#p1_sec03 .text01{margin: 0 0 30px 0;}


#p1_sec02{padding: 70px 0 10px 0;}
#p1_sec02 .wrap02{width: 100%;}
#p1_sec02 ul li{margin: 0 0 75px 0;}
#p1_sec02 ul li .box01{width: 90vw;}

#p1_sec02 ul li:nth-child(2n) .box01{margin: 0 0 0 10vw;}
#p1_sec02 ul li:nth-child(2n + 1) .box01{}
#p1_sec02 ul li:first-child .box01{width: 80vw;margin: 0 auto;}
#p1_sec02 ul li .box02{width: 80%; margin: 0 auto;}


#p1_sec02 .text01{margin: 60px 0 25px 0;}
#p1_sec02 .text03{margin: 90px 0 25px 0;position: relative;}
#p1_sec02 .text03:before{content: "";display: block;position: absolute;width: 30px;height: 1px;background: #626262;top: -45px;}
#p1_sec02 .text05{margin: 35px 0 0 0;font-size: 3vw;line-height: 6vw;}	


#p1_sec02_2{padding: 0 0 100px 0;}
#p1_sec02_2 .t_a_c .text02{margin: 25px 0 60px 0;text-align: left;}


#p1_sec04{padding: 70px 0;background: linear-gradient(180deg, #f1efe9 0%, #f1efe9 18%, #ebe8e1 18%, #ebe8e1 100%);}
#p1_sec04 .t_a_c .text03{text-align: left;}
#p1_sec04 .text01{margin: 80px 0 5px 0;}
#p1_sec04 .text02{margin: 0 0 40px 0;}

#p1_sec05{padding: 70px 0;}
#p1_sec05 h2{margin: 0 0 50px 0;}
#p1_sec05 ul li{display: flex;padding: 10vw 7vw;background: #fff;flex-direction: column; margin: 0 0 40px 0;}
#p1_sec05 ul li .box01{width: 33vw;margin: 0 auto;}
#p1_sec05 ul li .box02{}
#p1_sec05 ul li .text01{margin: 20px 0;text-align: center;}
#p1_sec05 ul li .text02.t05{font-size: 3.2vw;}
#p1_sec05 ul li a{text-decoration: underline;text-decoration-color:#0184e6;color:#0184e6;}
	
#p1_sec06{padding: 0 0 70px 0;}
#p1_sec06 .box01{margin: 0 0 50px 0;}
#p1_sec06 .btn01{margin: 0 auto;}
#p1_sec06 .accordion-container .accordion-title{font-size: 3.5vw;}


.accordion-container {
position: relative;
width: 100%;
border-top: none;
outline: 0;
cursor: pointer;
border-bottom: 1px solid #626262;
margin: 50px 0;
}

.accordion-container .accordion-title {
display: block;
position: relative;
margin: 0;
padding: 20px 20px 20px 45px;
font-size: 16px;
font-weight: normal;
border-top: 1px solid #626262;
cursor: pointer;
}


.accordion-title{
position: relative;
}

.accordion-title:after {
content: "";
position: absolute;
top: 47%;
left: 15px;
/*横線*/
width: 14px;
height: 2px;
background: #626262;
transition: all .2s ease-in-out;
}
.accordion-title:before {
content: "";
position: absolute;
top: 47%;
left: 15px;
width: 14px;
height: 2px;
/*縦線に*/
transform: rotate(90deg);
background: #626262;
transition: all .3s ease-in-out;
}

.accordion-title.open:after {
opacity: 0;
}
.accordion-title.open:before {
transform: rotate(180deg);
}

.accordion-content {
display: none;
padding: 20px 0 30px 0;
}
.accordion-content a{text-decoration: underline;} 
/*feature ヘッダーパーツ*/
#p2_sec01{background: #ebe8e1;padding: 70px 0 50px 0;}
#p2_sec01 .text01{margin: 30px 0 25px 0;}
#p2_sec01 h1{color: #000;}
#p2_sec01 .box00{display: flex;flex-direction: column;}
#p2_sec01 .box01{display: flex;}
#p2_sec01 .box01 span{width: 10vw;margin: 0 15px 20px 0;display: block;}
#p2_sec01 .box02{display: flex;flex-direction: column;justify-content: center;}
#p2_sec01 .box02 .text02{font-size: 15px;margin: 0 0 5px 0;}
#p2_sec01 .box02 .text02 span{font-weight: bold;}
#p2_sec01 .box02 .text03{font-size: 14px;color: #737373;}


/*vintage*/
#p2_sec02{padding: 110px 0 0 0;}
#p2_sec02 .tate{  -ms-writing-mode: horizontal-tb;writing-mode: horizontal-tb;}

#p2_sec02 .wrap02 > ul > li{margin: 0 0 60px 0;}
#p2_sec02 .wrap02 > ul > li:last-child{border-bottom:1px solid #bfbfbf;}
#p2_sec02 .box01{text-align: center;border-bottom: 1px solid #bfbfbf;padding: 0 0 20px 0;color: #000;}

#p2_sec02 .box02{}

#p2_sec02 .text01{color: #8c8c8c;}
#p2_sec02 .text02{margin: 5px 0 30px 0;font-weight: bold;color: #000;}
#p2_sec02 .inner li{padding: 40px 0;border-bottom:1px solid #bfbfbf;}
#p2_sec02 .btn01{margin: 0 auto;}
/*#p2_sec02 .inner li:last-child{padding: 60px 0 0 0;}
#p2_sec02 .inner li:first-child{padding: 0 0 60px 0;}
#p2_sec02 .inner li:only-child{padding: 0;}
#p2_sec02 .inner li + li{padding: 60px 0;border-top:1px solid #bfbfbf;}	*/




/*concept*/
#p3_sec01 .box01{}
#p3_sec01 .box02{margin: 50px 0 0 0;}
#p3_sec01 .text01{text-align: center;}
#p3_sec01 .text02{margin: 45PX 0 0 0;}
#p3_sec01 .text02 	span{font-weight: bold;}

#p3_sec02{padding: 70px 0 160px 0;}
#p3_sec02 ul{display: flex;flex-direction: column;}
#p3_sec02 li{display: flex;padding: 30px;}
#p3_sec02 li:nth-child(2){border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
#p3_sec02 .box01{margin: 50px 0 100px;}
#p3_sec02 li .box02{width: 50%;padding: 0 7vw 0 0;}
#p3_sec02 li .text02{width: 50%;display: flex;align-items: center;}
#p3_sec02 .btn01{margin: 0 auto;}


/*brand*/

#p4_sec01{padding: 120px 0 0 0;}
#p4_sec01 ul.outer > li{margin: 0 0 60px 0;}
#p4_sec01 ul.outer > li .box00{display: flex;}
#p4_sec01 ul.outer > li .box01{width: 38%;}
#p4_sec01 ul.outer > li .box03{width: 62%;padding: 0 0 0 20px;}
#p4_sec01 ul.outer > li .text01{font-size: 3.8vw;margin: 0 0 10px 0;font-weight: bold;}
#p4_sec01 ul.outer > li .text02{font-size: 3vw;}
#p4_sec01 ul.outer > li .text03{font-size: 3vw;}
#p4_sec01 ul.outer > li .box02{margin: 20px 0 15px;width: 40px;}
#p4_sec01 .btn01{margin: 40px auto 0;}
.btn02{position: relative;width: 100%;height: 40px;white-space: nowrap;text-align: center;line-height: 40px;font-size: 14px;background: #dfdbd1;margin: 20px 0 0 0;display: block;}

.review{border-top: 1px solid #d2d2d2;margin: 0 0 40px 0;}
.review li{display: flex;flex-direction: column; border-bottom: 1px solid #d2d2d2;padding: 30px 0;}
.review li .box04{width: 100%;text-align: center;margin: 0 0 20px 0;}
.review li .box04 .img{width: 25%;margin: 0 auto;}
.review li .box04 span{font-weight: bold;margin: 15px 0 0 0;display: block;}
.review li .box05{width: 100%;}


.modal-content .box06{margin: 0 0 20px 0;}
.modal-content .box06 a{width: 100%; height: 52px;white-space: nowrap;text-align: center;line-height: 50px;font-size: 3.5vw;background: #eee;float: left;margin: 0 0 20px 0;color: #fff;}
.modal-content .box06 a.try{background: #89c997;}
.modal-content .box06 a.amazon{background: #f8b551;}
.modal-content .box06 a.rakuten{background: #f29b76;}


.modal-content .box00{text-align: center;}	
.modal-content .box01{width:80%;margin: 0 auto;}

.modal-content .text01{font-size: 20px;margin: 0 0 10px 0;font-weight: bold;}
.modal-content .text02{font-size: 13px;}
.modal-content .text03{font-size: 14px;margin: 0 0 50px 0;}
.modal-content .box02{margin: 20px auto 15px;width: 40px;}
.js-modal-close{width: 100%; background: #eee;text-align: center;line-height: 60px;display: block;}
.js-modal-close span{position: relative;display: inline-block;padding: 0 0 0 10px;}
.js-modal-close span:before {
content: '';
position: absolute;
top: 48%;
left: -15px;
transform: translate(0, -50%);
width: 16px;
height: 2px;
background: #404040;
transform: rotate(45deg);
}

.js-modal-close span:after{
content: '';
position: absolute;
top: 48%;
left: -15px;
transform: translate(0, -50%);
width: 16px;
height: 2px;
background: #404040;
transform: rotate(135deg);
}

/* モーダル全体(背景＋本体) */
.modal{
display: none;
position: fixed;
top: 0;
height: 100vh;
width: 100%;
z-index: 999;
}

/* モーダル背景 */
.modal-bg{
position: absolute;
height: 100vh;
width: 100%;
background: rgba(0, 0, 0, 0.8);
}

/* モーダル本体 */
.modal-content{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow-y: scroll; /* はみ出た部分はスクロールさせる */
height: 70%;/* これが無いと「overflow:scroll」が利かない */
width: 90%;/* これが無いと「overflow:scroll」が利かない */
max-width: 750px;
background: #fff;
}
.modal-content .in_wrap{padding: 20px 30px 0 30px;}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
position: fixed;
width: 100%;
height: 100%;
left: 0;
}



/*discovery*/
.a_c_o {
position: relative;
width: 100%;
border-top: none;
outline: 0;
cursor: pointer;
margin: 50px 0;
}

.a_c_o .a_t {
display: block;
position: relative;
margin: 0;
padding: 20px;
font-size: 16px;
font-weight: normal;
cursor: pointer;
}


.a_t{
position: relative;
}

.a_t:after {
content: "";
position: absolute;
top: 25PX;
right: 20PX;
/*横線*/
width: 14px;
height: 2px;
background: #000;
transition: all .2s ease-in-out;
}
.a_t:before {
content: "";
position: absolute;
top: 25PX;
right: 20px;
width: 14px;
height: 2px;
/*縦線に*/
transform: rotate(90deg);
background: #000;
transition: all .3s ease-in-out;
}

.a_t.open:after {
opacity: 0;
}
.a_t.open:before {
transform: rotate(180deg);
}

.a_c {
display: none;
padding: 5px 20px 20px 20px;
}
.a_c a{text-decoration: underline;}

#p5_sec01{padding: 0 0 1px 0;}
#p5_sec01 .box01{width: 100%;}
#p5_sec01 .outer > li{position: relative;background: #dfdbd1;margin: 0 0 20px 0;}
#p5_sec01 .outer .text01 span.en{color: #000;font-weight: 600;font-size: 3vw;}

#p5_sec01 .outer .text01 span.yumin{color: #000;display: block;margin: 10px 0 0 0;}
#p5_sec01 .inner li{position: relative;display: block;justify-content: space-between;border-bottom: 1px solid #626262;padding: 6vw 0;}
#p5_sec01 .inner li:last-child{border: none;}




#p5_sec01 .inner li .box01{width: 25vw;height: 25vw;display: flex;justify-content: center;align-items: center;}
#p5_sec01 .inner.v02 li .box01, #p5_sec01 .inner.v04 li .box01{height: 16vw;}

#p5_sec01 .inner li .box02{width: 100%;padding: 20px 0 0 0;}
#p5_sec01 .inner li .box02 .text03{position: absolute;top:0;left: 30vw;height: calc(25vw + 40px);display: flex;align-items: center;font-size: 3.2vw;line-height: 6vw; font-weight: bold;margin: 0 0 10px 0;}
#p5_sec01 .inner.v02 li .box02 .text03, #p5_sec01 .inner.v04 li .box02 .text03{height: 16vw;top: 6vw;}
.c_btn{font-size: 3vw; text-align: center;background: #eee;line-height: 10vw;margin: 20px 0 0 0;}
.c_btn span{position: relative;display: inline-block;padding: 0 0 0 10px;}
.c_btn span:before {
content: '';
position: absolute;
top: 48%;
left: -15px;
transform: translate(0, -50%);
width: 3vw;
height: 1px;
background: #404040;
transform: rotate(45deg);
}
.c_btn span:after {
content: '';
position: absolute;
top: 48%;
left: -15px;
transform: translate(0, -50%);
width: 3vw;
height: 1px;
background: #404040;
transform: rotate(135deg);
}


.h_part{padding: 70px 0 0 0;}
.h_part .text01{color: #000;text-align: center;}
.h_part .text02{margin: 35px 0 55px 0;}
.h_part span{font-size: 28px;display: inline-block;border: 2px solid #000;line-height: 44px;padding: 0 20px;}
.h_part p{padding:20px 0 0 0;;display: block;}


/*thanks*/
#p6_sec01{padding: 0 0 70px 0;}
#p6_sec01 .btn01{margin: 50px auto 0;}


/*company*/
#p7_sec01 a, #p7_sec02 a{display: inline-block;text-decoration: underline;}
#p7_sec02 dd a{display: block;}
#p7_sec02 dt, #p7_sec02 dd{width: 100%;float: left;border-top: 1px solid #d2d2d2;}
#p7_sec02 dl{border-bottom: 1px solid #d2d2d2;display: inline-block;}
#p7_sec02{padding:70px 0;}
#p7_sec02 dt{padding: 20px 0 10px 0;}
#p7_sec02 dd{border:none;padding: 0 0 20px 0;}


#sec01{width: 100%;height: 124vw;padding: 0;margin: 80px 0 0 0;position: relative;}
#sec01 .wrap .bg{position: absolute;top: 0;left: 0; z-index: 0; width: 100%;height: 100%; background: url("../img/mv_sp.jpg") center center;background-size: cover;}
#sec01 h1{font-size: 9vw;line-height: 15vw;text-transform: uppercase;position: absolute;bottom: 15vw;left: 10vw;z-index: 1}

#sec01 h1 p span{position: relative;}
#sec01 h1 p span:before{content: ""; position: absolute;height: 0.2vw;width: 100%;background: #fff;bottom:-0.8vw;}
#sec01 h1 p span.last:before{width: 92%;}

#sec01 h1 span.sub{display: block; font-size: 3vw;line-height: 6vw; font-weight: 600;margin: 5vw 0 0 0;}

#clear_box{height: 90px;width: 100%;background: #f1efe9;position: relative;z-index: 1;}

#sec02{padding: 0 0 110px 0;}
#sec02 .wrap{position: relative;width: 100vw;}
#sec02 h2{display: block; position: absolute;left: 64.8vw; top:-6vw;z-index: 1;}	
#sec02 .box01{width: 72vw;position: relative;z-index: 0;}	
#sec02 .box02{width: 80vw;margin: 0 auto;}
#sec02 .box02 h3{padding: 60px 0 90px 0;position: relative;}
#sec02 .box02 .text01{margin: 0 0 50px 0;position: relative;}
#sec02 .box02 .text01:before{content: "";display: block;position: absolute;width: 40px;height: 1px;background: #626262;top: -45px;}
#sec02 .box03{width: 90vw;margin: 70px 0 50px 10vw;}	
#sec02 .box04{width: 53vw;}	


#sec03 {position: relative;padding: 0 0 60px 0;margin: 0;}
#sec03 h2{top: -6.5vw;position: absolute;left: 50%;
content: '';
-webkit-transform: translateX(-50%);
transform: translateX(-50%);}
#sec03 .box01{color: #404040;margin: 50px 0 0 0;}
#sec03 .text01{margin: 25px 0 50px 0;white-space: nowrap;}
.english #sec03 .text01{white-space:normal;}
#sec03 .f_c_w a{color: #000;}

#sec04{padding: 60px 0 30px 0;background: #ebe8e1;}
#sec04 .box01{margin: 0 0 40px 0;}
#sec04 .box02{}
#sec04 ul li{margin: 0 0 70px 0;}
#sec04 .text02{margin: 15px 0 10px 0;}
#sec04 .text04{margin: 60px 0 40px 0;position: relative;}
#sec04 .text04:before{content: "";display: block;position: absolute;width: 30px;height: 1px;background: #626262;top: -30px;}

/*パララックス */
#sec_p{
height: 59vw;width: 100%;background: none;
}

#sec05{padding: 0 0 80px 0;}
#sec05 h2{text-align: center;padding: 0;margin: -7vw 0 50px 0;position: absolute;width: 80vw;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);}

#sec05 ul{padding: 80px 0 0 0;}
#sec05 ul li{margin: 0 0 40px 0;}	
#sec05 .text01{letter-spacing: 0.05em;}
#sec05 .box01{margin: 15px 0 25px 0;}
#sec05 .text02{font-weight: bold;font-size: 3.5vw;}

#sec06{background: #ebe8e1;padding: 18vw 0 90px 0;}
#sec06 .wrap{position: relative;}
#sec06 .box01{}
#sec06 h2{display: block;position: absolute;right: 0;top:-24.2vw;width: 100%;text-align: center;}
#sec06 table{width: 100%;}
#sec06 th{font-weight: normal;text-align: left;width: 100%;vertical-align: top;padding: 5px 0 0 0;float: left;}
#sec06 td{float: left;width: 100%;}
#sec06 td input{font-size: 16px; width: 100%;border: none;background: #dfdcd4;border-radius: 5px;padding: 15px;margin: 0 0 30px 0;}
#sec06 td textarea{font-size: 16px; width: 100%;border: none;background: #dfdcd4;border-radius: 5px;resize: vertical;height: 216px;padding: 15px;}
#sec06 .text01{margin: 0 0 50px 0;}
#sec06 .text01 a{background: #fff100;text-decoration: underline;
    text-underline-offset: 3px;}
#sec06 .text02{margin: 20px 0 50px 0;color: #808080;}
#sec06 .text03{border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;padding: 25px 0;margin: 50px 0 30px 0;color: #808080;}
#sec06 .text04{margin: 0 0 60px 0;}
#sec06 .tate{-ms-writing-mode: tb; writing-mode: horizontal-tb;}
input[type=checkbox] {
opacity: 0;position: absolute;
}
.checkbox01 {
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 0 0 0 50px;
position: relative;
width: auto;
}
.checkbox01::before {
background: #fff;
border: none;
content: '';
display: block;
height: 26px;
left: 5px;
margin-top: -8px;
position: absolute;
top: 32%;
width: 26px;
}
.checkbox01::after {
border-right: 2px solid #404040;
border-bottom: 2px solid #404040;
content: '';
display: block;
height: 9px;
left: 15px;
margin-top: -7px;
opacity: 0;
position: absolute;
top: 44%;
transform: rotate(45deg);
width: 5px;
}
input[type=checkbox]:checked + .checkbox01::after {
opacity: 1;
}
.btn_area{border-radius: 0;text-align: center;}

footer{background: url('../img/foot.jpg') center center;background-size: cover;padding: 50px 0;}
footer small.en{font-size: 14px;font-weight: 100;display: block;text-align:center;}
footer .logo{width: 50px;margin: 0 auto 50px;}
footer .sns{width: 18px;margin: 50px auto 0;}
footer small.en{font-size: 2.8vw;font-weight: normal;display: block;text-align:center; }


#p1_slider{
position: relative;
}
#p1_slider .slick-dots{bottom: -9.5vw;}
#p1_slider .slick-dots li {
width: 9px;
}

#p1_slider .slick-dots li button:before {
font-size: 2.5vw;
color: #fff;
opacity: 1;
}
#p1_slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #000;
}
#p1_slider .prev{
position: absolute;
top: 58vw;
bottom: 0;
left: 0;
margin: auto;
width: 3vw;
height: 6vw;
background-image: url("../img/arrow_p.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
#p1_slider .next{
position: absolute;
top: 58vw;
right: 0;
bottom: 0;
margin: auto;
width: 3vw;
height: 6vw;
background-image: url("../img/arrow_n.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}


#p1_2_slider{
position: relative;
}
#p1_2_slider .slick-dots{bottom: -9.5vw;}
#p1_2_slider .slick-dots li {
width: 9px;
}

#p1_2_slider .slick-dots li button:before {
font-size: 2.5vw;
color: #fff;
opacity: 1;
}
#p1_2_slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #000;
}
#p1_2_slider .prev{
position: absolute;
top: 58vw;
bottom: 0;
left: 0;
margin: auto;
width: 3vw;
height: 6vw;
background-image: url("../img/arrow_p.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
#p1_2_slider .next{
position: absolute;
top: 58vw;
right: 0;
bottom: 0;
margin: auto;
width: 3vw;
height: 6vw;
background-image: url("../img/arrow_n.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}


/*ハンバーガーメニュー*/
#nav-toggle {
position: fixed;
cursor: pointer;
top:30px;
right: 20px;
}
#nav-toggle p{margin: 55px auto 0;font-size: 20px;}
#nav-toggle > div {
position: relative;
width: 30px;
}
#nav-toggle span {
width: 100%;
height: 1px;
left: 0;
display: block;
background: #000;
position: absolute;
transition: top .5s ease, -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out, top .5s ease;
transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 7px;
}
#nav-toggle span:nth-child(3) {
top: 14px;width: 70%;
}


.open #nav-toggle span {
background: #000;
}
.open #nav-toggle span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
top: 8px;
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%;
}

/* z-index */
#nav-toggle {
z-index: 1000;
height: 20px;
}

#container {
z-index: 900;
}

#gloval-nav {
background: #ebe8e1;
font-weight: 500;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990;
text-align: center;
display: flex;
visibility: hidden;
flex-direction: column;
/*justify-content: center;*/
align-items: center;
font-size: 3vw;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
overflow-y: scroll;
text-align: start;
}

#gloval-nav a {
color: #404040;
text-decoration: none;
transition: color .6s ease;
}
#gloval-nav ul a {font-size: 4vw;}

#gloval-nav ul .lang a{background: #dfdcd4;padding: 5px 8px;font-size: 3vw;display: inline-block;}

#gloval-nav ul{
width: 65%;
margin: 80px auto 40px;
font-weight: normal;
}

#gloval-nav ul li {
text-align: center;
float: left;
opacity: 0;
width: 100%;
padding: 15px 0;
}
#gloval-nav ul li img{width: 8%;}
/* open */
.open {
overflow: hidden;
}
.open #gloval-nav {
visibility: visible;
opacity: 1;
}
.open #gloval-nav li {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
transition: opacity .9s ease, -webkit-transform 1s ease;
transition: transform 1s ease, opacity .9s ease;
transition: transform 1s ease, opacity .9s ease, -webkit-transform 1s ease;
}


.delay03_sp{animation-delay: 0.6s;}
.delay04_sp{animation-delay: 0.8s;}

}





/*animate.css*/

@-webkit-keyframes fadeIn {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes fadeIn {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform:translate3d(-25%, 0, 0);
transform:translate3d(-25%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform:translate3d(-25%, 0, 0);
transform:translate3d(-25%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}


@-webkit-keyframes fadeInLeftSmall {
from {
opacity: 0;
-webkit-transform: translate3d(-3%, 0, 0);
transform: translate3d(-3%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInLeftSmall {
from {
opacity: 0;
-webkit-transform: translate3d(-3%, 0, 0);
transform: translate3d(-3%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInLeftSmall {
-webkit-animation-name: fadeInLeftSmall;
animation-name: fadeInLeftSmall;
}


@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(25%, 0, 0);
transform: translate3d(25%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(25%, 0, 0);
transform: translate3d(25%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}


.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.animated.delay-05s {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}


.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}

.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}

.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}

.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}

.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}

.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}

.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}

.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}

.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}