/* common */
:root {
  --black: #1A1C20;
  --red: #E60012;
  --purple: #833592;
  --pink: #E600B4;
}
html{
  font-size:62.5%;
}

body {
  font-family:"Hiragino Sans",sans-serif;
  background-color:#ddd;
  color:var(--black);
}

a{
  cursor:pointer;
}

.m-1{
  font-family: "M PLUS 1", sans-serif;
}

.fz11{
  font-size: 1.1rem !important;
}

.fz12{
  font-size: 1.2rem !important;
}

.fz14{
  font-size: 1.4rem !important;
}

.fz15{
  font-size: 1.5rem !important;
}

.fz16{
  font-size: 1.6rem !important;
}

.fz18{
  font-size: 1.8rem !important;
}

.fz20{
  font-size: 2.0rem !important;
}

.fz22{
  font-size: 2.2rem !important;
}

.fw500{
  font-weight: 500 !important;
}

.fw600{
  font-weight: 600 !important;
}

.fw700{
  font-weight: 700 !important;
}

.mb30{
  margin-bottom: 30px !important;
}

.main{
  width:375px;
  margin:0 auto;
  background-color:#fff;
}

.section-inner{
  padding:0 16px;
}

.marker{
  background: linear-gradient(transparent 60%, #ff9 60%);
  font-weight: 700;
}

.red{
  color:var(--red);
  font-weight: 700;
}

.pink{
  color:var(--pink);
}

.gold{
  color:#FCD002;
}

/* top3 */
.top3-catch{
  margin-bottom:20px;
}

.top3-txt{
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}

.balloon-block{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.balloon-icon{
  width:52px;
  height:52px;
}

.balloon {
  margin-left: 12px;
  padding: 12px 10px;
  position: relative;
  border-radius: 10px;
  border: 2px solid #F6D6FC;
  background-color:#FFF;
  width:calc(100% - 66px);
}

.balloon::before {
  content: "";
  position: absolute;
  top: 36px;
  left: -8px;
  margin-top: -9px;
  border: 4px solid transparent;
  border-right: 8px solid #FFF;
  z-index: 2;
}

.balloon::after {
  content: "";
  position: absolute;
  top: 36px;
  left: -13px;
  margin-top: -10px;
  border: 5px solid transparent;
  border-right: 8px solid #F6D6FC;
  z-index: 1;
}

.balloon-txt{
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}

.top3-container{
  padding:10px 24px;
  background:#FCE7FF;
}

.top3-item{
  background:#fff;
  border-radius: 6px;
  padding:5px 21px;
  display: flex;
  align-items: center;
}

.top3-item + .top3-item{
  margin-top: 16px;
}

.top3-item_icon{
  width:63px;
  height:63px;
  margin-right: 18px;
}

.top3-item_txt{
  font-size: 1.3rem;
  font-weight: 700;
}

.top3-item_ttl{
  display: flex;
  align-items: center;
  color: var(--aka, #E60012);
  font-size: 2.0rem;
  font-weight: 700;
}

.top3-item_ttl img{
  width: 33.603px;
  height: 21.54px;
  flex-shrink: 0;
  margin-right: 10px;
}

.top3-item_rate{
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
}

.top3-item_rate img{
  height:12px;
  width: 93px;
}

/* compare */

.compare-ttl{
  background-color:#F173D2;
  padding:20px 0;
  text-align:center;
  position:relative;
  font-family: "M PLUS 1";
  margin-bottom: 15px;

  p{
    color: #FFF;
    font-size: 2.0rem;
    font-weight: 700;
    margin-bottom: 6px;
  }

  h2{
    color:#FFF;
    text-shadow: 1.5px 1.5px 0 var(--red), -1.5px 1.5px 0 var(--red),1.5px -1.5px 0 var(--red), -1.5px -1.5px 0 var(--red);
    font-size: 2.8rem;
    font-weight: 800;
    letter-spacing: 0.84px;
  }

  img{
    width:48px;
    position:absolute;
    display:block;
    right:13px;
    top:8px;
  }
}

.compare-txt{
  text-align: center;
  font-weight: 700;
  margin-bottom: 15px;

  p:nth-child(1){
    font-size: 1.9rem;
  }

  p:nth-child(2){
    font-size: 1.6rem;
  }
}

.compare-option_flex{
  display: flex;
}

.compare-table_wrapper{
  margin-bottom: 10px;
}

.compare-option + .compare-option{
  margin-left: 1px;
}

.compare-option{
  width:calc((100% - 3px)/4);
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  border: 2px solid #FFDAF8;
  background: #FDEAFF;
  color:var(--purple);
  padding:13px 0;
  font-size: 1.3rem;
  font-weight: 600;
  cursor:pointer;
  transition:0.1s;
}

.compare-option.active{
  color:#FFF;
  background-color: var(--purple);
  border-color:var(--purple);
}

.compare-table.active{
  display:block;
}

.compare-table{
  display:none;
}

.table-row{
  display: flex;
}

.compare-table_head{
  background: #FCD002;
  color: var(--purple);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 120%; /* 14.4px */
  align-items: center;
  height:35px;

  .compare-table_item{
    position:relative;
  }

  .compare-table_item:after{
    margin: auto 0;
    content: "";
    width: 1px;
    height: 10px;
    background-color: var(--purple);
    position: absolute;
    left: 100%;
    top:0;
    bottom:0;
  }

  .compare-table_item:last-child:after{
    display:none;
  }
}

.compare-table_item{
  width:25%;
  margin:0 auto;
  text-align: center;

  img{
    width:53px;
    display: block;
    margin:0 auto;
  }
}

.compare-table_body .table-row{
  padding:12px 0;
  font-weight: 700;
  border: 2px solid #FFDAF8;
  border-top: none;

  p{
    font-size: 1.0rem;
  }

  a{
    font-size: 1.5rem;
    margin-top: 6px;
  }
}

.triangle-mb{
  margin: 5px auto !important;
}

.compare-table_body .table-row:last-child{
  border-radius:0 0 8px 8px;
}

.compare-table_item.bg1{
  background-image:url(../img/table-bg01.png);
  background-size: contain;
  background-position:center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;

  p{
    font-size: 1.5rem;
    margin:auto 0;
    line-height: 1.3;
  }

}

.compare-table_item.bg2{
  background-image:url(../img/table-bg02.png);
  background-size: contain;
  background-position:center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;

  p{
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.compare-table_item.flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;

  p{
    line-height:1.2;
  }
}

.unit{
  padding-right: 8px;
}

/* rank */

.rank-ttl,.avoid-ttl,.how-ttl{
  background-color:var(--purple);
  padding:20px 16px;
  position: relative;
  text-align: center;
  font-family: "M PLUS 1";

  p{
    color: #FFF;
    font-size: 2.2rem;
    font-weight: 700;
  }

  h2{
    font-size: 2.8rem;
    font-weight: 800;
    background:linear-gradient(191deg, #FCD002 32.66%, #FCD002 47.77%, #FFF5C7 56.23%, #FEE46D 63.48%, #FCD002 76.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  img{
    display: block;
    position: absolute;
    width:25px;
    top:16px;
    left:30px;
  }
}

.rank-txt{
  text-align: center;
  padding:20px 0;
  font-size: 1.6rem;
}

.rank-detail_wrapper{
  background: #F9F1FF;
}

.detail-block_inner{
  padding:0 15px;
  margin-bottom: 16px;
}

.rank-detail_heading{
  display: flex;
  align-items: center;
  padding:0 16px;
  margin-bottom: 10px;

  a{
    color: var(--red);
    font-size: 2.6rem;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}

.rank01 .rank-detail_heading p{
  background: linear-gradient(191deg, #BA7322 32.66%, #D9BD3B 47.77%, #FFF5C7 56.23%, #D9BD3B 63.48%, #BA7322 76.77%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 2px 4px rgba(255, 255, 255, 0.1);
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color:  #FFF;
  font-size: 3.0rem;
  font-weight: 800;
  margin-right: 60px;
}

.rank-detail_rate{
  display: flex;
  align-items: center;
  padding:0 16px;
  margin-bottom: 16px;

  p{
    font-size: 1.5rem;
    font-weight: 700;
  }
}

.rank-icon{
  width:63px;
  height:63px;
}

.rate-star{
  width:93px;
  margin-left: 10px;
}

.btn-free{
  border-radius: 4px;
  padding:11px 18px;
  background: linear-gradient(170deg, #FF4190 5.85%, #F52FFF 91.33%);
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-decoration: none;

  img{
    width:16px;
    height:16px;
  }

  p{
    margin-left: 4px;
  }
}

.rank-detail_point h3{
  margin-top: 16px;
  color: #FFF;
  font-family: "M PLUS 1";
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 160%; /* 32px */
  background:#F173D2;
  text-align: center;
  margin-bottom: 15px;
}

.detail-point_wrapper{
  border-radius: 10px;
  border: 2px solid #C300E6;
  background: #FFF;
  padding:26px 13px;
  margin-bottom: 16px;
}

.detail-point_item{
  display: flex;
  align-items: center;

  img{
    width:27.53px;
    height:27.53px;
  }

  p{
    font-size: 1.5rem;
    font-weight: 700;
    margin-left: 10px;
  }

  .pink{
    font-size: 1.8rem;
  }
}

.detail-point_item + div{
  margin-top: 14px;
}

.catch{
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-align: center;
  margin-bottom: 12px;
}

.cta-btn_wrapper{
  position: relative;
}

.cta-btn{
  border-radius: 10px;
  background: linear-gradient(180deg, #00D748 6.52%, #03B53E 100%);
  position: relative;
  margin: 0 auto;
  color: #FFF;
  font-size: 2.0rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-align: center;
  text-decoration: none;
  padding:10px 0;
}

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

.cta-balloon{
  width:53px;
  height:50px;
  margin-right: 16px;
}

.pointing{
  width: 39.907px;
  height: 49px;
  position: absolute;
  bottom:-20px;
  right:0;
  animation: fuwafuwa 1s ease-in-out infinite alternate;
}

@-webkit-keyframes fuwafuwa {
  0%{
    -webkit-transform: translate(10px, 5px);
    transform: translate(10px, 5px);
  }

  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
}


.shiny{
  display: block;
  position: relative;
  overflow: hidden;
}

.shiny::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -40px;
  left: 0;
  z-index: 1;
  width: 10px;
  height: 100%;
  background-color: #fff;
  -webkit-animation: shiny__btn 2s ease-in-out infinite;
  animation: shiny__btn 2s ease-in-out infinite;
}

@-webkit-keyframes shiny__btn {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.3;
  }
  81% {
    -webkit-transform: scale(8) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(80) rotate(45deg);
    opacity: 0;
  }
}

@keyframes shiny__btn {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.3;
  }
  81% {
    -webkit-transform: scale(8) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(80) rotate(45deg);
    opacity: 0;
  }
}

.rank-detail_txtbox{
  margin-top: 33px;

  h4{
    color: #E600B4;
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
    border-top:3px solid #F391DE;
    border-bottom:3px solid #F391DE;
    padding:8px 0;
    margin-bottom: 22px;
  }

  p{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 16px;
    text-align: justify;
  }
}

.rank-detail_block .balloon-txt{
  text-align: left;
  font-size: 1.3rem;
}

.rank-detail_block{
  padding-top:20px;
}

/* 口コミ */

.review{
  background: #F9DCFF;
  padding:20px 15.5px;
}

.review-ttl_jp{
  color: #195EA5;
  font-family: "M PLUS 1";
  font-size: 2.0rem;
  text-align: center;
  font-weight: 700;
}

.review-ttl_en{
  color: #195EA5;
  font-size: 1.0rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
}

.review-card{
  border-radius: 4px;
  background: #FFF;
  padding:20px 15px;
  margin-bottom: 10px;
}

.review-card:last-child{
  margin-bottom: 50px;
}

.card-ttl{
  color: #E600B4;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.writer{
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.writer img{
  width: 36.668px;
  height: 36.668px;
}

.writer p{
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 1.12px;
  margin-left: 11px;
}

.review-card>p{
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 180%;
  text-align: justify;
}

.review-card>p + p{
  margin-top: 16px;
}

.review-container{
  position: relative;
}

.review-card_wrapper{
  position: relative;
  height: auto;
  max-height: 300px;
  overflow: hidden;
  /* transition: max-height 0.5s; */
}

.review-card_wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
  background: linear-gradient(
      to bottom,
      transparent 0%,
      #ffffff 100%
  );
}

.review-card_wrapper.open::after {
    z-index: -1;
    opacity: 0;
}



.show_more{
  padding: 10px 35px;
  box-shadow: 0px 2px 4px 0px rgba(134, 102, 102, 0.25);
  background: #833592;
  color: #FFF;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1.12px;
  width:160px;
  position: absolute;
  top:230px;
  left:0;
  right:0;
  margin:0 auto;
  z-index:3;
  cursor:pointer;
}

.review-card_wrapper.open + .show_more{
  top:98.5%;
  border-radius: 10px;
}

.section-inner.cta{
  padding-top:20px;
  padding-bottom:40px;
}

.rank-detail_block.rank02{
  background:#fffff1;
}

.rank02 .rank-detail_heading p{
  background: linear-gradient(191deg, #979795 32.66%, #C9C8C6 47.77%, #F3F0F0 56.23%, #C9C8C6 63.48%, #979795 76.77%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 2px 4px rgba(255, 255, 255, 0.1);
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color:  #FFF;
  font-size: 3.0rem;
  font-weight: 800;
  margin-right: 30px;
}

.rank02 .review{
  background: #FFF3DC;
}

.rank02 .review-ttl_jp,
.rank02 .review-ttl_en{
  color:  #E60012;
}

.rank03 .rank-detail_heading p{
  font-size: 2.2rem;
  font-weight: 700;
  margin-right: 70px;
}

.rank02 .balloon,
.rank03 .balloon{
  padding-left: 20px;
}

.rank03 .review-card_wrapper.open + .show_more{
  top:98%;
}

/* purpose */

.purpose{
  background: #FDF1FF;
}

.purpose-ttl{
  margin-bottom: 30px;
}

.purpose-txtbox{
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;

  p + p{
    margin-top: 20px;
  }
}

.purpose-block{
  margin-bottom: 30px;
}

.purpose-block_heading{
  display: flex;
  align-items: center;
  padding:0 10px;
  margin-bottom: 8px;

  img{
    width:34px;
  }

  p{
    color: #833592;
  font-size: 1.8rem;
  font-weight: 700;
  }
}

p.purpose-main{
  padding:0 10px;
  background: linear-gradient(170deg, #FF4190 5.85%, #F52FFF 91.33%);
  color:#FFF;
  font-size: 2.2rem;
  font-weight: 700;
  margin:0 6px;
  }

.purpose-box{
  border-radius: 10px;
  border: 2px solid #F173D2;
  background: #FFF;
  padding:20px 10px;
}

.purpose-box>p{
  color: #E60012;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
}

.purpose-box_combi{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.purpose-box_combi>p{
  color: #E60012;
  font-size: 2.7rem;
  font-weight: 700;
  margin:0 20px;
}

.combi-item img{
  width:80px;
  height:80px;
}

.combi-item a{
  font-size: 1.2rem;
  text-decoration: none;
  font-weight: 700;
  display: block;
  text-align: center;
}

.purpose-block:last-child p.purpose-main{
  font-size:1.8rem;
  padding:0 6px;
}

.purpose-block:last-child .purpose-box>p{
  font-size: 1.2rem;
}

/* 回避方法 */

.avoid{
  border: 5px solid #1A1C20;
  background: #FEF8FF;
}

.avoid-ttl{
  background-image:url(../img/avoid-ttl_bg.png);
  background-size:cover;
  margin-bottom: 30px;
  padding:15px 16px  20px;
  background-color: #000;
}

.avoid .section-inner{
  padding:0 8px;
}

.avoid-message{
  color:  #282146;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.avoid-block{
  padding: 20px 15px 5px;
  border-radius: 10px;
  border: 2px solid #DDC7E2;
  background: #FFF;
  margin-bottom: 20px;
}

.avoid .balloon-txt{
  text-align: justify;
}

.avoid-block_heading{
  display: flex;
  margin-bottom: 16px;

  p{
    color: #E60012;
    font-size: 1.8rem;
    font-weight: 700;
  }
}

.avoid-num{
  margin-top: 2px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #282146;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  margin-right: .5em;
}

.avoid-img{
  margin:0 44px 10px;
}

.avoid-txt{
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 160%;
  text-align: justify;

  p{
    margin-bottom: 10px;
  }
}

.avoid-block:nth-child(3) .avoid-img{
  margin:0 0 10px;
}

.avoid-block:nth-child(4) .avoid-img{
  margin:0 20px 10px;
}

.avoid-block:nth-child(4) .avoid-block_heading{
    p{
    font-size: 1.6rem;
  }
}

/* 作り方 */

.how-ttl{
  background-image:url(../img/how-ttl_bg.png);
  background-size:cover;
  margin-bottom: 20px;

  p{
    font-size: 2.0rem;
    color:#1A1C20;
  }

  h2{
    background: linear-gradient(172deg, #C300E6 20.1%, #4D015A 66.24%, #C300E6 82.04%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.how-txt{
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}

.how .balloon-txt{
  text-align-last: left;
}

.step-heading{
  background: #833592;
  padding:15px;
  display: flex;
  align-items: center;
}

.step-num{
  width:62px;
  height:62px;
  margin-right: 10px;
}

.step02 .step-num,
.step04 .step-num{
  margin-right: 24px;
}

.step03 .step-ttl{
  text-align-last: left;
}

.step-ttl{
  color:  #FFF;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height:1.5;
}

.step-block_inner{
  padding:20px 15.5px;
  background: #F8DBFF;
}

.step-block_content{
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(159, 38, 164, 0.25);
  padding:20px 10px;
}

.step-image{
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;

  img{
    width:142px;
  }
}

.step-block_content p{
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 16px;
}

.step-block_content p:last-child{
  margin-bottom: 0;
}

.step-block_content a{
  color:#E600B4;
  font-size: 1.8rem;
  font-weight: 700;
  text-decoration: none;
  display:block;
}

.step-block_content .balloon{
  padding:6px;
}

.step-block_content p.balloon-txt{
  font-size: 1.4rem;
  text-align: justify;
}

.step-link{
  margin-bottom: 16px;
}

.step-block_content>img{
  margin-bottom: 24px;
}

.sample-message{
  padding: 25px 10px;
  border-radius: 5px;
  border: 5px solid #F0E4F5;
  background: #FFF;
  margin-bottom: 24px;

  p{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 160%; /* 24px */
  }
}

.step04 .balloon-block{
  margin-bottom: 30px;
}

.step-block_content ul{
  padding:20px 10px;
  border-radius: 1px;
  background: #FEF0F6;
  margin-bottom: 13px;

  li{
    font-size: 1.4rem;
    font-weight: 700;
  }

  li + li{
    margin-top: 6px;
  }
}

.step05 .step-ttl{
  font-size: 1.8rem;
}

.how .section-inner.cta{
  background: #F8DBFF;
  padding-bottom: 47px;
}

/* 口コミ2 */

.review2-ttl{
  background:  #833592;
  position: relative;
  padding:20px 10px;

  p{
    color: #FFF;
    text-align: center;
    font-family: "M PLUS 1";
    font-size: 2.2rem;
    font-weight: 700;
  }

  h2{
    font-family: "M PLUS 1", sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: white; /* 文字色を白 */
    /* 輪郭をtext-shadowで作る */
    text-shadow: 
      2px 2px 0 #f52fff, /* 右下 */
      -2px 2px 0 #f52fff, /* 左下 */
      2px -2px 0 #f52fff, /* 右上 */
      -2px -2px 0 #f52fff; /* 左上 */
  }

  img{
    width:30px;
    position: absolute;
    top:25px;
    right:10px;
  }
}

.review2 .section-inner{
  padding:20px 15.5px;
}

.review2 .section-inner>p{
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

.review2 .section-inner>p + p{
  margin-top: 20px;
}

.review2 .review-card{
  padding:20px 11px;
}

/* 決め方 */

.decide{
  background: #FEF7FF;
}

.decide-ttl{
  background: #282146;
  padding:10px 15px;

  p{
    color:#FFF;
    text-align: center;
    font-family: "M PLUS 1";
    font-size: 1.5rem;
    font-weight: 700;
  }

  h2{
    background:linear-gradient(191deg, #FCD002 32.66%, #FCD002 47.77%, #FFF5C7 56.23%, #FEE46D 63.48%, #FCD002 76.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.4rem;
    text-align: center;
    font-family: "M PLUS 1";
    font-weight: 700;
  }
}

.decide .section-inner{
  padding:30px 10px 20px;

  p{
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 12px;
  }
}
.decide-block{
  display: flex;
  align-items: center;
}

.decide-purpose{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.decide-block{
  padding: 10px 6px 10px;
  border-radius: 10px;
  border: 1px solid #FAE2E2;
  background: #FFF;
}

.decide-block>img{
    width:33px;
    margin:0 8px;
}

.decide-block + .decide-block{
  margin-top: 12px;
}

.decide-purpose{
  padding: 14px 10px;
  border-radius:4px;
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 100%; /* 14px */
  margin-right: 5px;
  text-align: center;
}

.decide-block:nth-child(1) .decide-purpose{
  background:linear-gradient(170deg, #FF4190 5.85%, #F52FFF 91.33%);
}

.decide-block:nth-child(2) .decide-purpose{
  background: linear-gradient(170deg, #7D41FF 5.85%, #F52FFF 91.33%);
}

.decide-block:nth-child(3) .decide-purpose{
  background: linear-gradient(172deg, #C300E6 20.1%, #4D015A 83.3%);
}

.decide-txt>p{
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  text-align: justify !important;
  width:141px;
  margin-bottom: 0 !important;
}

.decide-link{

  img{
    width:70px;
    height:70px;
    margin:0 auto;
  }

  a{
    display:block;
    text-align: center;
    margin-top: 4px;
    color: var(--aka, #E60012);
    font-size: 1.2rem;
    font-weight: 700;
  }
}

.specified{
  display: block;
  text-align: center;
  font-size: 1.0rem;
  margin-top: 16px;
}