@charset "UTF-8";
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,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
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;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#FFF;color:#222222;text-decoration:none;}
mark{background-color:#FFF;color:#222222;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #222222;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
ul{list-style:none;}
html{font-size:62.5%;}
body{font-family:"Noto Serif JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#000000;letter-spacing:0;}
a{color:#000;text-decoration:none;transition:.25s ease;outline:none;}
img{vertical-align:top;}
select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;border:0;margin:0;padding:0;background:none transparent;vertical-align:middle;font-size:inherit;color:inherit;box-sizing:content-box;}
select::-ms-expand{display:none;}
input,textarea{box-shadow:none;}
input:focus,textarea:focus{outline:none;}
button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit;}
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;}
button,input{overflow:visible;}
html{scroll-padding-top: 145px;}
a:hover{opacity:0.7;}
.pc{display:block;}
.sp{display:none;}
@media only screen and (max-width:768px){
  html{scroll-padding-top: 14vw;}
  body{font-size:3vw;}
  main{overflow:hidden;position:relative;}
  .pc{display:none!important;}
  .sp{display:block!important;}
  a:hover{opacity:1;}
}

/* =========================================================
  共通
========================================================= */
.pankuzu{width:95%;max-width:1240px;margin:0 auto;list-style:none;display:flex;font-family:"Montserrat";font-weight:400;font-size:12px;}
.pankuzu li{display:flex;}
.pankuzu li:first-of-type:after{content:"／";display:block;margin:0 10px;}
section{position:relative;}
.content_titie{font-family:"Montserrat";font-weight:400;font-size:50px;color:#4E2C20;text-align:center;}
.lead_txt{text-align:center;line-height:2.5;font-size:16px;margin:30px auto 0;}
.inner{width:95%;max-width:1240px;margin:0 auto;}
@media only screen and (max-width:1240px){
  .inner{width:95%;}
  .pankuzu{width:95%;}
}
@media only screen and (max-width:768px){
  .content_titie{font-size:8vw;letter-spacing:0.4vw;}
  .lead_txt{font-size:3.7333vw;margin:5vw auto 0;line-height:2.29;letter-spacing:0.1866vw;}
  .inner{width:89.333vw;}
}

/* =========================================================
  パララクス
========================================================= */
.parallax_pc{top:-630px;left:570px;position:fixed;width:1458px;height:1516px;z-index:-1;}
@media only screen and (max-width:1240px){
  .parallax_pc{top:-50.806vw;left:45.968vw;width:117.581vw;height:122.258vw;}
}
@media only screen and (max-width:768px){
  .parallax_pc{display:none;}
  .parallax_sp_01{top:-55vw;left:24vw;position:fixed;width:140vw;height:146.66vw;z-index:-1;}
}

/* =========================================================
  header
========================================================= */
header{width:100%;height:auto;z-index:100;position:fixed;left:0;font-family:"Montserrat";font-weight:400;background:#FFF;}
header .inner{display:flex;align-items:center;justify-content:space-between;margin:60px auto;}
header .logo img{width:auto;}
header .logo.active{display:block;opacity:1.0;transform:translate(0,0);pointer-events:painted;}
header.active{background:#FFF;}
#header__nav .header__navLogo,#header__nav_sp,#header__menuBtn{display:none;}
.body_pc header a:hover{opacity:0.5;}
header #header__nav{display:flex;-ms-flex-pack:end;justify-content:right;}
header #header__nav ul{margin:0;display:flex;justify-content:left;}
header #header__nav ul{float:right;font-size:16px;}
header #header__nav ul li{margin:0 28px;}
header #header__nav ul li:last-of-type{margin:0 0 0 73px;}
header #header__nav ul a{color:#000;}
@media only screen and (max-width:1240px){
  header #header__nav ul li{margin:0 2vw 0 0;}
  header #header__nav ul li:last-of-type{margin:0 0 0 5vw;}
}
@media only screen and (max-width:768px){
  header{height:auto;border-bottom:none;overflow:hidden;}
  header.on{background:#FFF;}
  header .header_bg_01{position:absolute;display:none;}
  header.on .header_bg_01{position:fixed;display:block;top:-55vw;left:24vw;width:140vw;height:146.66vw;z-index:-1;}
  header .inner{width:100%;margin:5.333vw;}
  header .logo{width:59.290vw;margin:0;transform:translate(0,0);opacity:1;z-index:10000;position:relative;}
  header .logo img{height:auto;width:100%;}
  header #header__nav ul{display:none;}
  #header__nav{display:none;}
  #header__nav_sp{display:block;visibility:hidden;opacity:0;width:100%;position:fixed;top:13vw;z-index:1000;min-height:100vh;min-height:-webkit-fill-available;background:#FFF;background-repeat:no-repeat;background-position:right -13.066vw;}
  #header__nav_sp .header__navLogo{text-align:center;margin:70px 0 45px;display:block;}
  #header__nav_sp .header__navLogo img{width:30vw;}
  #header__nav_sp ul{-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100vw;margin:0 auto 0;text-align:left;padding:0 0 0 9.3vw;}
  #header__nav_sp ul li{width:auto;margin:0;padding:.5vw;margin:0 auto 7vw;font-size:5.3vw;}
  #header__nav_sp ul li a{color:#000;}
  #header__nav_sp ul li img{width:100%;}
  #header__nav_sp.on{visibility:visible;opacity:1;display:flex;align-items:center;}
  #header__menuBtn{width:18vw;height:15vw;position:fixed;top:0;right:0;z-index:1001;display:block;}
  #header__menuBtn span{width:8vw;height:1px;display:block;right:5.33vw;position:absolute;background:#4E2C20;transition:.25s ease;border-radius:100px;}
  #header__menuBtn span:nth-child(1){top:4.53vw;}
  #header__menuBtn span:nth-child(2){top:6.66vw;}
  #header__menuBtn span:nth-child(3){top:8.8vw;}
  #header__menuBtn.on span:nth-child(1){top:6.66vw;transform:rotate(45deg);}
  #header__menuBtn.on span:nth-child(2){opacity:0;}
  #header__menuBtn.on span:nth-child(3){top:6.66vw;transform:rotate(135deg);}
}

/* =========================================================
    #footer
========================================================= */
footer{position:relative;background:#4E2C20;padding:100px 0;margin:200px auto 0;text-align:center;}
footer .inner{max-width:1200px;color:#FFFFFF;}
footer .txt{margin:60px auto 0;font-size:16px;line-height:2;letter-spacing:0.8px;}
footer small{font-size:14px;display:block;margin:60px auto 0;}
@media only screen and (max-width:768px){
  footer{padding:0 0;margin:40vw auto 0;}
  footer .inner{padding:26.666vw 0;}
  footer img{width:42.906vw;}
  footer .txt{margin:8vw auto 0;font-size:3.7333vw;letter-spacing:0.186vw;}
  footer small{font-size:3.2vw;margin:6vw auto 0;}
}

/* =========================================================
    header　スマホ縦
========================================================= */
@media screen and (max-width:896px) and (orientation:landscape){
  #header__nav_sp .header__navInner{overflow:scroll;height:100vh;}
}