@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* A Modern CSS Reset */
*, *::before, *::after {
  box-sizing: border-box; }

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0; }

ul[role="list"], ol[role="list"] {
  list-style: none; }

html:focus-within {
  scroll-behavior: smooth; }

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

a:not([class]) {
  text-decoration-skip-ink: auto; }

img, picture {
  max-width: 100%;
  display: block; }

input, button, textarea, select {
  font: inherit; }

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto; }

  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important; } }
img {
  max-width: 100%;
  height: auto;
  backface-visibility: hidden; }

ul, li {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  outline: none;
  text-decoration: none; }

/*--------------------------
メディアクエリ設定
---------------------------*/
/*マップ型変数で定義*/
/*@mixinでメディアクエリを呼び出す。変数mq、初期値sm*/
/*	@include mq(sm){
	}
	@include mq(pc){
	}*/
/*@import 'sidecont';*/
/*--------------------------------------------------
変数設定
---------------------------------------------------*/
/*--------------------------------------------------
全体設定
---------------------------------------------------*/
body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
  overflow-x: hidden; }

@media screen and (min-width: 768px) {
  .ly_body {
    background: #EEF8F9; } }
.ly_body.ly_body__entry {
  background: #fff; }

.ly_container {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 768px) {
    .ly_container {
      /*		max-width: 960px;*/ } }

/*--------------------------------------------------
見出し設定
---------------------------------------------------*/
.el_heading {
  /*フラボノイド*/
  /*特長*/
  /*安全性認証*/
  /*roots*/
  /*製品概要*/ }
  .el_heading.el_heading__lv2 {
    font-weight: 900;
    line-height: 1.3; }
    @media screen and (max-width: 767px) {
      .el_heading.el_heading__lv2 {
        font-size: 1.6em; } }
    @media screen and (min-width: 768px) {
      .el_heading.el_heading__lv2 {
        font-size: 2.5em; } }
  .el_heading.el_heading__flavonoid {
    font-weight: bold;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .el_heading.el_heading__flavonoid {
        font-size: 1.8em; } }
    @media screen and (min-width: 768px) {
      .el_heading.el_heading__flavonoid {
        font-size: 2.5em; } }
  .el_heading.el_heading__feature {
    text-align: center;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .el_heading.el_heading__feature {
        font-size: 1.313em; } }
    @media screen and (min-width: 768px) {
      .el_heading.el_heading__feature {
        font-size: 2em; } }
  .el_heading.el_heading__ninsho {
    color: #73B7C1;
    font-weight: bold;
    font-size: 1.313em; }
  .el_heading.el_heading__roots {
    display: inline-block;
    border: solid 1px #73B7C1;
    border-left: solid 8px #73B7C1;
    font-size: 1.313em;
    color: #73B7C1;
    font-weight: bold;
    padding: 0.2em 1em; }
  .el_heading.el_heading__product {
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: 0.1em; }
  .el_heading.el_heading__faq {
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: 0.05em;
    border-bottom: solid 4px #73B7C1;
    padding-bottom: .5em;
    margin-bottom: 1em; }
  .el_heading.el_heading__price {
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 1em; }

.el_heading_subLead {
  display: block;
  text-align: center;
  margin-bottom: 0.8em; }
  @media screen and (min-width: 768px) {
    .el_heading_subLead {
      font-size: 1.125em; } }
  .el_heading_subLead.el_heading_subLead__mb0 {
    margin-bottom: 0; }

/*--------------------------------------------------
パーツ設定 flexbox
---------------------------------------------------*/
.bl_flex2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bl_flex2col_item {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .bl_flex2col_item.bl_flex2col_item__mr-l:nth-child(n+2) {
    margin-left: 0.5em; }

/*--------------------------------------------------
header(common移植)
---------------------------------------------------*/
@media screen and (max-width: 767px) {
  header .inner {
    max-width: 375px; } }
@media screen and (min-width: 768px) {
  header .inner {
    width: 798px; } }

/*--------------------------------------------------
main
---------------------------------------------------*/
@media screen and (min-width: 768px) {
  .ly_main {
    display: block;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1em;
    background: #fff; } }
.ly_main.ly_main__entry {
  margin-top: 6em; }

/*--------------------------------------------------
main firstView
---------------------------------------------------*/
.ly_fv {
  display: block;
  width: 100%;
  background: #EEF8F9; }
  @media screen and (max-width: 767px) {
    .ly_fv {
      /*		margin-top: 6em;*/
      padding: 6em 0 3em; } }
  @media screen and (min-width: 768px) {
    .ly_fv {
      padding: 8em 0 0; } }

.bl_fv {
  background: #fff;
  border-radius: 12px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 767px) {
    .bl_fv {
      width: 90%;
      padding: 1.5em 1em; } }
  @media screen and (min-width: 768px) {
    .bl_fv {
      padding: 3em; } }

.bl_fvInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .bl_fvInner {
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (min-width: 768px) {
    .bl_fvInner {
      width: 90%;
      margin: 0em auto;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

.bl_main_left {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (max-width: 767px) {
    .bl_main_left {
      width: 60%; } }
  @media screen and (min-width: 768px) {
    .bl_main_left {
      width: 50%; } }

.bl_main_right {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (max-width: 767px) {
    .bl_main_right {
      margin-left: .5em; } }
  @media screen and (min-width: 768px) {
    .bl_main_right {
      margin-left: 2em; } }

.el_main_subLead {
  color: #73B7C1;
  font-weight: 700;
  margin-bottom: 1.125em;
  letter-spacing: -0.01em; }
  @media screen and (max-width: 767px) {
    .el_main_subLead {
      font-size: 0.75em; } }
  @media screen and (min-width: 768px) {
    .el_main_subLead {
      font-size: 1.313em;
      text-align: center; } }

/*3つのポイント*/
.ly_fvPointList {
  margin: 1em auto; }
  @media screen and (max-width: 767px) {
    .ly_fvPointList {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .ly_fvPointList {
      width: 83%; } }

.bl_fvPointList {
  width: 100%;
  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; }

.bl_fvPointListItem {
  width: 100%;
  border: solid 2px #73B7C1;
  padding: 0.5em;
  border-radius: 6px;
  color: #73B7C1;
  font-weight: bold;
  text-align: center;
  align-self: stretch;
  /*塗りつぶしタイプ*/ }
  @media screen and (max-width: 767px) {
    .bl_fvPointListItem {
      font-size: .8em; } }
  @media screen and (min-width: 768px) {
    .bl_fvPointListItem {
      font-size: 1.125em; } }
  .bl_fvPointListItem:nth-child(n+2) {
    margin-left: .4em; }
  .bl_fvPointListItem.bl_fvPointListItem__fill {
    background: #73B7C1;
    color: #fff; }

.bl_fvPointListItemInner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.ly_fvLead {
  margin-top: 2em;
  margin-bottom: 2em; }

.bl_fvLead {
  font-family: 'Shippori Mincho', serif;
  font-weight: 700;
  letter-spacing: 0.01em; }
  @media screen and (max-width: 767px) {
    .bl_fvLead {
      font-size: 1.6em;
      margin-bottom: .8em; } }
  @media screen and (min-width: 768px) {
    .bl_fvLead {
      font-size: 2.6em;
      text-align: center;
      margin-bottom: .5em; } }

@media screen and (min-width: 768px) {
  .bl_fvLead_sub {
    font-size: 1.5em;
    text-align: center; } }

/*--------------------------------------------------
フラボノイドの特長
---------------------------------------------------*/
.ly_featureTri {
  background: #fff;
  padding: 1.5em 0; }
  @media screen and (max-width: 767px) {
    .ly_featureTri {
      margin: 2em auto; } }
  @media screen and (min-width: 768px) {
    .ly_featureTri {
      margin: .5em auto 2em; } }

.bl_featureTri_img {
  width: 100%;
  background: url("../img/bg-care.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 0;
  /*上下のグラデ*/ }
  .bl_featureTri_img::before {
    display: block;
    content: "";
    background: white;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%);
    width: 100%;
    height: 30%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1; }
  .bl_featureTri_img::after {
    display: block;
    content: "";
    background: white;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1; }

.el_featureTri_img {
  position: relative;
  z-index: 2;
  /*グラデ対応のため*/ }
  @media screen and (min-width: 768px) {
    .el_featureTri_img {
      width: 74%;
      margin: 1.5em auto; } }

.ly_featureLead {
  display: block;
  width: 90%;
  margin: 1.5em auto; }

.bl_featureLead_ttl {
  font-weight: bold;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: solid 1px #73B7C1; }
  @media screen and (max-width: 767px) {
    .bl_featureLead_ttl {
      font-size: 1.313em;
      line-height: 1.8; } }
  @media screen and (min-width: 768px) {
    .bl_featureLead_ttl {
      font-size: 2em;
      line-height: 1.6; } }

.bl_featureLead_txt {
  font-size: 1.5em;
  line-height: 1.7; }

.ly_flavonoid_func {
  display: block;
  width: 90%; }
  @media screen and (max-width: 767px) {
    .ly_flavonoid_func {
      margin: 2em auto; } }
  @media screen and (min-width: 768px) {
    .ly_flavonoid_func {
      margin: 3em auto; } }

.bl_flavonoid_func {
  background: #F6F6F6;
  padding: 1em;
  text-align: center; }

/*--------------------------------------------------
3つの特長
---------------------------------------------------*/
.ly_threeFeature {
  width: 90%;
  display: block;
  margin: 2em auto; }

.bl_threeFeature_lead {
  font-weight: bold;
  color: #73B7C1;
  text-align: center;
  margin-bottom: 1em; }
  @media screen and (min-width: 768px) {
    .bl_threeFeature_lead {
      font-size: 1.313em; } }

.bl_threeFeature_ttl {
  display: block; }
  @media screen and (max-width: 767px) {
    .bl_threeFeature_ttl {
      width: 70%;
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    .bl_threeFeature_ttl {
      width: 40%;
      margin: 0 auto 1em; } }

.bl_threeFeature_subTtl {
  font-weight: bold;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .bl_threeFeature_subTtl {
      font-size: 2.5em; } }
  @media screen and (min-width: 768px) {
    .bl_threeFeature_subTtl {
      font-size: 3em; } }

/*リスト*/
.ly_threeFeatureList {
  display: block;
  margin: 2em auto; }

.bl_threeFeatureListItem {
  border: solid 1px #C7C7C7;
  padding: 1.5em 0; }
  .bl_threeFeatureListItem:nth-child(n+2) {
    margin-top: 1.5em; }

.bl_threeFeatureInner {
  display: block;
  width: 90%;
  margin: 2em auto 1em; }

.bl_threeFeature_points {
  background: #73B7C1;
  padding: 0.5em 1em;
  color: #fff;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .bl_threeFeature_points {
      font-size: 1.125em; } }
  @media screen and (min-width: 768px) {
    .bl_threeFeature_points {
      font-size: 1.5em; } }

.ly_threeFeaturePoints_img {
  display: block;
  width: 100%;
  margin: 1.5em auto 2em;
  text-align: center; }

.bl_threeFeaturePoints_lead {
  font-size: 1.125em;
  line-height: 1.8; }
  @media screen and (min-width: 768px) {
    .bl_threeFeaturePoints_lead:last-child {
      text-align: center; } }

.bl_leadBelt {
  background: #E6F3F5;
  padding: 1.2em 0.5em;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center; }

.bl_threeFeature_img > img {
  display: block;
  width: 60%;
  margin: 0 auto; }

/*安全性認証*/
.ly_ninsho {
  margin: 2em auto;
  display: block; }
  @media screen and (max-width: 767px) {
    .ly_ninsho {
      width: 92%; } }
  @media screen and (min-width: 768px) {
    .ly_ninsho {
      width: 80%; } }

@media screen and (max-width: 767px) {
  .ly_ninshoTable {
    margin: 1em auto; } }
@media screen and (min-width: 768px) {
  .ly_ninshoTable {
    margin: .5em auto; } }

.bl_ninshoTable {
  width: 100%;
  border-right: 1px #707070 solid;
  border-collapse: collapse; }
  .bl_ninshoTable th {
    width: 20%;
    background: #73B7C1;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    font-size: 1.125em;
    text-align: center; }
  .bl_ninshoTable td {
    display: block;
    width: 100%;
    padding: 1em; }
    .bl_ninshoTable td:first-of-type {
      border-top: solid 1px #707070;
      border-bottom: dashed 2px #707070; }
    .bl_ninshoTable td:last-of-type {
      border-bottom: solid 1px #707070; }

/*tdの中身横並び*/
.bl_ninshoTable_tdInner {
  width: 100%;
  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; }

/*エリア*/
.el_ninshoArea_txt {
  height: 3em;
  line-height: 3em;
  background: #BEE1E6;
  border-radius: 50%;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-self: center;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 0px 5px #4ca0ac; }
  @media screen and (max-width: 767px) {
    .el_ninshoArea_txt {
      width: 30%; } }
  @media screen and (min-width: 768px) {
    .el_ninshoArea_txt {
      width: 14%; } }
  .el_ninshoArea_txt.el_ninshoArea_txt__usa {
    background: #BEE6CD;
    text-shadow: 0px 0px 5px #75B98F; }
  .el_ninshoArea_txt.el_ninshoArea_txt__eu {
    background: #DEC986;
    text-shadow: 0px 0px 5px #A58C3C; }

.el_ninshoArea_logo {
  width: 100%;
  margin-left: 1em; }

/*認証試験*/
.bl_ninshoTest {
  border-top: solid 1px #73B7C1; }
  @media screen and (max-width: 767px) {
    .bl_ninshoTest {
      padding-top: 1em;
      margin-top: 1em;
      font-size: 1.125em; } }
  @media screen and (min-width: 768px) {
    .bl_ninshoTest {
      padding-top: .5em;
      margin-top: .5em;
      font-size: 1.313em; } }

/*--------------------------------------------------
ルーツ
---------------------------------------------------*/
.ly_roots {
  display: block; }
  @media screen and (max-width: 767px) {
    .ly_roots {
      width: 92%;
      margin: 3em auto; } }
  @media screen and (min-width: 768px) {
    .ly_roots {
      width: 90%;
      margin: 5em auto; } }

.bl_roots_ttl {
  font-weight: bold;
  margin: 1em auto; }
  @media screen and (max-width: 767px) {
    .bl_roots_ttl {
      font-size: 1.313em; } }
  @media screen and (min-width: 768px) {
    .bl_roots_ttl {
      font-size: 1.8em; } }

.ly_roots_img {
  display: block;
  margin: 1em auto 1.5em; }

.ly_roots_subImg {
  width: 70%;
  display: block;
  margin: 1.5em auto; }

.bl_roots_subTtl {
  color: #73B7C1;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.2em; }
  @media screen and (max-width: 767px) {
    .bl_roots_subTtl {
      font-size: 1.5em;
      line-height: 1.8; } }
  @media screen and (min-width: 768px) {
    .bl_roots_subTtl {
      font-size: 2em;
      line-height: 1.5; } }

.bl_roots_txt {
  display: block;
  margin-bottom: 1em;
  font-size: 1.313em;
  line-height: 1.8; }

/*--------------------------------------------------
製品概要
---------------------------------------------------*/
.ly_product {
  display: block;
  margin: 3em auto 0; }
  @media screen and (max-width: 767px) {
    .ly_product {
      background: #F6F6F6; } }
  @media screen and (min-width: 768px) {
    .ly_product {
      background: #f0feff; } }

.ly_productInner {
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 2em 0 0.5em; }

.ly_productHead {
  width: 100%;
  display: block;
  margin: 2em auto; }

.el_main_subLead {
  color: #333; }

.ly_infoTable {
  display: block;
  margin: 1em auto; }

.bl_infoTable {
  background: #fff;
  border-collapse: collapse; }
  .bl_infoTable thead th {
    width: 100%;
    background: #73B7C1;
    text-align: center;
    font-size: 1.313em;
    font-weight: bold;
    padding: 0.5em 0; }
  .bl_infoTable tbody {
    border: solid 1px #707070;
    border-top-style: none; }
    .bl_infoTable tbody tr {
      border-bottom: solid 1px #707070; }
    .bl_infoTable tbody th {
      width: 30%;
      text-align: center;
      font-size: 1.125em;
      vertical-align: middle;
      padding: 0 0.5em; }
    .bl_infoTable tbody td {
      vertical-align: middle;
      font-size: 1.125em;
      padding: 1em;
      border-left: dotted 2px #707070; }

/*--------------------------------------------------
FAQ
---------------------------------------------------*/
.ly_faq {
  display: block;
  padding-bottom: 3em; }
  @media screen and (max-width: 767px) {
    .ly_faq {
      background: #F6F6F6; } }
  @media screen and (min-width: 768px) {
    .ly_faq {
      background: #f0feff; } }

.ly_faqInner {
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 2em 1.5em;
  background: #fff; }

.bl_faqListItem {
  padding-bottom: 1.5em;
  border-bottom: dotted 2px #73B7C1; }
  .bl_faqListItem:nth-child(n+2) {
    margin-top: 1.5em; }
  .bl_faqListItem:last-child {
    border-bottom-style: none; }

.bl_faq {
  /*dl*/ }
  .bl_faq dt {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bl_faq dd {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

@media screen and (max-width: 767px) {
  .bl_faq_ttlIcon {
    width: 20%; } }
@media screen and (min-width: 768px) {
  .bl_faq_ttlIcon {
    width: 7%; } }

.el_faq_ttlIcon {
  display: block;
  border: solid 4px #73B7C1;
  background: #fff;
  color: #73B7C1;
  width: 100%;
  height: 44px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  line-height: 34px; }
  @media screen and (min-width: 768px) {
    .el_faq_ttlIcon {
      font-size: 1.313em; } }
  .el_faq_ttlIcon.el_faq_ttlIcon__fill {
    background: #73B7C1;
    color: #fff; }

.el_faq_ttltxt {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 1em;
  font-weight: bold;
  font-size: 1.313em; }

.el_faq_leadWrapper {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 1em; }

.el_faq_lead {
  margin-top: 1em;
  font-size: 1.125em; }

/*--------------------------------------------------
製品価格
---------------------------------------------------*/
.ly_price {
  width: 92%;
  display: block;
  margin: 3em auto; }

.ly_priceTable {
  width: 100%;
  margin: 2em auto;
  display: block; }

.bl_priceTable_ttl {
  background: #333;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.313em;
  padding: 0.5em 0; }

.bl_priceTable {
  width: 100%;
  border: solid 1px #333;
  /*	padding: 0 0.5em;*/ }
  .bl_priceTable dl {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.bl_priceTtl {
  width: 40%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .bl_priceTtl {
      font-size: 1.313em; } }

.bl_normalPrice {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border-left: dotted 2px #333;
  padding: 1em 0.8em; }
  @media screen and (min-width: 768px) {
    .bl_normalPrice {
      text-align: center;
      font-size: 1.5em; } }

.bl_priceCont {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border-left: dotted 2px #333; }
  @media screen and (max-width: 767px) {
    .bl_priceCont {
      padding: 1em 0.8em; } }
  @media screen and (min-width: 768px) {
    .bl_priceCont {
      padding: 0em 0.8em 1em; } }

.bl_priceRibbon {
  width: 92%;
  margin: 0 auto;
  background: #D61160;
  position: relative;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 0.3em 0; }
  @media screen and (max-width: 767px) {
    .bl_priceRibbon {
      font-size: 1.313em; } }
  @media screen and (min-width: 768px) {
    .bl_priceRibbon {
      font-size: 1.8em; } }
  .bl_priceRibbon::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 0 1em 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .bl_priceRibbon::before {
        left: -1px; } }
    @media screen and (min-width: 768px) {
      .bl_priceRibbon::before {
        left: 0px; } }
  .bl_priceRibbon::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 10px 1em 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .bl_priceRibbon::after {
        right: -1px; } }
    @media screen and (min-width: 768px) {
      .bl_priceRibbon::after {
        right: 0px; } }

.bl_1stPrice {
  color: #D61160;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .bl_1stPrice {
      font-size: 1.6em; } }
  @media screen and (min-width: 768px) {
    .bl_1stPrice {
      text-align: center;
      font-size: 3em; } }

.el_label.el_label__free {
  color: #fff;
  font-weight: bold;
  background: #73B7C1;
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-left: 0.2em; }
  @media screen and (max-width: 767px) {
    .el_label.el_label__free {
      font-size: 0.7em; } }
  @media screen and (min-width: 768px) {
    .el_label.el_label__free {
      font-size: 0.5em; } }

.bl_2ndPrice {
  font-size: 1.2em; }
  @media screen and (min-width: 768px) {
    .bl_2ndPrice {
      text-align: center; } }

.bl_otodoke {
  display: block;
  border: solid 1px #73B7C1;
  padding: 0.5em;
  text-align: center;
  margin: 0.5em auto;
  font-weight: bold;
  color: #73B7C1; }
  @media screen and (max-width: 767px) {
    .bl_otodoke {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .bl_otodoke {
      width: 80%;
      font-size: 1.125em; } }

/*注意事項*/
.ly_priceCaution {
  display: block;
  margin: 2em auto; }

.bl_priceCaution {
  background: #F6F6F6;
  padding: 1.5em; }

.bl_priceCaution_ttl {
  color: #D61160;
  font-size: 1.125em;
  font-weight: bold;
  padding-left: 1em;
  position: relative; }
  .bl_priceCaution_ttl::before {
    display: block;
    content: "";
    width: 0.8em;
    height: 0.8em;
    background: #D61160;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1; }

.bl_priceCaution_txtWrapper {
  margin: 1em auto; }

.bl_priceCautionList {
  display: block;
  margin: 1em auto; }

/*--------------------------------------------------
footer
---------------------------------------------------*/
.ly_footer {
  background: #73B7C1;
  position: relative; }

.bl_totop {
  position: absolu te;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .bl_totop {
      width: 16%;
      top: -20px;
      right: 20px; } }
  @media screen and (min-width: 768px) {
    .bl_totop {
      width: 6%;
      top: -28px;
      right: 100px; } }

.bl_footerList {
  margin: 0;
  /*デフォ打消し*/
  padding: 1em; }
  @media screen and (min-width: 768px) {
    .bl_footerList {
      width: 100%;
      max-width: 900px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

@media screen and (min-width: 768px) {
  .bl_footerList_item {
    width: 100%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center; } }
.bl_footerList_item > a {
  color: #fff; }
  @media screen and (max-width: 767px) {
    .bl_footerList_item > a {
      font-size: 1em; } }
  @media screen and (min-width: 768px) {
    .bl_footerList_item > a {
      font-size: 0.875em; } }
@media screen and (max-width: 767px) {
  .bl_footerList_item:nth-child(n+2) {
    margin-top: 1em; } }
@media screen and (min-width: 768px) {
  .bl_footerList_item:nth-child(n+2) {
    padding: 0 0.2em;
    border-left: solid 1px #fff; } }

.bl_copyright {
  border-top: solid 1px #BEE1E6;
  text-align: center;
  padding: 0.5em 0; }
  .bl_copyright small {
    font-size: 0.7em;
    color: #fff; }

.ly_footerLogo {
  display: block; }
  @media screen and (max-width: 767px) {
    .ly_footerLogo {
      width: 50%;
      margin-left: auto;
      margin-bottom: 1em; } }
  @media screen and (min-width: 768px) {
    .ly_footerLogo {
      width: 100%;
      max-width: 900px;
      margin: 1em auto; } }

@media screen and (min-width: 768px) {
  .bl_footerLogo {
    width: 26%; } }

/*--------------------------------------------------
お問合わフォーム
---------------------------------------------------*/
input[type="text"] {
  width: 100%;
  -webkit-appearance: none;
  appearance: none; }

textarea {
  width: 100%; }

.ly_entryForm {
  margin: 3em auto; }
  @media screen and (max-width: 767px) {
    .ly_entryForm {
      width: 90%; } }
  @media screen and (min-width: 768px) {
    .ly_entryForm {
      width: 50%; } }

.bl_entryform {
  width: 100%;
  border-collapse: collapse; }

.bl_entryformInner {
  display: block;
  padding-bottom: 1em;
  border-bottom: solid 1px #E9ECEF; }
  .bl_entryformInner:nth-child(n+2) {
    padding-top: 1em; }

.el_entryTtl {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 1.125em; }

.el_entryCont {
  display: block;
  width: 100%;
  margin: 0.5em auto;
  padding-top: 0.5em; }
  .el_entryCont > input {
    width: 100%;
    font-size: 1.125em;
    padding: 0.5em;
    border: solid 1px #333;
    border-radius: 4px; }

.el_entrySmall {
  font-size: 0.8em;
  color: #C2CCD6;
  margin-top: 0.2em; }

.el_entryCont_radio {
  display: block;
  margin-top: 1em; }

.el_textareaWrapper {
  width: 100%;
  display: block; }

.ly_submit {
  display: block;
  margin: 3em auto; }
  @media screen and (max-width: 767px) {
    .ly_submit {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .ly_submit {
      width: 60%; } }

.ly_completeLead {
  display: block;
  margin: 3em auto;
  text-align: center; }

.el_completeLead {
  font-size: 1.5em;
  font-weight: 900; }

.ly_contactLeadImg {
  display: block;
  margin: 2em auto; }
  .ly_contactLeadImg > img {
    display: block;
    margin: 0 auto; }

.ly_completeLead_txtWrapper {
  margin: 3em auto; }
  @media screen and (max-width: 767px) {
    .ly_completeLead_txtWrapper {
      width: 90%; } }
  @media screen and (min-width: 768px) {
    .ly_completeLead_txtWrapper {
      width: 60%; } }

.el_completeLead_txt {
  margin-bottom: 1.125em; }

.bl_cautionBox {
  border: solid 1px #525F7F;
  padding: 1.2em; }

.ly_backTop {
  display: block;
  margin: 3em auto; }
  @media screen and (max-width: 767px) {
    .ly_backTop {
      width: 90%; } }
  @media screen and (min-width: 768px) {
    .ly_backTop {
      width: 40%; } }

/*------------------------------------------
プライバシーポリシーチェックボックス
------------------------------------------*/
.ly_privacyCheck {
  display: block;
  margin: 2em auto;
  border-bottom: solid 1px #E9ECEF;
  padding-bottom: 2em; }

.el_privacyCheck {
  font-size: 1.125em; }

.el_privacyOut {
  display: block; }
  @media screen and (max-width: 767px) {
    .el_privacyOut {
      font-size: 0.8em;
      margin-top: 20px; } }
  @media screen and (min-width: 768px) {
    .el_privacyOut {
      margin-top: 10px; } }

/*------------------------------------------
ふわっと入るエフェクト
------------------------------------------*/
.js-effectFade {
  opacity: 0;
  transform: translateY(50px);
  transition: .8s all; }
  .js-effectFade.js-effectFade-active {
    opacity: 1;
    transform: translateY(0); }

/*------------------------------------------
横から伸びてくるエフェクト
------------------------------------------*/
.js-effectStretch.js-effect-active::after {
  width: 100%;
  transition: 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

/*@import 'sidecont';*/

/*# sourceMappingURL=style-lp.css.map */