@charset "UTF-8";
/* Scss Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover {
    opacity: 0.7 !important;
    transition: 0.5s; }

img {
  max-width: 100%;
  width: 100%;
  vertical-align: top; }

html, body {
  font-size: 62.5%;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.75;
  color: #333;
  font-feature-settings: "palt";
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  body.add_overray {
    overflow: hidden; }

#wrapper {
  font-size: 1.6rem;
  overflow: hidden;
  margin-top: 75px; }
  @media screen and (max-width: 767px) {
    #wrapper {
      font-size: 1.4rem;
      margin-top: 65px; } }

svg {
  fill: currentColor; }

.sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp {
      display: block !important; } }

.pc {
  display: block; }
  @media screen and (max-width: 767px) {
    .pc {
      display: none !important; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadein {
  opacity: 0.5;
  transform: translate(0, 40px);
  transition: all 500ms; }
  @media screen and (max-width: 767px) {
    .fadein {
      transform: translate(0, 30px); } }

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

nav#toggle {
  background: #fff;
  position: fixed;
  z-index: 100000000;
  top: 0;
  right: 4%;
  width: 75px;
  height: 75px; }
  @media screen and (max-width: 767px) {
    nav#toggle {
      height: 65px;
      width: 65px;
      right: 0; } }

#nav-toggle {
  position: fixed;
  top: 0;
  right: 4%;
  height: 75px;
  width: 75px;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    #nav-toggle {
      top: 0;
      right: 0;
      height: 65px;
      width: 65px; } }
  #nav-toggle > div {
    position: absolute;
    width: 30px;
    height: 22px;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 767px) {
      #nav-toggle > div {
        width: 25px; } }
  #nav-toggle span {
    width: 100%;
    height: 2px;
    left: 0;
    display: block;
    background: #6FBA2C;
    position: absolute;
    transition: transform .6s ease-in-out, top .5s ease; }
    #nav-toggle span:nth-child(1) {
      top: 0; }
    #nav-toggle span:nth-child(2) {
      top: 49%; }
    #nav-toggle span:nth-child(3) {
      bottom: 0; }
  #nav-toggle:hover span:nth-child(1) {
    top: 2px; }
  #nav-toggle:hover span:nth-child(3) {
    bottom: 2px; }

.open #nav-toggle span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg); }
.open #nav-toggle span:nth-child(2) {
  width: 0; }
.open #nav-toggle span:nth-child(3) {
  transform: rotate(-45deg);
  bottom: 38%; }

/* z-index */
#nav-toggle {
  z-index: 1000; }

#container {
  z-index: 900; }

#gloval-nav {
  background: rgba(255, 255, 255, 0.9);
  color: #333;
  position: fixed;
  top: 75px;
  right: 4%;
  z-index: 990;
  width: 300px;
  text-align: center;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease; }
  @media screen and (max-width: 767px) {
    #gloval-nav {
      top: 0;
      right: 0;
      width: 100%;
      top: 65px; } }

#gloval-nav {
  line-height: 1;
  font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
  padding: 30px; }
  @media screen and (max-width: 767px) {
    #gloval-nav {
      padding: 30px;
      font-size: 1.4rem; } }
  #gloval-nav a {
    display: block;
    transition: color .6s ease;
    text-decoration: none; }
    #gloval-nav a:hover {
      color: #666; }
  #gloval-nav .menu_main {
    list-style: none;
    width: 100%;
    margin-bottom: 60px;
    position: relative; }
    #gloval-nav .menu_main::after {
      content: url("../img/common/ico_menu.svg");
      width: 100px;
      position: absolute;
      left: 50%;
      bottom: -30px;
      transform: translateX(-50%); }
      @media screen and (max-width: 767px) {
        #gloval-nav .menu_main::after {
          bottom: -35px; } }
    #gloval-nav .menu_main li {
      margin-bottom: 20px;
      padding-bottom: 20px;
      position: relative; }
      #gloval-nav .menu_main li::after {
        content: "";
        background: #6FBA2C;
        width: 20px;
        height: 1px;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        bottom: 0; }
      @media screen and (max-width: 767px) {
        #gloval-nav .menu_main li {
          padding-bottom: 0;
          margin-bottom: 20px; }
          #gloval-nav .menu_main li::after {
            content: none; } }
  #gloval-nav .menu_special {
    list-style: none;
    width: 100%; }
    #gloval-nav .menu_special li {
      opacity: 0;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #6FBA2C; }
      #gloval-nav .menu_special li:last-child {
        border: none; }
      @media screen and (max-width: 767px) {
        #gloval-nav .menu_special li {
          margin-bottom: 20px;
          padding-bottom: 0;
          border: none; } }

/* open */
.open #gloval-nav {
  visibility: visible;
  opacity: 1; }
.open #gloval-nav li {
  opacity: 1;
  transform: translateX(0);
  transition: transform 1s ease, opacity .9s ease; }

header {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 75px;
  background: #fff;
  align-items: center; }
  @media screen and (max-width: 767px) {
    header {
      height: 65px; } }
  header .head_logo {
    position: absolute;
    top: 50%;
    left: 4%;
    transform: translateY(-50%);
    width: 195px; }
    @media screen and (max-width: 767px) {
      header .head_logo {
        width: 50px; } }
  header .head_bnr {
    position: absolute;
    top: 50%;
    right: calc(4% + 75px);
    transform: translateY(-50%);
    width: 212px; }
    @media screen and (max-width: 767px) {
      header .head_bnr {
        width: 170px;
        right: calc(1% + 65px); } }
    header .head_bnr a {
      display: block; }

footer {
  display: flex;
  flex-wrap: wrap;
  color: #4D4D4D;
  font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
  font-weight: 500; }
  footer #footer_menu {
    width: 46%;
    padding: 35px 10% 35px 15%;
    background: #E6E6E6; }
    @media screen and (max-width: 767px) {
      footer #footer_menu {
        width: 100%;
        background: #B7DC95;
        padding: 25px 0;
        text-align: center; } }
    footer #footer_menu ul {
      font-size: 1.6rem; }
      @media screen and (max-width: 767px) {
        footer #footer_menu ul {
          width: 54%;
          margin: 0 auto;
          font-size: 1.4rem; } }
      footer #footer_menu ul li {
        border-bottom: 1px solid #808080;
        line-height: 2.7; }
        @media screen and (max-width: 767px) {
          footer #footer_menu ul li {
            border-bottom: 1px solid #fff; }
            footer #footer_menu ul li:last-child {
              border: none; } }
  footer #footer_info {
    width: 54%;
    padding: 35px 5% 60px;
    background: #EFEFEF; }
    @media screen and (max-width: 767px) {
      footer #footer_info {
        width: 100%;
        padding: 25px 4% 15px;
        text-align: center; } }
    footer #footer_info .footer_sns {
      display: flex;
      align-items: center;
      margin-bottom: 40px; }
      @media screen and (max-width: 767px) {
        footer #footer_info .footer_sns {
          margin: 0 auto 30px;
          justify-content: center; } }
      footer #footer_info .footer_sns li {
        width: 36px;
        margin-right: 30px; }
        footer #footer_info .footer_sns li:first-child {
          width: 85px;
          padding-right: 30px;
          border-right: 1px solid #4d4d4d; }
        footer #footer_info .footer_sns li:last-child {
          margin-right: 0; }
    footer #footer_info .footer_comp {
      display: flex; }
      @media screen and (max-width: 767px) {
        footer #footer_info .footer_comp {
          display: block; } }
      footer #footer_info .footer_comp .footer_comp_info {
        margin-right: 10%; }
        @media screen and (max-width: 767px) {
          footer #footer_info .footer_comp .footer_comp_info {
            margin: 0 auto 20px; } }
        footer #footer_info .footer_comp .footer_comp_info li {
          line-height: 1; }
          footer #footer_info .footer_comp .footer_comp_info li:first-child {
            width: 138px;
            margin-bottom: 25px; }
            @media screen and (max-width: 767px) {
              footer #footer_info .footer_comp .footer_comp_info li:first-child {
                width: 143px;
                margin: 0 auto 20px; } }
          footer #footer_info .footer_comp .footer_comp_info li:nth-child(2) {
            font-size: 2rem;
            margin-bottom: 15px; }
            @media screen and (max-width: 767px) {
              footer #footer_info .footer_comp .footer_comp_info li:nth-child(2) {
                font-size: 1.4rem;
                margin-bottom: 10px; } }
          footer #footer_info .footer_comp .footer_comp_info li:nth-child(3) {
            font-size: 1.4rem; }
            @media screen and (max-width: 767px) {
              footer #footer_info .footer_comp .footer_comp_info li:nth-child(3) {
                font-size: 1.2rem; } }
      footer #footer_info .footer_comp .footer_comp_menu {
        font-size: 1.5rem; }
        @media screen and (max-width: 767px) {
          footer #footer_info .footer_comp .footer_comp_menu {
            display: flex;
            flex-wrap: wrap;
            font-size: 1.1rem;
            border: 1px solid #808080; } }
        footer #footer_info .footer_comp .footer_comp_menu li {
          margin-bottom: 5px; }
          @media screen and (max-width: 767px) {
            footer #footer_info .footer_comp .footer_comp_menu li {
              margin: 0 auto;
              width: 50%;
              padding: 8px;
              border-right: 1px solid #808080;
              border-bottom: 1px solid #808080; }
              footer #footer_info .footer_comp .footer_comp_menu li:nth-child(2) {
                border-right: none; }
              footer #footer_info .footer_comp .footer_comp_menu li:nth-child(3) {
                border-bottom: none; } }
          footer #footer_info .footer_comp .footer_comp_menu li:last-child {
            margin-bottom: 0; }
            @media screen and (max-width: 767px) {
              footer #footer_info .footer_comp .footer_comp_menu li:last-child {
                border: none; } }
  footer #copy {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    font-size: 1rem;
    font-weight: 700; }
    @media screen and (max-width: 767px) {
      footer #copy {
        padding: 10px 0;
        font-weight: 400; } }

/*top*/
#news {
  padding: 100px 0 70px;
  background: #E9F5DF;
  margin-bottom: 75px; }
  @media screen and (max-width: 767px) {
    #news {
      padding: 50px 0;
      margin-bottom: 65px; } }
  #news .content {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto; }
    #news .content a {
      display: block; }
    #news .content h2 {
      position: relative;
      margin-bottom: 40px;
      height: 4px; }
      #news .content h2 span {
        text-align: center;
        font-size: 5rem;
        line-height: 1;
        font-weight: 500;
        letter-spacing: 1rem;
        position: absolute;
        z-index: 2;
        padding: 0 4rem 0  5rem;
        background: #E9F5DF;
        top: 50%;
        left: calc(50% + 0.5rem);
        transform: translate(-50%, -50%);
        display: inline-block; }
        @media screen and (max-width: 767px) {
          #news .content h2 span {
            font-size: 2.5rem;
            padding: 0 0 0 1rem;
            width: 55%;
            left: calc(50% + 0.5rem); } }
      #news .content h2::before {
        position: absolute;
        content: "";
        height: 1px;
        width: 100%;
        top: 0%;
        left: 0;
        background: #6FBA2C;
        z-index: 1; }
      #news .content h2::after {
        position: absolute;
        content: "";
        height: 1px;
        width: 100%;
        bottom: 0%;
        left: 0;
        background: #6FBA2C;
        z-index: 1; }
    #news .content ul {
      width: 90%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        #news .content ul {
          display: block;
          width: 100%; } }
      #news .content ul li {
        margin-top: 2.5%;
        width: 48.75%; }
        @media screen and (max-width: 767px) {
          #news .content ul li {
            width: 100%; } }

