/** Shopify CDN: Minification failed

Line 129:0 Unexpected ".0001"

**/


.scrolldown4{
    /*描画位置※位置は適宜調整してください*/
  position:fixed;
  bottom:51%;
  right:5%;
    /*矢印の動き1秒かけて永遠にループ*/
  animation: arrowmove 3s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:51%;}
      50%{bottom:53%;}
     100%{bottom:51%;}
 }

/*Scrollテキストの描写*/
.scrolldown4 span{
    /*描画位置*/
  position: absolute;
  left:-30px;
  bottom:3px;
    /*テキストの形状*/
  color: #eee;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
}

.scrolldown4:after{
  content:"";
    /*描画位置*/
  position: absolute;
  bottom:0;
  right:0;
    /*矢印の形状*/
  width:1px;
  height: 50px;
  background:#eee;
}

/* パララックス */

body {
  margin: 0;
}
._parallax {
  margin: 0;
   z-index: 0;
}
._parallax_text {
  animation-name: fadein;
  animation-duration: 3s;
  background: #ffff;
  background:rgb(255, 254, 242);
  color: #273526;
  border: solid 3px transparent;
  box-sizing: border-box;
  display:;
  place-items: center;
  margin: 0;
  padding: 0 calc(40% - 170px);
  min-height: 80vh;
  position: relative;
  z-index: 1;
  text-align:center;
 font-family:new-order,serif;
}

@keyframes fadein{
    from{
    opacity: 0;
    transform: translatey(20px);
    }
    to{
    opacity: 1;
    transform: translatey(0);
    }
}

._parallax.is-semitransparent ._parallax_text {
  opacity: 0.75;
}
._parallax_text:not(:first-child) {
  margin-top: 0;
}
._parallax_text:not(:last-child) {
  margin-bottom:0;
}
._parallax_img {
  background: #fff;
  height: 100%;
  margin: 0;
  position: sticky;
  top: 0;
}
._parallax_img img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  
}

.0001 {
  font-size: 40px;
}


.bg_test {
    background-color:;   /* 背景色指定 */
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.c1 { display: block !important; }
.c2 { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .c1 { display: none !important; }
    .c2 { display: block !important; }
}

.logo1{
  position:absolute;
  top: 20%; 
  left: 34%;
}


#popup {
 display: none;
 /* label ??????????? input ????? */ }
 .popup-open {

 cursor: pointer;
 /* ??????????????????????????????????????????? */ }
 .popup-overlay {
 display: none;
 /* input ??????????????? */ }
 #popup:checked ~ .popup-overlay {
 display: block;
 z-index: 99999;
 background-color: #00000070;
 position: fixed;
 width: 100%;
 height: 100vh;
 top: 0;
 left: 0;
 }
 .popup-window {
 width: 90vw;
 max-width: 560px;
 padding: 20px;
 background-color: #ffffff;
 border-radius: 6px;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 }
 .popup-text {
 margin: 0;
 }
 .popup-text:not(:last-of-type) {
 margin-bottom: 1em }



.TOP{
 padding: 10% 25% 0%;
}

@media only screen and (max-width: 850px) {
.TOP{
padding: 30% 25% 0%;
}
}
.TOP img{
  width:100%;
  vertical-align: bottom;

}

.sec2
{ background:#F4F2EE; 
 color:#231815;
	height: 100%;}

.block{ 
  margin-top: 0 ;
  margin-bottom: 0;
  margin-right: 2em ;
  margin-left: 2em ;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 20px;
  }
@media only screen and (max-width: 749px) {
  .block {
  margin:0 1em;
 display: flex;
    flex-direction: column;
  }
}



.text-block{
  padding: 3em;
  border: 1px solid #231815;
  border-radius:4px;
}

@media only screen and (max-width: 768px) {
 .text-block{
    padding: 0px 10px;
   border: 1px solid #231815;
  border-radius:4px;
   
  }
}

.tittle01{
  text-align:center;
  margin: 0px 0px 0px;
  font-size:50px;
}

@media only screen and (max-width: 768px) {
 .tittle01{
  text-align:center;
   margin: 20px 0px 0px;
  font-size:40px;
}
}





.accordionS {
margin: 3em auto;
max-width: 60vw;

}
.toggleS {
display: none;
}
.optionS {
position: relative;
margin-bottom: 1em;
}
.titleS,
.contentS {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.titleS {
border: solid 1px #ccc;
padding: 1em;
display: block;
color: #333;
font-weight: bold;
border-radius:3px;
text-align: center;
}
.titleS::after,
.titleS::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.titleS::after {
transform: rotate(90deg);
}
.contentS {
max-height: 0;
overflow: hidden;
}
.contentS p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.toggleS:checked + .titleS + .contentS {
max-height: 100%;
transition: all 1.5s;
}
.toggleS:checked + .titleS::before {
transform: rotate(90deg) !important;
}

  input[name="ga"] {
   display: none;
}