@charset "utf-8";

main,.course-flow,#contents-price,#contents-inbody{width: 100%;}
/*===コースと料金===*/
/*背景色*/
:is(#contents-course,#contents-price){background:var(--white);}
:is(#contents-course .flow-list-step p,#contents-course .flow-list-step p span){color:var(--white);}

#contents-course{padding: 80px 0 40px;overflow-x: hidden;}@media(width <= 990px){#contents-course{padding: 10px 0 40px}}
#contents-course .course{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding: 0 40px 40px;}
@media(width <= 991px){#contents-course .course{width: 96%;padding:0 10px 40px;margin-top:14vw auto 0;}}
/*左タイトル部分*/
@media(width >= 1301px){.course .under-green-title{margin-top: 100px;margin-left: auto;margin-right: 20px;width: calc(50% - 90px - 20px);max-width: 480px;}}
@media(width <= 1300px){.course .under-green-title{width:50%;margin-top: 100px;}}@media(width <= 990px){#contents-course .under-green-title{width:100%;margin-top:8vw;}}

/*===初回体験流れ===*/
#contents-course .course-flow{margin:60px auto 20px;padding:80px 40px;background:var(--background-green);}@media(width <= 767px){#contents-course .course-flow{padding:10px 40px;}}
@media(width <= 991px){contents-course .course-flow{margin: 40px auto 20px;padding: 80px 30px;}}
@media(width >= 991px){#contents-course ul.course-flow-list{max-width:calc(1100px + 40px * 2);margin:40px auto;display:grid;grid-template-columns:repeat(3, calc((100% - 50px * 2) / 3));column-gap: 50px;row-gap: 20px;}}
@media(width <= 990px){#contents-course ul.course-flow-list{width:100%;}}
#contents-course li.flow-list-item{position:relative;}@media(width <= 990px){#contents-course li.flow-list-item{margin-top:20px;padding-bottom:40px;}}
@media(width >= 991px){#contents-course li.flow-list-item:not(:last-child)::after{content:"";background:url("../images/flow-arrow.svg") 100% 50%/auto no-repeat;width: 20px;height: 260px;top: 0;display: block;position: absolute;right: -35px;}}
@media(width <= 990px){#contents-course li.flow-list-item:not(:last-child)::after{content:"";background:url(../images/flow-arrow-bottom.svg) 50% 100%/auto no-repeat;width: 100%;height: 20px;bottom: 10px;display: block;position: absolute;}}
#contents-course .flow-list-step{padding:5px 20px;background-color:var(--titleback-green);font-size: 22px;font-weight: 600;}
#contents-course .flow-list-img {margin-bottom: 20px;}
#contents-course .flow-list-img img {border-style: none;vertical-align: middle;max-width: 100%;height: auto;}
#contents-course h3.flow-list-title {margin-bottom:15px;color:var(--title-green);font-size:20px;font-weight:700;}

/*===料金表NEW===*/
#contents-price {padding:80px 20px;}@media(width <= 990px){#contents-price{padding:20px 30px;}}@media(width <= 767px){#contents-price{padding:20px 20px;}}
@media(width >= 991px){#contents-price .price{max-width: calc(1100px + 40px * 2);margin: 0 auto;}}@media(width <= 990px){#contents-price .price{width:100%;}}
@media(width >= 991px){#contents-price .price-list{margin-top: 40px;display: flex;justify-content: space-between;}}@media(width <= 990px){#contents-price .price-list{display: none;}}
#contents-price .price-head {width: 200px;padding-top: calc(80px + 20px - 20px);}
#contents-price .price-head-list {margin: 20px 0;background: #eee;font-size: 18px;font-weight: 700;line-height: 24px;text-align: center;display: flex;align-items: center;justify-content: center;height: 80px;}
#contents-price .price-price{width: calc((100% - 200px - 20px * 3) / 3);padding:10px;text-align:center;box-shadow:2px 2px 6px rgb(0 0 0 / 16%);}
#contents-price .price-price-name{margin: -10px -10px 1px;background-color:var(--titleback-green);font-size: 20px;font-weight: 700;display: flex;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;height: 90px;position: relative;	}
#contents-price .price-price-name::after{content: "";background: url("../images/price-name-img.svg") 50% 100%/cover no-repeat;width: 100%;height: 20px;position: absolute;bottom: 0;left: 0;transform: translateY(100%);}
#contents-price .price-price-name span{color:var(--white);font-family: "Antonio",sans-serif;font-size: 32px;display: block;width: 100%;}
#contents-price .price-price-value{font-weight: 700;font-size: 26px;line-height: 22px;display: flex;align-items: center;justify-content: center;height: 100px;padding-top: 10px;}
#contents-price .price-price-value:not(:last-child) {border-bottom: 1px solid #ddd;}
#contents-price .price-price-value:last-child {margin-bottom: -10px;}
#contents-price .price-price-value span{font-size: 20px;font-weight: 500;}
#contents-price p.price-list-under{margin-top: 10px;text-align: center;}
/*スマホ用*/
@media(width >= 991px){#contents-price .price-list-sf{display:none;}}@media(width <= 990px){#contents-price .price-list-sf{margin-top:40px;display:flex;justify-content:space-between;}}
#contents-price .price-head-sf{padding-top:calc(90px + 20px - 10px);max-width:250px;min-width:150px;}@media(width <= 767px){max-width:200px;min-width:100px;}
#contents-price .price-head-list-sf{margin:20px 0;background:#eee;font-size:18px;font-weight:700;line-height:24px;text-align:center;display:flex;align-items: center;justify-content:center;height: 80px;}
#contents-price .price-price-sf{padding:10px;text-align:center;width:calc(100% - 70px - 10px);box-shadow:2px 2px 6px rgb(0 0 0 / 16%);}
#contents-price .price-price-name-sf {margin: -10px -10px 20px;background:var(--titleback-green);font-size:20px;font-weight: 700;display:flex;flex-wrap:wrap;align-items:center;align-content: center;justify-content:center;height:90px;position:relative;}
#contents-price .price-price-name-sf::after{content: "";background:url("../images/price-name-img.svg") 50% 100%/cover no-repeat;width:100%;height:20px;position:absolute;bottom:0;left:0;transform: translateY(100%);}
#contents-price .price-price-name-sf span{color: #fff;font-family:"Antonio",sans-serif;font-size:32px;display:block;width:100%;}
#contents-price .price-price-value-sf {font-weight:700;font-size:26px;line-height:22px;display: lex;align-items:center;justify-content:center;height:100px;padding-top:10px;}
#contents-price .price-price-value-sf:not(:last-child) {border-bottom:1px solid #ddd;}
#contents-price .price-price-value-sf:last-child {margin-bottom:-10px;}
#contents-price .price-price-value-sf span {margin-left:2px;padding-top:4px;font-size:16px;}

/**クレジット決済**/
#contents-price .price-cregit{margin: 40px auto 0;width:60%;padding:20px;background:#eee;}@media(width <= 767px){#contents-price .price-cregit{width:80%;}}@media(width <= 767px){#contents-price .price-cregit{margin:30px auto 0;width:96%;}}
#contents-price .price-cregit h3{padding-bottom:20px;font-size:20px;font-weight:700;text-align:center;}@media(width <= 767px){#contents-price .price-cregit h3{font-size:18px;}}
#contents-price .price-cregit-item{padding:20px;background-color:var(--white);display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}@media(width <= 767px){#contents-price .price-cregit-item{padding:0 0 20px;}}
#contents-price .price-cregit-img{margin-top:30px;margin-right:10px;width:calc((100% - 50px * 2) / 3);}@media(width <= 990px){#contents-price .price-cregit-img{width:calc((100% - 40px * 2) / 3);}}

/**体成分測定＋カウンセリング**/
#contents-inbody{padding:5vw 10px;}
#contents-inbody .inbody-container{display:block;position:relative;}
#contents-inbody .green-title{margin-bottom: 3vw;}
#contents-inbody .under-green-title h1{max-width:800px;margin-left:50%;margin-right:auto;margin-bottom:60px;padding-bottom:30px;font-size:24px;text-align:center;line-height:1.3333;position:relative;}@media(width <= 990px){#contents-inbody .under-green-title h1{margin-left:0%;}}
@media(width >= 991px){#contents-inbody .inbody-img{width:50%;max-width:610px;position: absolute;top:0;right:55%;}}@media(width <= 990px){#contents-inbody .inbody-img{width:100%;margin:1vw auto}}
#contents-inbody .under-img{width:70%;margin: 1vw 15% 1vw 15%;}
#contents-inbody .inbody-content{width:55%;padding:60px 40px;margin-left:40%;margin-right:auto;background:#f1f5e2;}@media(width <= 990px){#contents-inbody .inbody-content{width:96%;margin-left:auto;margin-right:auto;}}
#contents-inbody ol.inbody-list{width:90%;margin-left:5vw;}@media(width <= 990px){#contents-inbody ol.inbody-list{width:100%;margin-left:0;}}
#contents-inbody li.inbody-item{margin-bottom: 20px;border:1px solid #818181;padding:20px 15px;background:#fff;display:flex;flex-wrap:wrap;}
#contents-inbody h2.inbody-item-header{line-height:31px;display:flex;align-items:center;padding-left:20px;font-size:18px;font-weight:700;width:10vw;}@media(width <= 990px){#contents-inbody h2.inbody-item-header{display:block;padding:0 0 20px;width:100%;text-align:center;}}
#contents-inbody .inbody-content p{margin-left:auto;width:70%;line-height:28px;}@media(width <= 990px){#contents-inbody .inbody-content p{width:100%;}}