.aboutpage{max-width:850px;width:100%;margin:0 auto;font-size:16px;line-height:1.8;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;position:relative;}
.aboutpage h3{text-align:center;margin:20px auto;font-size:30px;font-weight:600;}
.aboutpage .stripeborder{width:100%;height:11px;background-repeat:repeat;background-position:center;background-image:url(../img/about2024/line.png);}


.aboutpage #menu{margin-top:10px;position:sticky;top:60px;z-index:100;background-color:#fff;padding:10px 0 10px;text-align:center;}
.aboutpage #menu ul{width:100%;margin:0 auto;}
.aboutpage #menu ul li{display:inline-block;text-align:center;padding:0 0.3em;overflow:auto;}
.aboutpage #menu ul li img{cursor:pointer;}

.aboutpage #title{width:90%;margin:15px auto 30px;line-height:200%;}
.aboutpage #title h2{text-align:center;font-size:30px;font-weight:600;}

.aboutpage #message{padding:30px 0 0;/*background-color:#75ceab; */opacity:85%;background-image: url(../img/about2024/magazine_back.png);}
.aboutpage #message h2{text-align:center;padding-bottom:30px;}
.aboutpage #message p{padding:0 45px 70px;font-size:24px;color:#000;line-height:48px;}
.aboutpage #message p a{text-decoration:underline;}
.aboutpage #message .sign{background-color:transparent;text-align:right;padding:10px 45px 20px 0;}

@media only screen and (max-width:768px){
  .aboutpage{max-width:100%;}
  .aboutpage h3{font-size:22px;padding:0 5px;}
  .aboutpage #message h2 img{max-width:96%;}
  .aboutpage #menu ul li img{height:30px;}
  .aboutpage #message p{padding:0 0.5em 35px;font-size:18px;line-height:32px;}
  .aboutpage #message .sign{background-color:transparent;text-align:right;padding:10px 1em 20px 0;}
  .aboutpage #message .sign img{max-width:75vw;}
}

.aboutpage #plan{margin:0 auto;/* background-color:#75ceab; */opacity:85%;overflow:hidden;background-image: url(../img/about2024/magazine_back.png);}
.aboutpage #plan .wrap{margin:30px 20px;padding-bottom:20px;background-color:#fff;}
.aboutpage #plan h3{padding:10px 0;}
.aboutpage #plan ul{margin:30px 0;}
.aboutpage #plan ul li{display:inline-block;width:37.5%;vertical-align:top;text-align:center;}
.aboutpage #plan ul li:first-child{width:180px;text-align:left;}
.aboutpage #plan ul li:nth-child(2){margin-left:-40px;}
.aboutpage #plan ul li:nth-child(3){margin-left:40px;}
.aboutpage #plan ul li:first-child img{margin-left:-80px;}
.aboutpage #plan ul li .price{border-top:1px solid #333;margin:10px auto 0;padding:5px 10px;vertical-align:bottom;}
.aboutpage #plan ul li .price .now,
.aboutpage #plan ul li .price .new{font-size:30px;font-weight:600;padding-right:0.1em;}
.aboutpage #plan ul li .price .new,
.aboutpage #plan ul.new li .price .yen{color:#bb9800;}
.aboutpage #plan ul li .price .memo{padding-left:2em;font-size:12px;}
.aboutpage #plan ul .otoku{padding:0 8px;font-size:20px;color:#fff;}
.aboutpage #plan ul.now .otoku{background-color:#a6a6a6;}
.aboutpage #plan ul.new .otoku{background-color:#bb9800;}
.aboutpage #plan p{padding:10px;background-color:#f1eacc;}
.aboutpage #plan p a{text-decoration:underline;}

@media only screen and (max-width:849px){
  .aboutpage #plan ul li{width:calc((100% - 180px)/2);}
}
@media only screen and (max-width:768px){
  .aboutpage #plan ul li .price{line-height:150%;}
  .aboutpage #plan ul li{width:calc((100% - 90px)/2);}
  .aboutpage #plan ul li:first-child{width:90px;text-align:left;}
  .aboutpage #plan ul li:nth-child(2){margin-left:-40px;}
  .aboutpage #plan ul li:nth-child(3){margin-left:40px;}
  .aboutpage #plan ul li:first-child img{margin-left:-50px;}
  .aboutpage #plan ul li .price .now,
  .aboutpage #plan ul li .price .new{font-size:26px;padding-right:0.1em;letter-spacing:-0.2px;}
  .aboutpage #plan ul.new li .price .yen{color:#000;}
  .aboutpage #plan ul li .price .memo{display:block;padding-left:0;font-size:12px;}
  .aboutpage #plan ul .otoku{padding:4px 6px;font-size:12px;letter-spacing:-0.5px;line-height:120%;}
}