#intro {
  background: url("../img/top/bg_intro_pc.jpg") no-repeat;
  background-size: cover;
  margin-top: -75px;
  padding-top: 75px; }
  @media screen and (max-width: 767px) {
    #intro {
      background: url("../img/top/bg_intro_sp.jpg") no-repeat;
      background-size: cover;
      margin-top: -65px;
      padding-top: 65px; } }
  #intro .content {
    text-align: center;
    padding: 0 0 90px;
    width: 90%;
    max-width: 760px;
    margin: 0 auto; }
    #intro .content figure {
      width: 160px;
      margin: 0 auto 45px; }
      @media screen and (max-width: 767px) {
        #intro .content figure {
          width: 144px; } }
    #intro .content h2 {
      font-size: 5rem;
      line-height: 1; }
      #intro .content h2 span {
        font-size: 70%; }
      @media screen and (max-width: 767px) {
        #intro .content h2 {
          font-size: 2.5rem; } }
    #intro .content .intro_para {
      line-height: 2.5;
      margin-top: 50px; }
      @media screen and (max-width: 767px) {
        #intro .content .intro_para {
          margin-top: 30px; } }
      #intro .content .intro_para p {
        font-size: 2.1rem; }
        @media screen and (max-width: 767px) {
          #intro .content .intro_para p {
            font-size: 1.3rem; } }
        @media screen and (max-width: 340px) {
          #intro .content .intro_para p {
            font-size: 1.2rem; } }
        #intro .content .intro_para p b {
          border-bottom: 2px dashed #B7DC95;
          display: block; }
          #intro .content .intro_para p b span {
            display: inline; }
            @media screen and (max-width: 767px) {
              #intro .content .intro_para p b span {
                display: block;
                border-bottom: 2px dashed #B7DC95; } }
    #intro .content aside {
      font-size: 1.4rem;
      margin-top: 10px; }
      @media screen and (max-width: 767px) {
        #intro .content aside {
          font-size: 1.1rem; } }

#feature {
  background: url("../img/top/bg_brend.jpg") no-repeat;
  background-size: cover;
  padding: 47.5% 0 80px;
  color: #fff; }
  @media screen and (max-width: 767px) {
    #feature {
      padding: 46.5% 0 0; } }
  #feature .content {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px; }
  #feature dl {
    line-height: 1;
    margin-bottom: 40px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      #feature dl {
        margin-bottom: 20px; } }
    #feature dl dt {
      font-size: 4rem;
      margin-bottom: 35px;
      position: relative; }
      @media screen and (max-width: 767px) {
        #feature dl dt {
          font-size: 2.1rem;
          margin-bottom: 20px; } }
      #feature dl dt::before {
        content: "";
        width: 326px;
        height: 2px;
        background: #fff;
        position: absolute;
        bottom: -20px;
        left: calc(50% - 163px); }
        @media screen and (max-width: 767px) {
          #feature dl dt::before {
            content: "";
            width: 165px;
            height: 1px;
            background: #fff;
            position: absolute;
            bottom: -10px;
            left: calc(50% - 83px); } }
      #feature dl dt::after {
        content: "";
        width: 326px;
        height: 2px;
        background: #fff;
        position: absolute;
        bottom: -14px;
        left: calc(50% - 163px); }
        @media screen and (max-width: 767px) {
          #feature dl dt::after {
            content: "";
            width: 165px;
            height: 1px;
            background: #fff;
            position: absolute;
            bottom: -14px;
            left: calc(50% - 83px); } }
    #feature dl dd {
      font-size: 7.6rem; }
      @media screen and (max-width: 767px) {
        #feature dl dd {
          font-size: 4rem; } }
      #feature dl dd span {
        font-size: 60%; }
  #feature .iframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden; }
    #feature .iframe iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }

#feature_detail #kodawari {
  padding: 80px 0;
  background: white;
  background: linear-gradient(180deg, white 0%, white 30%, #efefef 100%); }
  @media screen and (max-width: 767px) {
    #feature_detail #kodawari {
      background: #F1F1F1;
      padding: 40px 0 45px; } }
  #feature_detail #kodawari .content {
    width: 90%;
    max-width: 920px;
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center; }
    @media screen and (max-width: 767px) {
      #feature_detail #kodawari .content {
        display: block; } }
    #feature_detail #kodawari .content figure {
      text-align: center;
      width: 43.5%; }
      @media screen and (max-width: 767px) {
        #feature_detail #kodawari .content figure {
          width: 90%;
          margin: 0 auto 25px; } }
    #feature_detail #kodawari .content dl {
      width: 45.5%; }
      @media screen and (max-width: 767px) {
        #feature_detail #kodawari .content dl {
          width: 100%;
          text-align: center; } }
      #feature_detail #kodawari .content dl dt {
        font-size: 5rem;
        line-height: 1;
        position: relative;
        display: inline; }
        @media screen and (max-width: 767px) {
          #feature_detail #kodawari .content dl dt {
            font-size: 2.5rem; } }
        #feature_detail #kodawari .content dl dt::before {
          content: "";
          width: 100%;
          height: 1px;
          background: #333;
          position: absolute;
          bottom: -14px;
          left: 0; }
          @media screen and (max-width: 767px) {
            #feature_detail #kodawari .content dl dt::before {
              content: "";
              width: 100%;
              height: 1px;
              background: #B7DC95;
              position: absolute;
              bottom: -12px;
              left: 0; } }
        #feature_detail #kodawari .content dl dt::after {
          content: "";
          width: 100%;
          height: 1px;
          background: #333;
          position: absolute;
          bottom: -10px;
          left: 0; }
          @media screen and (max-width: 767px) {
            #feature_detail #kodawari .content dl dt::after {
              content: "";
              width: 100%;
              height: 1px;
              background: #B7DC95;
              position: absolute;
              bottom: -8px;
              left: 0; } }
      #feature_detail #kodawari .content dl dd {
        font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
        font-weight: 400;
        font-size: 2.1rem;
        line-height: 1.9;
        margin-top: 50px; }
        @media screen and (max-width: 767px) {
          #feature_detail #kodawari .content dl dd {
            margin-top: 30px;
            font-size: 1.6rem; } }
