/*-----------------------------------
汎用
-----------------------------------*/

.title_phrase {
  font-weight: 500;
  text-align: left;
  line-height: 1;
  margin-top: -100px;
  font-size: min(11vw, 5.5rem);
}


/* 星評価　*/

.st-skyblue {
  color: #b6d4e5;
}

.st-orange {
  color: #ffb7b3;
}

.st-gray {
  color: #b1b0ab;
}


.rating_txt{
  color: #fff;
  font-size: 2em;
  border: 1.5px solid #fff;
  border-right: none;
  padding: 0% 7%;
}

.star5_rating{
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  font-size: 20px;
  border: 1.5px solid #fff;
  padding: 0 20px;
}

.star5_rating:before, .star5_rating:after{
  white-space: pre-wrap;
  content: '★ ★ ★ ★ ★';
}

.star5_rating:after{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #ffcf32;
  padding: 0 20px;
}

.star5_rating:before{
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 75%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */


/*-----------------------------------
c-文字系 bg-背景色
-----------------------------------*/

.c-en {
  font-family: "Oswald", sans-serif;
}

.c-yumin {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.c-bold{
  font-weight: bold;
}

.c-lightblue {
  color: #7ccee5;
}

.c-white {
  color:#fff;
}

.c-gray{
  color: #768597;
}

.c-gray2 {
  color: #a5a5a5;
}

.c-pink {
  color: #fba8b0;
}

.c-pink2 {
  color: #fb9fc5;
}

.c-pink3 {
  color: #f19ec2;
}

.c-pink4 {
  color: #f3a7c6;
}

.c-bluegreen1 {
  color:#84ccc9;
}

.c-bluegreen2 {
  color: #76aaa8;
}

.c-white {
  color: #fff;
}

.c-purple {
  color:#d7a0c9;
}

.c-winered {
  color:#b33e5c;
}

.c-red {
  color: #ff3355;
}

.c-yellow1 {
  color:#fff799;
}

.c-yellow2 {
  color:#ffff00;
}

.c-attention {
  font-size: 1.2rem;
}

.c-attention2 {
  font-size: min(2vw, 1rem);
}

.c-txt {
  font-size: 1.8rem;
  line-height: 1.5;
}

.c2-txt {
  font-size: 1.8rem;
  line-height: 2;
}

.c-txt_small {
  font-size: 1.6rem;
}
.c-txt_center {
  display: block;
  text-align: center;
}
.c-txt_right {
  display: block;
  text-align: right;
}
.c-underLine.-pink {
  background: linear-gradient(transparent 50%, #ffd4d8 0%);
}

.c-underLine.-pink.-tran70 {
  background: linear-gradient(transparent 70%, #ffd4d8 0%);
}

.c-underLine.-pink2.-tran70 {
  background: linear-gradient(transparent 70%, #f19ec2 0%);
}

.c-underLine.-pink3.-tran60 {
  background: linear-gradient(transparent 60%, #f9e3ea 0%);
}


.c-underLine.-lightgray {
  background: linear-gradient(transparent 95%, #5d6379 0%);
}

.c-underLine.-lightorange85 {
  background: linear-gradient(transparent 85%, #fde7c7 0%);
}



/*-----------------------------------
flex 位置関係
-----------------------------------*/


.l-flex {
  display: flex;
}

.l-flex-column {
  display: flex;
  flex-flow: column;
}

.l-wrap-wrap {
  flex-wrap: wrap;
}
.l-justify-between {
  display: flex;
  justify-content: space-between;
}
.l-justify-center {
  display: flex;
  justify-content: center;
}
.l-align-center {
  display: flex;
  align-items: center;
}

.l-justify-align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.l-align-end {
  display: flex;
  align-items: flex-end;
}
.l-section {
  padding: 10% 0;
}
.l-w_100 {
  width: 100%;
  height: auto;
}
.l-w_90 {
  width: 90%;
  height: auto;
  margin: 0 auto;
}
.l-w_80 {
  width: 80%;
  height: auto;
  margin: 0 auto;
}

/* 効果の欄など　*/

.l-w_60 {
  width: 60%;
  height: auto;
  margin: 0 auto;
}

.l-w_60-a{
  width: 60%;
  height: auto;
  margin: 5% auto;
} 

.l-w_a {
  height: auto;
  margin: 5% auto;
}

.l-col {
  gap: 1.9rem;
  flex-wrap: wrap;
}
.l-col_2 {
  width: calc(50% - 0.8rem);
}
.l-mt_small {
  margin-top: 3% !important;
}
.l-mt_middle {
  margin-top: 6% !important;
}

.l-m_middle {
  margin: 8% !important;
}

.l-mt_large {
  margin-top: 9% !important;
}
.l-mb_small {
  margin-bottom: 3% !important;
}
.l-mb_middle {
  margin-bottom: 6% !important;
}
.l-mb_large {
  margin-bottom: 9% !important;
}
.l-ttl_padding {
  padding: 10% 2% 5%;
}
.l-ttl-sub_padding {
  padding: 0% 2% 5%;
}
.l-inner {
  width: 95%;
  margin: 0 auto;
}
.l-price_col_1 {
  width: 50%;
}
.l-price dt, .l-price dd {
  border: 1px solid #595959;
}
.l-price dt {
  font-size: min(1.6rem, 3.5vw);
  text-align: center;
  padding: 2% 0;
}
.l-price dd {
  font-size: min(3rem, 5.5vw);
  text-align: center;
  line-height: 1;
  padding: 2% 0;
}
.l-price dd span {
  font-size: min(1.4rem, 3.5vw);
  display: block;
  margin-top: 1%;
}
.l-price_white dt, .l-price_white dd {
  border: 1px solid #fff;
  color: #fff;
}
.l-cta {
  margin: 6% 0;
}


/*-------------------------------
文字系
-------------------------------*/

.c-right{
  text-align: right;
}

.c-left{
  text-align: left;
}

.notojp{
  font-family: "Noto Sans JP";
}

.c-gray-hansans{
  color: #768597;
  font-weight: bold;
  font-family: "Source Han Sans JP";  
}

.c-min1{
  font-size: min(3vw, 1.5rem);
}

.c-min2{
  font-size: min(4vw, 2rem);
}

.c-min3{
  font-size: min(5vw, 2.5rem);
}

.c-mid1{
  font-size: min(7vw, 3rem);
}

.c-mid2{
  font-size: min(8vw, 4rem);
}

.c-mid3{
  font-size: min(9vw, 5rem);
}

.c-big1{
  font-size: min(12vw, 7rem);
}

.c-big2{
  font-size: min(17vw, 9rem);
}

.c-dashed-bk {
  border-left: dashed 1px #000;
}

.c-gradient1 {
  -webkit-background-clip: text;
  color: transparent;
  color: transparent;
  background-image: linear-gradient(45deg, #cf6cc9 0%, #ee609c 66%);
  display: inline-block;
}

.c-gradient2 {
  -webkit-background-clip: text;
  color: transparent;
  color: transparent;
  background-image: linear-gradient(180deg, #3f637a 0%,#426ba9 33%, #3e3b98 66%, #a13d68 100%);
  display: inline-block;
  margin-right: 3%;
}

.c-inherit {
  color:inherit !important;
}

/*-------------------------------
背景色
-------------------------------*/


.bg-pink{
  background: #f383b0;
}

.bg-pink2{
  background: #fb9fc5;
}

.bg-purple {
  background: #bd8cb3;
}

.bg-purple2 {
  background: #d7a0c9;
}

.bg-purple3 {
  background: #b785aa;
}

.bg-yellow {
  background: #e8cd82;
}

.bg-yellow2 {
  background-color: #d9d081;
}

.bg-lightyellow {
  background: #e5dea3;
}

.bg-orange {
  background: #f38c70;
}

.bg-gray {
  background:#7f8481;
}

.bg-gray2 {
  background-color:#a5a5a5 !important;
}

.bg-lightblue {
  background-color: #9fc6da;
}

.bg-bluegreen1 {
  background-color: #84ccc9;
}

.bg-wh {
  background-color: #fff !important;
}