@charset "UTF-8";
@media screen and (min-width: 768px),print {
html,body{overflow-x: visible;}
.main-title{background: url(../images/flow/h1.jpg)no-repeat top center; background-size: cover;}

#contentsmain {margin: -74px auto 130px auto;padding: 0 2.6rem 0 2.6rem;max-width: 1152px;position: relative;display: flex;gap: 3rem;align-items: flex-start;padding-top: 100px;}
#contentsmain .ttl-Box {flex-shrink: 0;position: sticky;align-self: flex-start;top: 120px;padding-top: 0;text-align: center;width: 313px;}
#contentsmain .ttl-Box span.img {display: block;line-height: 1;margin-bottom: 17px;}
#contentsmain .ttl-Box span.img img {  }
#contentsmain .ttl-Box h2 {font-size: 2.3rem;line-height: 1.8;font-weight: 500;letter-spacing: 0.46rem;margin-bottom: 0px;position: relative;}
#contentsmain .inner-Box { flex-grow: 1;}
#contentsmain .minBox {position: relative;border-radius: 20px;background: #fff;margin-bottom: 41px;padding: 42px 40px 40px 150px;}
#contentsmain .minBox::before{content: "";background: url(../images/flow/line.svg);height: 40px;width: 2px;position: absolute;bottom: -42px;left: 50%;transform: translateX(-50%);background-size: 100% auto;}
#contentsmain .minBox p.stepno {font-size: 1.8rem;line-height: 1.2;font-weight: 500;letter-spacing: 0.126rem;margin-bottom: 30px;width: 82px;height: 82px;background: #FCA98B;border-radius: 50%;text-align: center;position: absolute;top: 42px;left: 39px;padding: 24px 0 0;}
#contentsmain .minBox h3 {background: url(../images/common/line.svg)repeat-x bottom left;font-size: 2rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.2rem;margin-bottom: 15px;position: relative;padding-bottom: 12px;}
#contentsmain .minBox p.steptext {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0.16rem;margin-bottom: 18px;position: relative;}
#contentsmain .minBox ul{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;max-width: 430px;}
#contentsmain .minBox ul li { position: relative; }
#contentsmain .minBox p.ltext {font-size: 1.6rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.16rem;margin-bottom: 0;position: relative;padding-left: 7px;margin-right: 29px;}
#contentsmain .minBox p.ltext::before{ content: ""; display: block; width: 9px; height: 9px; background: #FCA98B; border-radius: 50%; display: inline-block; position: relative; top: -3px; left: -5px; }
#contentsmain .minBox:last-child{ margin-bottom: 0;}
#contentsmain .minBox:last-child::before{content: none;}

}
@media screen and (min-width:768px) and ( max-width:1000px) {

#contentsmain .ttl-Box {width: 213px;}
#contentsmain .ttl-Box span.img img { width: 80px; height: auto; }
#contentsmain .ttl-Box h2 {font-size: 1.8rem;line-height: 1.2;letter-spacing: 0.1rem;}

}

@media screen and (max-width: 767px) {
.main-title{background: url(../images/flow/sp-h1.jpg)no-repeat top center;background-size: 100% auto;}

#contentsmain {margin: 4vw auto 18.67vw auto;position: relative;}
#contentsmain .ttl-Box {padding-top: 0;text-align: center;margin-bottom: 7.7vw;}
#contentsmain .ttl-Box span.img {display: block;line-height: 1;margin: 0 41.9vw 1.43vw;}
#contentsmain .ttl-Box span.img img {  }
#contentsmain .ttl-Box h2 {font-size: 5.33vw;line-height: 1.5;font-weight: 700;letter-spacing: 1.07vw;margin-bottom: 0.0vw;position: relative;}
#contentsmain .inner-Box { margin: 0 5.2vw; }
#contentsmain .minBox {position: relative;border-radius: 5.33vw;background: #fff;margin-bottom: 11.47vw;padding: 8vw 5vw 5vw 5vw;}
#contentsmain .minBox::before{content: "";background: url(../images/flow/line.svg);height: 10.67vw;width: 0.53vw;position: absolute;bottom: -10.8vw;left: 50%;transform: translateX(-50%);background-size: 100% auto;}
#contentsmain .minBox p.stepno {font-size: 3.47vw;line-height: 1.2;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 8.0vw;height: 16.00vw;width: 16.00vw;background: #FCA98B;border-radius: 50%;text-align: center;position: absolute;top: 5.3vw;left: 5.6vw;padding: 4.4vw 0 0;}
#contentsmain .minBox h3 {background: url(../images/common/line.svg)repeat-x bottom;font-size: 4.27vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.53vw;margin-bottom: 6.4vw;position: relative;padding-bottom: 2.2vw;background-size: auto 0.6vw;margin-left: 20vw;}
#contentsmain .minBox p.steptext {font-size: 3.73vw;line-height: 2;font-weight: 500;letter-spacing: 0.37vw;margin-bottom: 2.9vw;position: relative;}
#contentsmain .minBox ul{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;}
#contentsmain .minBox ul li { position: relative; }
#contentsmain .minBox p.ltext {font-size: 3.73vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 3vw;position: relative;padding-left: 0.47vw;margin-right: 3.73vw;}
#contentsmain .minBox p.ltext::before{content: "";display: block;width: 2.13vw;height: 2.13vw;background: #FCA98B;border-radius: 50%;display: inline-block;position: relative;top: -0.5vw;left: 0vw;margin-right: 1.1vw;}
#contentsmain .minBox:last-child{ margin-bottom: 0;}
#contentsmain .minBox:last-child::before{content: none;}

}