#feature_detail .feature_box {
  background: url("../img/top/bg_feature.png") left repeat-y, url("../img/top/bg_feature.png") right repeat-y;
  background-size: 6%;
  position: relative;
  padding-bottom: 35px; }
  @media screen and (max-width: 767px) {
    #feature_detail .feature_box {
      background: none;
      padding-bottom: 0; } }
  #feature_detail .feature_box .feature_box_li {
    padding: 80px 0 65px;
    position: relative; }
    @media screen and (max-width: 767px) {
      #feature_detail .feature_box .feature_box_li {
        padding: 0; } }
    #feature_detail .feature_box .feature_box_li:nth-child(2) {
      z-index: -1;
      background: #EFEFEF; }
      @media screen and (max-width: 767px) {
        #feature_detail .feature_box .feature_box_li:nth-child(2) {
          background: none; } }
      @media screen and (max-width: 767px) {
        #feature_detail .feature_box .feature_box_li:nth-child(2) .feature_title {
          background: url("../img/top/img_feature_sencha_sp.jpg") no-repeat;
          background-size: cover;
          padding-top: 46.53333%;
          position: relative; } }
      #feature_detail .feature_box .feature_box_li:nth-child(2) li {
        padding: 0 4% 0 10%; }
        @media screen and (max-width: 767px) {
          #feature_detail .feature_box .feature_box_li:nth-child(2) li {
            padding: 0; } }
    @media screen and (max-width: 767px) {
      #feature_detail .feature_box .feature_box_li:nth-child(3) .feature_title {
        background: url("../img/top/img_feature_maccha_sp.jpg") no-repeat;
        background-size: cover;
        padding-top: 46.53333%;
        position: relative; } }
    @media screen and (max-width: 767px) {
      #feature_detail .feature_box .feature_box_li .feature_title {
        background: url(../img/top/img_feature_fukamushi_sp.jpg) no-repeat;
        background-size: cover;
        padding-top: 46.53333%;
        position: relative; } }
    #feature_detail .feature_box .feature_box_li dl {
      text-align: center; }
      @media screen and (max-width: 767px) {
        #feature_detail .feature_box .feature_box_li dl {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -85%);
          color: #fff;
          width: 100%; } }
      #feature_detail .feature_box .feature_box_li dl dd {
        font-size: 5rem;
        line-height: 1;
        position: relative;
        display: inline; }
        @media screen and (max-width: 767px) {
          #feature_detail .feature_box .feature_box_li dl dd {
            font-size: 4rem; } }
        #feature_detail .feature_box .feature_box_li dl dd::before {
          content: "";
          width: 100%;
          height: 1px;
          background: #333;
          position: absolute;
          bottom: -16px;
          left: 0; }
          @media screen and (max-width: 767px) {
            #feature_detail .feature_box .feature_box_li dl dd::before {
              content: "";
              width: 100%;
              height: 1px;
              background: #fff;
              position: absolute;
              bottom: -10px;
              left: 0; } }
        #feature_detail .feature_box .feature_box_li dl dd::after {
          content: "";
          width: 100%;
          height: 1px;
          background: #333;
          position: absolute;
          bottom: -10px;
          left: 0; }
          @media screen and (max-width: 767px) {
            #feature_detail .feature_box .feature_box_li dl dd::after {
              content: "";
              width: 100%;
              height: 1px;
              background: #fff;
              position: absolute;
              bottom: -7px;
              left: 0; } }
      #feature_detail .feature_box .feature_box_li dl dt {
        font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
        font-size: 2.1rem;
        line-height: 1.9;
        font-weight: 700;
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          #feature_detail .feature_box .feature_box_li dl dt {
            font-size: 1.4rem;
            margin: 5px; } }
    #feature_detail .feature_box .feature_box_li ul {
      display: flex;
      justify-content: space-between;
      margin-top: 70px;
      align-items: baseline; }
      @media screen and (max-width: 767px) {
        #feature_detail .feature_box .feature_box_li ul {
          display: block;
          margin: 10px auto 30px; } }
      #feature_detail .feature_box .feature_box_li ul li {
        width: 59%;
        padding: 0 10% 0 4%; }
        #feature_detail .feature_box .feature_box_li ul li.pc {
          width: 41%;
          padding: 0; }
        @media screen and (max-width: 767px) {
          #feature_detail .feature_box .feature_box_li ul li {
            width: 90%;
            margin: 0 auto;
            padding: 0; } }
        #feature_detail .feature_box .feature_box_li ul li .feature_des {
          font-size: 2.1rem;
          margin-bottom: 40px;
          font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
          font-weight: 400;
          line-height: 2; }
          @media screen and (max-width: 767px) {
            #feature_detail .feature_box .feature_box_li ul li .feature_des {
              font-size: 1.6rem;
              width: 90%;
              margin: 0 auto 35px; } }
        #feature_detail .feature_box .feature_box_li ul li .feature_bnr {
          padding-top: 35px; }
        #feature_detail .feature_box .feature_box_li ul li .feature_box_wt {
          background: #fff;
          padding: 6px; }
          @media screen and (max-width: 767px) {
            #feature_detail .feature_box .feature_box_li ul li .feature_box_wt {
              background: #F1F1F1; } }
          #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in {
            margin: 0;
            position: relative; }
            #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in::before {
              width: calc(100% - 12px);
              content: "";
              height: 1px;
              background: #6FBA2C;
              position: absolute;
              top: -6px;
              left: 6px; }
            #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in::after {
              width: calc(100% - 12px);
              content: "";
              height: 1px;
              background: #6FBA2C;
              position: absolute;
              bottom: -6px;
              left: 6px; }
            #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content {
              border-left: 1px solid #6FBA2C;
              border-right: 1px solid #6FBA2C;
              margin: 6px 0;
              display: flex;
              flex-flow: wrap; }
              #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content h3 {
                -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl;
                font-size: 2rem;
                width: 10%;
                border-right: 1px solid #6FBA2C;
                text-align: center;
                padding: 0 2%; }
                @media screen and (max-width: 1100px) {
                  #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content h3 {
                    padding: 0 1%; } }
                @media screen and (max-width: 767px) {
                  #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content h3 {
                    width: 100%;
                    border: none;
                    writing-mode: horizontal-tb;
                    margin-top: 10px; }
                    #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content h3 span {
                      position: relative; }
                      #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content h3 span::before {
                        content: "";
                        width: 100%;
                        height: 1px;
                        background: #6FBA2C;
                        position: absolute;
                        bottom: -6px;
                        left: 50%;
                        transform: translateX(-50%); }
                      #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content h3 span::after {
                        content: "";
                        width: 100%;
                        height: 1px;
                        background: #6FBA2C;
                        position: absolute;
                        bottom: -3px;
                        left: 50%;
                        transform: translateX(-50%); } }
              #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content figure {
                width: 45%;
                text-align: center;
                padding: 15px 0;
                font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
                line-height: 1.25;
                font-size: 1.4rem;
                position: relative;
                font-weight: 500; }
                @media screen and (max-width: 767px) {
                  #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content figure {
                    width: 50%;
                    padding: 5%; } }
                #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content figure img {
                  width: 70%;
                  margin-bottom: 10px; }
                #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content figure.r_a::after {
                  content: url("../img/common/ico_arrow_right.svg");
                  width: 35px;
                  right: -5%;
                  top: 40%;
                  position: absolute; }
                  @media screen and (max-width: 767px) {
                    #feature_detail .feature_box .feature_box_li ul li .feature_box_wt .feature_box_wt_content_in .feature_box_wt_content figure.r_a::after {
                      width: 25px;
                      top: 30%; } }
        #feature_detail .feature_box .feature_box_li ul li .feature_box_g {
          background: #F1F1F1;
          padding: 6px; }
          #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in {
            margin: 0;
            position: relative; }
            #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in::before {
              width: calc(100% - 12px);
              content: "";
              height: 1px;
              background: #6FBA2C;
              position: absolute;
              top: -6px;
              left: 6px; }
            #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in::after {
              width: calc(100% - 12px);
              content: "";
              height: 1px;
              background: #6FBA2C;
              position: absolute;
              bottom: -6px;
              left: 6px; }
            #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content {
              border-left: 1px solid #6FBA2C;
              border-right: 1px solid #6FBA2C;
              margin: 6px 0;
              display: flex;
              flex-flow: wrap;
              padding: 0 2% 2% 2%;
              justify-content: space-between; }
              #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content h3 {
                font-size: 2rem;
                border-bottom: 1px solid #6FBA2C;
                text-align: center;
                padding-bottom: 1%;
                width: 100%; }
                @media screen and (max-width: 767px) {
                  #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content h3 {
                    width: 100%;
                    border: none;
                    margin-top: 10px; }
                    #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content h3 span {
                      position: relative; }
                      #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content h3 span::before {
                        content: "";
                        width: 100%;
                        height: 1px;
                        background: #6FBA2C;
                        position: absolute;
                        bottom: -6px;
                        left: 50%;
                        transform: translateX(-50%); }
                      #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content h3 span::after {
                        content: "";
                        width: 100%;
                        height: 1px;
                        background: #6FBA2C;
                        position: absolute;
                        bottom: -3px;
                        left: 50%;
                        transform: translateX(-50%); } }
              #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure {
                width: 45%;
                text-align: center;
                padding: 15px 0;
                font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
                line-height: 1.25;
                font-size: 1.4rem;
                position: relative;
                font-weight: 500;
                display: flex;
                justify-content: space-between;
                align-items: center; }
                @media screen and (max-width: 767px) {
                  #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure {
                    width: 94%;
                    margin: 0 auto;
                    border-bottom: 1px solid #6FBA2C; } }
                #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure img {
                  width: 35%; }
                #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure figcaption {
                  width: 60%;
                  text-align: left; }
                  #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure figcaption h4 {
                    font-size: 2rem;
                    font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
                    margin-bottom: 5px; }
                  #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure figcaption p {
                    font-size: 1.4rem;
                    line-height: 1.75; }
                    #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure figcaption p span {
                      font-size: 80%; }
                #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure.r_a::after {
                  content: url("../img/common/ico_arrow_right.svg");
                  width: 35px;
                  right: -16%;
                  top: 40%;
                  position: absolute; }
                  @media screen and (max-width: 767px) {
                    #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure.r_a::after {
                      content: none; } }
                #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure.l_a::after {
                  content: url("../img/common/ico_arrow_left.svg");
                  width: 47px;
                  left: -21%;
                  top: 85%;
                  position: absolute; }
                  @media screen and (max-width: 767px) {
                    #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content figure.l_a::after {
                      content: none; } }
              #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content h5 {
                width: 100%;
                padding: 6px;
                color: #6FBA2C;
                text-align: center;
                font-size: 2.1rem;
                margin-top: 10px;
                background: #fff;
                position: relative; }
                #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content h5:before {
                  content: "";
                  position: absolute;
                  top: -30px;
                  left: 50%;
                  margin-left: -15px;
                  border: 15px solid transparent;
                  border-bottom: 15px solid #fff; }
                @media screen and (max-width: 767px) {
                  #feature_detail .feature_box .feature_box_li ul li .feature_box_g .feature_box_g_content_in .feature_box_g_content h5 {
                    width: 94%;
                    margin: 25px auto 15px; } }

#filter {
  margin-top: -75px;
  padding-top: 75px; }
  @media screen and (max-width: 767px) {
    #filter {
      margin-top: -65px;
      padding-top: 65px; } }
  #filter .content {
    background: #D7E6AD;
    padding: 60px 0 70px; }
    @media screen and (max-width: 767px) {
      #filter .content {
        background: #fff;
        padding: 35px 0 0; } }
    #filter .content .filter_intro {
      width: 82%;
      max-width: 920px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 767px) {
        #filter .content .filter_intro {
          display: block; } }
      #filter .content .filter_intro li {
        width: 60%; }
        @media screen and (max-width: 767px) {
          #filter .content .filter_intro li {
            width: 100%; } }
        #filter .content .filter_intro li h2 {
          font-size: 4.8rem;
          position: relative;
          margin-bottom: 40px;
          line-height: 1.25;
          display: inline-block;
          z-index: 2; }
          @media screen and (max-width: 767px) {
            #filter .content .filter_intro li h2 {
              font-size: 2.5rem;
              display: block;
              margin-bottom: 34px; } }
          #filter .content .filter_intro li h2::before {
            content: "";
            width: 100%;
            height: 1px;
            background: #6FBA2C;
            position: absolute;
            bottom: -16px;
            left: 0; }
            @media screen and (max-width: 767px) {
              #filter .content .filter_intro li h2::before {
                content: "";
                width: 100%;
                height: 1px;
                background: #333;
                position: absolute;
                bottom: -20px;
                left: 0; } }
          #filter .content .filter_intro li h2::after {
            content: "";
            width: 100%;
            height: 1px;
            background: #6FBA2C;
            position: absolute;
            bottom: -10px;
            left: 0; }
            @media screen and (max-width: 767px) {
              #filter .content .filter_intro li h2::after {
                content: "";
                width: 100%;
                height: 1px;
                background: #333;
                position: absolute;
                bottom: -16px;
                left: 0; } }
        #filter .content .filter_intro li p {
          font-size: 2rem;
          font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
          font-weight: 400;
          position: relative; }
          @media screen and (max-width: 767px) {
            #filter .content .filter_intro li p {
              font-size: 1.6rem; } }
          #filter .content .filter_intro li p::after {
            content: "";
            width: 201px;
            height: 201px;
            position: absolute;
            right: -10%;
            top: -200px;
            background: url("../img/top/img_filter.png");
            background-size: cover;
            z-index: 1; }
            @media screen and (max-width: 767px) {
              #filter .content .filter_intro li p::after {
                width: 146px;
                height: 146px;
                top: -170px;
                right: -5%; } }
        #filter .content .filter_intro li:nth-child(2) {
          width: 33%; }
          @media screen and (max-width: 767px) {
            #filter .content .filter_intro li:nth-child(2) {
              width: 68.85%;
              margin: 20px auto 40px; } }
    #filter .content .filter_fukidashi {
      width: 82%;
      max-width: 920px;
      padding: 35px 45px;
      margin: 30px auto 0;
      background: #fff;
      position: relative;
      border-radius: 25px; }
      @media screen and (max-width: 767px) {
        #filter .content .filter_fukidashi {
          background: #D7E6AD;
          width: 100%;
          border-radius: 0;
          margin: 0 auto; } }
      #filter .content .filter_fukidashi:before {
        content: "";
        position: absolute;
        top: -50px;
        left: 50%;
        margin-left: -25px;
        border: 25px solid transparent;
        border-bottom: 25px solid #fff; }
        @media screen and (max-width: 767px) {
          #filter .content .filter_fukidashi:before {
            content: none; } }
      #filter .content .filter_fukidashi h3 {
        font-size: 3rem;
        color: #6FBA2C;
        padding-bottom: 3px;
        text-align: center;
        margin-bottom: 20px; }
        #filter .content .filter_fukidashi h3 span {
          font-size: 80%; }
          @media screen and (max-width: 767px) {
            #filter .content .filter_fukidashi h3 span {
              font-size: 100%; } }
        #filter .content .filter_fukidashi h3 b {
          border-bottom: 1px solid #6FBA2C; }
          @media screen and (max-width: 767px) {
            #filter .content .filter_fukidashi h3 b {
              border-bottom: none; } }
        @media screen and (max-width: 767px) {
          #filter .content .filter_fukidashi h3 {
            padding: 10px 0;
            font-size: 1.8rem;
            background: #fff;
            position: relative;
            border-radius: 10px; } }
        @media screen and (max-width: 767px) {
          #filter .content .filter_fukidashi h3::before {
            content: "";
            position: absolute;
            bottom: -30px;
            left: 50%;
            margin-left: -15px;
            border: 15px solid transparent;
            border-top: 15px solid #fff; } }
      #filter .content .filter_fukidashi .filter_fukidashi_para {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 767px) {
          #filter .content .filter_fukidashi .filter_fukidashi_para {
            display: block; } }
        #filter .content .filter_fukidashi .filter_fukidashi_para dl {
          width: 62.5%;
          font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif; }
          @media screen and (max-width: 767px) {
            #filter .content .filter_fukidashi .filter_fukidashi_para dl {
              width: 100%; } }
          #filter .content .filter_fukidashi .filter_fukidashi_para dl dt {
            font-size: 2.1rem;
            font-weight: 700; }
            @media screen and (max-width: 767px) {
              #filter .content .filter_fukidashi .filter_fukidashi_para dl dt {
                font-size: 1.7rem;
                color: #54A900;
                line-height: 1.9;
                position: relative; }
                #filter .content .filter_fukidashi .filter_fukidashi_para dl dt span {
                  border-bottom: 1px solid #fff; }
                #filter .content .filter_fukidashi .filter_fukidashi_para dl dt::before {
                  content: "";
                  background: url("../img/top/img_filter_circle.png");
                  width: 136px;
                  height: 136px;
                  position: absolute;
                  top: -20%;
                  right: 0;
                  background-size: cover; } }
          #filter .content .filter_fukidashi .filter_fukidashi_para dl dd {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            @media screen and (max-width: 767px) {
              #filter .content .filter_fukidashi .filter_fukidashi_para dl dd {
                display: block;
                margin-top: 15px; } }
            #filter .content .filter_fukidashi .filter_fukidashi_para dl dd p {
              width: 65%;
              font-weight: 400; }
              @media screen and (max-width: 767px) {
                #filter .content .filter_fukidashi .filter_fukidashi_para dl dd p {
                  width: 100%;
                  font-size: 1.6rem; } }
            #filter .content .filter_fukidashi .filter_fukidashi_para dl dd img {
              width: 30%; }
        #filter .content .filter_fukidashi .filter_fukidashi_para figure {
          width: 32.5%; }

