@charset "UTF-8";
@media screen and (min-width: 768px),print {
.main-title{background: url(../images/hour/h1.jpg)no-repeat top center; background-size: cover;}
#contentsmain {margin: 0 auto 130px;position: relative;padding: 28px 2.6rem 0 2.6rem;max-width: 920px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box .inBox{background: #fff;border-radius: 20px;padding: 25px 39px 20px 39px;margin-bottom: 24px;position: relative;}

#contentsmain .inner-Box .inBox ul{background: url(../images/common/line.svg)repeat-x left bottom;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;margin-bottom: 14px;}
#contentsmain .inner-Box .inBox ul li { color: #FCA98B; width: 10.7%;text-align: center;font-size: 1.8rem;padding-bottom: 16px;}
#contentsmain .inner-Box .inBox ul.thh li{color: #4F181F;font-size: 1.8rem;font-weight: bold;}
#contentsmain .inner-Box .inBox ul li.ttlm {color: #4F181F;font-size: 1.8rem;font-weight: bold;width: 24.5%;padding: 0 0 0 20px;letter-spacing: 0.18rem;text-align: left;}
#contentsmain .inner-Box .inBox ul:nth-child(3) {background: none;}
#contentsmain .inner-Box .inBox .sub{font-size: 1.6rem;letter-spacing: 0.112rem;position: absolute;bottom: 27px;left: 60px;}
#contentsmain .inner-Box .inBox .sub span{ color: #FCA98B; }

#contentsmain .inner-Box p.text {font-size: 1.6rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.16rem;margin-bottom: 30px;position: relative;}
#contentsmain .inner-Box p.text span {display: inline-block;margin-right: 30px;}


}

@media screen and (max-width: 767px) {
.main-title{background: url(../images/hour/sp-h1.jpg)no-repeat top center;background-size: 100% auto;}
#contentsmain {margin: 0 auto 4.27vw;position: relative;padding: 4.47vw 0;}
#contentsmain .inner-Box {margin: 0 5.2vw;position: relative;}
#contentsmain .inner-Box .inBox{background: #fff;border-radius: 2.23vw;padding: 3.87vw 5vw 5.33vw;margin-bottom: 3vw;position: relative;}

#contentsmain .inner-Box .inBox ul{background: url(../images/common/line.svg)no-repeat bottom;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;margin-bottom: 2.33vw;background-size: auto 0.6vw;}
#contentsmain .inner-Box .inBox ul li {color: #FCA98B;width: 10.4%;text-align: center;font-size: 4.27vw;padding-bottom: 3.27vw;position: relative;}
#contentsmain .inner-Box .inBox ul.thh li{color: #4F181F;font-size: 4.27vw;font-weight: bold;}
#contentsmain .inner-Box .inBox ul li.ttlm {color: #4F181F;font-size: 3.73vw;font-weight: bold;width: 29.5%;letter-spacing: 0.26vw;text-align: left;position: relative;left: 0.4vw;top: 0.9vw;}
#contentsmain .inner-Box .inBox ul.thh li.ttlm {color: #4F181F;font-size: 4.27vw;font-weight: bold;width: 29.5%;letter-spacing: 0.48vw;text-align: left;top: 0;}
#contentsmain .inner-Box .inBox ul:nth-child(3) {background: none;}
#contentsmain .inner-Box .inBox .sub{font-size: 3.27vw;letter-spacing: 0.3vw;position: absolute;bottom: 5.5vw;left: 5.7vw;}
#contentsmain .inner-Box .inBox .sub span{ color: #FCA98B; }
#contentsmain .inner-Box .inBox ul li:last-child{ margin-right: -3vw;}

#contentsmain .inner-Box p.text {font-size: 3.73vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 8.0vw;position: relative;}
#contentsmain .inner-Box p.text span {display: inline-block;margin-bottom: 1.6vw;letter-spacing: 0.37vw;}

}