html,body{
    box-sizing: border-box;
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: "yu-mincho-pr6n", sans-serif;
    font-style: normal;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    color: #5E5E5E;
}

a{
    text-decoration: none;
}
a:hover{
    opacity: 0.7;
}
header img.fvimg{
    width: 100%;
    margin: 0;
}

.kikangentei h2{
    color: #D6BE80;
    font-size: 2.5rem;
    font-family: "yu-mincho-pr6n", sans-serif;
    line-height: 3.5rem;
}
.kikangentei h2 span{
    background-color: #D6BE80;
    text-shadow: 3px 3px 10px #333;
    color: #fff;
    padding: 0.2rem 0.3rem;
}

@media screen and (max-width: 590px) {
    html,body{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .kikangentei h2{
        font-size: 1.83rem;
        line-height: 3rem;
    }
}

.kikangentei{
    background: url(./assets/images/sec1.png);
    padding: 10% 5%;
}
.kikangentei h2{
    padding-bottom: 1.5rem;
    border-bottom: 4px solid #D6BE80;
}

.kikangentei_cnt{
    padding-bottom: 7%;
    margin-bottom: 5%;
}
.kikangentei_cnt .productttl{
    text-shadow: 
    #fff 8px 0px 8px, #fff -8px 0px 8px,
    #fff 0px -8px 8px, #fff -8px 0px 8px,
    #fff 8px 8px 8px, #fff -8px 8px 8px,
    #fff 4px -4px 4px, #fff -8px -8px 8px,
    #fff 4px 8px 8px, #fff -4px 8px 8px,
        #fff 4px -8px 8px, #fff -4px -8px 8px,
        #fff 8px 4px 8px, #fff -8px 4px 8px,
        #fff 8px -4px 8px, #fff -8px -4px 8px,
        #fff 4px 4px 8px, #fff -4px 4px 8px,
        #fff 4px -4px 8px, #fff -4px -4px 8px;
        text-align: center;
        margin: 10% 0;
        font-size: 1.2rem;
        line-height: 2.5rem;
}
.kikangentei_cnt p{
    text-align: center;
    margin: 10% 0;
    font-size: 1.2rem;
    line-height: 2.5rem;
}
.kikangentei_cnt p.cnt_price{
    font-size: 2.5rem;
    color: #D6BE80;
    text-align: center;
}
.kikangentei_cnt2{
    border: 1px solid #D6BE80;
    padding: 1rem 2rem;
    text-align: center;
    margin-bottom: 5%;
}
.kikangentei_cnt2 h3{
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.kikangentei_cnt2 .kikangentei_h3{
    font-size: 2.5rem;
    color: #c1a75d;
    text-shadow: 0px 0px 5px #aaa;
}
.kikangentei_cnt .productimg{
    width: 100%;
    margin-top: 5%;
}
.kikangentei_h4{
    text-align: left;
}
.cntimg{
    width: 80%;
    margin: 10%;
}
.cntimg2{
    width: 100%;
}
@media screen and (max-width: 590px) {
    .kikangentei_cnt p.cnt_price{
        font-size: 1.9rem;
    }
    .cnt2first{
        margin-top: 20%;
    }
    .kikangentei_cnt2 h3{
        font-size: 1.2rem;
    }
    .kikangentei_cnt2 p{
        margin-top: 0!important;
    }
    .kikangentei_cnt2 .kikangentei_h3{
        font-size: 1.9rem;
    }
}
/* -------- 4つのポイント --------- */
.point4{
    background: url(./assets/images/cnt2back.png);
    padding: 10% 5%;
}
.point4 .point4_1{
    text-align: center;
    margin-bottom: 20%;
}
.point4 .point4_1 img{
    width: 50%;
    margin: 0 25%;
}
.point4 .point4_1 h2{
    font-size: 2.5rem;
    color: #806213;
}
.point4 .point4_2{
    margin-top: 20%;
}
@media screen and (max-width: 590px) {
    .point4 .point4_1 h2{
        font-size: 2rem;
        margin-top: 0%;
    }
}
.point4 .point4_2 h3{
    font-size: 1.9rem;
    padding-bottom: 1rem;
    border-bottom: 3px solid #5E5E5E;
    margin-bottom: 5%;
    line-height: 2.7rem;
    text-align: center;
    text-shadow: 
    #fff 8px 0px 8px, #fff -8px 0px 8px,
    #fff 0px -8px 8px, #fff -8px 0px 8px,
    #fff 8px 8px 8px, #fff -8px 8px 8px,
    #fff 4px -4px 4px, #fff -8px -8px 8px,
    #fff 4px 8px 8px, #fff -4px 8px 8px,
        #fff 4px -8px 8px, #fff -4px -8px 8px,
        #fff 8px 4px 8px, #fff -8px 4px 8px,
        #fff 8px -4px 8px, #fff -8px -4px 8px,
        #fff 4px 4px 8px, #fff -4px 4px 8px,
        #fff 4px -4px 8px, #fff -4px -4px 8px;
}
.point4 .point4_2 p{
    line-height: 2rem;
    text-shadow: 
    #fff 8px 0px 8px, #fff -8px 0px 8px,
    #fff 0px -8px 8px, #fff -8px 0px 8px,
    #fff 8px 8px 8px, #fff -8px 8px 8px,
    #fff 4px -4px 4px, #fff -8px -8px 8px,
    #fff 4px 8px 8px, #fff -4px 8px 8px,
        #fff 4px -8px 8px, #fff -4px -8px 8px,
        #fff 8px 4px 8px, #fff -8px 4px 8px,
        #fff 8px -4px 8px, #fff -8px -4px 8px,
        #fff 4px 4px 8px, #fff -4px 4px 8px,
        #fff 4px -4px 8px, #fff -4px -4px 8px;
}
.point4 .point4_2 img{
    width: 100%;
    margin: 5% 0;
}
.point4 .point4_22 p{
    line-height: 3rem;
}

.point4_3{
    margin: 15% auto;
}
.point4_3 img{
    margin: 5% 0;
    width: 100%;
}
.point4_3 p{
    line-height: 2rem;
}
@media screen and (max-width: 590px) {
    .point4 .point4_2 h3{
        line-height: 2.2rem;
        font-size: 1.3rem;
    }
    .point4 .point4_22 p{
        font-size: 0.8rem;
        line-height: 2rem;
    }
}

.head-border {
    display: flex;
    font-size: 1.3rem;
    align-items: center;
}
 
.head-border:before,
.head-border:after {
    content: "";
    height: 3px;
    flex-grow: 1;
    background-color: #666;
}
 
.head-border:before {
    margin-right: 1rem;
}
 
.head-border:after {
    margin-left: 1rem;
}
.point4_3 .point4_3img{
    margin: 10% 5%;
    width: 90%;
}
.point4_3 .point4_3img2{
    margin: 10% auto;
}
.point4_3 .point4_3img3{
    margin: 10% auto 0;
}
.point4_3 .point4_3ttl4{
    display: inline-block;
    font-size: 1.2rem;
    border-bottom: 2px solid #5E5E5E;
    padding-bottom: 1px;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.point4_3 .point4_3ttl5{
    display: inline-block;
    font-size: 1.8rem;
    border-bottom: 0px solid #5E5E5E;
    padding-bottom: 1px;
    margin-top: 0;
    margin-bottom: 1rem;
}
@media screen and (max-width: 590px) {
    .point4_3 .point4_3ttl4{
        font-size: 1.2rem;
        padding-bottom: 1px;
        margin-top: 1rem;
        margin-bottom: -1rem;
    }
    .point4_3 .point4_3img2{
        margin: 5% auto 0;
    }
    .point4_3 .point4_3ttl5{
        display: inline-block;
        font-size: 1.8rem;
        border-bottom: 0px solid #5E5E5E;
        padding-bottom: 1px;
        margin-top: 1rem;
        margin-bottom: 0;
    }
}


.cnt44_1{
    background-color: #fff;
    margin-bottom: 10%;
}
.cnt44_1 img{
    margin: 5% 0;
    width: 100%;
}
.cnt44_1 .cnt44_12{
    margin: auto 5%;
}
.cnt44_1 .cnt44_1ttl{
    font-size: 1.4rem;
    margin-bottom: 1rem;
}
.cnt44_1 .cnt44_1ttl2{
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
}
.cnt44_1 .cnt44_1txt{
    line-height: 2rem;
    margin-bottom: 5%;
}
.cnt44_1 h4{
    display: inline-block;
    border-bottom: 2px solid #5E5E5E;
}
.cnt44_1 .flex_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0;
}
.cnt44_1 .flex_wrap p{
    margin: 0;
}

@media screen and (max-width: 590px) {
.cnt44 .head-border{
    margin: 20px 5% 0;
}
.cnt44_1 .cnt44_1ttl{
    font-size: 1.3rem;
    margin-bottom: 1rem;
}
.cnt44_1 .cnt44_1ttl2{
    font-size: 0.8rem;
}
.cnt44_1 h4{
    margin-bottom: 0;
}
.cnt44_1 .cnt44_1txt{
    line-height: 2rem;
    margin-bottom: 0;
    margin-top: 0;
}
.cnt44_1 .flex_wrap p{
    margin: 0;
}
.cnt44_1 .flex_wrap.flex_wrap1{
}
}

.lastcnt{
    background: url(./assets/images/lastback.png);
    padding: 10% 5%;
    text-align: center;
}
.lastcnt img.lastlogo{
    width: 50%;
    margin: 5% 25%;
}
.lastcnt p{
    text-align: center;
    margin-bottom: 10%;
}
.lastcnt a{
    font-size: 2rem;
    border-bottom: 1px solid #000000;
    color: #000000;
    padding-bottom: 0.5rem;
}
.lastcnt img.lastimg{
    margin: 20% 0;
    width: 100%;
}



/*========= レイアウトのためのCSS ===============*/

.wrapper{
    overflow: hidden;
  }
  
  
  .box{
    width: 220px;
    padding: 20px;
    margin:0 20px 20px 0;
    background: #666;
    color: #fff;
    box-sizing:border-box;
  }
  
  
  
  /*==================================================
  ふわっ
  ===================================*/
  
 
/* その場で */
.fadeIn{
    animation-name:fadeInAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeInAnime{
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
    }
    
    /* 下から */
    
    .fadeUp{
    animation-name:fadeUpAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeUpAnime{
      from {
        opacity: 0;
      transform: translateY(100px);
      }
    
      to {
        opacity: 1;
      transform: translateY(0);
      }
    } 
    .fadeInTrigger,
    .fadeUpTrigger,
    .fadeDownTrigger,
    .fadeLeftTrigger,
    .fadeRightTrigger{
        opacity: 0;
    }

/*==================================================
アニメーション設定
===================================*/

/* アニメーションの回数を決めるCSS*/

.count2{  
  animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}

.countinfinite{  
  animation-iteration-count: infinite;/*無限ループ*/
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time05{  
  animation-delay: 0.5s;
}

.delay-time1{  
  animation-delay: 1s;
}

.delay-time15{  
  animation-delay: 1.5s;
}

.delay-time2{  
  animation-delay: 2s;
}

.delay-time25{  
  animation-delay: 2.5s;
}

/* アニメーション自体が変化する時間を決めるCSS*/

.change-time05{  
  animation-duration: 0.5s;
}

.change-time1{  
  animation-duration: 1s;
}

.change-time15{  
  animation-duration: 1.5s;
}

.change-time2{  
  animation-duration: 2s;
}

.change-time25{  
  animation-duration: 2.5s;
}