#qa {
  background: url("../img/top/bg_qa.png") top repeat-x, url("../img/top/bg_qa.png") bottom repeat-x;
  padding: 180px 0;
  background-size: 3%; }
  @media screen and (max-width: 767px) {
    #qa {
      padding: 90px 0;
      background-size: 6%; } }
  #qa .content {
    width: 84%;
    max-width: 920px;
    margin: 0 auto; }
    #qa .content h2 {
      font-size: 4.6rem;
      margin-bottom: 70px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #qa .content h2 {
          font-size: 2.1rem;
          margin-bottom: 45px; } }
      #qa .content h2 img {
        width: 340px; }
        @media screen and (max-width: 767px) {
          #qa .content h2 img {
            width: 155px; } }
    #qa .content ul li {
      margin-bottom: 40px;
      padding-bottom: 40px;
      border-bottom: 1px solid #C0C0C0;
      font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif; }
      @media screen and (max-width: 767px) {
        #qa .content ul li {
          margin-bottom: 25px;
          padding-bottom: 25px; } }
      #qa .content ul li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none; }
      #qa .content ul li h3 {
        padding-left: 60px;
        position: relative;
        font-size: 2rem;
        color: #6FBA2C;
        font-weight: 700;
        margin-bottom: 40px; }
        @media screen and (max-width: 767px) {
          #qa .content ul li h3 {
            font-size: 1.4rem;
            padding-left: 40px;
            margin-bottom: 30px; } }
        #qa .content ul li h3::before {
          content: "Q";
          font-size: 3.8rem;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          color: #333; }
          @media screen and (max-width: 767px) {
            #qa .content ul li h3::before {
              font-size: 2.2rem; } }
      #qa .content ul li p {
        font-weight: 400;
        font-size: 2rem;
        padding-left: 60px;
        position: relative; }
        @media screen and (max-width: 767px) {
          #qa .content ul li p {
            font-size: 1.4rem;
            padding-left: 40px; } }
        #qa .content ul li p::before {
          content: "A";
          font-size: 3.8rem;
          position: absolute;
          left: 0;
          top: -1rem;
          font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          color: #333; }
          @media screen and (max-width: 767px) {
            #qa .content ul li p::before {
              font-size: 2.2rem; } }
        #qa .content ul li p::after {
          content: "";
          width: 1px;
          height: 30px;
          position: absolute;
          background: #6FBA2C;
          left: 14px;
          top: -25px; }
          @media screen and (max-width: 767px) {
            #qa .content ul li p::after {
              height: 20px;
              top: -23px;
              left: 8px; } }

/*PRODUCT*/
.product #list {
  background: #cfd621;
  background: linear-gradient(0deg, #cfd621 0%, #82bc3f 100%);
  padding: 60px 0 50px; }
  @media screen and (max-width: 767px) {
    .product #list {
      padding: 30px 0; } }
  .product #list .list_title dl {
    color: #fff;
    margin-bottom: 40px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .product #list .list_title dl {
        margin-bottom: 20px; } }
    .product #list .list_title dl dt {
      font-size: 2.1rem;
      font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
      font-weight: 700;
      margin-bottom: 10px;
      letter-spacing: 0.2rem; }
      @media screen and (max-width: 767px) {
        .product #list .list_title dl dt {
          font-size: 1.2rem;
          margin-bottom: 5px; } }
    .product #list .list_title dl dd {
      font-size: 6.2rem; }
      @media screen and (max-width: 767px) {
        .product #list .list_title dl dd {
          font-size: 2.5rem;
          font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
          font-weight: 700; } }
  .product #list .content .list_pc {
    width: 90%;
    max-width: 930px;
    background: #fff;
    border-radius: 5px;
    padding: 25px;
    font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
    margin: 0 auto; }
    .product #list .content .list_pc p {
      font-size: 1.3rem;
      font-weight: 400;
      margin-top: 10px;
      line-height: 1.3; }
      .product #list .content .list_pc p span {
        color: #29A1D8; }
    .product #list .content .list_pc .list_first {
      padding-left: 3.5%;
      display: flex;
      justify-content: space-between;
      text-align: center;
      color: #fff;
      font-size: 1.5rem;
      font-weight: 500;
      padding-bottom: 10px;
      border-bottom: 1px solid #808080; }
      .product #list .content .list_pc .list_first li {
        border-radius: 5px;
        padding: 1px; }
        .product #list .content .list_pc .list_first li:nth-child(1) {
          width: 32.5%;
          background: #1E9200; }
        .product #list .content .list_pc .list_first li:nth-child(2) {
          width: 43%;
          background: #1E9200; }
        .product #list .content .list_pc .list_first li:nth-child(3) {
          width: 9.5%;
          background: #F0AA3C; }
        .product #list .content .list_pc .list_first li:nth-child(4) {
          width: 9.5%;
          background: #29A1D8; }
    .product #list .content .list_pc .list_nd {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #808080; }
      .product #list .content .list_pc .list_nd .list_nd_b {
        border-radius: 5px; }
        .product #list .content .list_pc .list_nd .list_nd_b:nth-child(1) {
          background: #6FBA2C;
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          text-align: center;
          color: #fff;
          font-size: 1.5rem;
          font-weight: 500;
          margin: 10px 0; }
        .product #list .content .list_pc .list_nd .list_nd_b:nth-child(2) {
          width: 96%; }
        .product #list .content .list_pc .list_nd .list_nd_b ul {
          display: flex;
          justify-content: space-between; }
          .product #list .content .list_pc .list_nd .list_nd_b ul li {
            border-right: 1px solid #808080;
            padding: 20px 10px;
            border-bottom: 1px solid #808080;
            font-weight: 500;
            line-height: 1.4;
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .product #list .content .list_pc .list_nd .list_nd_b ul li.pt25 {
              padding: 20px 20px 20px !important; }
            .product #list .content .list_pc .list_nd .list_nd_b ul li:nth-child(1) {
              width: 33%;
              font-size: 1.6rem; }
              .product #list .content .list_pc .list_nd .list_nd_b ul li:nth-child(1) span {
                font-size: 1.4rem;
                margin-bottom: 5px; }
            .product #list .content .list_pc .list_nd .list_nd_b ul li:nth-child(2) {
              width: 45%;
              font-size: 1.5rem;
              color: #1E9200;
              padding: 20px; }
              .product #list .content .list_pc .list_nd .list_nd_b ul li:nth-child(2) span {
                color: #F02121;
                font-size: 130%; }
            .product #list .content .list_pc .list_nd .list_nd_b ul li:nth-child(3) {
              width: 12%;
              text-align: center;
              position: relative; }
              .product #list .content .list_pc .list_nd .list_nd_b ul li:nth-child(3) img {
                width: 30%;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%); }
            .product #list .content .list_pc .list_nd .list_nd_b ul li:nth-child(4) {
              width: 10.5%;
              text-align: center;
              border-right: none;
              position: relative; }
              .product #list .content .list_pc .list_nd .list_nd_b ul li:nth-child(4) img {
                width: 34%;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%); }
          .product #list .content .list_pc .list_nd .list_nd_b ul:last-child li {
            border-bottom: none; }
  .product #list .content .list_sp {
    width: 90%;
    margin: 0 auto;
    font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif; }
    .product #list .content .list_sp h3 {
      padding: 5px;
      font-size: 1.5rem;
      color: #fff;
      font-weight: 500;
      margin-bottom: 5px;
      border-radius: 5px;
      background: #1E9200;
      text-align: center; }
      .product #list .content .list_sp h3.mt {
        margin-top: 20px; }
    .product #list .content .list_sp p {
      font-size: 1.3rem;
      font-weight: 400;
      margin-top: 5px;
      line-height: 1.3; }
      .product #list .content .list_sp p span {
        color: #29A1D8; }
    .product #list .content .list_sp table {
      background: #fff;
      border-radius: 5px;
      text-align: center;
      vertical-align: middle;
      line-height: 1.3;
      width: 100%; }
      .product #list .content .list_sp table .list_title {
        font-size: 1.3rem;
        font-weight: 500; }
        .product #list .content .list_sp table .list_title td {
          vertical-align: middle;
          color: #fff;
          padding: 5px; }
          .product #list .content .list_sp table .list_title td:nth-child(1) {
            background: #1E9200;
            border-radius: 5px 0 0 0; }
          .product #list .content .list_sp table .list_title td:nth-child(2) {
            background: #F0AA3C; }
          .product #list .content .list_sp table .list_title td:nth-child(3) {
            background: #29A1D8;
            border-radius: 0 5px 0 0; }
      .product #list .content .list_sp table .list_detail {
        border-bottom: 1px solid #1E9200; }
        .product #list .content .list_sp table .list_detail:last-child {
          border-bottom: none; }
        .product #list .content .list_sp table .list_detail td {
          font-size: 1.6rem;
          font-weight: 500;
          padding: 10px;
          vertical-align: middle; }
          .product #list .content .list_sp table .list_detail td img {
            width: 25px; }
          .product #list .content .list_sp table .list_detail td:nth-child(1) {
            text-align: left;
            border-right: 1px solid #1E9200; }
            .product #list .content .list_sp table .list_detail td:nth-child(1) p {
              font-size: 1.1rem;
              color: #1E9200; }
              .product #list .content .list_sp table .list_detail td:nth-child(1) p span {
                font-size: 130%;
                color: #F02121; }
            .product #list .content .list_sp table .list_detail td:nth-child(1) aside {
              font-weight: 400;
              font-size: 1.3rem; }
          .product #list .content .list_sp table .list_detail td:nth-child(2) {
            border-right: 1px solid #1E9200; }