.aboutpage #regular{margin:0 auto 10px;}
.aboutpage #regular h3{margin-bottom:-10px;}
.aboutpage #regular .regulars{padding:0;background-image:url(../img/about2024/regular_back.png);padding:40px 0 20px;}
.aboutpage #regular .regulars .swiper-container{width:100%;overflow:hidden;position:relative;background-color:#fff;}
.aboutpage #regular .regulars .swiper-container .swiper-wrapper{width:100%;height:auto;padding:20px 0;}
.aboutpage #regular .goto_regular{display:block;margin:30px auto 0;text-align:center;font-size:18px;color:#333;font-weight:600;}

.aboutpage #feature{margin:0 auto 20px;}
.aboutpage #feature .futuremonth{margin:30px auto 15px;max-width:755px;background-image:url(../img/about2024/future_back.png);}
.aboutpage #feature .delivery{display:inline-block;margin-top:-20px;margin-left:-20px;}
.aboutpage #feature p.month{display:inline-block;padding:0 10px;margin:10px;font-size:30px;height:55px;line-height:55px;vertical-align:middle;border-top:1px solid #000;border-bottom:1px solid #000;}
.aboutpage #feature p.title{display:inline-block;font-size:28px;height:75px;vertical-align:middle;}
.aboutpage #feature .futuremonth p.title{margin-left:10px;}
.aboutpage #feature .description{display:flex;padding:15px 35px 15px 60px}
.aboutpage #feature .description img{max-width:300px;}
.aboutpage #feature .description p.text{padding-left:30px;font-size:16px;}

@media only screen and (max-width:768px){
  .aboutpage #feature .futuremonth{max-width:96%;}
  .aboutpage #feature .delivery{width:50px;margin-top:15px;margin-left:5px;}
  .aboutpage #feature p.month{display:none;}
  .aboutpage #feature p.title{font-size:18px;height:55px;padding:15px 5px;width: calc(100% - 50px - 10px);}
  .aboutpage #feature .futuremonth p.title{margin-left:0;font-size:15px;letter-spacing:-0.6px;}
  .aboutpage #feature .futuremonth p.title br{display:none;}
  .aboutpage #feature .description{display:block;padding:15px 0;}
  .aboutpage #feature .description img{max-width:90%;display:block;margin:5px auto 0;}
  .aboutpage #feature .description p.text{padding:10px 1em;font-size:14px;}
}

.aboutpage #backnumber{margin:0 auto 20px;}
.aboutpage #backnumber .backnumbers{padding:30px 0;background-image:url(../img/about2024/magazine_back.png);}
.aboutpage #backnumber .backnumbers p{text-align:center;font-size:22px;font-weight:600;padding:0 1em;}
.aboutpage #backnumber .backnumbers ul{max-width:800px;width:95%;margin:20px auto 10px;}
.aboutpage #backnumber .backnumbers ul li{display:inline-block;width:33%;vertical-align:middle;text-align:center;margin-bottom:10px;}
.aboutpage #backnumber .backnumbers ul li img{max-width:94%;}
.aboutpage #regular .regulars li img{max-width:45vw;}
.aboutpage #backnumber .goto_magazine{display:block;margin:30px auto 0;text-align:center;font-size:18px;color:#333;font-weight:600;}
@media only screen and (max-width:768px){
  .aboutpage #backnumber .backnumbers p{font-size:18px;}
}

.aboutpage #qa{width:100%;background:#f5f5f5;padding:20px 0 50px;margin:50px auto 50px;}
.aboutpage #qa a{text-decoration:underline;}
.aboutpage #qa h3{text-align:center;margin:0 0 30px;}
.aboutpage #qa h3 span{font-size:30px;font-weight:600;color:#000;border-bottom:solid 2px #000;}
.aboutpage #qa .wrap850{max-width:850px;margin:0 auto;}
.aboutpage #qa #qa_list{width:90%;margin:0 auto;}
.aboutpage #qa #qa_list dt{font-size:22px;font-weight:600;color:#cc3806;height:52px;padding-left:60px;}
.aboutpage #qa #qa_list dt::before{content:url(../img/about2024/q.png);display:inline-block;width:52px;height:52px;margin-left:-65px;padding-right:0.5em;vertical-align:top;}
.aboutpage #qa #qa_list dt span{display:inline-block;line-height:130%;}

.aboutpage #qa #qa_list dd{font-size:18px;background:#fff;border-radius:10px;padding:15px 20px;border-radius:10px;margin:0 0 20px 50px;line-height:180%;padding-left:2em;}
.aboutpage #qa #qa_list dd::before{content:"A.";font-weight:600;margin-left:-1.5em;padding-right:0.3em;}

@media only screen and (max-width:768px){
  .aboutpage #qa h3 span{font-size:22px;}
  .aboutpage #qa #qa_list{width:95%;margin:0 auto;}
  .aboutpage #qa #qa_list dt{font-size:18px;height:auto;padding-left:33px;margin-bottom:8px;}
  .aboutpage #qa #qa_list dt::before{content:"";background-size:contain;background-repeat:no-repeat;background-image:url(../img/about2024/q.png);width:33px;height:27px;margin-left:-33px;padding-right:0;}
  .aboutpage #qa #qa_list dd{margin:0 0 20px 0;}
}