@charset "UTF-8";
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  src: url("../font/NotoSansJP-DemiLight.woff2") format("woff2"), url("../font/NotoSansJP-DemiLight.woff") format("woff"), url("../font/NotoSansJP-DemiLight.otf") format("opentype"); }
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansJP-Regular.woff2") format("woff2"), url("../font/NotoSansJP-Regular.woff") format("woff"), url("../font/NotoSansJP-Regular.otf") format("opentype"); }
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansJP-Medium.woff2") format("woff2"), url("../font/NotoSansJP-Medium.woff") format("woff"), url("../font/NotoSansJP-Medium.otf") format("opentype"); }
/* =================================
common
================================= */
.troistouch {
  margin: 0 auto;
  max-width: 1000px;
  width: 95%; }
  .troistouch h2 {
    padding: 60px 0 40px;
    margin-bottom: 2em;
    border-bottom: 1px solid #333;
    font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
    .troistouch h2 * {
      font-weight: 400;
      letter-spacing: .18em; }
    .troistouch h2 span {
      font-size: 0.86em; }
    .troistouch h2 strong {
      font-size: 35px; }
  .troistouch button {
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    background: none;
    appearance: none;
    cursor: pointer; }
    .troistouch button:hover {
      opacity: .5;
      transition: all .2s ease-in;
      text-decoration: none; }
  .troistouch .p_item_name {
    margin-bottom: 1em; }
    .troistouch .p_item_name * :not(.sp) {
      display: block; }
    .troistouch .p_item_name dt {
      line-height: 1.4;
      margin-bottom: .4em; }
      .troistouch .p_item_name dt span {
        font-size: 1em; }
      .troistouch .p_item_name dt strong {
        font-size: 1.71em; }
    .troistouch .p_item_name dd {
      font-size: 1em;
      font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
      color: #af928c; }
  .troistouch .p_item_price {
    margin-bottom: .3em; }
    .troistouch .p_item_price * {
      display: inline-block;
      text-align: left; }
    .troistouch .p_item_price dt {
      margin-right: 1em;
      font-size: 1.07em;
      font-weight: 500; }
  .troistouch .btn_b {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 1.28em;
    display: block;
    padding: 0.6em;
    max-width: 280px;
    margin: 0;
    border-radius: 0.2em;
    box-sizing: border-box; }
  .troistouch .btn_b_hidden {
    opacity: .3;
    pointer-events: none; }
    .troistouch .btn_b_hidden.selected {
      opacity: 1;
      pointer-events: inherit; }
      .troistouch .btn_b_hidden.selected:hover {
        opacity: .5;
        transition: all .2s ease-in; }
  .troistouch .cn_select {
    float: none;
    background: #fff !important;
    height: auto;
    padding: 5px 10px; }

@media print, screen and (max-width: 768px) {
  .troistouch {
    width: 90%; }
    .troistouch h2 {
      text-align: left;
      padding: 40px 0 25px; }
      .troistouch h2 strong {
        font-size: min(2em, 8vw); }
    .troistouch .btn_b, .troistouch .btn_shop {
      margin: 0 auto; } }
/* =================================
ITEMS
================================= */
.items .cate_select {
  font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 400;
  font-size: 0.86em;
  letter-spacing: 0.15em;
  margin-bottom: 6.5em; }
.items .cate_select li {
  display: inline-block; }
.items .cate_select li:after {
  content: "/";
  padding: 0 8px; }
.items .cate_select li:last-of-type:after {
  content: none; }
.items .list_wrap {
  text-align: left; }
.items .items_list {
  margin-bottom: 11.5em; }
  .items .items_list:last-of-type {
    margin-bottom: 0; }
  .items .items_list h3 {
    font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 400;
    font-size: 0.86em;
    text-align: left;
    margin-bottom: 3.2em; }
    .items .items_list h3:after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      margin-left: 1em;
      width: 60px;
      height: 1px;
      background: #5A5655; }
  .items .items_list ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 3.5%;
    row-gap: 3em; }
  .items .items_list li {
    width: 31%;
    color: #5A5655;
    position: relative; }
  .items .items_list .ico_new {
    background: #dab2b3;
    color: #fff;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .25em;
    font-size: 1.1em;
    font-weight: 400;
    font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    position: absolute;
    top: 1em;
    left: 1em; }
  .items .items_list .thum {
    margin: 0 auto 1.2em; }
  .items .items_list .cate_name {
    background: #cdb8b4;
    color: #fff;
    display: inline-block;
    margin-bottom: .6em;
    font-size: 0.86em;
    padding: 0.2em 0.3em;
    line-height: 1; }
  .items .items_list dl {
    margin-bottom: 1em; }
  .items .items_list dt {
    font-size: 0.78em;
    margin-bottom: 0.3em; }
  .items .items_list .sub_img {
    width: auto;
    max-height: 12px;
    margin-top: .5em; }
  .items .items_list .color_num_wrap {
    margin-bottom: 1.5em; }
  .items .items_list .cn_tit {
    font-size: 0.86em;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 1em;
    			/*span{
    				margin-bottom: .5em;
          	display: block;
    			}*/ }
    .items .items_list .cn_tit strong {
      font-weight: 500;
      font-size: 1.15em;
      display: block; }
  .items .items_list .flex_wrap {
    display: flex;
    align-items: center;
    margin-top: .5em;
    margin-bottom: .8em; }
  .items .items_list .cn_select {
    margin: 0 1em 0 0; }

@media screen and (max-width: 768px) {
  .items .cate_select {
    margin-bottom: 4em; }
    .items .cate_select li {
      display: block;
      line-height: 2.5; }
      .items .cate_select li:after {
        content: none;
        padding: 0; }
  .items .items_list {
    margin-bottom: 5em; }
    .items .items_list h3 {
      margin-bottom: 2em; }
    .items .items_list ul {
      justify-content: space-between;
      column-gap: unset; }
    .items .items_list li {
      width: 46.5%; }
    .items .items_list .ico_new {
      width: min(90px, 15vw);
      height: min(90px, 15vw);
      font-size: min(3vw, 15px);
      top: -0.5em;
      left: -0.5em; }
    .items .items_list dl {
      margin-bottom: 1em; }
    .items .items_list .color_num_wrap {
      display: block;
      margin-bottom: 1em; }
    .items .items_list .flex_wrap {
      flex-direction: column-reverse;
      align-items: flex-start; }
    .items .items_list .cn_select {
      margin: 0;
      width: 100%;
      max-width: 200px; } }
/* =================================
FOUNDATION
================================= */
.foundation {
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin-top: 0; }
  .foundation .inner {
    max-width: 1200px; }
  .foundation sup {
    font-size: 11px;
    vertical-align: top; }
  .foundation .anime, .foundation .anime_b, .foundation .anime_l, .foundation .anime_r {
    opacity: 0; }
    .foundation .anime.is-animated, .foundation .anime_b.is-animated, .foundation .anime_l.is-animated, .foundation .anime_r.is-animated {
      opacity: 1;
      transform: translate(0, 0);
      transition: all 1s; }
  .foundation .anime_b {
    transform: translate(0, 2em); }
  .foundation .anime_l {
    transform: translate(-2em, 0); }
  .foundation .anime_r {
    transform: translate(2em, 0); }
  .foundation .color_num_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 15px; }
  .foundation .cn_tit {
    font-size: 14px;
    line-height: 1.5;
    display: block;
    margin-right: 15px;
    text-align: center; }
  .foundation .set_wrap {
    margin-top: 2em; }
  .foundation .appeal_area {
    padding: 0 0 8em;
    background-image: url("../images/cushion_foundation/appeal_bg_L.gif"), url("../images/cushion_foundation/appeal_bg_R.gif");
    background-repeat: repeat-y;
    background-size: 16%;
    background-position: left center, right center; }
    .foundation .appeal_area h2 {
      padding-top: 7em;
      margin-bottom: 10em; }
    .foundation .appeal_area .box {
      position: relative;
      background: url("../images/cushion_foundation/appeal_1_1.png") no-repeat left top/560px; }
    .foundation .appeal_area h3 {
      position: absolute;
      top: 140px;
      left: 3%;
      font-size: inherit; }
    .foundation .appeal_area .txt {
      width: 500px;
      margin: 0 auto; }
    .foundation .appeal_area p {
      margin-top: -1em;
      font-size: 1.15em; }
    .foundation .appeal_area .img_wrap {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      max-width: 670px;
      width: 56%;
      margin-left: auto;
      padding-top: 215px; }
      .foundation .appeal_area .img_wrap img {
        max-width: 320px;
        width: 48%; }
        .foundation .appeal_area .img_wrap img:first-of-type {
          margin-top: 45px; }
  .foundation .cart_area {
    padding-bottom: 8em;
    text-align: left;
    background-image: url("../images/cushion_foundation/appeal_bg_L.gif"), url("../images/cushion_foundation/appeal_bg_R.gif");
    background-repeat: repeat-y;
    background-size: 16%;
    background-position: left center, right center; }
    .foundation .cart_area .p_cart {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 4em; }
      .foundation .cart_area .p_cart .left_area {
        width: 47%;
        max-width: 560px; }
      .foundation .cart_area .p_cart .slick-dotted.slick-slider {
        margin-bottom: 0; }
      .foundation .cart_area .p_cart .slick-dots {
        bottom: 3%; }
      .foundation .cart_area .p_cart .slick-dots li {
        margin: 0; }
      .foundation .cart_area .p_cart .slick-dots li button::before {
        font-size: 10px;
        color: rgba(0, 0, 0, 0.2);
        opacity: 1; }
      .foundation .cart_area .p_cart .slick-dots li.slick-active button::before {
        color: rgba(0, 0, 0, 0.5);
        opacity: 1; }
      .foundation .cart_area .p_cart .right_area {
        width: 46%;
        max-width: 550px; }
        .foundation .cart_area .p_cart .right_area p {
          font-family: "a-otf-ryumin-pr6n", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
          margin-bottom: 1.5em; }
          .foundation .cart_area .p_cart .right_area p span {
            font-size: 1.15em; }
          .foundation .cart_area .p_cart .right_area p strong {
            font-size: 1.43em; }
      .foundation .cart_area .p_cart:nth-of-type(2n) {
        flex-direction: row-reverse; }
        .foundation .cart_area .p_cart:nth-of-type(2n) .right_area {
          text-align: right; }
        .foundation .cart_area .p_cart:nth-of-type(2n) .color_num_wrap {
          justify-content: flex-end; }
        .foundation .cart_area .p_cart:nth-of-type(2n) .btn_b, .foundation .cart_area .p_cart:nth-of-type(2n) .btn_shop {
          margin-left: auto; }
      .foundation .cart_area .p_cart:last-of-type {
        margin-bottom: 0; }
    .foundation .cart_area .btn_b_note {
      font-size: 0.86em;
      margin-top: .5em;
      display: block; }
  .foundation .point_intro_area {
    margin: 6em  auto;
    max-width: 1148px;
    position: relative;
    z-index: 0; }
    .foundation .point_intro_area h3 {
      margin-bottom: 0.8em;
      line-height: .7;
      font-size: 2.85em;
      font-family: "a-otf-ryumin-pr6n", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
      .foundation .point_intro_area h3 strong {
        font-size: 1.6em;
        display: inline; }
      .foundation .point_intro_area h3 span {
        display: inline-block; }
      .foundation .point_intro_area h3 sup {
        display: inline-block;
        margin-top: 1.2em; }
        .foundation .point_intro_area h3 sup:nth-of-type(2) {
          display: block; }
    .foundation .point_intro_area h4 {
      background: url("../images/cushion_foundation/appeal_3_txt_bg.png") no-repeat center/577px;
      color: #fff;
      font-size: 1.71em;
      font-weight: 500;
      margin-bottom: 2em;
      padding: 0.4em 0; }
    .foundation .point_intro_area .flex_wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
    .foundation .point_intro_area .left_area {
      width: 39%;
      max-width: 440px; }
    .foundation .point_intro_area .right_area {
      width: 57.5%;
      max-width: 650px; }
    .foundation .point_intro_area dl {
      margin-bottom: 2em; }
    .foundation .point_intro_area dt {
      margin-bottom: .5em;
      font-size: 1.28em; }
    .foundation .point_intro_area dd span {
      font-size: 2em;
      font-family: "a-otf-ryumin-pr6n", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
    .foundation .point_intro_area .ico_wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 1.8em; }
      .foundation .point_intro_area .ico_wrap img {
        max-width: 200px;
        width: 31%; }
    .foundation .point_intro_area .note {
      font-size: 0.78em; }
    .foundation .point_intro_area .ico_cream {
      position: absolute;
      right: -24%;
      bottom: -49%;
      width: 42%;
      max-width: 473px;
      z-index: -1; }
  .foundation .point_area {
    padding: 0 0 7.2em; }
    .foundation .point_area .point {
      margin-bottom: 4.3em; }
      .foundation .point_area .point:last-of-type {
        margin-bottom: 0; }
    .foundation .point_area .midashi {
      width: 50%;
      max-width: 640px;
      height: 640px;
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      background: url("../images/cushion_foundation/point_bg.png") no-repeat left center/100%;
      z-index: 0; }
      .foundation .point_area .midashi .num {
        font-size: 1.15em;
        font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
        margin-bottom: .3em; }
      .foundation .point_area .midashi h3 span {
        font-size: 2.85em;
        font-family: "a-otf-ryumin-pr6n", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
        line-height: 1.4; }
      .foundation .point_area .midashi h3 strong {
        font-size: 1.6em;
        display: inline; }
      .foundation .point_area .midashi h3 small {
        display: inline;
        font-size: .75em; }
      .foundation .point_area .midashi h3 .txt01 {
        font-weight: 400;
        font-size: 1.71em;
        color: #af928c;
        margin: 0.5em 0; }
      .foundation .point_area .midashi h3 .txt02 {
        width: 160%;
        font-size: 1.43em;
        margin-bottom: 1em; }
      .foundation .point_area .midashi h3 .txt03 {
        width: 160%;
        font-size: 0.78em;
        line-height: 1.3;
        letter-spacing: 0;
        color: #909090; }
    .foundation .point_area .box_wrap {
      margin-top: -180px; }
    .foundation .point_area .box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-left: auto;
      margin-right: 0;
      margin-bottom: 2.2em;
      width: 83%;
      max-width: 946px; }
      .foundation .point_area .box:last-of-type {
        margin-bottom: 0; }
    .foundation .point_area dl {
      text-align: left;
      width: 56%; }
    .foundation .point_area dt {
      line-height: 1.5;
      margin-bottom: .7em;
      padding: .8em 0 .8em 85px;
      color: #af928c;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 61px; }
      .foundation .point_area dt * {
        display: inline-block;
        vertical-align: middle; }
      .foundation .point_area dt strong {
        font-size: 1.71em;
        font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
        font-weight: bold; }
      .foundation .point_area dt span {
        font-size: 1.43em;
        font-weight: 400; }
      .foundation .point_area dt.ico01 {
        background-image: url("../images/cushion_foundation/point_1_ico_1.png"); }
      .foundation .point_area dt.ico02 {
        background-image: url("../images/cushion_foundation/point_1_ico_2.png"); }
      .foundation .point_area dt.ico03 {
        background-image: url("../images/cushion_foundation/point_1_ico_3.png"); }
      .foundation .point_area dt.ico04 {
        background-image: url("../images/cushion_foundation/point_1_ico_4.png"); }
    .foundation .point_area dd {
      padding-left: 85px;
      font-size: 1.15em; }
    .foundation .point_area .img_area {
      width: 43%;
      max-width: 400px; }
    .foundation .point_area .note {
      font-size: 0.78em;
      margin-top: 1em;
      text-align: left; }
      .foundation .point_area .note li {
        padding-left: 1.5em;
        text-indent: -1.5em; }
    .foundation .point_area .point01 {
      max-width: 1140px; }
    .foundation .point_area .point01 .midashi h3 sup {
      display: inline-block;
      margin-top: 1.2em;
      vertical-align: baseline; }
    .foundation .point_area .point02, .foundation .point_area .point03 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 1300px; }
    .foundation .point_area .point02 {
      flex-direction: row-reverse; }
      .foundation .point_area .point02 .midashi div {
        position: relative; }
        .foundation .point_area .point02 .midashi div img {
          width: 109px; }
      .foundation .point_area .point02 .midashi h3 .txt03 {
        margin-top: 1em; }
      .foundation .point_area .point02 .midashi .ico_wrap {
        position: absolute;
        top: 5px;
        left: 105px;
        display: flex;
        color: #af928c; }
      .foundation .point_area .point02 .img_point {
        max-width: 627px;
        width: 49%; }
    .foundation .point_area .point03 .midashi div {
      max-width: 320px; }
    .foundation .point_area .point03 h3 span {
      margin-bottom: 0.5em; }
    .foundation .point_area .point03 .img_point {
      max-width: 600px;
      width: 50%; }
  .foundation .product_area {
    border-top: 1px solid #f2f2f2;
    padding-top: 3.5em;
    margin-bottom: 7.5em;
    text-align: left; }
    .foundation .product_area h3 {
      margin-bottom: 7em;
      text-align: center;
      border: 0; }
      .foundation .product_area h3 span {
        font-size: 0.86em;
        color: #5A5655; }
      .foundation .product_area h3 strong {
        font-size: 1.71em;
        font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
    .foundation .product_area .product_box {
      margin-bottom: 12em; }
    .foundation .product_area .p_intro {
      width: 50%;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .foundation .product_area .p_intro img {
        max-width: 150px;
        width: 30%;
        margin-right: 5%; }
      .foundation .product_area .p_intro dl {
        width: 66%; }
      .foundation .product_area .p_intro dt strong {
        font-size: 1.71em; }
      .foundation .product_area .p_intro dd {
        color: #af928c;
        font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
    .foundation .product_area .p_detail {
      margin-bottom: 5em; }
      .foundation .product_area .p_detail .flex_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .foundation .product_area .p_detail .box_wrap {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 4.5em; }
      .foundation .product_area .p_detail .box {
        max-width: 560px; }
      .foundation .product_area .p_detail h4 {
        font-size: 1.43em;
        line-height: 1.5;
        border-bottom: 1px solid #333;
        padding-bottom: 0.9em;
        margin-bottom: 1.2em; }
      .foundation .product_area .p_detail .movie_wrap {
        position: relative; }
        .foundation .product_area .p_detail .movie_wrap .movie {
          position: absolute;
          top: 41.5%;
          right: 10.9%;
          max-width: 285px;
          width: 51%; }
      .foundation .product_area .p_detail p {
        margin-top: 1.2em;
        font-size: 1.15em; }
      .foundation .product_area .p_detail .list_wrap {
        border: 1px solid #D9D9D9;
        padding: 3em 6em;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70%;
        margin: 4.5em auto 0; }
      .foundation .product_area .p_detail h5 {
        font-size: 1.43em;
        font-family: "a-otf-ryumin-pr6n", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
      .foundation .product_area .p_detail ul {
        border-left: 1px solid #D9D9D9;
        padding: 0.5em 0 0.5em 5.5em;
        margin-left: 5.5em; }
      .foundation .product_area .p_detail li {
        font-size: 1.28em;
        line-height: 1.3;
        padding-left: 2em;
        background: url("../images/cushion_foundation/product_ico_check.png") no-repeat left center/25px;
        margin-bottom: 1.1em; }
        .foundation .product_area .p_detail li:last-of-type {
          margin-bottom: 0; }
    .foundation .product_area .p_btn {
      text-align: center; }
      .foundation .product_area .p_btn .p_item_name {
        display: inline-block;
        padding: 0.4em 4.2em;
        width: 100%;
        max-width: 480px;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-position: left center, right center;
        background-size: 55px; }
        .foundation .product_area .p_btn .p_item_name.ico01 {
          background-image: url("../images/cushion_foundation/product_1_ico_btn1.png"), url("../images/cushion_foundation/product_1_ico_btn2.png"); }
        .foundation .product_area .p_btn .p_item_name.ico02 {
          background-image: url("../images/cushion_foundation/product_2_ico_btn1.png"), url("../images/cushion_foundation/product_2_ico_btn2.png"); }
        .foundation .product_area .p_btn .p_item_name.ico03 {
          background-image: url("../images/cushion_foundation/product_3_ico_btn1.png"), url("../images/cushion_foundation/product_3_ico_btn2.png"); }
        .foundation .product_area .p_btn .p_item_name dt strong {
          font-size: 1.43em; }
      .foundation .product_area .p_btn .color_num_wrap {
        justify-content: center; }
      .foundation .product_area .p_btn .btn_b, .foundation .product_area .p_btn .btn_shop {
        margin: 0 auto; }
  .foundation .graph_area {
    margin-bottom: 4em; }
    .foundation .graph_area .barometer_wrap {
      width: 84%;
      margin-left: auto;
      margin-bottom: 2em; }
    .foundation .graph_area .barometer {
      max-width: 587px;
      margin: 0 auto; }
    .foundation .graph_area table, .foundation .graph_area th, .foundation .graph_area td {
      border: 2px solid #af928c; }
    .foundation .graph_area table {
      width: 100%;
      margin-bottom: 1.5em; }
    .foundation .graph_area th, .foundation .graph_area td {
      padding: 0.45em;
      vertical-align: middle; }
    .foundation .graph_area th {
      background: #c7b3af;
      color: #fff;
      width: 16%;
      font-weight: 400; }
    .foundation .graph_area td {
      background: #fffcf7;
      width: 28%; }
    .foundation .graph_area strong {
      font-weight: 500; }
    .foundation .graph_area .ico_h {
      max-width: 146px;
      margin: 0 auto; }
    .foundation .graph_area sub {
      font-size: 0.78em; }
    .foundation .graph_area .note {
      text-align: left;
      font-size: 0.78em;
      letter-spacing: 0; }
  .foundation .component_area {
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .foundation .component_area div {
      width: 32%; }
    .foundation .component_area__title {
      margin-bottom: .5em;
      font-size: 0.93em; }
    .foundation .component_area dl {
      margin: 0 auto .5em; }
    .foundation .component_area .ac_title {
      cursor: pointer;
      background: #c7b3af;
      color: #fff;
      font-size: 0.93em;
      padding: 0.5em 1.5em;
      position: relative; }
      .foundation .component_area .ac_title:before, .foundation .component_area .ac_title:after {
        content: '';
        position: absolute;
        top: 0;
        right: 5%;
        bottom: 0;
        margin: auto;
        width: 0.15em;
        height: 1em;
        background: #fff;
        transition: all .2s ease-in;
        border-radius: 10px; }
      .foundation .component_area .ac_title:before {
        transform: rotate(0deg); }
      .foundation .component_area .ac_title:after {
        transform: rotate(90deg); }
      .foundation .component_area .ac_title.ac_close:before {
        transform: rotate(45deg); }
      .foundation .component_area .ac_title.ac_close:after {
        transform: rotate(-45deg); }
    .foundation .component_area .ac_box {
      display: none;
      background: #fffcf7;
      font-size: 0.78em;
      line-height: 1.4;
      text-align: left;
      letter-spacing: 0;
      padding: 1em;
      border: 2px solid #c7b3af; }

@media screen and (max-width: 768px) {
  .foundation .color_num_wrap {
    justify-content: center; }
  .foundation .appeal_area {
    background-size: 0;
    padding-top: 0;
    padding-bottom: 5.5em; }
    .foundation .appeal_area h2 {
      padding-top: 3.8em;
      margin-bottom: 2em; }
    .foundation .appeal_area .box {
      width: 100%;
      background-size: min(140%, 550px);
      background-color: #fff;
      background-position: center 30px;
      padding-top: 10.5em; }
    .foundation .appeal_area h3 {
      position: static; }
    .foundation .appeal_area .txt {
      max-width: 400px;
      width: 90%; }
    .foundation .appeal_area p {
      margin-top: 0; }
    .foundation .appeal_area .img_wrap {
      margin: 0 auto;
      padding-top: 3em;
      width: 90%;
      max-width: 450px; }
      .foundation .appeal_area .img_wrap img {
        width: 48%;
        max-width: none; }
        .foundation .appeal_area .img_wrap img:first-of-type {
          margin-top: 0;
          z-index: 1; }
        .foundation .appeal_area .img_wrap img:nth-of-type(2) {
          margin-left: auto;
          margin-top: 9%; }
      .foundation .appeal_area .img_wrap.anime_l {
        transform: translate(0, 0); }
  .foundation .cart_area {
    padding: 0 0 5.5em; }
    .foundation .cart_area .p_cart {
      display: block; }
      .foundation .cart_area .p_cart .left_area {
        width: 100%;
        max-width: 450px;
        margin: 0 auto; }
      .foundation .cart_area .p_cart .slick-dotted.slick-slider {
        margin-bottom: 1.3em; }
      .foundation .cart_area .p_cart .right_area {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        text-align: center; }
        .foundation .cart_area .p_cart .right_area p * {
          display: inline-block;
          text-align: left; }
        .foundation .cart_area .p_cart .right_area p span {
          font-size: 1em; }
        .foundation .cart_area .p_cart .right_area p strong {
          font-size: 1.28em; }
        .foundation .cart_area .p_cart .right_area .p_item_name {
          text-align: center; }
          .foundation .cart_area .p_cart .right_area .p_item_name dt span {
            font-size: 0.86em;
            display: inline-block;
            text-align: left; }
          .foundation .cart_area .p_cart .right_area .p_item_name dt strong {
            font-size: 1.43em;
            display: block;
            display: inline-block;
            text-align: left; }
      .foundation .cart_area .p_cart:nth-of-type(2n) .right_area {
        text-align: center; }
      .foundation .cart_area .p_cart:nth-of-type(2n) .color_num_wrap {
        justify-content: center; }
  .foundation .point_intro_area {
    margin: 4em auto 6em; }
    .foundation .point_intro_area h3 {
      font-size: min(38px, 8vw);
      line-height: 1.2; }
      .foundation .point_intro_area h3 span {
        font-size: .8em;
        display: block; }
      .foundation .point_intro_area h3 sup:nth-of-type(2) {
        margin-top: .5em; }
    .foundation .point_intro_area h4 {
      background-size: min(100%, 410px);
      margin-bottom: 1.6em;
      font-size: min(17px, 3.7vw); }
    .foundation .point_intro_area .flex_wrap {
      flex-flow: column;
      flex-direction: column-reverse; }
    .foundation .point_intro_area .left_area {
      width: 100%;
      max-width: 400px; }
    .foundation .point_intro_area .right_area {
      width: 100%;
      max-width: 450px;
      margin-bottom: 1.6em; }
    .foundation .point_intro_area dl {
      margin-bottom: 1.2em; }
    .foundation .point_intro_area dt {
      font-size: 1.15em; }
    .foundation .point_intro_area .ico_wrap {
      display: block;
      max-width: 350px;
      margin: 0 auto 1em; }
      .foundation .point_intro_area .ico_wrap img {
        max-width: none;
        width: 47%;
        margin: 0 1%;
        display: inline-block; }
      .foundation .point_intro_area .ico_wrap img:first-of-type {
        display: block;
        margin: 0 auto -5%; }
    .foundation .point_intro_area .note {
      text-align: left;
      display: inline-block; }
    .foundation .point_intro_area .ico_cream {
      display: none; }
  .foundation .point_area {
    padding: 0 0 5em; }
    .foundation .point_area .point {
      background: url("../images/cushion_foundation/point_bg.png") no-repeat -80px top/350px;
      width: 100%;
      padding-top: 4em; }
    .foundation .point_area .point:first-of-type {
      padding-top: 0; }
    .foundation .point_area .midashi {
      width: 90%;
      max-width: 500px;
      height: auto;
      display: block;
      background: 0;
      margin: 0 auto; }
      .foundation .point_area .midashi .num {
        font-size: 1em; }
      .foundation .point_area .midashi h3 {
        margin-bottom: 2.8em; }
        .foundation .point_area .midashi h3 span {
          font-size: min(32px, 8vw); }
        .foundation .point_area .midashi h3 .txt01 {
          font-size: 1.43em; }
        .foundation .point_area .midashi h3 .txt02 {
          width: 100%; }
        .foundation .point_area .midashi h3 .txt03 {
          width: 100%;
          max-width: none; }
    .foundation .point_area .box_wrap {
      width: 90%;
      margin: 0 auto; }
    .foundation .point_area .box {
      display: block;
      margin: 0 auto 2.2em;
      width: 100%;
      max-width: 400px; }
    .foundation .point_area dl {
      max-width: none;
      width: 100%;
      margin-bottom: 2.2em; }
    .foundation .point_area dt {
      padding-left: 55px;
      margin-bottom: 0;
      background-size: 45px; }
      .foundation .point_area dt strong {
        font-size: 1.3em; }
      .foundation .point_area dt span {
        font-size: 1.1em; }
    .foundation .point_area dd {
      padding-left: 55px;
      font-size: 1em; }
    .foundation .point_area dd br {
      display: none; }
    .foundation .point_area .img_area {
      width: 100%;
      max-width: none; }
    .foundation .point_area .point02, .foundation .point_area .point03 {
      display: block; }
    .foundation .point_area .point02 .img_point,
    .foundation .point_area .point03 .img_point {
      max-width: 350px;
      width: 90%;
      margin: 0 auto; }
    .foundation .point_area .point02 .midashi div img {
      top: 10px;
      left: 75px;
      right: auto;
      width: 80px; }
    .foundation .point_area .point02 .midashi .ico_wrap {
      left: 80px; }
    .foundation .point_area .point03 .midashi div {
      max-width: none; }
  .foundation .product_area {
    padding-top: 4em;
    margin-bottom: 0;
    width: 100%; }
    .foundation .product_area h3 {
      text-align: center;
      margin-bottom: 5em; }
      .foundation .product_area h3 strong {
        font-size: 1.43em; }
    .foundation .product_area .product_box {
      margin-bottom: 8em; }
    .foundation .product_area .p_intro {
      display: block;
      text-align: center;
      margin-bottom: 3em;
      width: 100%; }
      .foundation .product_area .p_intro img {
        max-width: 120px;
        width: auto;
        margin: 0 auto 1.5em; }
      .foundation .product_area .p_intro dl {
        width: 100%; }
      .foundation .product_area .p_intro dt {
        display: inline-block;
        text-align: left; }
        .foundation .product_area .p_intro dt span {
          font-size: 0.86em;
          text-align: center; }
        .foundation .product_area .p_intro dt strong {
          font-size: 1.43em; }
    .foundation .product_area .p_detail {
      display: block;
      margin: 0 auto 3em; }
      .foundation .product_area .p_detail .flex_wrap {
        display: block; }
      .foundation .product_area .p_detail .box_wrap {
        display: block; }
      .foundation .product_area .p_detail .box {
        width: 100%;
        max-width: none;
        margin-bottom: 4em;
        text-align: center; }
        .foundation .product_area .p_detail .box:last-of-type {
          margin-bottom: 0; }
      .foundation .product_area .p_detail .movie_wrap {
        overflow: hidden;
        height: 79vw;
        max-height: 350px;
        max-width: 400px;
        margin: 0 auto;
        display: flex;
        align-items: center; }
        .foundation .product_area .p_detail .movie_wrap img:not(.movie) {
          transform: scale(1.21); }
        .foundation .product_area .p_detail .movie_wrap .movie {
          right: 2.7%;
          width: 61.6%; }
      .foundation .product_area .p_detail .list_wrap {
        display: block;
        padding: 2em 5%;
        margin-top: 4em;
        width: 100%;
        box-sizing: border-box; }
      .foundation .product_area .p_detail h4 {
        font-size: 1.28em;
        text-align: left; }
      .foundation .product_area .p_detail p {
        font-size: 1em;
        text-align: left;
        display: inline-block; }
      .foundation .product_area .p_detail ul {
        border-left: 0;
        border-top: 1px solid #D9D9D9;
        padding: 1.5em 0 0;
        margin: 1em auto 0; }
      .foundation .product_area .p_detail h5 {
        font-size: 1.28em; }
      .foundation .product_area .p_detail li {
        font-size: 1.07em;
        background-size: 20px; }
      .foundation .product_area .p_detail .box img {
        max-width: 400px;
        margin: 0 auto; }
    .foundation .product_area .p_btn {
      margin: 0 auto; }
      .foundation .product_area .p_btn .p_item_name {
        padding: 8px 45px;
        background-size: 40px;
        max-width: 360px; }
      .foundation .product_area .p_btn .p_item_name dt strong {
        font-size: min(16px, 3.8vw); }
      .foundation .product_area .p_btn .p_item_name dd {
        font-size: min(1em, 3.8vw); }
  .foundation .graph_area {
    margin-bottom: 4em;
    width: 100%;
    overflow: hidden; }
    .foundation .graph_area .scroll_wrap {
      overflow-x: scroll;
      margin-bottom: .5em;
      box-sizing: border-box; }
    .foundation .graph_area .scroll_wrap > div {
      padding: 0 5%;
      margin: 0 auto;
      width: 700px; }
    .foundation .graph_area .barometer_wrap {
      margin: 0 auto 1.5em;
      width: 100%; }
    .foundation .graph_area .barometer {
      margin-left: auto;
      margin-right: 0;
      transform: scale(0.6);
      transform-origin: bottom; }
    .foundation .graph_area table {
      margin-bottom: 1em;
      letter-spacing: 0em; }
    .foundation .graph_area th, .foundation .graph_area td {
      font-size: 0.86em;
      padding: 0.8em 0; }
    .foundation .graph_area .ico_h {
      max-width: 100px; }
    .foundation .graph_area sup, .foundation .graph_area sub {
      font-size: 11px; }
    .foundation .graph_area .note {
      width: 90%;
      margin: 0 auto; }
  .foundation .component_area {
    display: block; }
    .foundation .component_area div {
      width: 100%;
      margin-bottom: 1em; }
      .foundation .component_area div:last-of-type {
        margin-bottom: 0; }
    .foundation .component_area__title {
      font-size: 0.86em; }
    .foundation .component_area .ac_box {
      font-size: 10px;
      line-height: 1.2; } }
/* =================================
MAKE KEEP MIST
================================= */
.mist {
  width: 100%;
  max-width: none;
  overflow: hidden; }
  .mist h2 {
    margin-bottom: 0;
    border: 0; }
  .mist .section {
    margin-bottom: 10em; }
    .mist .section:last-of-type {
      margin-bottom: 0; }
  .mist .section01 h3, .mist .section02 h3, .mist .section03 h3, .mist .section04 h3 {
    font-size: 1.71em;
    margin-bottom: .4em; }
  .mist .section01 dd, .mist .section02 dd, .mist .section03 dd, .mist .section04 dd {
    line-height: 2.3; }
  .mist .section01 dl, .mist .section02 dl {
    background: rgba(255, 255, 255, 0.9);
    margin: 0 auto;
    box-sizing: border-box; }
  .mist .section02, .mist .section03 {
    position: relative;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto; }
    .mist .section02 .bg, .mist .section03 .bg {
      position: absolute;
      top: 0;
      bottom: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      width: 100vw; }
    .mist .section02 dl, .mist .section03 dl {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .mist .section02 .ico, .mist .section03 .ico {
      position: absolute;
      z-index: 1; }
  .mist .section01 {
    padding: 9em 0;
    background: url("../images/make_keep_mist/fv_pc.jpg") no-repeat center/cover; }
    .mist .section01 dl {
      padding: 3.5em 4em;
      display: inline-block;
      max-width: 90%; }
  .mist .section02 {
    height: 310px; }
    .mist .section02 .bg {
      right: 0;
      background-image: url("../images/make_keep_mist/bg_01.jpg"); }
    .mist .section02 dl {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 4%;
      padding: 4.5em 2em;
      width: 90%;
      max-width: 800px; }
    .mist .section02 dd {
      text-align: left; }
    .mist .section02 .ico {
      max-width: 196px;
      right: 7.5%;
      bottom: -61%; }
  .mist .section03 {
    height: 195px; }
    .mist .section03 .bg {
      left: 0;
      background-image: url("../images/make_keep_mist/bg_02.jpg"); }
    .mist .section03 dl {
      width: 90%; }
    .mist .section03 .ico {
      max-width: 163px;
      left: 6.5%;
      bottom: -25%; }
  .mist .section04 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    column-gap: 4%; }
    .mist .section04 img {
      max-width: 320px; }
  .mist .section05 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    column-gap: 3%; }
    .mist .section05 .ico {
      max-width: 47px; }

@media print, screen and (max-width: 768px) {
  .mist .section {
    margin-bottom: 7em; }
  .mist .section01 h3, .mist .section02 h3, .mist .section03 h3, .mist .section04 h3 {
    font-size: 1.43em; }
  .mist .section01 {
    padding: 0;
    margin-bottom: 19em;
    height: 118vw;
    background-image: url("../images/make_keep_mist/fv.jpg"); }
    .mist .section01 dl {
      background: #fff;
      padding: 2.5em 3.5em;
      margin-top: 108vw; }
  .mist .section02 {
    height: auto;
    padding: 175px 0; }
    .mist .section02 .bg {
      right: 0;
      background-image: url("../images/make_keep_mist/bg_01.jpg"); }
    .mist .section02 dl {
      left: 0;
      transform: translate(0, -50%);
      display: block;
      text-align: left;
      padding: 2.5em 2em;
      width: 80%; }
    .mist .section02 dd {
      text-align: left;
      width: 80%; }
    .mist .section02 .ico {
      max-width: 165px;
      right: -4.5%;
      bottom: -15%; }
  .mist .section03 {
    width: 90%;
    margin-right: 0;
    height: 180px; }
    .mist .section03 .bg {
      width: 100%; }
    .mist .section03 dl {
      width: 90%; }
    .mist .section03 .ico {
      max-width: 125px;
      left: -7.5%;
      bottom: -23%; }
  .mist .section04 {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .mist .section04 br {
      display: none; }
    .mist .section04 h3 {
      margin-bottom: .8em; }
    .mist .section04 dd {
      width: 45%;
      float: left; }
    .mist .section04 img {
      max-width: none;
      width: 50%;
      float: right; }
  .mist .section05 {
    width: 90%;
    margin: 0 auto;
    column-gap: 8%; }
    .mist .section05 .p_item_name span {
      font-size: 0.86em; }
    .mist .section05 .p_item_name strong {
      font-size: 1.43em; }
    .mist .section05 .ico {
      max-width: 47px; } }
/* =================================
SHOP
================================= */
.shop table {
  margin: 0 auto;
  max-width: 800px;
  border-collapse: collapse;
  text-align: left; }
.shop th, .shop td {
  padding: 15px;
  border-bottom: 1px solid #333; }
.shop th {
  width: 30%; }
.shop td {
  width: 70%;
  text-align: left;
  line-height: 3;
  font-size: 1em; }
.shop li {
  display: inline-block;
  margin-right: 15px; }
.shop a {
  text-decoration: underline;
  color: inherit; }
  .shop a:hover {
    text-decoration: none; }

@media print, screen and (max-width: 768px) {
  .shop table, .shop th, .shop td {
    display: block;
    box-sizing: border-box; }
  .shop th, .shop td {
    width: 100%; }
  .shop th {
    font-size: 1.07em;
    border: 0;
    padding: 20px 0 0; }
  .shop th br {
    display: none; }
  .shop tr:first-of-type th {
    padding: 0; }
  .shop td {
    line-height: 2.3;
    padding: 10px 0 20px; }
  .shop a {
    color: inherit; } }
/* =================================
INFORMATION
================================= */
.information li {
  position: relative;
  overflow: hidden;
  margin-top: -30px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ece4da; }
  .information li:last-of-type {
    margin-bottom: 0; }
.information a {
  margin: 0;
  color: inherit; }
  .information a:hover {
    opacity: 1;
    cursor: inherit; }
.information .flex_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
.information img {
  max-width: 120px;
  width: 12%; }
.information .right-area {
  max-width: 850px;
  width: 85%;
  text-align: left; }
.information dl {
  margin-bottom: 1.2em; }
.information dt {
  margin-bottom: 1em;
  line-height: 1;
  font-family: "Montserrat", "yu-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #888; }
.information dd {
  font-size: 1.07em; }
.information .news-btn {
  text-align: right;
  margin-top: 1.2em; }
.information a img:hover, .information a .news-btn span:hover {
  opacity: .5;
  transition: all .2s ease-in;
  cursor: pointer; }

@media screen and (max-width: 768px) {
  .information li {
    margin-top: -30px;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px; }
  .information .flex_wrap {
    display: block; }
  .information img {
    max-width: 100px;
    width: 25%;
    float: right;
    margin-left: 4%;
    margin-bottom: 2%; }
  .information .right-area {
    max-width: none;
    width: 100%;
    text-align: left; }
  .information dd {
    text-align: left;
    padding: 0; }
  .information .news-btn {
    text-align: left; } }
/* =================================
FAQ
================================= */
.faq {
  max-width: none;
  width: 100%; }
  .faq h3, .faq h4 {
    font-weight: 500; }
  .faq .note {
    font-weight: 500;
    margin-bottom: 2em;
    font-size: 1.15em;
    background: #af928c;
    color: #fff;
    box-sizing: border-box;
    padding: 20px 5%;
    display: inline-block;
    max-width: 90%; }
  .faq .faq-menu {
    font-size: 1.07em;
    max-width: 900px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 2em; }
    .faq .faq-menu:after {
      content: '';
      display: block;
      width: 23.5%; }
    .faq .faq-menu li {
      width: 48%;
      margin-bottom: 1.2em; }
    .faq .faq-menu a {
      border: 1px solid #333;
      padding: 1em .5em 2em .5em;
      font-weight: 500;
      display: block;
      text-align: center;
      color: inherit;
      position: relative; }
      .faq .faq-menu a:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 1.2em;
        margin: auto;
        width: 7px;
        height: 7px;
        border: 0;
        border-top: solid 1px #5A5655;
        border-right: solid 1px #5A5655;
        transform: rotate(135deg); }
  .faq .bg-area {
    padding-top: 3.8em;
    background: #f7eee6; }
  .faq .faq-section h3 {
    background: rgba(255, 255, 255, 0.7);
    font-size: 1.28em;
    text-align: center;
    padding: 1.2em 0; }
  .faq .faq-section ul.inner {
    max-width: 750px;
    padding-top: 2em;
    padding-bottom: 5em; }
    .faq .faq-section ul.inner li {
      background: #fff;
      margin-bottom: 1.5em;
      position: relative;
      text-align: left; }
      .faq .faq-section ul.inner li:last-of-type {
        margin-bottom: 0; }
    .faq .faq-section ul.inner .title {
      position: relative;
      cursor: pointer;
      padding: 1.3em 55px 1.3em 1.3em; }
      .faq .faq-section ul.inner .title:before, .faq .faq-section ul.inner .title:after {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        content: '';
        width: 15px;
        height: 1px;
        background: #333;
        transition: all .2s ease-in; }
      .faq .faq-section ul.inner .title:before {
        right: 20px;
        transform: rotate(0deg); }
      .faq .faq-section ul.inner .title:after {
        right: 20px;
        transform: rotate(90deg); }
      .faq .faq-section ul.inner .title.close:before {
        transform: rotate(45deg); }
      .faq .faq-section ul.inner .title.close:after {
        transform: rotate(-45deg); }
      .faq .faq-section ul.inner .title p {
        font-size: 1.07em;
        padding-left: 60px; }
    .faq .faq-section ul.inner .box {
      display: none;
      margin: 0 1.3em;
      padding-bottom: 1.8em; }
    .faq .faq-section ul.inner .box-inner {
      border-top: 1px solid #333;
      padding-top: 1.2em;
      padding-left: 60px;
      position: relative; }
    .faq .faq-section ul.inner .txt-q, .faq .faq-section ul.inner .txt-a {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .faq .faq-section ul.inner .txt-q {
      background: #333;
      border: 1px solid #333;
      color: #fff;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .faq .faq-section ul.inner .txt-a {
      border: 1px solid #333;
      color: #333;
      position: absolute;
      top: 1em;
      left: 0; }
    .faq .faq-section ul.inner .red {
      color: #b72c2c; }
    .faq .faq-section ul.inner .border {
      border: 1px solid #333;
      text-align: center;
      line-height: 1.7;
      padding: 1em 2.5em;
      margin: 0;
      display: block;
      width: 100%;
      max-width: 450px;
      position: relative;
      box-sizing: border-box;
      color: inherit; }
      .faq .faq-section ul.inner .border:before {
        content: '';
        width: 10px;
        height: 10px;
        border-top: solid 1px #333;
        border-right: solid 1px #333;
        position: absolute;
        top: 0;
        right: 1.5em;
        bottom: 0;
        margin: auto;
        transform: rotate(45deg); }
    .faq .faq-section ul.inner .mt {
      margin-top: 1em; }
    .faq .faq-section ul.inner .mb {
      margin-bottom: 1em; }
    .faq .faq-section ul.inner .tel {
      pointer-events: none;
      display: inline-block;
      color: #000; }
  .faq .faq-section:last-of-type ul.inner {
    padding-bottom: 120px; }
  .faq + footer {
    margin-top: 0; }

@media screen and (max-width: 768px) {
  .faq .faq-menu li {
    width: 48%; }
  .faq .bg-area {
    padding-top: 2.5em; }
  .faq .faq-section h3 {
    font-size: 1.15em;
    padding: .8em 0; }
  .faq .faq-section ul.inner {
    max-width: none;
    padding-top: 1.5em;
    padding-bottom: 2.5em; }
    .faq .faq-section ul.inner li {
      margin-bottom: 1.2em; }
    .faq .faq-section ul.inner .title {
      padding-left: 5%; }
    .faq .faq-section ul.inner .title:before, .faq .faq-section ul.inner .title:after {
      width: 12px; }
    .faq .faq-section ul.inner .title:before {
      right: 5%; }
    .faq .faq-section ul.inner .title:after {
      right: 5%; }
    .faq .faq-section ul.inner .title p {
      padding-left: 48px; }
    .faq .faq-section ul.inner .box {
      margin: 0 5%; }
    .faq .faq-section ul.inner .box-inner {
      padding-left: 48px; }
    .faq .faq-section ul.inner .txt-q, .faq .faq-section ul.inner .txt-a {
      font-size: 1.07em;
      width: 35px;
      height: 35px; }
    .faq .faq-section ul.inner .border {
      max-width: 400px; }
    .faq .faq-section ul.inner .tel {
      pointer-events: inherit;
      text-decoration: underline; }
      .faq .faq-section ul.inner .tel:hover {
        text-decoration: none; }
  .faq .faq-section:last-of-type ul.inner {
    padding-bottom: 80px; } }
@media screen and (max-width: 768px) and (max-width: 500px) {
  .faq .faq-menu {
    display: block; }
  .faq .faq-menu li {
    width: 100%; } }
/* =================================
会社概要
================================= */
.about table {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1em; }
.about th, .about td {
  text-align: left;
  padding: 15px 20px;
  border-bottom: 1px solid #ccc; }
.about th {
  width: 23%;
  font-weight: 500;
  color: #333; }

@media screen and (max-width: 768px) {
  .about th, .about td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0; }
  .about th {
    border: 0;
    padding-bottom: 0; }
  .about td {
    padding-top: 5px; }
  .about tr:first-of-type th {
    padding-top: 0; } }
/* =================================
プライバシーポリシー
================================= */
.privacy .inner {
  text-align: left;
  max-width: 1000px;
  width: 100%;
  font-size: 0.86em;
  line-height: 1.5;
  letter-spacing: .1em; }
.privacy .box {
  margin-bottom: 2em; }
  .privacy .box:last-of-type {
    margin-bottom: 0; }
.privacy p {
  margin-bottom: 1em; }
  .privacy p:last-of-type {
    margin-bottom: 0; }
.privacy h3 {
  margin-bottom: .5em;
  letter-spacing: .1em; }
.privacy a {
  color: inherit;
  text-decoration: underline;
  display: inline-block; }
  .privacy a:hover {
    text-decoration: none; }

/* =================================
お問い合わせ
================================= */
.contact .inner {
  max-width: 600px; }
.contact .box {
  padding: 4em 0;
  position: relative; }
  .contact .box:before {
    content: "";
    max-width: 400px;
    width: 80%;
    height: 1px;
    background: #5A5655;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
  .contact .box:last-of-type {
    padding-bottom: 0; }
    .contact .box:last-of-type:before {
      content: inherit; }
.contact .btn {
  max-width: 200px;
  display: block;
  border: 1px solid #5A5655;
  border-radius: .3em;
  text-align: center;
  font-size: 1em;
  color: inherit;
  background: #fff;
  padding: .6em 0;
  margin: 1.5em auto 0;
  position: relative; }
  .contact .btn:before {
    content: '';
    position: absolute;
    top: 0;
    right: 13%;
    bottom: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border: 0;
    border-top: solid 1px #5A5655;
    border-right: solid 1px #5A5655;
    transform: rotate(45deg); }
.contact h3 {
  font-size: 1.28em;
  margin-bottom: .5em; }
.contact .tel {
  font-size: 1.71em;
  color: inherit;
  pointer-events: none;
  margin: .2em 0;
  display: block;
  letter-spacing: .08em; }
.contact .sub_txt {
  font-size: 0.86em; }

@media print, screen and (max-width: 768px) {
  .contact .inner {
    width: 100%; }
  .contact p {
    display: inline-block;
    text-align: left; }
  .contact .tel {
    pointer-events: inherit; } }
/* =================================
ご利用ガイド
================================= */
/*.guide{
	.section {
		margin-bottom: 5em;
		text-align: left;
		&:last-of-type {
			margin-bottom: 0;
		}
	}
	h3 {
		font-size: $fs20;
		font-weight: 500;
		padding-left: .8em;
		border-left: 1px solid #333;
	}
	.box {
		margin-top: 1.6em;
		&:last-of-type {
			margin-bottom: 0;
		}
	}
	h4 {
		font-size: $fs18;
		font-weight: 400;
		margin-bottom: 0.5em;
	}
	li {
		margin-bottom: 0.5em;
		padding-left: 1.4em;
		text-indent: -1.4em;
		&:last-of-type {
			margin-bottom: 0;
		}
	}
	p {
		margin-bottom: 0.5em;
		&:last-of-type {
			margin-bottom: 0;
		}
	}
	a {
		display: inline;
		text-decoration: underline;
		&:hover {
			text-decoration: none;
		}
	}
	.card {
		margin-top: 1.2em;
		margin-bottom: 1em;
		li {
			display: inline-block;
			margin: 0;
			margin-right: 1.3em;
			padding: 0;
			&:last-of-type {
				margin-right: 0;
			}
		}
		img {
			width: auto;
			height: 70px;
		}
	}
	.red {
		color: #f80017;
		font-weight: 500;
	}
	.PT {
		padding-top: .5em;
	}
	.PB {
		padding-bottom: .5em;
	}
}
@media screen and (max-width: 768px) {
	.guide{
		.section {
			margin-bottom: 3em;
		}
		h3 {
			font-size: $fs18;
		}
		.card img {
			height: 40px;
		}
		h4 {
			font-size: $fs16;
		}
		
	}
}*/
/* =================================
その他フリーページ
================================= */
.other_freepage {
  max-width: 800px; }
  .other_freepage__contents {
    text-align: left; }
  .other_freepage__bloc {
    margin-bottom: 3em; }
    .other_freepage__bloc:last-of-type {
      margin-bottom: 0; }
  .other_freepage .midashi_img {
    margin: 0 auto; }
  .other_freepage h2 {
    text-align: center;
    padding-bottom: 30px;
    font-family: inherit; }
    .other_freepage h2 strong {
      display: inline-block;
      text-align: left;
      font-size: 1.71em;
      letter-spacing: inherit; }
  .other_freepage h3 {
    font-size: 1.15em;
    font-weight: 500;
    margin-bottom: .5em; }
  .other_freepage h4 {
    font-size: 1.07em;
    font-weight: 500;
    margin-bottom: .5em; }
  .other_freepage p {
    margin-bottom: 1.5em; }
    .other_freepage p:last-of-type {
      margin-bottom: 0; }
  .other_freepage a {
    color: inherit;
    text-decoration: underline; }
    .other_freepage a:hover {
      text-decoration: none; }
  .other_freepage .ofp_btn_w {
    font-size: 1.07em;
    text-align: center;
    background: #fff;
    display: inline-block;
    padding: 0.8em 1.5em;
    margin: 0;
    border: 1px solid #333;
    border-radius: 0.2em;
    box-sizing: border-box;
    text-decoration: none; }
  .other_freepage .ofp_btn_b {
    font-size: 1.07em;
    font-weight: 500;
    text-align: center;
    background: #333;
    color: #fff;
    display: inline-block;
    padding: 0.8em 1.5em;
    margin: 0;
    border: 1px solid #333;
    border-radius: 0.2em;
    box-sizing: border-box;
    text-decoration: none; }
  .other_freepage .font_s {
    font-size: 0.86em; }
  .other_freepage .red {
    color: #b72c2c; }
  .other_freepage .bold {
    font-weight: 500; }
  .other_freepage .ib {
    display: inline-block; }

@media print, screen and (max-width: 768px) {
  .other_freepage h2 {
    padding-bottom: 25px;
    text-align: left; }
    .other_freepage h2 strong {
      font-size: 1.43em; } }