.product .product_title {
  position: relative; }
  .product .product_title h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5.8rem;
    text-align: center;
    padding: 25px 60px 30px;
    line-height: 1;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
    font-weight: 500; }
    @media screen and (max-width: 940px) {
      .product .product_title h2 {
        width: 70%; } }
    @media screen and (max-width: 767px) {
      .product .product_title h2 {
        font-size: 3.4rem;
        padding: 15px 30px 20px;
        width: 80%; } }
    .product .product_title h2::before {
      width: calc(100% - 20px);
      height: 1px;
      content: "";
      background: #fff;
      position: absolute;
      top: -10px;
      left: 10px; }
      @media screen and (max-width: 767px) {
        .product .product_title h2::before {
          top: -6px;
          left: 6px;
          width: calc(100% - 12px); } }
    .product .product_title h2::after {
      width: calc(100% - 20px);
      height: 1px;
      content: "";
      background: #fff;
      position: absolute;
      bottom: -10px;
      left: 10px; }
      @media screen and (max-width: 767px) {
        .product .product_title h2::after {
          bottom: -6px;
          left: 6px;
          width: calc(100% - 12px); } }
    .product .product_title h2 span {
      text-shadow: 0 0 5px #333; }
.product .product_detail {
  padding: 150px 0;
  background: url("../img/product/pr_bg_sym.jpg") top repeat-x;
  background-size: 3%; }
  @media screen and (max-width: 767px) {
    .product .product_detail {
      padding: 70px 0 50px;
      background-size: 6%; } }
  .product .product_detail .content {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto; }
    .product .product_detail .content .product_detail_title {
      width: 100%;
      text-align: center;
      max-width: 930px;
      padding: 30px 0 30px;
      border-top: 2px solid #6FBA2C;
      border-bottom: 2px solid #6FBA2C;
      margin: 0 auto 50px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .product .product_detail .content .product_detail_title {
          padding: 20px 0;
          margin: 0 auto; } }
      .product .product_detail .content .product_detail_title::before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 4px;
        background: #B7DC95; }
      .product .product_detail .content .product_detail_title::after {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 4px;
        background: #B7DC95; }
      .product .product_detail .content .product_detail_title h3 {
        font-size: 4rem;
        margin-bottom: 20px;
        line-height: 1; }
        @media screen and (max-width: 767px) {
          .product .product_detail .content .product_detail_title h3 {
            font-size: 2.5rem;
            margin-bottom: 10px; }
            .product .product_detail .content .product_detail_title h3 span {
              font-size: 1.6rem;
              display: block;
              margin-bottom: 8px; } }
      .product .product_detail .content .product_detail_title p {
        font-size: 1.3rem;
        color: #6FBA2C;
        line-height: 1;
        font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
        font-weight: 500; }
        @media screen and (max-width: 767px) {
          .product .product_detail .content .product_detail_title p {
            font-size: 1rem; } }
      .product .product_detail .content .product_detail_title.mybottle {
        border-top: 2px solid #EA616F;
        border-bottom: 2px solid #EA616F; }
        .product .product_detail .content .product_detail_title.mybottle::before {
          background: #F4B0B7; }
        .product .product_detail .content .product_detail_title.mybottle::after {
          background: #F4B0B7; }
        .product .product_detail .content .product_detail_title.mybottle p {
          color: #EA616F; }
      .product .product_detail .content .product_detail_title.powder {
        border-top: 2px solid #1E9200;
        border-bottom: 2px solid #1E9200; }
        .product .product_detail .content .product_detail_title.powder::before {
          background: #8EC880; }
        .product .product_detail .content .product_detail_title.powder::after {
          background: #8EC880; }
        .product .product_detail .content .product_detail_title.powder p {
          color: #1E9200; }
      .product .product_detail .content .product_detail_title.hoji {
        border-top: 2px solid #E68214;
        border-bottom: 2px solid #E68214; }
        .product .product_detail .content .product_detail_title.hoji::before {
          background: #F2C089; }
        .product .product_detail .content .product_detail_title.hoji::after {
          background: #F2C089; }
        .product .product_detail .content .product_detail_title.hoji p {
          color: #E68214; }
      .product .product_detail .content .product_detail_title.shincha {
        border-top: 2px solid #A0D71E;
        border-bottom: 2px solid #A0D71E; }
        .product .product_detail .content .product_detail_title.shincha::before {
          background: #CFEB8E; }
        .product .product_detail .content .product_detail_title.shincha::after {
          background: #CFEB8E; }
        .product .product_detail .content .product_detail_title.shincha p {
          color: #A0D71E; }
      .product .product_detail .content .product_detail_title.mizu {
        border-top: 2px solid #1DA1F2;
        border-bottom: 2px solid #1DA1F2; }
        .product .product_detail .content .product_detail_title.mizu::before {
          background: #8ED0F8; }
        .product .product_detail .content .product_detail_title.mizu::after {
          background: #8ED0F8; }
        .product .product_detail .content .product_detail_title.mizu p {
          color: #1DA1F2; }
    .product .product_detail .content .product_box {
      display: flex;
      justify-content: space-between;
      padding: 125px 4.5% 50px;
      font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
      font-weight: 400;
      border-bottom: 2px solid #DCDCDC;
      align-items: center;
      margin-top: -75px; }
      @media screen and (max-width: 767px) {
        .product .product_detail .content .product_box {
          padding: 95px 4.5% 30px;
          flex-wrap: wrap;
          margin-top: -65px; } }
      .product .product_detail .content .product_box.box_cut {
        border-bottom: none;
        padding: 125px 4.5% 140px; }
        @media screen and (max-width: 767px) {
          .product .product_detail .content .product_box.box_cut {
            padding: 95px 4.5% 50px; } }
      .product .product_detail .content .product_box.box_last {
        border-bottom: none;
        padding: 125px 4.5% 0; }
        @media screen and (max-width: 767px) {
          .product .product_detail .content .product_box.box_last {
            padding: 95px 4.5% 0; } }
      .product .product_detail .content .product_box figure {
        text-align: center;
        width: 50%; }
        @media screen and (max-width: 767px) {
          .product .product_detail .content .product_box figure {
            width: 100%; } }
        .product .product_detail .content .product_box figure img {
          width: 70%; }
          @media screen and (max-width: 767px) {
            .product .product_detail .content .product_box figure img {
              width: 50%;
              left: 4%;
              position: relative; } }
        .product .product_detail .content .product_box figure figcaption {
          width: 100%;
          display: block;
          font-size: 1.3rem; }
        .product .product_detail .content .product_box figure.new {
          position: relative; }
          .product .product_detail .content .product_box figure.new::after {
            position: absolute;
            content: url("../img/product/ico_new.svg");
            width: 100px;
            left: 0;
            top: -20px; }
            @media screen and (max-width: 767px) {
              .product .product_detail .content .product_box figure.new::after {
                width: 70px;
                left: auto;
                right: 10%; } }
        .product .product_detail .content .product_box figure.shincha {
          position: relative; }
          .product .product_detail .content .product_box figure.shincha::after {
            position: absolute;
            content: url("../img/product/ico_shincha.svg");
            width: 55px;
            right: 12%;
            top: 0; }
            @media screen and (max-width: 767px) {
              .product .product_detail .content .product_box figure.shincha::after {
                content: url("../img/product/ico_shincha_sp.svg");
                left: 0;
                top: -30px;
                right: auto; } }
        .product .product_detail .content .product_box figure.mizu {
          position: relative; }
          .product .product_detail .content .product_box figure.mizu::after {
            position: absolute;
            content: url("../img/product/ico_kaki.svg");
            width: 55px;
            right: 12%;
            top: 0; }
            @media screen and (max-width: 767px) {
              .product .product_detail .content .product_box figure.mizu::after {
                content: url("../img/product/ico_kaki_sp.svg");
                left: 0;
                top: -30px;
                right: auto; } }
      .product .product_detail .content .product_box .product_txt {
        width: 50%; }
        @media screen and (max-width: 767px) {
          .product .product_detail .content .product_box .product_txt {
            width: 100%;
            padding: 10px 0; } }
        .product .product_detail .content .product_box .product_txt h4 {
          font-size: 2.1rem;
          font-weight: 500;
          margin-bottom: 20px; }
          @media screen and (max-width: 767px) {
            .product .product_detail .content .product_box .product_txt h4 {
              font-size: 1.6rem;
              margin-bottom: 15px; } }
        .product .product_detail .content .product_box .product_txt ul {
          border-top: 2px dashed #B7DC95;
          border-bottom: 2px dashed #B7DC95;
          padding: 15px 0 20px;
          margin-bottom: 15px; }
          @media screen and (max-width: 767px) {
            .product .product_detail .content .product_box .product_txt ul {
              padding: 10px 0 15px; } }
          .product .product_detail .content .product_box .product_txt ul.mybottle {
            border-top: 2px dashed #F4B0B7;
            border-bottom: 2px dashed #F4B0B7; }
          .product .product_detail .content .product_box .product_txt ul.powder {
            border-top: 2px dashed #8EC880;
            border-bottom: 2px dashed #8EC880; }
          .product .product_detail .content .product_box .product_txt ul.hoji {
            border-top: 2px dashed #F2C089;
            border-bottom: 2px dashed #F2C089; }
          .product .product_detail .content .product_box .product_txt ul.shincha {
            border-top: 2px dashed #CFEB8E;
            border-bottom: 2px dashed #CFEB8E; }
          .product .product_detail .content .product_box .product_txt ul.mizu {
            border-top: 2px dashed #8ED0F8;
            border-bottom: 2px dashed #8ED0F8; }
          .product .product_detail .content .product_box .product_txt ul li {
            font-size: 1.6rem;
            margin-bottom: 10px;
            line-height: 1; }
            @media screen and (max-width: 767px) {
              .product .product_detail .content .product_box .product_txt ul li {
                font-size: 1.4rem; } }
            .product .product_detail .content .product_box .product_txt ul li span {
              font-size: 1.3rem; }
              @media screen and (max-width: 767px) {
                .product .product_detail .content .product_box .product_txt ul li span {
                  font-size: 1.2rem; } }
            .product .product_detail .content .product_box .product_txt ul li b {
              font-size: 2.3rem;
              font-weight: 500; }
              @media screen and (max-width: 767px) {
                .product .product_detail .content .product_box .product_txt ul li b {
                  font-size: 1.8rem; } }
            .product .product_detail .content .product_box .product_txt ul li:last-child {
              margin-bottom: 0; }
        .product .product_detail .content .product_box .product_txt p {
          font-size: 2rem;
          line-height: 2; }
          @media screen and (max-width: 767px) {
            .product .product_detail .content .product_box .product_txt p {
              font-size: 1.5rem; } }
          .product .product_detail .content .product_box .product_txt p span {
            font-size: 1.2rem; }
        .product .product_detail .content .product_box .product_txt .product_link {
          background: #6FBA2C;
          line-height: 1;
          font-weight: 500;
          font-size: 1.8rem;
          text-align: center;
          position: relative;
          display: inline-block;
          margin-top: 30px;
          color: #fff;
          box-shadow: 0 0 20px #888 inset;
          transition: 0.5s; }
          @media screen and (max-width: 767px) {
            .product .product_detail .content .product_box .product_txt .product_link {
              width: 90%;
              margin: 20px auto 0;
              display: block; } }
          .product .product_detail .content .product_box .product_txt .product_link a {
            display: block;
            padding: 15px 60px 18px; }
          .product .product_detail .content .product_box .product_txt .product_link::after {
            content: url("../img/product/ico_pr.svg");
            width: 17px;
            right: 13px;
            top: 50%;
            transform: translateY(-50%);
            position: absolute; }
          .product .product_detail .content .product_box .product_txt .product_link:hover {
            opacity: 0.7;
            transition: 0.5s; }
          .product .product_detail .content .product_box .product_txt .product_link.mybottle {
            background: #EA616F; }
          .product .product_detail .content .product_box .product_txt .product_link.powder {
            background: #6FBA2C; }
          .product .product_detail .content .product_box .product_txt .product_link.hoji {
            background: #E68214; }
          .product .product_detail .content .product_box .product_txt .product_link.shincha {
            background: #A0D71E; }
          .product .product_detail .content .product_box .product_txt .product_link.mizu {
            background: #1DA1F2; }

/*CAMPAIGN*/
.campaign #cp_time dl {
  text-align: center;
  position: relative;
  line-height: 1; }
  .campaign #cp_time dl dt {
    font-size: 2.8rem;
    padding: 10px 30px;
    border-radius: 100px;
    font-weight: 700;
    background: #fff;
    font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
    display: inline;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 767px) {
      .campaign #cp_time dl dt {
        font-size: 1.3rem;
        padding: 5px 15px; } }
  .campaign #cp_time dl dd {
    font-size: 5rem;
    font-weight: 500;
    width: 100%;
    background: #1E9200;
    color: #fff;
    padding: 40px 0 35px; }
    @media screen and (max-width: 767px) {
      .campaign #cp_time dl dd {
        font-size: 2.2rem;
        padding: 20px 0 15px;
        font-weight: 600; } }
.campaign #cp_intro {
  background: url("../img/top/bg_intro_pc.jpg") center no-repeat;
  background-size: cover;
  padding: 75px 0; }
  @media screen and (max-width: 767px) {
    .campaign #cp_intro {
      background: none;
      padding: 25px 0 45px; } }
  .campaign #cp_intro figure {
    width: 200px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .campaign #cp_intro figure {
        width: 150px; } }
  .campaign #cp_intro .intro_para {
    line-height: 2.5;
    margin: 20px auto 0;
    max-width: 540px;
    width: 82%; }
    @media screen and (max-width: 767px) {
      .campaign #cp_intro .intro_para {
        margin: 0 auto 0; } }
    .campaign #cp_intro .intro_para p {
      font-size: 2rem;
      color: #1E9200;
      font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        .campaign #cp_intro .intro_para p {
          font-size: 1.6rem; } }
      .campaign #cp_intro .intro_para p b {
        display: block;
        font-weight: 400; }
        .campaign #cp_intro .intro_para p b span {
          display: inline;
          border-bottom: 2px dashed #B7DC95;
          padding-bottom: 11px; }
          @media screen and (max-width: 767px) {
            .campaign #cp_intro .intro_para p b span {
              padding-bottom: 8px; } }
.campaign #cp_how {
  background: #1E9200;
  color: #fff;
  padding: 35px 0 35px; }
  @media screen and (max-width: 767px) {
    .campaign #cp_how {
      padding: 25px 0; } }
  .campaign #cp_how h3 {
    font-size: 3.7rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.3; }
    @media screen and (max-width: 767px) {
      .campaign #cp_how h3 {
        font-size: 1.9rem; } }
    .campaign #cp_how h3 b {
      font-size: 150%;
      color: #F2E421;
      font-weight: inherit; }
      @media screen and (max-width: 767px) {
        .campaign #cp_how h3 b.spw {
          color: #fff; } }
    .campaign #cp_how h3 span {
      font-size: 150%;
      font-style: italic; }
  @media screen and (max-width: 767px) {
    .campaign #cp_how .how_ico {
      width: 82%;
      margin: 20px auto 0;
      display: flex !important;
      justify-content: space-between; }
      .campaign #cp_how .how_ico li {
        width: 45%; } }
.campaign #cp_present {
  background: #ECF0D1;
  padding: 20px 0 90px; }
  @media screen and (max-width: 767px) {
    .campaign #cp_present {
      padding: 30px 0 0; } }
  .campaign #cp_present .content {
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .campaign #cp_present .content {
        display: block; } }
    .campaign #cp_present .content .cp_present_box {
      width: 50%;
      font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
      padding: 0 7% 0 0;
      border-right: 2px solid #fff; }
      .campaign #cp_present .content .cp_present_box:last-child {
        padding: 0 0 0 7%;
        border: none; }
      @media screen and (max-width: 767px) {
        .campaign #cp_present .content .cp_present_box {
          width: 100%;
          padding: 0;
          border: none; }
          .campaign #cp_present .content .cp_present_box:last-child {
            padding: 30px 0 0 0;
            border: none; } }
      .campaign #cp_present .content .cp_present_box .cp_present_circle {
        text-align: center;
        line-height: 1;
        color: #1E9200;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%);
        padding: 30px 0;
        border-radius: 100%;
        width: 50%;
        margin: 0 auto; }
        @media screen and (max-width: 767px) {
          .campaign #cp_present .content .cp_present_box .cp_present_circle {
            width: 120px;
            height: 120px; } }
        .campaign #cp_present .content .cp_present_box .cp_present_circle dt {
          font-size: 2.6rem;
          font-weight: 700;
          margin-bottom: 0; }
          @media screen and (max-width: 767px) {
            .campaign #cp_present .content .cp_present_box .cp_present_circle dt {
              font-size: 1.2rem; } }
        .campaign #cp_present .content .cp_present_box .cp_present_circle dd {
          font-size: 11.5rem;
          font-weight: 500;
          font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
          @media screen and (max-width: 767px) {
            .campaign #cp_present .content .cp_present_box .cp_present_circle dd {
              font-size: 5.5rem; } }
      .campaign #cp_present .content .cp_present_box h3 {
        font-size: 2.5rem;
        color: #1E9200;
        position: relative;
        width: 100%;
        margin: 20px auto;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .campaign #cp_present .content .cp_present_box h3 {
            width: 80%;
            margin: 15px auto;
            font-size: 2.1rem; } }
        .campaign #cp_present .content .cp_present_box h3 span {
          font-size: 70%; }
        .campaign #cp_present .content .cp_present_box h3::before {
          content: "";
          position: absolute;
          width: 1px;
          height: 120%;
          transform: rotate(-30deg);
          left: 5%;
          top: -10%;
          background: #1E9200; }
          @media screen and (max-width: 767px) {
            .campaign #cp_present .content .cp_present_box h3::before {
              height: 100%; } }
        .campaign #cp_present .content .cp_present_box h3::after {
          content: "";
          position: absolute;
          width: 1px;
          height: 120%;
          transform: rotate(30deg);
          right: 5%;
          top: -10%;
          background: #1E9200; }
          @media screen and (max-width: 767px) {
            .campaign #cp_present .content .cp_present_box h3::after {
              height: 100%; } }
      .campaign #cp_present .content .cp_present_box .cp_present_img {
        background: #fff;
        padding: 15px; }
        @media screen and (max-width: 767px) {
          .campaign #cp_present .content .cp_present_box .cp_present_img {
            background: none;
            padding: 0; } }
        .campaign #cp_present .content .cp_present_box .cp_present_img figcaption {
          font-size: 2.6rem;
          color: #1E9200;
          font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          padding: 20px 0 10px;
          line-height: 1.25;
          font-weight: 600;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .campaign #cp_present .content .cp_present_box .cp_present_img figcaption {
              font-size: 2.2rem;
              border-bottom: 3px solid #fff;
              width: 85%;
              margin: 0 auto;
              padding-bottom: 10px; } }
      .campaign #cp_present .content .cp_present_box .cp_present_des {
        width: 90%;
        margin: 15px auto;
        font-weight: 500; }
        .campaign #cp_present .content .cp_present_box .cp_present_des span {
          color: #F02121; }
        .campaign #cp_present .content .cp_present_box .cp_present_des b {
          font-weight: inherit;
          color: #1E9200; }
        @media screen and (max-width: 767px) {
          .campaign #cp_present .content .cp_present_box .cp_present_des {
            width: 85%;
            font-size: 1.4rem; } }
      .campaign #cp_present .content .cp_present_box .cp_present_photo {
        width: 76%;
        margin: 0 auto 15px; }
      .campaign #cp_present .content .cp_present_box .cp_present_aside {
        margin: 0 auto 10px;
        width: 90%;
        font-size: 1.2rem;
        font-weight: 400;
        text-align: center; }
        .campaign #cp_present .content .cp_present_box .cp_present_aside a {
          font-weight: 700;
          color: #1E9200; }
        @media screen and (max-width: 767px) {
          .campaign #cp_present .content .cp_present_box .cp_present_aside {
            width: 85%; } }
      .campaign #cp_present .content .cp_present_box .cp_present_wt {
        border-radius: 5px;
        background: #fff;
        width: 90%;
        margin: 20px auto 0;
        padding: 20px 25px; }
        @media screen and (max-width: 767px) {
          .campaign #cp_present .content .cp_present_box .cp_present_wt {
            width: 100%;
            border-radius: 0;
            padding: 60px 10% 50px;
            position: relative; }
            .campaign #cp_present .content .cp_present_box .cp_present_wt::after {
              content: "";
              position: absolute;
              top: 0;
              left: 0%;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 40px 50vw 0 50vw;
              border-color: #ECF0D1 transparent transparent transparent; } }
        .campaign #cp_present .content .cp_present_box .cp_present_wt h4 {
          text-align: center;
          font-size: 2rem;
          color: #1E9200;
          margin-bottom: 10px;
          font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          font-weight: 600; }
          .campaign #cp_present .content .cp_present_box .cp_present_wt h4 span {
            border-bottom: 1px solid #1E9200; }
            @media screen and (max-width: 767px) {
              .campaign #cp_present .content .cp_present_box .cp_present_wt h4 span {
                border: none; } }
          .campaign #cp_present .content .cp_present_box .cp_present_wt h4.mt20 {
            margin-top: 20px; }
            @media screen and (max-width: 767px) {
              .campaign #cp_present .content .cp_present_box .cp_present_wt h4.mt20 {
                border-top: 1px solid #6FBA2C;
                padding-top: 20px; } }
        .campaign #cp_present .content .cp_present_box .cp_present_wt p {
          font-size: 1.4rem;
          position: relative;
          font-weight: 400; }
          .campaign #cp_present .content .cp_present_box .cp_present_wt p span {
            font-size: 50%;
            vertical-align: text-top; }
          .campaign #cp_present .content .cp_present_box .cp_present_wt p.add_circle {
            padding-left: 2rem; }
            .campaign #cp_present .content .cp_present_box .cp_present_wt p.add_circle::before {
              position: absolute;
              top: 0;
              left: 0;
              content: "●";
              color: #6FBA2C; }
          .campaign #cp_present .content .cp_present_box .cp_present_wt p.align_center {
            text-align: center; }
        .campaign #cp_present .content .cp_present_box .cp_present_wt .link_box {
          background: #F02121;
          line-height: 1;
          font-weight: 600;
          font-size: 1.8rem;
          text-align: center;
          position: relative;
          display: inline-block;
          margin-top: 20px;
          color: #fff;
          box-shadow: 0 0 20px #888 inset;
          transition: 0.5s;
          font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          width: 100%;
          border-radius: 5px; }
          @media screen and (max-width: 767px) {
            .campaign #cp_present .content .cp_present_box .cp_present_wt .link_box {
              margin: 20px auto 0;
              display: block; } }
          .campaign #cp_present .content .cp_present_box .cp_present_wt .link_box a {
            display: block;
            padding: 15px 0; }
          .campaign #cp_present .content .cp_present_box .cp_present_wt .link_box::after {
            content: url("../img/product/ico_pr.svg");
            width: 17px;
            right: 13px;
            top: 50%;
            transform: translateY(-50%);
            position: absolute; }
          .campaign #cp_present .content .cp_present_box .cp_present_wt .link_box:hover {
            opacity: 0.7;
            transition: 0.5s; }
        .campaign #cp_present .content .cp_present_box .cp_present_wt ul {
          display: flex;
          justify-content: space-between;
          margin-top: 40px; }
          .campaign #cp_present .content .cp_present_box .cp_present_wt ul li {
            width: 48%;
            position: relative; }
            .campaign #cp_present .content .cp_present_box .cp_present_wt ul li h5 {
              text-align: center;
              font-size: 1rem;
              font-weight: 400;
              margin-bottom: 10px; }
              .campaign #cp_present .content .cp_present_box .cp_present_wt ul li h5 span {
                padding: 3px 10px;
                border-radius: 100px;
                background: #ECF0D1; }
                @media screen and (max-width: 767px) {
                  .campaign #cp_present .content .cp_present_box .cp_present_wt ul li h5 span {
                    border: 1px solid #C2C2C2;
                    background: #fff; } }
            .campaign #cp_present .content .cp_present_box .cp_present_wt ul li img.cp_present_ss {
              position: absolute;
              left: 4%; }
