@charset "UTF-8";
@media (min-width: 576px) and (max-width: 767.98px), (min-width: 768px) and (max-width: 991.98px), (min-width: 992px) and (max-width: 1199.98px), (min-width: 1200px) {
  .xs {
    display: none;
  }
}
@media (max-width: 575.98px), (min-width: 768px) and (max-width: 991.98px), (min-width: 992px) and (max-width: 1199.98px), (min-width: 1200px) {
  .sm {
    display: none;
  }
}
@media (max-width: 575.98px), (min-width: 576px) and (max-width: 767.98px), (min-width: 992px) and (max-width: 1199.98px), (min-width: 1200px) {
  .md {
    display: none;
  }
}
@media (max-width: 575.98px), (min-width: 576px) and (max-width: 767.98px), (min-width: 768px) and (max-width: 991.98px), (min-width: 1200px) {
  .lg {
    display: none;
  }
}
@media (max-width: 575.98px), (min-width: 576px) and (max-width: 767.98px), (min-width: 768px) and (max-width: 991.98px), (min-width: 992px) and (max-width: 1199.98px) {
  .xl {
    display: none;
  }
}
@media (min-width:768px) {
  *:not(body).sp {
    display: none;
  }
}
@media (max-width:767.98px) {
  *:not(body).pc {
    display: none;
  }
}
.c1 {
  color: #027EEE;
}

.c2 {
  color: #F7F9FA;
}

.c3 {
  color: #EE6F00;
}

.c4 {
  color: #183C68;
}

.c5 {
  color: linear-gradient(120deg, #ed6c00 0%, #ffa200 100%);
}

.bs1 {
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

.ts1 {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

@media (max-width:767.98px) {
  .page--top_visual:after {
    padding-top: 100%;
  }
}
.page--item_list {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width:767.98px) {
  .page--item_list {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}




#feature .feature .main_v{position: relative;}
#feature .feature .main_v .logo{position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
#feature .feature .main_v .logo .pc img{width: 60%;}
.layout--head{width: 100%;    position: absolute; top:0;}
#feature .feature .item{ background: #E2DFD2; padding: 50px 0;}
#feature .feature .item h2{     text-align: center; color: #AF7F7F; margin-bottom: 30px;}
#feature .feature .item h2 span{     display: block; font-size: 0.5em;}
#feature .feature .item .box{background: #fff; padding: 50px; margin-bottom: 50px;}
#feature .feature .item .box:not(:last-child){background: #fff; padding: 50px; margin-bottom: 50px;}
#feature .feature .item .i_unit:not(:first-child){padding: 50px 0;}
#feature .feature .item .i_unit:not(:last-child){border-bottom: 4px dotted #E2DFD2;}
#feature .feature .item .i_unit:first-child{padding-bottom: 50px;}
#feature .feature .item .i_unit .text h3,#feature .feature .item .i_unit .image h3{  -webkit-text-stroke: 0.25px #ebebeb; text-stroke: 0.25px #ebebeb;}
#feature .feature .item .i_unit .text .n2{  padding: 15px 0; margin: 30px 0; display: flex;
    align-items: center;}
#feature .feature .item .i_unit .text .n2 .num{ width: 50px; height: 50px; background: #AF7F7F; display: flex; align-items: center; justify-content: center; border-radius: 50px; color: #fff; font-weight: bold; font-size: 1.25em;}
#feature .feature .image img{max-height: 350px; width: 100%; object-fit: contain;}
#feature .feature .item .i_unit .text .n2 .name_yen{width: calc(100% - 50px); padding-left:20px; font-weight: bold;}
#feature .feature .item .i_unit .text .comment{margin-bottom: 30px;}
#feature .feature .item .i_unit .text .btn a{background: #E8EAEB; color: #000000; text-decoration: none; width: 150px; display: inline-block; text-align: center; border-radius: 50px; padding: 10px 0;}
#feature .feature .item .i_unit._right .text{    order: 1;}
#feature .feature .item .i_unit._right .image{    order: 2;}
@media(min-width: 768px){
    #feature .feature .item .box{padding: 50px 30px; margin-bottom: 30px;}
    #feature .feature .item .i_unit .text .n2{    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;}
    #feature .feature .item .i_unit{display: flex; align-items: center;}
    #feature .feature .item .i_unit .image,#feature .feature .item .i_unit .text{width: 50%;}
}
@media(max-width: 767.98px){
    #feature .feature .main_v .logo{width: 80%;}
#feature .feature .item .i_unit .text .btn{text-align: center;}
#feature .feature .item .i_unit .image h3{text-align: center; margin-bottom: 30px;}
}