@charset "UTF-8";

@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap);

.ecm-main { overflow: hidden;}
@media print, screen and (max-width: 960px) {
.ecm-main { padding: 0 0 6vw;}
}

.ecm-main__inner {
  max-width: 1230px;
  margin-bottom: 0;
  color: #221815;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

@media print, screen and (max-width: 960px) {
.l-footer-pagetop { top: -30px;}
.l-footer-pagetop.is-fixed { bottom: -10px;}
.l-footer-pagetop.is-fixed {
    position: fixed;
    top: auto;
    right: 20px;
    bottom: 20px;
}
}

/*  ---------------------------
		フローティングメニュー
---------------------------  */
.ecm-lp-navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  position: relative;
  padding: 0;
  background: none;
}

.ecm-lp-navi img {
  vertical-align: middle;
		margin: 0;
		padding: 0;
		line-height: 1;
}

@media print, screen and (min-width: 961px) {
  .ecm-lp-navi {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -30px;
    gap: 2px;
    margin-top: 0;
  }
.ecm-lp-navi a {
  display: block;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
		margin-bottom: 5px;
}
}
.ecm-lp-navi a {
  display: block;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
@media print, screen and (max-width: 960px) {
  .ecm-lp-navi a {
    width: 50%;
  }
}
.ecm-lp-navi a:hover {
  opacity: 0.85;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.ecm-lp-floatnavi {
  z-index: 20;
  position: fixed;
}
@media print, screen and (max-width: 960px) {
  .ecm-lp-floatnavi {
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0s linear 0.5s;
    transition: opacity 0.3s ease-in-out, visibility 0s linear 0.5s;
    width: 100%;
    top: 60px;
    left: 0;
    opacity: 0;
  }
  .ecm-lp-floatnavi.is-static {
    position: static;
  }
}
@media print, screen and (min-width: 961px) {
  .ecm-lp-floatnavi {
    display: none;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0s linear 0.5s;
    transition: opacity 0.3s ease-in-out, visibility 0s linear 0.5s;
    top: 170px;
    right: 0;
    opacity: 0;
  }
}
.ecm-lp-floatnavi.show {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.ecm-lp-floatnavi .ecm-lp-navi {
  bottom: 0;
}
@media print, screen and (min-width: 961px) {
  .ecm-lp-floatnavi .ecm-lp-navi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto;
    position: relative;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    padding: 0;
  }
}
.ecm-lp-floatnavi .ecm-lp-navi a {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media print, screen and (max-width: 960px) {
  .ecm-lp-anchor {
    display: none;
  }
}
.ecm-lp-anchor ul {
  padding: 0;
  margin: 0;
}
@media print, screen and (min-width: 961px) {
  .ecm-lp-anchor ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1230px;
    margin: 0 auto;
  }
}
.ecm-lp-anchor ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media print, screen and (min-width: 961px) {
  .ecm-lp-anchor {
		  /* width: 960px; */
		  width: 495px;
				margin: 20px auto 20px auto;
				box-sizing: border-box;
		}
		.ecm-lp-anchor ul li {
    width: 50%;
				box-sizing: border-box;
  }
		/*
		.ecm-lp-anchor ul li:nth-child(1) {
  		margin-right: 1px;
		}
		.ecm-lp-anchor ul li:nth-child(2) {
  		margin-left: 1px;
		}
		*/
		
  .ecm-lp-anchor ul li:hover {
    opacity: 0.85;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
}


/*-- コンテンツ
------------------------------------------------------*/
@media print, screen and (max-width: 960px) {
/*#index01 {
  margin-top: -8.8vw;
		padding-top: 8.8vw;
}
*/
#index01 {
  margin-top: -13vw;
		padding-top: 13vw;
}

#index_set {
  margin-top: -13vw;
		padding-top: 13vw;
}
}


/*-- ecm-lp-aloegel
------------------------------------------------------*/
.ecm-lp-aloegel {
  position: relative;
		color: #63666a;
}

.ecm-lp-aloegel a:hover {
  opacity: .85 !important;
		-webkit-transition: opacity .25s ease !important;
		transition: opacity .25s ease !important;
}

.ecm-lp-aloegel img { vertical-align: middle !important;}

.ecm-lp-aloegel br.br_pc { display: none;}
.ecm-lp-aloegel br.br_sp { display: block;}
@media (min-width: 961px) {
.ecm-lp-aloegel br.br_pc { display: block;}
.ecm-lp-aloegel br.br_sp { display: none;}
}
@media print, screen and (max-width: 960px){
.ecm-lp-aloegel .sp_none { display: none;}
}
@media print, screen and (min-width: 961px) {
.ecm-lp-aloegel .pc_none { display: none;}
}


/*-- lp_section_01
------------------------------------------------------*/
.lp_section_01 {
  position: relative;
		overflow: hidden;
		color: #2d2926;
}
.lp_section_01 img { margin: 0; padding: 0; vertical-align: middle; pointer-events: none;}

.lp_section_01 .sec01_box strong {
  font-weight: bold !important;
}


@media print, screen and (max-width: 960px){
.lp_section_01 .sec01_title {
  position: absolute;
		top: 0;
		left: 0;
		width: 100%;
}
.lp_section_01 .sec01_title p {
  display: block;
  position: absolute;
		top: 43.88888888%;
		width: 100%;
		font-size: 6.4vw;
		line-height: 0;
		letter-spacing: 0.05em;
  text-align: center;
		color: #FFFFFF;
  font-weight: 500 !important;
  text-indent: 0.19999999em;
}

/*-------------------------*/
.lp_section_01 .sec01_box {}

.lp_section_01 .sec01_box .box_inner {
		display: block;
		position: absolute;
		top: 11.5%;
		left: 0;
		width: 100%;
		height: 32%;
		/*background: #FFD8D8;*/
}
.lp_section_01 .sec01_box .txt_01 {
  display: block;
		position: absolute;
		top: 3.888888888%;
		left: 16.666666666%;
		font-size: 4.7444444444vw;
		line-height: 1.5;
		letter-spacing: 0;
		text-align: center;
  margin: 0;
  padding: 0;
}
.lp_section_01 .sec01_box .txt_02 {
  display: block;
		position: absolute;
		top: 54%;
		left: 19.666666666%;
		font-size: 4.7444444444vw;
		line-height: 1.5;
		letter-spacing: 0;
		text-align: center;
		margin: 0;
  padding: 0;
}
.lp_section_01 .sec01_box strong {
  font-size: 103%;
  font-weight: bold !important;
}
.lp_section_01 .sec01_box .txt_01 span.name {
  display: block;
  font-size: 66%;
		margin-top: 3%;
		letter-spacing: 0.002em;
}
.lp_section_01 .sec01_box .txt_02 span.name {
  display: block;
  font-size: 66%;
		margin-top: 0.999999999%;
		letter-spacing: 0.002em;
}

/*-------------------------*/
.sec01_title_head {
  position: absolute;
		top: 47.888888888%;
		left: 0;
		width: 100%;
		height: 11.5%;
}
.sec01_title_head h2 {
  margin: 0;
  padding: 0;
		font-size: 8.2vw !important;
		line-height: 0.9 !important;
		letter-spacing: 0.06em !important;
		text-align: center;
  font-weight: bold !important;
}
.sec01_title_head h2 span.txt_s {
  font-size: 66%;
		letter-spacing: 0.02em !important;
  font-weight: 400 !important;
}
.sec01_title_head h2 span.summer {
  font-size: 120%;
		color: #519e4f;
}

/*-------------------------*/
.sec01_bubble {
  position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		/* background: #FFD7D7; */
}
.sec01_bubble .txt_01,
.sec01_bubble .txt_02,
.sec01_bubble .txt_03 {
  display: block;
  position: absolute;
  text-align: center;
  font-size: 4.7vw;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.sec01_bubble .txt_01 strong,
.sec01_bubble .txt_02 strong,
.sec01_bubble .txt_03 strong {
  font-size: 120%;
  font-weight: bold !important;
  line-height: 1.25;
}
.sec01_bubble .txt_01 { top: 19%; left: 12.7444444444%;}
.sec01_bubble .txt_02 { top: 16%; left: 52%;}
.sec01_bubble .txt_03 { top: 55%; left: 31.222222222%;}

}

@media print, screen and (min-width: 961px) {
.lp_section_01 .sec01_title {
  position: absolute;
		top: 0;
		left: 0;
}
.lp_section_01 .sec01_title p {
  display: block;
		position: absolute;
		bottom: 14.7777777777%;
		width: 100%;
		font-size: min(2.5vw, 32px);
		line-height: 0;
		letter-spacing: 0.04em;
		text-align: center;
		color: #FFFFFF;
  /*font-weight: 500 !important;*/
}

/*-------------------------*/
.lp_section_01 .sec01_box {}

.lp_section_01 .sec01_box .box_inner {
		display: block;
		position: absolute;
		top: 19.5555555555%;
		left: 0;
		width: 100%;
		height: 20%;
		/*background: #FFD8D8;*/
}
.lp_section_01 .sec01_box .txt_01 {
  display: block;
		position: absolute;
		top: 26.1111111111%;
		left: 24.222222222%;
		font-size: min(1.85vw, 23px);
		line-height: 1.5;
		letter-spacing: 0.002em;
		text-align: center;
		margin: 0;
		padding: 0;
}
.lp_section_01 .sec01_box .txt_02 {
  display: block;
  position: absolute;
  top: 7%;
  left: 52.666666666%;
  font-size: min(1.85vw, 23px);
  line-height: 1.5;
  letter-spacing: 0.002em;
  text-align: center;
  margin: 0;
  padding: 0;
}
.lp_section_01 .sec01_box strong {
  font-size: 104%;
  font-weight: bold !important;
}
.lp_section_01 .sec01_box .txt_01 span.name {
  display: block;
  font-size: 66%;
		margin-top: 3%;
		letter-spacing: 0.002em;
}
.lp_section_01 .sec01_box .txt_02 span.name {
  display: block;
  font-size: 66%;
		margin-top: 0.944444444%;
		letter-spacing: 0.002em;
}

/*-------------------------*/
.sec01_title_head {
  position: absolute;
		top: 48.888888888%;
		left: 0;
		width: 100%;
		height: 11.5%;
}
.sec01_title_head h2 {
  margin: 0;
  padding: 0;
		font-size: min(3.2vw, 38px) !important;
		line-height: 0.9 !important;
		letter-spacing: 0.06em !important;
		text-align: center;
  font-weight: bold !important;
}
.sec01_title_head h2 span.txt_s {
  font-size: 66%;
		letter-spacing: 0.02em !important;
  font-weight: 400 !important;
}
.sec01_title_head h2 span.summer {
  font-size: 120%;
		color: #519e4f;
}


/*-------------------------*/
.sec01_bubble {
  position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		/* background: #FFD7D7; */
}
.sec01_bubble .txt_01,
.sec01_bubble .txt_02,
.sec01_bubble .txt_03 {
  display: block;
  position: absolute;
  text-align: center;
  font-size: min(1.85vw, 23px);
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.sec01_bubble .txt_01 strong,
.sec01_bubble .txt_02 strong,
.sec01_bubble .txt_03 strong {
  font-size: 120%;
  font-weight: 700 !important;
  line-height: 1.25;
}

.sec01_bubble .txt_01 { top: 31%; left: 24.7444444444%;}
.sec01_bubble .txt_02 { top: 27%; left: 42%;}
.sec01_bubble .txt_03 { top: 27%; left: 61.222222222%;}
}


/*-- lp_section_02
------------------------------------------------------*/
.lp_section_02 {
  position: relative;
		color: #2d2926;
		background: #e7f3e4;
}

.lp_section_02 img { margin: 0; padding: 0; vertical-align: middle; pointer-events: none;}

/* 文字の上に点 */
.lp_section_02 .sec02_title h3 .dots {
  background-image: radial-gradient(circle at center, #2d2926 18%, transparent 18%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 0.1em;
}

/* 文字の上に点 */
.lp_section_02 .sec02_body h3 .dots {
  background-image: radial-gradient(circle at center, #ca001b 18%, transparent 18%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 0.1em;
}

.sec02_inner {
		background: #FFFFFF;
}

@media print, screen and (max-width: 960px){
.lp_section_02 {
		width: 100%;
		margin: 10vw auto 0 auto;
		padding: 15.5vw 0 10vw 0;
}

.lp_section_02 .img_aloegel {
  display: none;
}

.sec02_inner {
  width: 93%;
		margin: 0 auto;
		padding: 9vw 0 0 0;
		background: #FFFFFF;
}

.sec02_title {
  position: relative;
		margin: 0;
		padding: 0;
}
.sec02_title_hukidashi {
  position: absolute;
  top: -198%;
  left: -5%;
  width: 109%;
}

.sec02_title h3 {
  position: absolute;
		top: -11.888888888%;
		left: 0;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 7.8vw !important;
		line-height: 1.55 !important;
		letter-spacing: 0;
		text-align: center;
		font-weight: bold !important;
		font-feature-settings: initial;
		text-indent: -0.2em;
}
.sec02_title h3 span.txt_s {
  font-size: 66%;
		letter-spacing: 0.02em !important;
  font-weight: 400 !important;
}
.sec02_title h3 span.aloe_green {
		color: #519e4f !important;
}
/*-------------------------*/
.sec02_body {
  position: relative;
		margin-top: 0;
}
.sec02_body img.bg_img {
  width: 110.5% !important;
		margin-left: -6%;
}

.sec02_body p {
  margin: 0 !important;
  padding: 0 !important;
}

.sec02_body .kodawari_01 {
  position: relative;
		margin: 0;
		padding: 0;
}
.sec02_body .kodawari_02 {
  position: relative;
		margin: 0;
		padding: 0;
}
.sec02_body .kodawari_03 {
  position: relative;
		margin: 0;
		padding: 0;
}
/*----*/
.sec02_body h3 {
  position: absolute;
  left: 16.666666666%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 5.333333333vw !important;
  line-height: 0.9 !important;
  letter-spacing: -0.05em;
  text-align: left;
  font-weight: 500 !important;
  /* font-feature-settings: initial; */
}
.sec02_body h3 strong {
  font-size: 126%;
  font-weight: bold !important;
  line-height: 1.34;
  letter-spacing: 0.01em;
}
.sec02_body .kodawari_03 h3 strong {
  line-height: 2.1;
}
.sec02_body h3 .aloe_green {
		color: #519e4f !important;
}
.sec02_body h3 .power {
  display: inline-block;
  background: #ca001b;
  color: #FFFFFF;
  font-size: 5.1555vw;
  padding: 0.15em 0.25em 0.26em 0.25em;
  margin-bottom: 1.99999999vw;
  font-weight: 400 !important;
}

/*----*/
.sec02_body .kodawari_01 h3 { top: 10.555555555%; letter-spacing: 0.04em;}
.sec02_body .kodawari_02 h3 { top: 7.555555555%;}
.sec02_body .kodawari_03 h3 { top: -1.8444444444%;}
/*----*/
.sec02_body .kodawari_01 p.txt_01,
.sec02_body .kodawari_02 p.txt_01,
.sec02_body .kodawari_03 p.txt_01 {
  font-size: 4vw;
  line-height: 1.62;
  letter-spacing: 0.01em;
}
.sec02_body .kodawari_01 p.txt_01 {
  position: absolute;
  top: 33.77777777%;
  left: 2.511111111%;
  width: 44%;
  text-align: justify;
}
.sec02_body .kodawari_02 p.txt_01 {
  position: absolute;
  top: 42%;
  left: 52.55555555%;
  width: 44%;
  text-align: justify;
}
.sec02_body .kodawari_03 p.txt_01 {
  position: absolute;
  top: 41.77777777%;
  left: 2.511111111%;
  width: 44%;
  text-align: justify;
}
/*----*/
.sec02_body .kodawari_01 p.txt_annotation,
.sec02_body .kodawari_02 p.txt_annotation,
.sec02_body .kodawari_03 p.txt_annotation {
  font-size: 2.6vw;
		line-height: 1.5;
}
.sec02_body .kodawari_01 p.txt_annotation {
  position: absolute;
  top: 66.999999999%;
  left: 2.111111111%;
}
.sec02_body .kodawari_02 p.txt_annotation {
  position: absolute;
  top: 80.33333333%;
  left: 52.555555555%;
}
/*----*/
.sec02_body .kodawari_01 .txt_box {
  position: absolute;
  display: block;
  top: 74%;
  left: 3%;
  box-sizing: border-box;
  border: #519e4f 2px solid;
  width: 93.88888888%;
  padding: 0.55em 0.9em 0.55em 0.9em;
  text-align: justify;
}
.sec02_body .kodawari_01 .txt_box p {
  font-size: 3.6vw;
  line-height: 1.65;
  letter-spacing: 0;
}
.sec02_body .kodawari_01 .txt_box p .aloe_green {
		color: #519e4f !important;
  font-weight: bold !important;
}

}

@media print, screen and (min-width: 961px) {
.lp_section_02 {
		width: 100%;
		max-width: 1230px;
		margin: 0 auto;
		padding: 6% 0 6% 0;
}

.lp_section_02 .img_aloegel {
   position: absolute;
   top: -40%;
			left: -3.1111111111%;
			vertical-align: middle;
}
.lp_section_02 .img_aloegel img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.sec02_inner {
  width: 100%;
  max-width: 940px;
		margin: 0 auto;
		padding: 0;
}

.lp_section_02 img.bg_img {
  width: 100%;
  height: auto;
		vertical-align: middle;
}

.sec02_title {
  position: relative;
		margin: 0;
		padding: 0;
}
.sec02_title_hukidashi {
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
}

.sec02_title h3 {
  position: absolute;
		top: 31.111111111%;
		left: 0;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		font-size: min(3.4vw, 37px) !important;
		line-height: 0.9 !important;
		letter-spacing: 0.001em;
		text-align: center;
  font-weight: bold !important;
		font-feature-settings: initial;
		text-indent: 0;
}
.sec02_title h3 span.txt_s {
  font-size: 66%;
		letter-spacing: -0.04em !important;
  font-weight: 400 !important;
}
.sec02_title h3 span.aloe_green {
		color: #519e4f !important;
}

/*-------------------------*/
.sec02_body {
  position: relative;
		margin-top: -14%;
}
.sec02_body p {
  margin: 0 !important;
  padding: 0 !important;
}

.sec02_body .kodawari_01 {
  position: relative;
		margin: 0;
		padding: 0;
}
.sec02_body .kodawari_02 {
  position: relative;
		margin: -2% 0 0 0;
		padding: 0;
}
.sec02_body .kodawari_03 {
  position: relative;
		margin: -2% 0 0 0;
		padding: 0;
}
/*----*/
.sec02_body h3 {
  position: absolute;
  left: 16.555555555%;
		margin: 0 !important;
		padding: 0 !important;
		font-size: min(3.4vw, 24px) !important;
		line-height: 0.9 !important;
		letter-spacing: 0.02em;
		text-align: left;
		font-weight: 500 !important;
  /* font-feature-settings: initial; */
}
.sec02_body h3 strong {
  font-size: 137%;
  font-weight: bold !important;
  line-height: 1.25;
}
.sec02_body h3 .aloe_green {
		color: #519e4f !important;
}

.sec02_body h3 .power {
  display: inline-block;
  background: #ca001b;
		color: #FFFFFF;
  font-size: min(1.85vw, 22px);
		padding: 0.15em 0.25em 0.2em 0.25em;
  font-weight: 400 !important;
}

/*----*/
.sec02_body .kodawari_01 h3 { top: 8.555555555%;}
.sec02_body .kodawari_02 h3 { top: 10.555555555%;}
.sec02_body .kodawari_03 h3 { top: 14.777777777%;}
/*----*/
.sec02_body .kodawari_01 p.txt_01,
.sec02_body .kodawari_02 p.txt_01,
.sec02_body .kodawari_03 p.txt_01 {
  font-size: min(1.95vw, 20px);
		line-height: 1.6;
		/* letter-spacing: -0.02em; */
}
.sec02_body .kodawari_01 p.txt_01 {
  position: absolute;
		top: 25%;
  left: 16.555555555%;
}
.sec02_body .kodawari_02 p.txt_01 {
  position: absolute;
  top: 31%;
  left: 50%;
  width: 34%;
  text-align: justify;
}
.sec02_body .kodawari_03 p.txt_01 {
  position: absolute;
  top: 39%;
  left: 16.555555555%;
  width: 32%;
  text-align: justify;
}
/*----*/
.sec02_body .kodawari_01 p.txt_annotation,
.sec02_body .kodawari_02 p.txt_annotation,
.sec02_body .kodawari_03 p.txt_annotation {
  font-size: min(1.85vw, 12px);
		line-height: 1.5;
}
.sec02_body .kodawari_01 p.txt_annotation {
  position: absolute;
		top: 50.777777777%;
  left: 16.555555555%;
}
.sec02_body .kodawari_02 p.txt_annotation {
  position: absolute;
		top: 68%;
  left: 50%;
}
/*----*/
.sec02_body .kodawari_01 .txt_box {
  position: absolute;
  display: block;
  top: 58%;
  left: 16.555555555%;
  box-sizing: border-box;
  border: #519e4f 2px solid;
  width: 20em;
  padding: 1em 1.4em 1em 1.4em;
  text-align: justify;
}
.sec02_body .kodawari_01 .txt_box p {
  font-size: min(1.85vw, 17px);
  line-height: 1.65;
  letter-spacing: 0.08em;
}
.sec02_body .kodawari_01 .txt_box p .aloe_green {
		color: #519e4f !important;
  font-weight: bold !important;
}

}

/*----*/
.sec02_body .kodawari_01 .marker,
.sec02_body .kodawari_02 .marker,
.sec02_body .kodawari_03 .marker {
    background: linear-gradient(transparent 55%, #faf178 0%);
    display: inline;
    padding: 0 1px 0px;
}


/*-- lp_section_03
------------------------------------------------------*/
.lp_section_03 {
  position: relative;
		color: #2d2926;
		background: rgb(247,252,246);
		background: radial-gradient(circle, rgba(247,252,246,1) 0%, rgba(229,228,228,1) 100%);
}

.lp_section_03 img { margin: 0; padding: 0; vertical-align: middle; pointer-events: none;}

.sec03_inner h3 { margin: 0; padding: 0;}
.sec03_inner h4 { margin: 0; padding: 0;}
.sec03_inner p { margin: 0; padding: 0;}

@media print, screen and (max-width: 960px){
.lp_section_03 img.bg_img {
  position: absolute;
		top: 0;
		left: 0;
}

.lp_section_03 .sec03_inner {
  position: relative;
		top: 0;
		left: 0;
		width: 100%;
  max-width: 940px;
		margin: 0 auto;
		padding: 0;
}

.sec03_inner h3 {
  position: absolute;
  top: 17.111111111%;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 6.455555vw !important;
  line-height: 0 !important;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: bold !important;
  /* font-feature-settings: initial; */
  color: #FFFFFF;
		text-indent: -0.3333333em;
}
/* さらに */
.sec03_inner p.txt_icon {
  display: inline-block;
  position: absolute;
  top: 9.8888888888%;
  width: 100%;
  font-size: 4.3333333333vw;
  line-height: 0;
  letter-spacing: 0.1em;
  text-align: center;
}
.sec03_inner p.txt_icon span {
  display: inline;
		position: relative;
		padding: 0 0.5em 0 0.5em;
}
.sec03_inner p.txt_icon span::before,
.sec03_inner p.txt_icon span::after {
  position: absolute;
  content: "";
  display: inline-block;
  background: #2d2926;
  width: 1px;
  height: 1.2em;
  bottom: 0.05em;
}
.sec03_inner p.txt_icon span::before { left: 0; transform: rotate(-25deg);}
.sec03_inner p.txt_icon span::after { right: 0; transform: rotate(25deg);}

/*NEW*//*POWER UP*/
.sec03_inner p.txt_icon_01,
.sec03_inner p.txt_icon_02 {
  display: inline-block;
  background: #ca001b;
  color: #FFFFFF;
  font-size: 4.7777777vw;
  padding: 0.15em 0.4em 0.23em 0.4em;
}
.sec03_inner p.txt_icon_01 {
  position: absolute;
  top: 24.555556%;
  left: 43.3333333333%;
}
.sec03_inner p.txt_icon_02 {
  position: absolute;
  top: 58.555556%;
  left: 36.555555555%;
}

/*h4*/
.sec03_inner h4.txt_title_01,
.sec03_inner h4.txt_title_02 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 4.999999999vw !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em;
  text-align: left;
  font-weight: 500 !important;
/* font-feature-settings: initial;*/
}
.sec03_inner h4.txt_title_01 {
  position: absolute;
  top: 31.444444444%;
  left: 17.444444444%;
  letter-spacing: 0.04em;
}
.sec03_inner h4.txt_title_02 {
  position: absolute;
  top: 65.66666666%;
  left: 17.444444444%;
  /*letter-spacing: 0;*/
}

/*txt_01 txt_02*/
.sec03_inner p.txt_01,
.sec03_inner p.txt_02 {
  font-size: 4.0111111111vw;
  line-height: 1.67;
  /* letter-spacing: -0.02em; */
  text-align: justify;
}
.sec03_inner p.txt_01 {
  position: absolute;
  top: 39.555555555%;
  left: 9.5555555555%;
  width: 82%;
}
.sec03_inner p.txt_02 {
  position: absolute;
  top: 73.55555555%;
  left: 9.5555555555%;
  width: 82%;
}
/*txt_annotation*/
.sec03_inner p.txt_annotation {
  position: absolute;
  top: 85.555555555%;
  left: 9.5555555555%;
  font-size: 2.45vw;
  line-height: 1.5;
}

}

@media print, screen and (min-width: 961px) {
.lp_section_03 img.bg_img {
  position: absolute;
		top: 0;
		left: 0;
}

.lp_section_03 .sec03_inner {
  position: relative;
		top: 0;
		left: 0;
		width: 100%;
  max-width: 940px;
		margin: 0 auto;
		padding: 0;
}

.sec03_inner h3 {
  position: absolute;
  top: 25.55555555%;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: min(2.55vw, 32px) !important;
  line-height: 0 !important;
  /* letter-spacing: 0.02em; */
  text-align: center;
  font-weight: bold !important;
  /* font-feature-settings: initial; */
  color: #FFFFFF;
}
/* さらに */
.sec03_inner p.txt_icon {
  display: inline-block;
  position: absolute;
  top: 14.88888888%;
  width: 100%;
  font-size: min(1.85vw, 20px);
  line-height: 0;
  letter-spacing: 0.1em;
  text-align: center;
}
.sec03_inner p.txt_icon span {
  display: inline;
		position: relative;
		padding: 0 0.5em 0 0.5em;
}
.sec03_inner p.txt_icon span::before,
.sec03_inner p.txt_icon span::after {
  position: absolute;
  content: "";
  display: inline-block;
  background: #2d2926;
  width: 1px;
  height: 1.2em;
  bottom: 0.05em;
}
.sec03_inner p.txt_icon span::before { left: 0; transform: rotate(-25deg);}
.sec03_inner p.txt_icon span::after { right: 0; transform: rotate(25deg);}

/*NEW*//*POWER UP*/
.sec03_inner p.txt_icon_01,
.sec03_inner p.txt_icon_02 {
  display: inline-block;
  background: #ca001b;
  color: #FFFFFF;
  font-size: min(1.85vw, 24px);
  padding: 0.15em 0.4em 0.25em 0.4em;
}
.sec03_inner p.txt_icon_01 {
  position: absolute;
  top: 37.55555555%;
  left: 21.55555555%;
}
.sec03_inner p.txt_icon_02 {
  position: absolute;
  top: 37.55555555%;
  left: 66.5%;
}

/*h4*/
.sec03_inner h4.txt_title_01,
.sec03_inner h4.txt_title_02 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: min(2.3vw, 25px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em;
  text-align: left;
  font-weight: 500 !important;
/* font-feature-settings: initial; */
}
.sec03_inner h4.txt_title_01 {
  position: absolute;
  top: 47.111111111%;
  left: 8.77777777%;
  letter-spacing: 0.04em;
}
.sec03_inner h4.txt_title_02 {
  position: absolute;
  top: 47.111111111%;
  left: 56.77777777%;
  letter-spacing: 0;
}

/*txt_01 txt_02*/
.sec03_inner p.txt_01,
.sec03_inner p.txt_02 {
  font-size: min(1.92vw, 20px);
  line-height: 1.6;
  letter-spacing: -0.02em;
  text-align: justify;
}
.sec03_inner p.txt_01 {
  position: absolute;
  top: 58.1111111111%;
  left: 4.888888888%;
  width: 42%;
}
.sec03_inner p.txt_02 {
  position: absolute;
  top: 58.1111111111%;
  left: 52.888888888%;
  width: 42%;
}
/*txt_annotation*/
.sec03_inner p.txt_annotation {
  position: absolute;
  top: 74.999999999%;
  left: 52.888888888%;
  font-size: min(1.85vw, 12px);
  line-height: 1.5;
}

}

/*----*/
.sec03_inner .marker {
    background: linear-gradient(transparent 55%, #faf178 0%);
    display: inline;
    padding: 0 1px 0px;
}


/*-- lp_section_04
------------------------------------------------------*/
.lp_section_04 {
  position: relative;
		color: #2d2926;
}

.lp_section_04 img { margin: 0; padding: 0; vertical-align: middle; pointer-events: none;}

.sec04_inner h3 { margin: 0; padding: 0;}
.sec04_inner h4 { margin: 0; padding: 0;}
.sec04_inner p { margin: 0; padding: 0;}

.sec04_inner h3 .aloe_green {
		color: #519e4f !important;
}
.sec04_inner p.txt_01 .aloe_green {
		color: #519e4f !important;
  font-weight: bold !important;
}

@media print, screen and (max-width: 960px){
.lp_section_04 .sec04_inner {
  position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0;
}

.sec04_inner h3 {
  position: absolute;
  top: 15.55555555%;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 8.3vw !important;
  line-height: 0 !important;
  /* letter-spacing: 0.02em; */
  text-align: center;
  font-weight: bold !important;
  /* font-feature-settings: initial; */
}
.sec04_inner h3 span.line {
  border-bottom: #519e4f 2px solid;
  padding-bottom: 0.44444444% !important;
  padding: 0 0.2em;
}

/*txt_01*/
.sec04_inner p.txt_01 {
  font-size: 3.333333vw;
  line-height: 1.6111111;
  letter-spacing: 0.05em;
  text-align: justify;
  font-feature-settings: "palt" 1;
  /* font-feature-settings: initial; */
}
.sec04_inner p.txt_01 {
  position: absolute;
  top: 40.444444%;
  left: 9.111111%;
  width: 48.5555555%;
}

/*txt_annotation*/
.sec04_inner p.txt_annotation {
  position: absolute;
  top: 87.555555555%;
  left: 4.011111111%;
  font-size: 2.4555555555vw;
  line-height: 1.5;
}

}

@media print, screen and (min-width: 961px) {
.lp_section_04 .sec04_inner {
  position: relative;
		top: 0;
		left: 0;
		width: 100%;
  max-width: 940px;
		margin: 0 auto;
		padding: 0;
}

/*h3*/
.sec04_inner h3 {
  position: absolute;
  top: 15.55555555%;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: min(3vw, 39px) !important;
  line-height: 0 !important;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: bold !important;
  /* font-feature-settings: initial; */
}
.sec04_inner h3 span.line { border-bottom: #519e4f 2px solid; padding-bottom: 0.44444444%;}

/*txt_01*/
.sec04_inner p.txt_01 {
  font-size: min(1.92vw, 17px);
  line-height: 1.65555;
  letter-spacing: 0.05em;
  text-align: justify;
  font-feature-settings: "palt" 1;
  /* font-feature-settings: initial;*/
}
.sec04_inner p.txt_01 {
  position: absolute;
  top: 42.44444444%;
  left: 20.11111111%;
  width: 41.2%;
}

/*txt_annotation*/
.sec04_inner p.txt_annotation {
  position: absolute;
  top: 87%;
  left: 16.888889%;
  font-size: min(1.85vw, 12px);
  line-height: 1.5;
}

}

/*-- lp_section_05
------------------------------------------------------*/
.lp_section_05 {
  position: relative;
		color: #2d2926;
}

.lp_section_05 img { margin: 0; padding: 0; vertical-align: middle; pointer-events: none;}

.sec05_inner h3 { margin: 0; padding: 0;}
.sec05_inner h4 { margin: 0; padding: 0;}
.sec05_inner p { margin: 0; padding: 0;}

.sec05_inner h3 .aloe_green,
.sec05_inner h4 .aloe_green {
		color: #519e4f !important;
}
.sec05_inner p.txt_01 .aloe_green {
		color: #519e4f !important;
  font-weight: bold !important;
}

@media print, screen and (max-width: 960px){
.lp_section_05 .sec05_inner {
  position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0;
}

/*h3*/
.sec05_inner h3.sec05_title {
  display: block;
  position: absolute;
  top: 4.111111111%;
  width: 100%;
  font-size: 4.211111111vw;
  line-height: 0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #FFFFFF;
  font-weight: 400 !important;
}

/*h4 */
.sec05_inner h4.sec05_title_sub {
  position: absolute;
  top: 7.555556%;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 8.3111111111vw !important;
  line-height: 1.1999999999 !important;
  /* letter-spacing: 0.02em; */
  text-align: center;
  font-weight: bold !important;
  /* font-feature-settings: initial; */
}

/*txt*/
.sec05_inner .txt_voice p.txt {
  font-size: 4.111111111vw;
  line-height: 1.6111111;
  letter-spacing: 0.031111111em;
  text-align: justify;
  font-feature-settings: "palt" 1;
  /* font-feature-settings: initial; */
}

/*name*/
.sec05_inner .txt_voice p.name {
  position: absolute;
  top: 84.5555555555%;
  left: 0;
  font-size: 3.2555555555vw;
  line-height: 1.5;
  letter-spacing: 0.061111111em;
}

/**/
.sec05_inner .txt_voice.txt_voice_01 {
  position: absolute;
  top: 21.6666666666%;
  left: 16.555555555%;
  width: 67.111111%;
}
.sec05_inner .txt_voice.txt_voice_02 {
  position: absolute;
  top: 40.88888888%;
  left: 14.88888888%;
  width: 70.111111%;
}
.sec05_inner .txt_voice.txt_voice_03 {
  position: absolute;
  top: 60.333333333%;
  left: 13.222222222%;
  width: 72.3333333%;
}
.sec05_inner .txt_voice.txt_voice_04 {
  position: absolute;
  top: 80.444444444%;
  left: 16.555555555%;
  width: 67.111111%;
}

}

@media print, screen and (min-width: 961px) {
.lp_section_05 .sec05_inner {
  position: relative;
		width: 100%;
  /* max-width: 940px; */
		margin: 0 auto;
		padding: 0;
}

/*h3*/
.sec05_inner h3.sec05_title {
  display: block;
		position: absolute;
		top: 9.5444444444%;
		width: 100%;
		font-size: min(1.7111111vw, 21px);
		line-height: 0;
		letter-spacing: 0.04em;
		text-align: center;
		color: #FFFFFF;
  font-weight: 400 !important;
}

/*h4*/
.sec05_inner h4.sec05_title_sub {
  position: absolute;
  top: 17.222222222%;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: min(3.2vw, 39px) !important;
  line-height: 0 !important;
  letter-spacing: 0.03em;
  text-align: center;
  font-weight: bold !important;
  /* font-feature-settings: initial; */
}

/*txt*/
.sec05_inner .txt_voice p.txt {
  font-size: min(1.6vw, 20px);
  line-height: 1.666666666;
  letter-spacing: 0.01em;
  text-align: justify;
  font-feature-settings: "palt" 1;
  /* font-feature-settings: initial;*/
}

/*name*/
.sec05_inner .txt_voice p.name {
  position: absolute;
  top: 89%;
  left: 0;
  font-size: min(1.32222222vw, 16px);
  line-height: 1.5;
}

/**/
.sec05_inner .txt_voice.txt_voice_01 {
  position: absolute;
  top: 27.66666666%;
  left: 17.999999999%;
  width: 27.111111111%;
}
.sec05_inner .txt_voice.txt_voice_02 {
  position: absolute;
  top: 36.444444%;
  left: 54%;
  width: 27.22222222%;
}
.sec05_inner .txt_voice.txt_voice_03 {
  position: absolute;
  top: 61.66666666%;
  left: 17.999999999%;
  width: 27.66666666%;
}
.sec05_inner .txt_voice.txt_voice_04 {
  position: absolute;
  top: 71.7777777%;
  left: 54.11111111%;
  width: 27.222222222%;
}

}

/*-- lp_section_06
------------------------------------------------------*/
.lp_section_06 {
  position: relative;
		color: #2d2926;
}

.lp_section_06 img { margin: 0; padding: 0; vertical-align: middle; pointer-events: none;}

@media print, screen and (max-width: 960px) {}
@media print, screen and (min-width: 961px) {}

/*-- lp_section_07
------------------------------------------------------*/
.lp_section_07 {
  position: relative;
		color: #2d2926;
}
.lp_section_07 img { margin: 0; padding: 0; vertical-align: middle; pointer-events: none;}
.lp_section_07 p {
  margin: 0 !important;
  padding: 0 !important;
}

@media print, screen and (max-width: 960px) {
/*txt_annotation*/
.lp_section_07 p.txt_annotation {
  position: absolute;
  top: 93.5555555%;
  left: 4.011111111%;
  font-size: 2.4555555555vw;
  line-height: 1.5;
}
}

@media print, screen and (min-width: 961px) {
/*txt_annotation*/
.lp_section_07 p.txt_annotation {
  position: absolute;
  top: 91.5555555%;
  left: 31.888888%;
  font-size: min(1.85vw, 12px);
  line-height: 1.5;
}
}

/*-- lp_section_08
------------------------------------------------------*/
.lp_section_08 {
  position: relative;
		color: #2d2926;
}

.lp_section_08 img { margin: 0; padding: 0; vertical-align: middle; pointer-events: none;}

.lp_section_08 h3 { margin: 0; padding: 0;}
.lp_section_08 h4 { margin: 0; padding: 0;}
.lp_section_08 p { margin: 0; padding: 0;}

.lp_section_08 h3 .aloe_green,
.lp_section_08 h4 .aloe_green {
		color: #519e4f !important;
}
.lp_section_08 p.txt_01 .aloe_green {
		color: #519e4f !important;
  font-weight: bold !important;
}

@media print, screen and (max-width: 960px){
.lp_section_08 {
  position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0;
}

.lp_section_08 h3 {
  position: absolute;
  top: 11.555555555%;
  left: 0.41111111111%;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 5.411111111vw !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em;
  text-align: center;
  font-weight: 400 !important;
  /* font-feature-settings: initial;*/
}
.lp_section_08 h3 strong {
  font-size: 142% !important;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: bold !important;
  /* font-feature-settings: initial;*/
}

.lp_section_08 p.step1,
.lp_section_08 p.step2 {
  font-size: 4.12vw;
  line-height: 1.6;
  letter-spacing: -0.04em;
  text-align: justify;
  font-feature-settings: "palt" 1;
}
.lp_section_08 p.step1 {
  position: absolute;
  top: 41.555555555%;
  left: 44.555555555%;
  width: 50%;
  letter-spacing: 0em;
}
.lp_section_08 p.step2 {
  position: absolute;
  top: 66.222222222%;
  left: 44.555555555%;
  width: 46.44444444%;
}

}

@media print, screen and (min-width: 961px) {
.lp_section_08 {
  position: relative;
		width: 100%;
  /* max-width: 940px; */
		margin: 0 auto;
		padding: 0;
}

.lp_section_08 h3 {
  position: absolute;
  top: 16.1111111111%;
  left: 0.41111111111%;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: min(2.05vw, 26px) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em;
  text-align: center;
  font-weight: 400 !important;
  /* font-feature-settings: initial;*/
}
.lp_section_08 h3 strong {
  font-size: 142% !important;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: bold !important;
  /* font-feature-settings: initial;*/
}

.lp_section_08 p.step1,
.lp_section_08 p.step2 {
  font-size: min(1.64vw, 20px);
  line-height: 1.6;
  letter-spacing: -0.04em;
  text-align: justify;
  font-feature-settings: "palt" 1;
}
.lp_section_08 p.step1 {
  position: absolute;
  top: 54.1111111111%;
  left: 30%;
  width: 20%;
  letter-spacing: 0em;
}
.lp_section_08 p.step2 {
  position: absolute;
  top: 54.1111111111%;
  left: 65.5555555555%;
  width: 18.5%;
}

}


/*-- aloegel_cta
------------------------------------------------------*/
.aloegel_cta {
  position: relative;
		color: #2d2926;
		width: 100%;
  background: repeat-y url(../img/aloegel_item_bg.jpg) center top;
  background-size: contain;
  padding: min(45.45vw, 67px) 0 min(45.45vw, 67px);		
}

.aloegel_cta img { margin: 0; padding: 0; vertical-align: middle; /* pointer-events: none; */}
.aloegel_cta p { margin: 0 !important; padding: 0 !important;}

.aloegel_cta .aloegel_cta_inner  {
		box-sizing: border-box;
		position: relative;
		width: 100%;
  max-width: 940px;
		margin: 0 auto;
		background: #FFFFFF;
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.15);
}

@media print, screen and (max-width: 960px){
.aloegel_cta {
    /* padding: 8vw; */
    padding: 11vw 2vw 11vw 2vw;
}

.aloegel_cta .aloegel_cta_inner {
  position: relative;
		width: 95%;
		margin: 0 auto;
		padding: 0;
		background: #FFFFFF;
}

.aloegel_cta .aloegel_cta_inner img.cta_img {
  position: relative;
  width: 61.111111%;
  vertical-align: middle;
  margin: -7.11111111% 0 0 -7.5555555%;
}

.aloegel_cta .aloegel_cta_inner .inner_box {
  padding: 5% 4% 7.5% 4%;
}

.aloegel_cta .aloegel_cta_inner .inner_box .item_info {
  padding: 5.88888888vw 0 0 0;
  position: absolute;
  top: 0;
  right: 6.1111111%;
}


/*---------------------------*/
/*new*/
.aloegel_cta .icon_new  {
  display: inline-block;
  background: #ca001b;
  color: #FFFFFF;
  font-size: 4.211111111vw;
  padding: 0.15em 0.4em 0.23em 0.4em !important;
}

/*name*/
.aloegel_cta p.name {
  font-size: 4.3vw;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: left;
  font-weight: 500 !important;
  font-feature-settings: "palt" 1;
  margin: 3% 0 3.5% 0 !important;
}

/*weight*/
.aloegel_cta p.weight {
  font-size: 3.6vw;
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: left;
  font-weight: 500 !important;
		font-feature-settings: "palt" 1;
		margin: 0 0 -3.1111111% 0 !important;
}

/*price*/
.aloegel_cta p.price {
  font-size: 3.6vw !important;
  line-height: 1.3 !important;
  letter-spacing: 0.05em;
  text-align: left;
  font-weight: 500 !important;
  margin-bottom: 9.5111111% !important;
  /* font-feature-settings: initial; */
}
.aloegel_cta p.price span.yen {
  font-size: 200% !important;
  text-align: left;
  font-weight: 500 !important;
  padding: 0 0.05em 0 0;
  /* font-feature-settings: initial;*/
}
.aloegel_cta p.price strong {
  font-size: 260% !important;
  letter-spacing: -0.01em;
  text-align: left;
  font-weight: 700 !important;
  /* font-feature-settings: initial;*/
}


}

@media print, screen and (min-width: 961px) {
.aloegel_cta {}
.aloegel_cta .aloegel_cta_inner {
		padding: 0;
}

.aloegel_cta .aloegel_cta_inner img.cta_img {
  position: absolute;
		top: 0;
		left: 4.011111111%;
  vertical-align: middle;
}

.aloegel_cta .aloegel_cta_inner .inner_box {
  padding: 5% 8% 5% 46%;
}

/*---------------------------*/
/*new*/
.aloegel_cta .icon_new {
  display: inline-block;
  background: #ca001b;
  color: #FFFFFF;
  font-size: min(1.85vw, 22px);
  padding: 0.15em 0.4em 0.25em 0.4em !important;
}

/*name*/
.aloegel_cta p.name {
  font-size: min(1.85vw, 22px);
  line-height: 1.6;
  letter-spacing: 0;
  text-align: left;
  font-weight: 500 !important;
		font-feature-settings: "palt" 1;
		margin: 1.7% 0 2.5% 0 !important;
}

/*weight*/
.aloegel_cta p.weight {
  font-size: min(1.64vw, 17px);
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: left;
  font-weight: 500 !important;
		font-feature-settings: "palt" 1;
		margin: 0 0 -1.511111% 0 !important;
}

/*price*/
.aloegel_cta p.price {
  font-size: min(2.05vw, 17px) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.05em;
  text-align: left;
  font-weight: 500 !important;
		margin-bottom: 5.5111111% !important;
  /* font-feature-settings: initial;*/
}
.aloegel_cta p.price span.yen {
  font-size: 200% !important;
  text-align: left;
  font-weight: 500 !important;
  padding: 0 0.05em 0 0;
  /* font-feature-settings: initial;*/
}
.aloegel_cta p.price strong {
  font-size: 260% !important;
  letter-spacing: -0.01em;
  text-align: left;
  font-weight: 700 !important;
  /* font-feature-settings: initial;*/
}

}

/*------------------------------------------------------
cta_btn
------------------------------------------------------*/
.aloegel_cta .aloegel_cta_inner .cta_btn button {
  display: inline-block !important;
  width: 100% !important;
  height: auto !important;
  background: #ca001b;
  /* background: #2d2926; */
  border: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: #fff !important;
  text-align: center;
  position: relative;
  padding: 18px 0;
  font-size: 23px;
}
.aloegel_cta .aloegel_cta_inner .cta_btn button:hover {
  opacity: 0.7;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.aloegel_cta .aloegel_cta_inner .cta_btn button::after {
  content: "";
  display: block;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  top: 2px;
  right: 20px;
}
@media screen and (max-width: 960px) {
  .aloegel_cta .aloegel_cta_inner .cta_btn button::after {
    border-top: 0.5333333333vw solid #fff;
    border-right: 0.5333333333vw solid #fff;
    width: 2vw;
    height: 2vw;
    right: 4.6666666667vw;
    top: 0.5333333333vw;
  }
}
@media screen and (max-width: 960px) {
  .aloegel_cta .aloegel_cta_inner .cta_btn button {
    padding: 4vw;
    font-size: 4vw;
  }
}


/*------------------------------------------------------
cta_tbl
------------------------------------------------------*/
.ecm-lp-aloegel .aloegel_cta .cta_tbl {
/*  width: min(65.04vw, 800px); */
  width: min(65.04vw, 100%);
/* margin: min(2.03vw, 25px) auto 0; */
/*  margin: 4% auto min(2.03vw, 25px) auto; */
		margin: 4% auto 0 auto;
}
@media screen and (max-width: 960px) {
  .ecm-lp-aloegel .aloegel_cta .cta_tbl {
    width: 100%;
    margin: 4vw auto 0;
  }
}
.ecm-lp-aloegel .aloegel_cta .cta_tbl .cta_tbl_ttl {
  text-align: center;
  background-color: #63666a;
  color: #fff;
  font-size: min(1.63vw, 20px);
  letter-spacing: 1px;
  padding: min(0.98vw, 12px) 0;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .ecm-lp-aloegel .aloegel_cta .cta_tbl .cta_tbl_ttl {
    font-size: 4vw;
    padding: 2.6666666667vw 0;
  }
}
.ecm-lp-aloegel .aloegel_cta .cta_tbl .cta_tbl_ttl:hover {
  opacity: 0.7;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
@media screen and (max-width: 960px) {
  .ecm-lp-aloegel .aloegel_cta .cta_tbl .cta_tbl_ttl:hover {
    opacity: 1;
  }
}
.ecm-lp-aloegel .aloegel_cta .cta_tbl .cta_tbl_ttl .icon_arrow {
  width: min(1.06vw, 13px);
  display: block;
  position: absolute;
  top: 20%;
  right: 4%;
}
@media screen and (max-width: 960px) {
  .ecm-lp-aloegel .aloegel_cta .cta_tbl .cta_tbl_ttl .icon_arrow {
    width: 2.8vw;
    top: 22%;
    right: 5%;
  }
}
.ecm-lp-aloegel .aloegel_cta .cta_tbl .cta_tbl_ttl .icon_arrow img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ecm-lp-aloegel .aloegel_cta .cta_tbl.active .icon_arrow {
  top: 18%;
}
@media screen and (max-width: 960px) {
  .ecm-lp-aloegel .aloegel_cta .cta_tbl.active .icon_arrow {
    top: 20%;
  }
}
.ecm-lp-aloegel .aloegel_cta .cta_tbl.active .icon_arrow img {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.ecm-lp-aloegel .aloegel_cta .cta_tbl .cta_tbl_detail {
  background-color: #fff;
  padding: min(1.63vw, 20px);
  font-size: min(1.14vw, 14px);
		color: #2d2926;
  line-height: 1.6;
  display: none;
}
@media screen and (max-width: 960px) {
  .ecm-lp-aloegel .aloegel_cta .cta_tbl .cta_tbl_detail {
    font-size: 3.2vw;
    padding: 4vw 5.3333333333vw;
    line-height: 1.8;
  }
}


/*------------------------------------------------------
lp_section_aloegel_cp_area
------------------------------------------------------*/
.lp_section_aloegel_cp_area {
  margin: 0 auto 10vw auto!important;
		padding: 0 !important;
}
.lp_section_aloegel_cp_area_inner {
  max-width: 960px;
  margin: 0 auto!important;
		padding: 0 !important;
}

@media print, screen and (max-width: 960px){
.lp_section_aloegel_cp_area {
  margin: 0 auto 10vw auto!important;
}
}

@media print, screen and (min-width: 961px) {
.lp_section_aloegel_cp_area {
  margin: -50px auto 80px auto!important;
}
}

/*------------------------*/
/*ctaボタン*/
.lp_section_aloegel_cp_area .cta_btn a:hover {
  opacity: .85;
		-webkit-transition: opacity .25s ease;
		transition: opacity .25s ease;
}

@media print, screen and (max-width: 960px){
.lp_section_aloegel_cp_area .cta_btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ca001b;
		margin: 0 auto;
		width: calc(590 / 750* 100vw);
  height: calc(88 / 750* 100vw);
}
.lp_section_aloegel_cp_area .cta_btn a .cta_btn_txt {
  position: relative;
  font-size: calc(32 / 750* 100vw);
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #fff;
}
.lp_section_aloegel_cp_area .cta_btn a .cta_btn_txt::after {
  position: absolute;
		top: 25%;
		right: -42px;
  content: '';
  display: inline-block;
  transform: rotate(45deg);
  width: calc(16 / 750* 100vw);
  height: calc(16 / 750* 100vw);
  border-right: calc(3 / 750* 100vw) solid #fff;
  border-top: calc(3 / 750* 100vw) solid #fff;
  margin: 0 0 calc(3 / 750* 100vw) calc(25 / 750* 100vw);
}

.lp_section_aloegel_cp_area .annotation_box {
  padding-bottom: 20px;
}

.lp_section_aloegel_cp_area .annotation_box p.annotation_txt {
		font-size: 2.1333333333vw;
		line-height: 1.55;
		font-feature-settings: "palt" 1;
}
.lp_section_aloegel_cp_area .annotation_box p.annotation_txt.txt_01 {
  width: 87.111111111%;
		margin: 0 auto;
		padding: 15px 0 15px 0;
}

}

@media print, screen and (min-width: 961px){
.lp_section_aloegel_cp_area .cta_btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(32vw, 433px);
  height: min(4.2vw, 50px);
  background-color: #ca001b;
		margin: 0 auto;
}
.lp_section_aloegel_cp_area .cta_btn a .cta_btn_txt {
  position: relative;
  font-size: min(1.71vw, 23px);
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #fff;
}
.lp_section_aloegel_cp_area .cta_btn a .cta_btn_txt::after {
  position: absolute;
		top: 26.444444444%;
		right: -60px;
  content: '';
  display: inline-block;
  width: min(0.89vw, 11px);
  height: min(0.89vw, 11px);
  border-right: min(0.16vw, 2px) solid #fff;
  border-top: min(0.16vw, 2px) solid #fff;
  transform: rotate(45deg);
  margin: 0 0 min(0.16vw, 2px) min(1.22vw, 15px);
}

.lp_section_aloegel_cp_area .annotation_box {
  padding-bottom: 60px;
}
.lp_section_aloegel_cp_area .annotation_box p.annotation_txt {
		font-size: min(0.98vw, 11px);
		text-align: left;
		font-feature-settings: "palt" 1;
}
.lp_section_aloegel_cp_area .annotation_box p.annotation_txt.txt_01 {
  width: 100%;
		max-width: 960px;
		margin: 0 auto;
		padding: 30px 0 20px 0;
		line-height: 1.8;
}
}


/*------------------------*/
/* ecm-lp-banners */
.ecm-lp-banners {
    width: 100%;
    padding: 8.6666666667vw 2.6666666667vw
}

@media print,screen and (min-width: 961px) {
    .ecm-lp-banners {
        max-width:960px;
        margin: 100px auto 60px;
        padding: 0
    }
}

.ecm-lp-banners h2 {
    margin-bottom: 6vw !important;
    padding-bottom: 3.7333333333vw;
    font-size: 4.8vw !important;
    line-height: 1;
    border-bottom: 4px solid #c8102e
}

@media print,screen and (min-width: 961px) {
    .ecm-lp-banners h2 {
        margin-bottom:40px !important;
        padding-bottom: 16px;
        font-size: 30px !important;
        line-height: 1
    }
}

@media print,screen and (min-width: 961px) {
    .ecm-lp-banners .ecm-lp-banners-list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media print,screen and (min-width: 961px) {
    .ecm-lp-banners .ecm-lp-banners-list .ecm-lp-banners-item {
        width:48%;
        max-width: 430px
    }
}

.ecm-lp-banners .ecm-lp-banners-list .ecm-lp-banners-item__catch {
    margin-bottom: 4vw;
    font-size: 4.8vw;
    line-height: 6.4vw
}

@media screen and (max-width: 960px) {
    .ecm-lp-banners .ecm-lp-banners-list .ecm-lp-banners-item__catch {
        text-align:center
    }
}

@media print,screen and (min-width: 961px) {
    .ecm-lp-banners .ecm-lp-banners-list .ecm-lp-banners-item__catch {
        margin-bottom:13px;
        font-size: 20px;
        line-height: 30px
    }
}

.ecm-lp-banners .ecm-lp-banners-list .ecm-lp-banners-item img {
    width: 100%;
    height: auto;
    margin-bottom: 7.0666666667vw
}

@media print,screen and (min-width: 961px) {
    .ecm-lp-banners .ecm-lp-banners-list .ecm-lp-banners-item img {
        margin-bottom:55px
    }
}

.ecm-lp-banners .ecm-lp-banners-list .ecm-lp-banners-item:last-child img {
    margin-bottom: 0
}

/*------------------------*/
/* lp-banners */

@media screen and (max-width: 960px) {
    .lp-banners {
        padding:8vw 4.6666666667vw 13.3333333333vw
    }
}

@media print,screen and (min-width: 961px) {
    .lp-banners {
        max-width:960px;
        margin-inline:auto;padding: 70px 0 100px
    }
}

.lp-banners-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4vw
}

@media print,screen and (min-width: 961px) {
    .lp-banners-list {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 40px 0
    }
}

.lp-banners-list a {
    display: block;
    width: 100%
}

@media print,screen and (min-width: 961px) {
    .lp-banners-list a {
        max-width:430px
    }
}

.lp-banners-list img {
    width: 100%
}




/*------------------------*/
/* アコーディオン */
.accordion_area {
  margin-inline: auto;
		position: relative;
  -webkit-transition: height .5s ease;
  transition: height .5s ease;
}
@media print, screen and (max-width: 960px){
.accordion_area {
  overflow: hidden;
		height: 60vw;
}
}

.accordion_area::after {
  content: "";
  display: block;
  width: 100%;
  height: 15vw;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0.9)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 75%, rgb(255, 255, 255) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

.accordion_area.show::after {
  display: none;
}

/* lp-morebutton */
.lp-morebutton {
/*  width: 86.6666666667vw; */
		width: 101%;
  margin-inline:auto
}
@media print,screen and (min-width: 961px) {
.lp-morebutton {
  width:320px
}
}

.lp-morebutton a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #000 !important;
  color: #fff !important;
  padding: 4.5vw 0;
  font-size: 4.5vw
}
@media print,screen and (min-width: 961px) {
.lp-morebutton a {
  padding:12px 0;
  font-size: 18px
}
}

.lp-morebutton a span {
  position: relative;
  padding-right: 1.5em
}
.lp-morebutton a span::after {
  content: "";
  display: block;
  margin: auto;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}
@media screen and (max-width: 960px) {
.lp-morebutton a span::after {
  width:2vw;
		height: 2vw
}
}

@media print,screen and (min-width: 961px) {
.lp-morebutton a span::after {
  width:12px;
  height: 12px
}
}

.lp-morebutton a span.label-open {
  display: block
}
.lp-morebutton a span.label-open::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
@media screen and (max-width: 960px) {
.lp-morebutton a span.label-open::after {
  bottom:.6666666667vw
}
}

@media print,screen and (min-width: 961px) {
.lp-morebutton a span.label-open::after {
  bottom:5px
}
}

.lp-morebutton a span.label-close {
  display: none
}
.lp-morebutton a span.label-close::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

@media screen and (max-width: 960px) {
.lp-morebutton a span.label-close::after {
  top:1.3333333333vw
}
}

@media print,screen and (min-width: 961px) {
.lp-morebutton a span.label-close::after {
  top:10px
}
}

.lp-morebutton a.show span.label-open {
  display: none
}

.lp-morebutton a.show span.label-close {
  display: block
}




/*------------------------*/
.ecm-lp-set-wrapper__title {
  font-weight: bold !important;
  color: #2d2926;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 960px) {
  .ecm-lp-set-wrapper__title {
    margin-bottom: 8vw !important;
    padding: 0 6.4vw;
    font-size: 8.2666666667vw !important;
  }
}
@media print, screen and (min-width: 961px) {
.ecm-lp-set-wrapper__title {
  margin-inline: auto;
  margin-bottom: 30px !important;
  font-size: 36px !important;
}

.ecm-lp-set-wrapper__title {
    width: min(37.89vw, 550px);
    margin: min(6.67vw, 50px) auto min(2.44vw, 30px) !important;
}

}
.ecm-lp-set-wrapper__title-sub {
  height: 9vw;
  margin-inline: auto;
  margin-bottom: 2vw !important;
  display: block;
  /* background: #86a5cb; */
  border-radius: 999px;
  color: #ca001b;
  font-size: 5.6vw;
  font-weight: 500 !important;
  letter-spacing: .05em;
}
@media screen and (max-width: 960px) {
.ecm-lp-set-wrapper__title-sub {
  width: 78vw;
}
}


@media print, screen and (min-width: 961px) {
.ecm-lp-set-wrapper__title-sub {
  width: 460px;
  height: 54px;
  margin-bottom: 10px !important;
  font-size: 33px
  }
}
.ecm-lp-set-wrapper__title-sub-big {
  padding: 0 0 0 .1em;
		font-size: 1.3em;
  letter-spacing: 0;
  font-weight: 600 !important;
}
.ecm-lp-set-wrapper__title-sub-small {
  padding: 0 .1em;
  font-size: .8em;
  letter-spacing: 0;
}

@media screen and (max-width: 960px) {
.ecm-lp-set-wrapper__title {
  font-size: 6.6666666667vw !important;
  margin-top: 8.3333333333vw !important;
  margin-bottom: 7.6666666667vw !important;
  padding: 0 0 2vw 0;
  width: 100vw;
  line-height: 1.3 !important;
}
.ecm-lp-set-item {
  margin-top: 13.3333333333vw;
  padding: 0;
}
}

.ecm-lp-set-item__name {
  text-align: center !important;
}



/*-----------------*/

.ecm-lp-set-item__detail {
  color: #221815 !important;
}

@media print, screen and (max-width: 960px){
.ecm-lp-set-item__detail .cta_btn_cart {
  width: 100%;
  margin-top: 2.6666666667vw;
}
}
@media print, screen and (min-width: 961px) {
.ecm-lp-set-item__detail .cta_btn_cart {
  width: 100%;
		margin: 20px auto 0 auto;
}
}


.ecm-lp-set-item__detail .cta_btn_cart button {
  display: inline-block !important;
  width: 100% !important;
  height: auto !important;
  /* background: #d70c19; */
  background: #2d2926;
  border: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: #fff !important;
  text-align: center;
  position: relative;
  padding: 15px 0;
  font-size: 18px;
}
.ecm-lp-set-item__detail .cta_btn_cart button:hover {
  opacity: 0.7;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.ecm-lp-set-item__detail .cta_btn_cart button::after {
  content: "";
  display: block;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  top: 2px;
  right: 20px;
}
@media screen and (max-width: 960px) {
  .ecm-lp-set-item__detail .cta_btn_cart button::after {
    border-top: 0.5333333333vw solid #fff;
    border-right: 0.5333333333vw solid #fff;
    width: 2vw;
    height: 2vw;
    right: 2.6666666667vw;
    top: 0.5333333333vw;
  }
}
@media screen and (max-width: 960px) {
  .ecm-lp-set-item__detail .cta_btn_cart button {
    padding: 4vw;
    font-size: 4vw;
  }
}

.ecm-lp-set-item__image a {
  /* pointer-events: none; */
  display: block;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}