.campaign #cp_caution {
  padding: 40px 0;
  background: #1E9200; }
  @media screen and (max-width: 767px) {
    .campaign #cp_caution {
      padding: 25px 0; } }
  .campaign #cp_caution .content {
    background: #fff;
    padding: 35px;
    width: 90%;
    max-width: 930px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .campaign #cp_caution .content {
        padding: 15px; } }
    .campaign #cp_caution .content .cp_caution_box {
      font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif; }
      .campaign #cp_caution .content .cp_caution_box h3 {
        font-size: 2rem;
        font-weight: 500;
        background: #1E9200;
        padding: 10px 0;
        line-height: 1;
        text-align: center;
        margin-bottom: 25px;
        color: #fff; }
        @media screen and (max-width: 767px) {
          .campaign #cp_caution .content .cp_caution_box h3 {
            font-size: 1.4rem;
            margin-bottom: 20px; } }
      .campaign #cp_caution .content .cp_caution_box p {
        font-size: 1.6rem;
        font-weight: 400;
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          .campaign #cp_caution .content .cp_caution_box p {
            font-size: 1.4rem;
            width: 90%;
            margin: 0 auto 20px; } }
      .campaign #cp_caution .content .cp_caution_box .add_circle {
        padding-left: 2rem;
        font-size: 1.6rem;
        font-weight: 400;
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          .campaign #cp_caution .content .cp_caution_box .add_circle {
            font-size: 1.4rem;
            width: 90%;
            margin: 0 auto 20px; } }
        .campaign #cp_caution .content .cp_caution_box .add_circle li {
          position: relative; }
          .campaign #cp_caution .content .cp_caution_box .add_circle li::before {
            position: absolute;
            top: 0;
            left: -2rem;
            content: "●";
            color: #6FBA2C; }
          .campaign #cp_caution .content .cp_caution_box .add_circle li b {
            font-weight: 500;
            color: #F02121; }

