@charset "UTF-8";
.inc-a-li-01 { display: none; }

.inc-a-li-02 { display: none; }

@media screen and (min-width: 768px), print { body { background-color: #fcf6f0; }
  main { color: #1f1d18; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 32px; }
  .p-mb { margin-bottom: 32px; }
  .seo_bread_list { margin-bottom: 5px; }
  .o-box .inner .bg-box {width: 1100px;margin: 0 auto;background-image: url(../images/guide/bg-01.png);background-repeat: no-repeat;background-position: center 0;padding: 36px 5px 16px 5px;margin-bottom: 38px;}
  .o-box .inner .bg-box .ttl-box .s-ttl { text-align: center; position: relative; }
  .o-box .inner .bg-box .ttl-box .s-ttl::before{content: url(../images/guide/main-line01.png);position: absolute;top: 1px;left: 385px;transform: scale(1);}
  .o-box .inner .bg-box .ttl-box .s-ttl .ss { display: inline-block; color: #ffffff; font-size: 20px; font-weight: 700; letter-spacing: 1px; background-image: url(../images/guide/ttl-l.svg), url(../images/guide/ttl-r.svg); background-repeat: no-repeat; background-position: 0 0,right -10px top 0; padding-left: 60px; padding-right: 60px; margin-bottom: 16px; }
  .o-box .inner .bg-box .ttl-box .s-ttl .ss2 { display: block; color: #ffffff; font-size: 40px; font-weight: 700; letter-spacing: 4.8px; margin-bottom: 232px; }
  .o-box .inner .bg-box .bd-box {width: 815px;margin: 0 auto;padding: 29px 5px 18px 5px;border: 2px solid #1f1d18;background-color: #ffffff;color: #1f1d18;font-size: 18px;font-weight: 700;letter-spacing: 0.9px;line-height: 34px;text-align: center;}
  .o-box .inner .s-ttl2 { text-align: center; color: #462e1d; font-size: 40px; font-weight: 700; letter-spacing: 2px; background-image: url(../images/guide/line-01.svg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 38px; margin-bottom: 31px; }
  .o-box .inner .txt-box { width: 674px; margin: 0 auto; margin-bottom: 122px; }

  /*============================ #box-01 ============================*/
  #box-01 .inner .ttl {text-align: center;color: #462e1d;font-size: 36px;font-weight: 700;letter-spacing: 1.8px;line-height: 60px;padding-bottom: 18px;margin-bottom: 73px;background-image: url(../images/guide/line-01.svg);background-repeat: no-repeat;background-position: center bottom;}
  #box-01 .inner .bg-box {background-image: url(../images/guide/bg-img-01.jpg);background-repeat: repeat-y;background-position: center 0;padding-bottom: 46px;}
  #box-01 .inner .bg-box .w-box {width: 1060px;margin: 0 auto;margin-bottom: 34px;-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);border-radius: 17px;background-color: #ffffff;position: relative;top: -28px;padding: 51px 180px 25px 180px;}
  #box-01 .inner .bg-box .w-box .list > li {font-size: 20px;font-weight: 700;letter-spacing: 1px;padding-left: 63px;padding-bottom: 13px;padding-top: 0px;margin-bottom: 16px;background-image: url(../images/guide/ch.svg), url(../images/guide/line-02.svg);background-repeat: no-repeat;background-position: 26px 4px,0 bottom;}
  #box-01 .inner .bg-box .w-box .deco-01 {position: absolute;right: 27px;bottom: 51px;}
  #box-01 .inner .bg-box .w-box .deco-02 {position: absolute;left: 40px;bottom: 63px;}
  #box-01 .inner .bg-box .w-box .deco-03 {width: 51px;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: -74px;z-index: 3;}
  #box-01 .inner .bg-box .s-bg-box {width: 900px;margin: 0 auto;padding: 18px 5px 22px 5px;background-color: #f99053;position: relative;}
  #box-01 .inner .bg-box .s-bg-box .deco-04 {position: absolute;top: -44px;left: -65px;}
  #box-01 .inner .bg-box .s-bg-box .txt-01 { color: #462e1d; font-size: 40px; font-weight: 700; letter-spacing: 2px; line-height: 60px; text-align: center; }
  /*============================ #box-02 ============================*/
  #box-02 {background-color: #e8e1cf;padding-top: 90px;padding-bottom: 187px;}
  #box-02 .inner {width: 1100px;margin: 0 auto;-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);border-radius: 17px;background-color: #ffffff;padding: 40px 50px 51px 50px;}
  #box-02 .inner .txt-deco-box {width: 920px;margin: 0 auto;margin-bottom: 33px;background-color: #a79017;border-radius: 30px;padding: 16px 5px 14px 5px;color: #ffffff;font-size: 24px;font-weight: 700;letter-spacing: 1.2px;text-align: center;position: relative;}
  #box-02 .inner .txt-deco-box .deco {width: 32px;margin: 0 auto;position: absolute;left: 0;right: 5px;bottom: -22px;}
  #box-02 .inner .ttl { text-align: center; font-size: 30px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 36px; }
  #box-02 .inner .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #box-02 .inner .flex-01 .box-l { width: 360px; margin-right: 50px; }
  #box-02 .inner .flex-01 .box-r {width: 590px;margin-top: -4px;}
  /*============================ #box-03 ============================*/
  #box-03 .inner-wap {background-color: #e8e1cf;padding-bottom: 100px;margin-bottom: 119px;}
  #box-03 .inner-wap .ttl-box {background-image: url(../images/guide/bg-img-02.jpg);background-repeat: no-repeat;background-position: center 0;min-height: 310px;position: relative;padding-top: 36px;}
  #box-03 .inner-wap .ttl-box .ttl-num {width: 149px;margin: 0 auto;position: absolute;left: 0;right: 0;top: -132px;}
  #box-03 .inner-wap .ttl-box .txt-01 {color: #ffffff;font-size: 20px;font-weight: 700;letter-spacing: 1px;text-align: center;margin-bottom: 17px;}
  #box-03 .inner-wap .ttl-box .s-ttl { color: #ffffff; font-size: 40px; font-weight: 700; letter-spacing: 2px; text-align: center; }
  #box-03 .inner-wap .num-list {position: relative;margin-top: -149px;}
  #box-03 .inner-wap .num-list > li {background-color: #ffffff;width: 1200px;margin: 0 auto;border: 1px solid #462e1d;position: relative;padding: 50px 50px 50px 50px;margin-bottom: 49px;}
  #box-03 .inner-wap .num-list > li .inner .num-01 {position: absolute;top: 21px;left: 0;z-index: 10;}
  #box-03 .inner-wap .num-list > li .inner .abs-box .abs-rel-box {position: relative;width: 500px;min-height: 430px;margin-left: auto;margin-bottom: 44px;padding-top: 61px;}
  #box-03 .inner-wap .num-list > li .inner .abs-box .abs-rel-box .abs-ttl {color: #a79017;font-size: 28px;font-weight: 700;letter-spacing: 1.4px;line-height: 40px;margin-bottom: 22px;}
  #box-03 .inner-wap .num-list > li .inner .abs-box .abs-rel-box .abs-pic-box {position: absolute;top: 0px;left: -599px;}

  #box-03 .inner-wap .num-list > li:last-child{
    margin-bottom: 0;
  }

  #box-03 .inner-wap .num-list > li.li-02 .inner .abs-box .abs-rel-box{
    padding-top: 43px;
    margin-bottom: 0px;
  }
  #box-03 .inner-wap .num-list > li.li-03 .inner .abs-box .abs-rel-box{
    padding-top: 16px;
  }


  #box-03 .inner-wap .num-list > li .inner .s-box {background-color: #e8e1cf;position: relative;/* margin-top: -57px; */}
  #box-03 .inner-wap .num-list > li .inner .s-box .deco {position: absolute;top: -31px;left: 11px;}
  #box-03 .inner-wap .num-list > li .inner .s-box .bg-ttl-box {background-image: url(../images/guide/ttl-bg-01.jpg);background-repeat: no-repeat;background-position: center 0;padding: 21px 5px 21px 202px;}
  #box-03 .inner-wap .num-list > li .inner .s-box .bg-ttl-box .sttl { color: #ffffff; font-size: 26px; font-weight: 700; letter-spacing: 1.3px; }
  #box-03 .inner-wap .num-list > li .inner .s-box .txt-02 {padding: 24px 32px 30px 203px;}
  .em {background-image: url(../images/guide/pic-a-04.jpg);background-repeat: no-repeat;background-position: center bottom;padding-bottom: 307px;margin-bottom: 30px;}
  .em .txt-01 {width: 871px;margin: 0 auto;background-color: #fcf6f0;padding: 5px 5px 55px 5px;text-align: center;color: #462e1d;font-size: 26px;font-weight: 700;letter-spacing: 1.3px;line-height: 50px;}


}


@media screen and (max-width: 767px) { body { background-color: #fcf6f0; }
main { color: #1f1d18; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.382vw; font-weight: 500; letter-spacing: 0.169vw; line-height: 6.039vw; }
.p-mb { margin-bottom: 1.8rem; }
.seo_bread_list { margin-bottom: 1.932vw; }
.o-box .inner .bg-box {width: 100%;margin: 0 auto;background-image: url(../images/guide/sp-bg-01.png);background-repeat: no-repeat;background-position: center 0;background-size: 100%;padding: 2.899vw 1.208vw 3.865vw 1.208vw;margin-bottom: 2.831vw; position: relative;}
.o-box .inner .bg-box .ttl-box .s-ttl::before{content: url(../images/guide/sp-main-line01.png);position: absolute;top: 0vw;left: -5vw;transform: scale(0.55);}
.o-box .inner .bg-box .ttl-box .s-ttl { text-align: center; }
.o-box .inner .bg-box .ttl-box .s-ttl .ss { display: inline-block; color: #ffffff; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.242vw; background-image: url(../images/guide/ttl-l.svg), url(../images/guide/ttl-r.svg); background-repeat: no-repeat; background-position: 0 0,right -2.415vw top 0; padding-left: 7.729vw; padding-right: 7.729vw; margin-bottom: 2.174vw; }
.o-box .inner .bg-box .ttl-box .s-ttl .ss2 { display: block; color: #ffffff; font-size: 6.039vw; font-weight: 700; letter-spacing: 1.159vw; margin-bottom: 41.063vw; }
.o-box .inner .bg-box .bd-box { width: 84.541vw; margin: 0 auto; padding: 4vw 5vw 4vw; border: 2px solid #1f1d18; background-color: #ffffff; color: #1f1d18; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.217vw; }
.o-box .inner .s-ttl2 { text-align: center; color: #462e1d; font-size: 4.831vw; font-weight: 700; letter-spacing: 0.483vw; background-image: url(../images/guide/line-01.svg); background-repeat: no-repeat; background-position: center bottom; background-size: 14vw; padding-bottom: 4.589vw; margin-bottom: 7.488vw; }
.o-box .inner .txt-box { width: 88vw; margin: 0 auto; margin-bottom: 11.594vw; }


/*============================ #box-01 ============================*/
#box-01 .inner .ttl {
text-align: center;
color: #462e1d;
font-size: 4.831vw;
font-weight: 700;
letter-spacing: 0.483vw;
background-image: url(../images/guide/line-01.svg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 14vw;
padding-bottom: 4.589vw;
margin-bottom: 13vw;
line-height: 1.7;
}
#box-01 .inner .bg-box {background-image: url(../images/guide/sp-bg-img-01.jpg);background-repeat: repeat-y;background-position: center 0;background-size: 100%;padding-bottom: 7.729vw;}


#box-01 .inner .bg-box .w-box {
width: 91.787vw;
margin: 0 auto;
margin-bottom: 2.899vw;
-webkit-box-shadow: 0 0.725vw 1.449vw rgba(0, 0, 0, 0.16);
box-shadow: 0 0.725vw 1.449vw rgba(0, 0, 0, 0.16);
border-radius: 4.106vw;
background-color: #ffffff;
position: relative;
top: -7.488vw;
padding: 6vw 4vw 6vw;
}

#box-01 .inner .bg-box .w-box .list > li {font-size: 3.865vw;font-weight: 700;letter-spacing: 0.242vw;padding-left: 7.246vw;padding-bottom: 3.14vw;padding-top: 0;margin-bottom: 3.865vw;background-image: url(../images/guide/ch.svg), url(../images/guide/line-02.svg);background-repeat: no-repeat;background-position: 0 0.966vw,0 bottom;background-size: 4vw,170vw;}
#box-01 .inner .bg-box .w-box .deco-01 {position: absolute;right: 6.522vw;bottom: 12.319vw;}
#box-01 .inner .bg-box .w-box .deco-02 {
  width: 74.275vw;
  margin: 0 auto;
}
#box-01 .inner .bg-box .w-box .deco-03 {width: 9vw;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: -12.319vw;z-index: 2;}
#box-01 .inner .bg-box .s-bg-box {width: 80vw;margin: 0 auto;padding: 5vw 4vw 4vw;background-color: #f99053;position: relative;}
#box-01 .inner .bg-box .s-bg-box .deco-04 {width: 24vw;position: absolute;top: -14.493vw;left: -9.903vw;}
#box-01 .inner .bg-box .s-bg-box .txt-01 {color: #462e1d;font-size: 4.348vw;font-weight: 700;letter-spacing: 0.483vw;line-height: 1.5;text-align: center;}
/*============================ #box-02 ============================*/
#box-02 {background-color: #e8e1cf;padding-top: 7.729vw;padding-bottom: 23.188vw;}
#box-02 .inner {width: 92vw;margin: 0 auto;-webkit-box-shadow: 0 0.725vw 1.449vw rgba(0, 0, 0, 0.16);box-shadow: 0 0.725vw 1.449vw rgba(0, 0, 0, 0.16);border-radius: 4.106vw;background-color: #ffffff;padding: 4vw;}
#box-02 .inner .txt-deco-box {width: 100%;margin: 0 auto;margin-bottom: 4.831vw;background-color: #a79017;border-radius: 7.246vw;padding: 3.865vw 1.208vw 3.382vw 1.208vw;color: #ffffff;font-size: 3.865vw;font-weight: 700;letter-spacing: 0.29vw;text-align: center;position: relative;}
#box-02 .inner .txt-deco-box .deco {width: 100%;margin: 0 auto;position: absolute;left: 0;right: 1.208vw;bottom: -3.865vw;}
#box-02 .inner .ttl {text-align: center;font-size: 4.348vw;font-weight: 700;letter-spacing: 0.362vw;line-height: 1.5;margin-bottom: 4vw;}
#box-02 .inner .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#box-02 .inner .flex-01 .box-l {margin-bottom: 4vw;}
#box-02 .inner .flex-01 .box-r {width: 100%;margin-top: -0.966vw;letter-spacing: 0.266vw;}
/*============================ #box-03 ============================*/
#box-03 .inner-wap {background-color: #e8e1cf;padding-bottom: 11.594vw;margin-bottom: 7.729vw;}
#box-03 .inner-wap .ttl-box {background-image: url(../images/guide/bg-img-02.jpg);background-repeat: repeat;background-position: center 0;background-size: 32vw;position: relative;padding-top: 8.696vw;padding-bottom: 14.493vw;}
#box-03 .inner-wap .ttl-box .ttl-num {width: 21vw;margin: 0 auto;position: absolute;left: 0;right: 0;top: -17.391vw;}
#box-03 .inner-wap .ttl-box .txt-01 {color: #ffffff;font-size: 3.382vw;font-weight: 700;letter-spacing: 0.242vw;text-align: center;margin-bottom: 1.932vw;}
#box-03 .inner-wap .ttl-box .s-ttl {color: #ffffff;font-size: 4.831vw;font-weight: 700;letter-spacing: 0.483vw;text-align: center;}
#box-03 .inner-wap .num-list {position: relative;margin-top: -8.937vw;}
#box-03 .inner-wap .num-list > li {background: linear-gradient(180deg, #f99053 0%, #f99053 20vw, #ffffff 20vw, #ffffff 100%);width: 88vw;margin: 0 auto;border: 1px solid #462e1d;position: relative;padding: 25vw 4vw 4vw;margin-bottom: 7.729vw;}
#box-03 .inner-wap .num-list > li .inner .num-01 {position: absolute;top: .8vw;left: 5vw;right: 0;z-index: 10;width: 25vw;margin: 0 auto;}
#box-03 .inner-wap .num-list > li .inner .abs-box .abs-rel-box {position: relative;width: 100%;min-height: 103.865vw;margin-left: auto;margin-bottom: 9.662vw;}
#box-03 .inner-wap .num-list > li .inner .abs-box .abs-rel-box .abs-ttl {color: #a79017;font-size: 4.348vw;font-weight: 700;letter-spacing: 0.338vw;line-height: 1.5;margin-bottom: 4vw;text-align: center;}
#box-03 .inner-wap .num-list > li .inner .abs-box .abs-rel-box .abs-pic-box {
  margin-bottom: 4vw;
}

#box-03 .inner-wap .num-list > li:last-child{
margin-bottom: 0;
}
#box-03 .inner-wap .num-list > li.li-02 .inner .abs-box .abs-rel-box{
margin-bottom: 2.415vw;
}

#box-03 .inner-wap .num-list > li .inner .s-box {background-color: #e8e1cf;position: relative;/* margin-top: -13.768vw; */}
#box-03 .inner-wap .num-list > li .inner .s-box .deco {position: absolute;top: -7.729vw;left: 0;right: 0;width: 21vw;margin: 0 auto;}
#box-03 .inner-wap .num-list > li .inner .s-box .bg-ttl-box {background-image: url(../images/guide/ttl-bg-01.jpg);background-repeat: repeat;background-position: center 0;padding: 13vw 4vw 3vw;}
#box-03 .inner-wap .num-list > li .inner .s-box .bg-ttl-box .sttl {color: #ffffff;font-size: 4.348vw;font-weight: 700;letter-spacing: 0.314vw;line-height: 1.6;text-align: center;}
#box-03 .inner-wap .num-list > li .inner .s-box .txt-02 {padding: 4vw 4vw 5vw;}
.em {background-image: url(../images/guide/sp-pic-a-04.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: 100%;padding-bottom: 65.942vw;/* margin-bottom: 7.246vw; */}
.em .txt-01 {width: 88vw;margin: 0 auto;background-color: #fcf6f0;padding: 4vw;text-align: center;color: #462e1d;font-size: 4.348vw;font-weight: 700;letter-spacing: 0.314vw;line-height: 1.5;}
}
/*# sourceMappingURL=page-guide.css.map */