@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap");
:root {
--main-color: #600D18;
--sub-color: #4A90A4;
--accent-color: #F5A800;
--accent-color2: #FFBB00;
--bg-color: #F5F3EF;
--red-color: #B8000E;
}
.pc_none{
display: none;
}
@media(max-width:768px){
.pc_none{
display: block;
}
.sp_none{
display: none;
}
}
.l-breadcrumbs,
.l-breadcrumbs a{
color: var(--main-color);
}
.l-breadcrumbs{
margin-bottom: 80px;
}
@media(max-width:1000px){
.l-breadcrumbs{
margin-bottom: 0;
}
}
.l-index-plancard__list-item{
background: #fff;
}
.pg-lp-plan__monk{
display: block;
width: 650px;
max-width: 100%;
padding: 55px 150px 30px 45px;
border: solid 2px var(--sub-color);
border-radius: 10px;
background: #fff;
text-align: center;
position: relative;
margin: 0 auto;
}
.pg-lp-plan__monk::before{
content: '';
display: block;
width: 178px;
height: 248px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/page/illust-monk.svg)no-repeat center center / contain;
position: absolute;
top:-45px;
right: 0;
}
.pg-lp-plan__monk-head{
display: inline-block;
border-radius: 5px;
background: var(--sub-color);
line-height: 1.2;
font-size: 2.6rem;
font-weight: bold;
color: #fff;
position: absolute;
top:-25px;
left: 0px;
}
.pg-lp-plan__monk-head-inner{
display: block;
width: 100%;
padding: 8px 20px 11px 105px;
position: relative;
}
.pg-lp-plan__monk-head-batch{
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
width: 100px;
height: 100px;
padding: 12px;
border-radius: 300px;
background: var(--accent-color2);
text-align: center;
line-height: 1.3;
letter-spacing: -1px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 1.6rem;
font-weight: 500;
color: var(--main-color);
position: absolute;
top:-25px;
left: -10px;
}
.pg-lp-plan__monk-head-inner .pc_none{
display: none;
}
.pg-lp-plan__monk-head-batch--large{
display: block;
font-size: 2rem;
font-weight: bold;
}
.pg-lp-plan__monk-text{
text-align: left;
line-height: 1.4;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 3rem;
font-weight: 500;
color: var(--main-color);
}
.pg-lp-plan__monk-text span{
font-size: 2.4rem;
}
@media(max-width:850px){
.pg-lp-plan__monk{
width: 340px;
max-width: 100%;
padding: 50px 20px 20px;
}
.pg-lp-plan__monk::before{
width: 80px;
height: 150px;
top:auto;
bottom: -40px;
}
.pg-lp-plan__monk-head{
text-align: left;
font-size: 1.8rem;
top:-25px;
left: 0px;
}
.pg-lp-plan__monk-head-inner{
padding: 8px 20px 11px 85px;
position: relative;
}
.pg-lp-plan__monk-head-batch{
width: 90px;
height: 90px;
padding: 12px;
font-size: 1.4rem;
top:-15px;
left: -15px;
}
.pg-lp-plan__monk-head-inner .pc_none{
display: block;
}
.pg-lp-plan__monk-head-batch--large{
font-size: 1.6rem;
}
.pg-lp-plan__monk-text{
font-size: 2rem;
}
.pg-lp-plan__monk-text span{
font-size: 1.7rem;
}
} .pg-plan-about__inner{
padding: 0 20px 60px;
text-align: center;
}
.pg-plan-about__title{
display: block;
line-height: 1.2;
font-family: "Zen Old Mincho", serif;
font-weight: bold;
font-size: 4rem;
color: var(--main-color);
margin:80px auto 40px;
}
.pg-plan-about__text{
font-size: 2rem;
color: var(--main-color);
margin: 0 auto 50px;
}
.pg-plan-about__list{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap:40px;
width: 800px;
max-width: 100%;
margin: 0 auto;
}
.pg-plan-about__list-item{
width: calc(20% - 32px);
}
.pg-plan-about__list-item-name{
display: block;
line-height: 1.2;
font-size: 1.8rem;
color: var(--main-color);
margin-top: 10px;
}
@media(max-width:1000px){
.pg-plan-about__inner{
padding: 0 20px 60px;
}
.pg-plan-about__title{
font-size: 2.6rem;
margin:60px auto 20px;
}
.pg-plan-about__text{
font-size: 1.6rem;
margin: 0 auto 40px;
}
.pg-plan-about__list{
gap:15px;
}
.pg-plan-about__list-item{
width: calc(100% /3 - 10px);
}
.pg-plan-about__list-item-name{
font-size: 1.6rem;
margin-top: 6px;
}
} .pg-plan-detail{
background: #fff;
}
.pg-plan-detail__inner{
width: 1040px;
max-width: 100%;
padding: 95px 20px 20px;
margin: 0 auto;
}
.pg-plan-detail__title{
display: block;
text-align: center;
color: var(--main-color);
line-height: 1.2;
font-family: "Zen Old Mincho", serif;
font-weight: bold;
font-size: 4rem;
margin-bottom: 60px;
}
.pg-plan-detail__content{
padding-bottom: 50px;
border-radius: 6px;
border: solid 1px #E4CFB8;
margin-bottom: 80px;
}
.pg-plan-detail__content--mb-s{
margin-bottom: 40px;
}
.pg-plan-detail__content-title{
display: block;
width: 100%;
padding: 16px;
background: var(--sub-color);
border-radius: 5px 5px 0 0;
text-align: center;
line-height: 1;
font-size: 3.8rem;
font-weight: bold;
color: #fff;
margin: 0 auto 45px;
}
.pg-plan-detail__content-title--orange{
background: #ED8432;
}
.pg-plan-detail__content-title--brown{
background: var(--main-color);
}
.pg-plan-detail__content-title--green{
background: #7C8B45;
}
.pg-plan-detail__content-price{
text-align: center;
margin: 0 auto 40px;
}
.pg-plan-detail__content-price img{
width: auto;
max-width: calc(100% - 30px);
}
.pg-plan-detail__content-set{
width:800px;
max-width: calc(100% - 30px);
margin: 0 auto;
}
.pg-plan-detail__content-set-name{
width: 540px;
max-width: 100%;
padding: 10px;
border-radius: 5px;
background: var(--main-color);
text-align: center;
line-height: 1;
font-size: 2.6rem;
font-weight: bold;
color: #fff;
position: relative;
margin: 0 auto 98px;
}
.pg-plan-detail__content-set-name::before{
content: '';
display: block;
width: 100%;
height: 48px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/member/icon-plus.svg)no-repeat center center / contain;
position: absolute;
left: 0;
bottom: -73px;
}
.pg-plan-detail__content-set-image{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap:30px;
margin: 0 auto 35px;
}
.pg-plan-detail__content-set-image-item{
width: calc(50% - 15px);
}
.pg-plan-detail__content-set-image-item--clm3{
width: calc(100% / 3 - 20px);
}
.pg-plan-detail__content-set-image-item:first-of-type{
width: 534px;
max-width: 100%;
}
.pg-plan-detail__content-set-image-item span{
display: block;
width: 100%;
text-align: center;
line-height: 1;
color: var(--main-color);
font-size: 2.4rem;
font-weight: 500;
margin-top: 14px;
}
.pg-plan-detail__content-set-image-item--clm3 span{
font-size: 2rem;
}
.pg-plan-detail__content-set-items{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap:18px;
width: 700px;
max-width: 100%;
margin: 0 auto 30px;
}
.pg-plan-detail__content-set-items li{
width: calc(100% / 6 - 15px);
}
.pg-plan-detail__content-set-items li.icon-star{
position: relative;
}
.pg-plan-detail__content-set-items li.icon-star::before{
content: '';
display: block;
width: 33px;
height: 32px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/plan/icon-star.svg)no-repeat center center / contain;
position: absolute;
top: 1px;
right: 0;
}
.pg-plan-detail__content-set-items li span{
display: block;
text-align: center;
line-height: 1.2;
font-size: 1.6rem;
color: var(--main-color);
margin-top: 8px;
}
.pg-plan-detail__content-note{
text-align: center;
color: var(--main-color); 
font-size: 1.4rem;
}
.pg-plan-detail__note{
text-align: center;
color: var(--main-color);
font-size: 1.8rem;
margin-bottom: 80px;
}
@media(max-width:1000px){
.pg-plan-detail__inner{
padding:60px 20px 10px;
}
.pg-plan-detail__title{
font-size: 2.3rem;
margin-bottom: 40px;
}
.pg-plan-detail__content{
padding-bottom: 20px;
margin-bottom: 40px;
}
.pg-plan-detail__content--mb-s{
margin-bottom: 20px;
}
.pg-plan-detail__content-title{
padding: 10px;
font-size: 2.4rem;
margin: 0 auto 30px;
}
.pg-plan-detail__content-price{
margin: 0 auto 30px;
}
.pg-plan-detail__content-price img{
width: auto;
max-width: calc(100% - 30px);
}
.pg-plan-detail__content-set-name{
font-size: 2rem;
margin: 0 auto 50px;
}
.pg-plan-detail__content-set-name::before{
height: 25px;
bottom: -35px;
}
.pg-plan-detail__content-set-image{
gap:16px;
margin: 0 auto 30px;
}
.pg-plan-detail__content-set-image-item{
width: calc(50% - 8px);
}
.pg-plan-detail__content-set-image-item--clm3{
width: calc(50% - 8px);
}
.pg-plan-detail__content-set-image-item span{
font-size: 1.6rem;
margin-top: 10px;
}
.pg-plan-detail__content-set-image-item--clm3 span{
font-size: 1.6rem;
}
.pg-plan-detail__content-set-items{
gap:10px;
}
.pg-plan-detail__content-set-items li{
width: calc(100% / 3 - 7px);
}
.pg-plan-detail__content-set-items li span{
font-size: 1.5rem;
margin-top: 5px;
}
.pg-plan-detail__content-note{
font-size: 1.4rem;
}
.pg-plan-detail__note{
font-size: 1.6rem;
margin-bottom: 60px;
}
} .pg-plan-member{
padding: 80px 0 ;
}
.pg-plan-member .l-main-box{
width: 1040px;
max-width: 100%;
padding: 80px 20px 100px;
border-radius: 6px;
background: #fff;
margin: 0 auto;
}
.pg-plan-member .l-index-member-inner{
margin-bottom: 115px;
}
@media(max-width:1000px){
.pg-plan-member{
padding: 60px 10px;
}
.pg-plan-member .l-main-box{
padding: 60px 10px;
}
.pg-plan-member .l-index-member-inner{
margin-bottom: 80px;
}
.pg-plan-member .l-index-member .m-btn-01 a span{
font-size: 1.8rem;
}
}
@media(max-width:380px){
.pg-plan-member .l-index-member .m-btn-01 a span{
font-size: 1.5rem;
}
}