/*LIFEHACK*/
.life_title {
  border-bottom: 3px solid #6FBA2C;
  position: relative; }
  @media screen and (max-width: 767px) {
    .life_title {
      border-bottom: 1px solid #6FBA2C; } }
  .life_title::before {
    content: "";
    background: #6FBA2C;
    height: 3px;
    width: 40%;
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 767px) {
      .life_title::before {
        height: 1px; } }
  .life_title::after {
    content: "";
    background: #6FBA2C;
    height: 1px;
    width: 40%;
    position: absolute;
    top: 6px;
    left: 0; }
    @media screen and (max-width: 767px) {
      .life_title::after {
        background: #B7DC95;
        top: 4px; } }
  .life_title div::before {
    content: "";
    background: #6FBA2C;
    height: 3px;
    width: 40%;
    position: absolute;
    top: 0;
    right: 0; }
    @media screen and (max-width: 767px) {
      .life_title div::before {
        height: 1px; } }
  .life_title div::after {
    content: "";
    background: #6FBA2C;
    height: 1px;
    width: 40%;
    position: absolute;
    top: 6px;
    right: 0; }
    @media screen and (max-width: 767px) {
      .life_title div::after {
        background: #B7DC95;
        top: 4px; } }
  .life_title h2 {
    font-size: 3.6rem;
    text-align: center;
    padding: 25px 0;
    line-height: 1.25;
    letter-spacing: -0.3rem;
    width: 100%;
    position: relative;
    font-weight: 600; }
    .life_title h2 span {
      color: #1E9100; }
    .life_title h2::before {
      content: url("../img/lifehack/ico_mt.svg");
      width: 15%;
      position: absolute;
      top: 15px;
      left: 50%;
      transform: translate(-50%, -100%); }
      @media screen and (max-width: 767px) {
        .life_title h2::before {
          top: 8px; } }
    .life_title h2::after {
      content: "";
      background: #6FBA2C;
      height: 1px;
      width: 100%;
      position: absolute;
      bottom: 3px;
      left: 0; }
      @media screen and (max-width: 767px) {
        .life_title h2::after {
          background: #B7DC95; } }
    @media screen and (max-width: 767px) {
      .life_title h2 {
        font-size: 1.7rem;
        padding: 20px 0;
        letter-spacing: -0.15rem; } }
    @media screen and (max-width: 320px) {
      .life_title h2 {
        letter-spacing: 0; } }

.life #ytPlayerWrap {
  position: relative;
  height: 500px;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .life #ytPlayerWrap {
      height: 200px; } }
  .life #ytPlayerWrap .multipul {
    background: #C1C1C1;
    mix-blend-mode: multiply;
    height: 500px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .life #ytPlayerWrap .multipul {
        height: 200px; } }
  .life #ytPlayerWrap .main_txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    width: 100%;
    text-shadow: 0 0 12px rgba(35, 24, 21, 0.5); }
    .life #ytPlayerWrap .main_txt dl dt {
      font-size: 5rem;
      line-height: 1;
      font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
      font-weight: 700;
      margin-bottom: 60px; }
      @media screen and (max-width: 767px) {
        .life #ytPlayerWrap .main_txt dl dt {
          font-size: 2rem;
          margin-bottom: 20px; } }
    .life #ytPlayerWrap .main_txt dl dd {
      font-size: 9.8rem;
      line-height: 1;
      margin-bottom: 55px;
      font-weight: 600; }
      @media screen and (max-width: 767px) {
        .life #ytPlayerWrap .main_txt dl dd {
          font-size: 4rem;
          margin-bottom: 25px; } }
    .life #ytPlayerWrap .main_txt p {
      font-size: 3.2rem;
      line-height: 1;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        .life #ytPlayerWrap .main_txt p {
          font-size: 1.3rem; } }
    .life #ytPlayerWrap .main_txt .loading {
      margin-top: 20px; }
.life #movie {
  padding: 70px 0 100px;
  background: linear-gradient(0deg, #cde4b2 0%, #f7f8a6 100%); }
  @media screen and (max-width: 767px) {
    .life #movie {
      padding: 35px 0; } }
  .life #movie .content {
    width: 91.3%;
    max-width: 1000px;
    margin: 0 auto; }
    .life #movie .content .life_title {
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .life #movie .content .life_title {
          margin-bottom: 20px; } }
    .life #movie .content .iframe {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      overflow: hidden; }
      .life #movie .content .iframe iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
.life #mybottle {
  padding: 70px 0 80px; }
  @media screen and (max-width: 767px) {
    .life #mybottle {
      padding: 30px 0 35px; } }
  .life #mybottle .content {
    width: 92%;
    max-width: 1000px;
    margin: 0 auto; }
    .life #mybottle .content .life_title {
      margin-bottom: 50px; }
      @media screen and (max-width: 767px) {
        .life #mybottle .content .life_title {
          margin-bottom: 30px; } }
    .life #mybottle .content .mybottle_intro {
      width: 91.3%;
      margin: 0 auto 70px; }
      @media screen and (max-width: 767px) {
        .life #mybottle .content .mybottle_intro {
          margin: 0 auto; } }
      .life #mybottle .content .mybottle_intro p {
        font-size: 2.1rem;
        text-align: center;
        line-height: 2.5;
        font-weight: 400; }
        @media screen and (max-width: 767px) {
          .life #mybottle .content .mybottle_intro p {
            margin-bottom: 30px;
            font-size: 1.6rem;
            line-height: 2;
            font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
            text-align: left; } }
    .life #mybottle .content .mybottle_detail {
      width: 91.3%;
      margin: 0 auto;
      max-width: 770px;
      background: #EBEFD0;
      padding: 6px; }
      .life #mybottle .content .mybottle_detail .mybottle_line {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        margin: 6px 0;
        padding: 15px 25px;
        position: relative; }
        .life #mybottle .content .mybottle_detail .mybottle_line::before {
          width: calc(100% - 12px);
          content: "";
          height: 1px;
          background: #fff;
          position: absolute;
          top: -6px;
          left: 6px; }
        .life #mybottle .content .mybottle_detail .mybottle_line::after {
          width: calc(100% - 12px);
          content: "";
          height: 1px;
          background: #fff;
          position: absolute;
          bottom: -6px;
          right: 6px; }
        .life #mybottle .content .mybottle_detail .mybottle_line dl {
          margin-bottom: 10px;
          position: relative;
          z-index: 2; }
          @media screen and (max-width: 767px) {
            .life #mybottle .content .mybottle_detail .mybottle_line dl {
              font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
              font-size: 1.4rem; } }
          .life #mybottle .content .mybottle_detail .mybottle_line dl::after {
            content: "";
            background: url("../img/lifehack/img_pkg.png");
            position: absolute;
            background-size: cover;
            right: -10px;
            top: -60px;
            width: 225px;
            height: 242px;
            z-index: -1; }
            @media screen and (max-width: 767px) {
              .life #mybottle .content .mybottle_detail .mybottle_line dl::after {
                width: 98px;
                height: 108px;
                top: -50px;
                right: -50px; } }
          .life #mybottle .content .mybottle_detail .mybottle_line dl dt {
            font-size: 2.1rem;
            line-height: 1.5;
            margin-bottom: 15px;
            font-weight: 400; }
            @media screen and (max-width: 767px) {
              .life #mybottle .content .mybottle_detail .mybottle_line dl dt {
                font-size: 1.4rem;
                margin-bottom: 5px; } }
          .life #mybottle .content .mybottle_detail .mybottle_line dl dd {
            font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
            margin-bottom: 5px;
            font-weight: 400;
            position: relative;
            padding-left: 20px; }
            .life #mybottle .content .mybottle_detail .mybottle_line dl dd::before {
              color: #6FBA2C;
              position: absolute;
              content: "●";
              top: 0;
              left: 0; }
            .life #mybottle .content .mybottle_detail .mybottle_line dl dd b {
              font-weight: 700; }
            @media screen and (max-width: 767px) {
              .life #mybottle .content .mybottle_detail .mybottle_line dl dd {
                margin-bottom: 2px; } }
        .life #mybottle .content .mybottle_detail .mybottle_line p {
          font-weight: 400;
          font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif; }
          .life #mybottle .content .mybottle_detail .mybottle_line p a {
            font-weight: 700;
            border-bottom: 1px solid #6FBA2C;
            margin-bottom: 2px; }
.life #freeze {
  padding: 70px 0 80px;
  background: linear-gradient(0deg, #cde4b2 0%, #f7f8a6 100%); }
  @media screen and (max-width: 767px) {
    .life #freeze {
      padding: 30px 0 35px; } }
  .life #freeze .content {
    width: 92%;
    max-width: 1000px;
    margin: 0 auto; }
    .life #freeze .content .life_title {
      margin-bottom: 50px; }
      @media screen and (max-width: 767px) {
        .life #freeze .content .life_title {
          margin-bottom: 30px; } }
    .life #freeze .content .freeze_intro {
      width: 91.3%;
      margin: 0 auto 70px; }
      @media screen and (max-width: 767px) {
        .life #freeze .content .freeze_intro {
          margin: 0 auto 35px; } }
      .life #freeze .content .freeze_intro p {
        font-size: 2.1rem;
        text-align: center;
        line-height: 2.5;
        font-weight: 400; }
        @media screen and (max-width: 767px) {
          .life #freeze .content .freeze_intro p {
            font-size: 1.6rem;
            line-height: 2;
            font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
            text-align: left; }
            .life #freeze .content .freeze_intro p:first-child {
              margin-bottom: 30px; } }
      .life #freeze .content .freeze_intro aside {
        margin-top: 25px;
        font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
        text-align: center;
        font-weight: 400; }
        @media screen and (max-width: 767px) {
          .life #freeze .content .freeze_intro aside {
            margin-top: 15px; } }
    .life #freeze .content .freeze_detail a {
      width: 91.3%;
      margin: 0 auto;
      max-width: 770px;
      background: #EBEFD0;
      padding: 0 0 0 6px;
      display: flex; }
      @media screen and (max-width: 900px) {
        .life #freeze .content .freeze_detail a {
          align-items: center;
          background: #fff; } }
      @media screen and (max-width: 767px) {
        .life #freeze .content .freeze_detail a {
          display: block;
          padding: 0; } }
      .life #freeze .content .freeze_detail a .freeze_line {
        padding: 6px 0; }
        @media screen and (max-width: 767px) {
          .life #freeze .content .freeze_detail a .freeze_line {
            padding: 15px 20px; } }
      .life #freeze .content .freeze_detail a .freeze_inner {
        border-left: 1px solid #6FBA2C;
        margin: 6px 0;
        padding: 35px;
        position: relative;
        height: calc(100% - 12px);
        font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
        font-weight: 400; }
        @media screen and (max-width: 767px) {
          .life #freeze .content .freeze_detail a .freeze_inner {
            padding: 0;
            border: none;
            height: auto; } }
        .life #freeze .content .freeze_detail a .freeze_inner::before {
          width: calc(100% - 6px);
          content: "";
          height: 1px;
          background: #6FBA2C;
          position: absolute;
          top: -6px;
          left: 6px; }
          @media screen and (max-width: 767px) {
            .life #freeze .content .freeze_detail a .freeze_inner::before {
              content: none; } }
        .life #freeze .content .freeze_detail a .freeze_inner::after {
          width: calc(100% - 6px);
          content: "";
          height: 1px;
          background: #6FBA2C;
          position: absolute;
          bottom: -6px;
          right: 0; }
          @media screen and (max-width: 767px) {
            .life #freeze .content .freeze_detail a .freeze_inner::after {
              content: none; } }
      .life #freeze .content .freeze_detail a figure {
        width: 48%; }
        @media screen and (max-width: 767px) {
          .life #freeze .content .freeze_detail a figure {
            width: 100%; } }

.column #columm_wrap {
  background: #ECF0D1;
  padding-bottom: 90px; }
  @media screen and (max-width: 767px) {
    .column #columm_wrap {
      padding-bottom: 0; } }
  .column #columm_wrap #column_top {
    text-align: center;
    background: #fff;
    width: 85.6%;
    margin: -100px auto 0;
    padding-top: 100px;
    max-width: 850px; }
    .column #columm_wrap #column_top .logo {
      position: relative;
      width: 660px;
      margin: 25px auto 15px; }
      @media screen and (max-width: 767px) {
        .column #columm_wrap #column_top .logo {
          margin: 15px auto 8px;
          width: 245px; } }
      .column #columm_wrap #column_top .logo::before {
        content: url("../img/column/cl_ico_watashito.svg");
        position: absolute;
        width: 153px;
        top: -175px;
        left: -60px; }
        @media screen and (max-width: 767px) {
          .column #columm_wrap #column_top .logo::before {
            width: 56px;
            top: -70px;
            left: -25px; } }
    .column #columm_wrap #column_top p {
      color: #1E9200;
      letter-spacing: 0.2rem; }
      @media screen and (max-width: 767px) {
        .column #columm_wrap #column_top p {
          font-size: 1rem; } }
  .column #columm_wrap #column_inner {
    background: #fff;
    width: 85.6%;
    margin: 0 auto;
    max-width: 850px; }
    .column #columm_wrap #column_inner #pager {
      padding: 55px 0; }
      @media screen and (max-width: 767px) {
        .column #columm_wrap #column_inner #pager {
          padding: 30px 0; } }
      .column #columm_wrap #column_inner #pager ul {
        display: flex;
        justify-content: center; }
        .column #columm_wrap #column_inner #pager ul li {
          margin: 0 15px;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          line-height: 30px;
          background: #fff;
          color: #8F8F8F;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .column #columm_wrap #column_inner #pager ul li {
              width: 22px;
              height: 22px;
              line-height: 22px;
              font-size: 1.2rem;
              margin: 0 5px; } }
          .column #columm_wrap #column_inner #pager ul li.disp {
            color: #fff;
            background: #6FBA2C; }
    .column #columm_wrap #column_inner .colum_numtit {
      text-align: center;
      width: 82%;
      margin: 0 auto 35px;
      max-width: 700px; }
      @media screen and (max-width: 767px) {
        .column #columm_wrap #column_inner .colum_numtit {
          margin-bottom: 15px; } }
      .column #columm_wrap #column_inner .colum_numtit dt {
        font-size: 7.8rem;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 25px;
        color: #1E9200; }
        @media screen and (max-width: 767px) {
          .column #columm_wrap #column_inner .colum_numtit dt {
            font-size: 3rem; } }
      .column #columm_wrap #column_inner .colum_numtit dd {
        font-size: 2rem;
        font-weight: 400;
        line-height: 1;
        font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif; }
        @media screen and (max-width: 767px) {
          .column #columm_wrap #column_inner .colum_numtit dd {
            font-size: 1.2rem; } }
        .column #columm_wrap #column_inner .colum_numtit dd h1 {
          font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          font-size: 4.5rem;
          padding-bottom: 15px;
          margin-bottom: 30px;
          position: relative;
          line-height: 1.25; }
          @media screen and (max-width: 767px) {
            .column #columm_wrap #column_inner .colum_numtit dd h1 {
              font-size: 2.1rem; } }
          .column #columm_wrap #column_inner .colum_numtit dd h1::before {
            content: "";
            position: absolute;
            height: 1px;
            width: 100%;
            left: 0;
            bottom: 0px;
            background: #6FBA2C; }
          .column #columm_wrap #column_inner .colum_numtit dd h1::after {
            content: "";
            position: absolute;
            height: 1px;
            width: 100%;
            left: 0;
            bottom: 3px;
            background: #6FBA2C; }
    .column #columm_wrap #column_inner #colum_detail {
      width: 82%;
      max-width: 650px;
      margin: 0 auto; }
      .column #columm_wrap #column_inner #colum_detail figure {
        margin-bottom: 70px; }
        @media screen and (max-width: 767px) {
          .column #columm_wrap #column_inner #colum_detail figure {
            margin-bottom: 40px; } }
        .column #columm_wrap #column_inner #colum_detail figure.colum_img_top {
          box-shadow: 5px 5px 0 #ECF0D1;
          mamrgin-bottom: 80px; }
          @media screen and (max-width: 767px) {
            .column #columm_wrap #column_inner #colum_detail figure.colum_img_top {
              margin-bottom: 40px; } }
        .column #columm_wrap #column_inner #colum_detail figure figcaption {
          font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
          font-size: 1.3rem;
          margin-top: 2px;
          font-weight: 300; }
          @media screen and (max-width: 767px) {
            .column #columm_wrap #column_inner #colum_detail figure figcaption {
              font-size: 1rem; } }
      .column #columm_wrap #column_inner #colum_detail h2 {
        font-size: 3rem;
        margin-bottom: 35px;
        line-height: 1.5;
        color: #1E9200;
        padding-left: 3rem;
        position: relative; }
        @media screen and (max-width: 767px) {
          .column #columm_wrap #column_inner #colum_detail h2 {
            margin-bottom: 15px;
            font-size: 1.8rem;
            padding-left: 1.8rem; } }
        .column #columm_wrap #column_inner #colum_detail h2::before {
          position: absolute;
          height: 100%;
          width: 4px;
          background: #6FBA2C;
          top: 0;
          left: 0;
          content: ""; }
      .column #columm_wrap #column_inner #colum_detail p {
        font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
        margin-bottom: 60px;
        font-size: 2rem;
        font-weight: 400;
        line-height: 2.5;
        text-indent: 2rem; }
        @media screen and (max-width: 767px) {
          .column #columm_wrap #column_inner #colum_detail p {
            font-size: 1.6rem;
            margin-bottom: 25px;
            text-indent: 1.6rem;
            line-height: 2; } }
        .column #columm_wrap #column_inner #colum_detail p span {
          background: #fff09b;
          font-weight: 600; }
    .column #columm_wrap #column_inner #foot_pager {
      padding: 15px 0 75px;
      width: 82%;
      max-width: 650px;
      margin: 0 auto; }
      .column #columm_wrap #column_inner #foot_pager ul {
        display: flex;
        justify-content: center;
        font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans", sans-serif;
        font-weight: 400; }
        .column #columm_wrap #column_inner #foot_pager ul li {
          position: relative;
          line-height: 1; }
          @media screen and (max-width: 767px) {
            .column #columm_wrap #column_inner #foot_pager ul li {
              font-size: 1.2rem; } }
          .column #columm_wrap #column_inner #foot_pager ul li:nth-child(1)::before {
            content: url("../img/column/cl_ico_left.svg");
            width: 16px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-45%); }
            @media screen and (max-width: 767px) {
              .column #columm_wrap #column_inner #foot_pager ul li:nth-child(1)::before {
                width: 12px;
                left: 0;
                transform: translateY(-50%); } }
          .column #columm_wrap #column_inner #foot_pager ul li:last-child::before {
            content: url("../img/column/cl_ico_right.svg");
            width: 16px;
            position: absolute;
            left: auto;
            right: 0;
            top: 50%;
            transform: translateY(-45%); }
            @media screen and (max-width: 767px) {
              .column #columm_wrap #column_inner #foot_pager ul li:last-child::before {
                width: 12px;
                right: 0;
                transform: translateY(-50%); } }
          .column #columm_wrap #column_inner #foot_pager ul li a {
            padding: 10px 30px;
            display: block;
            width: 100%;
            position: relative;
            z-index: 3; }
.column #backnum {
  background: #fff; }
  @media screen and (max-width: 767px) {
    .column #backnum {
      background: #ECF0D1; } }
  .column #backnum .backnum_content {
    width: 82%;
    max-width: 850px;
    padding: 70px 0 80px;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse; }
    @media screen and (max-width: 767px) {
      .column #backnum .backnum_content {
        display: block;
        padding: 50px 0; } }
    .column #backnum .backnum_content .backnum_list {
      width: 50%; }
      @media screen and (max-width: 767px) {
        .column #backnum .backnum_content .backnum_list {
          width: 82%;
          margin: 0 auto; } }
      .column #backnum .backnum_content .backnum_list h3 {
        font-size: 1.7rem;
        color: #1E9200;
        font-weight: 400;
        margin-bottom: 35px;
        line-height: 1; }
        @media screen and (max-width: 767px) {
          .column #backnum .backnum_content .backnum_list h3 {
            font-size: 1.4rem;
            text-align: center; } }
      .column #backnum .backnum_content .backnum_list ul li {
        margin-bottom: 10px;
        line-height: 1.5;
        font-size: 2rem;
        font-weight: 400;
        text-indent: -4rem;
        padding-left: 4rem; }
        @media screen and (max-width: 767px) {
          .column #backnum .backnum_content .backnum_list ul li {
            font-size: 1.6rem;
            text-align: -3.2rem;
            padding-left: 3.2rem; } }
        .column #backnum .backnum_content .backnum_list ul li:last-child {
          margin-bottom: 0; }
        .column #backnum .backnum_content .backnum_list ul li span {
          color: #1E9200;
          margin-right: 1.8rem; }
          @media screen and (max-width: 767px) {
            .column #backnum .backnum_content .backnum_list ul li span {
              margin-right: 2.1rem; } }
    .column #backnum .backnum_content figure {
      width: 50%;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .column #backnum .backnum_content figure {
          width: 100%; } }
      .column #backnum .backnum_content figure img {
        width: 48%;
        height: auto;
        padding-top: 30px;
        margin: 0 auto; }
        @media screen and (max-width: 767px) {
          .column #backnum .backnum_content figure img {
            padding-top: 0;
            margin-bottom: 45px;
            max-width: 120px; } }

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