@charset "UTF-8";
/*YUMICO LP custom*/
/*YUMICO setting*/
html, body {
  margin: 0px; }

body {
  font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif; }

h1, h2, h3 {
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  word-break: break-all; }

h4 {
  position: relative; }
  h4:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: -webkit-repeating-linear-gradient(-45deg, #ff4d94, #ff4d94 2px, white 2px, white 4px);
    background: repeating-linear-gradient(-45deg, #ff4d94, #ff4d94 2px, white 2px, white 4px); }

h5 {
  position: relative;
  overflow: hidden;
  padding-bottom: .5em; }
  h5:before, h5:after {
    content: "";
    position: absolute;
    bottom: 0; }
  h5:before {
    border-bottom: 2px solid #ffdee6;
    width: 100%; }
  h5:after {
    border-bottom: 2px solid #ddd;
    width: 100%; }

.container-fluid {
  padding: 0; }

.btn-primary {
  border: none;
  color: #fff;
  background: #ff4d94; }

.btn-primary:hover {
  background: #c30e57; }

/*YUMICO LP header_SP*/
.nav_yumico {
  background: #F0F8FB !important; }
  .nav_yumico img {
    width: 70vw; }

.header_image {
  position: relative;
  height: 100vh;
  margin: 0;
  background-image: url("/images/yumico_01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -235px; }
  .header_image .sp_header {
    position: absolute;
    bottom: 50px;
    padding: 0;
    color: #ff4d94;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.3); }
    .header_image .sp_header h2 {
      padding-top: .5em; }
    .header_image .sp_header p {
      padding: .5em; }

/*YUMICO LP header_PC*/
.header_image {
  position: relative;
  height: 100vh;
  margin: 0;
  background-image: url("/images/yumico_01.jpg");
  background-size: cover;
  background-position: -235px; }
  .header_image .header_text {
    position: absolute;
    top: 25vh;
    right: 0vw;
    width: 40vw; }
    .header_image .header_text h1 {
      margin-bottom: 7em; }
    .header_image .header_text h2 {
      margin-bottom: 2em;
      color: #ff4d94; }
    .header_image .header_text small {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-size: 34px;
      margin: 40px 0;
      letter-spacing: 0.1em; }

/*YUMICO LP contents*/
.main_contents_thought {
  background-color: #ffdee6; }
  .main_contents_thought h2 {
    padding: 2em .5em;
    color: #ff4d94; }
    .main_contents_thought h2 img {
      line-height: text-bottom; }
  .main_contents_thought .inner_text {
    padding: 0;
    line-height: 1.8em; }

.main_contents_pattern {
  margin: 2em auto; }
  .main_contents_pattern h2, .main_contents_pattern h3 {
    margin: 2rem auto;
    color: #ff4d94; }
  .main_contents_pattern .example {
    margin: 12em auto; }
  .main_contents_pattern .carousel-indicators li {
    width: 50px;
    height: 7px;
    background-color: #ffdee6; }
  .main_contents_pattern .carousel-indicators .active {
    background-color: #ff4d94; }
  .main_contents_pattern .healing h3 {
    color: #028760; }
  .main_contents_pattern .cool h3 {
    color: #223a70; }
  .main_contents_pattern .pattern_box {
    margin: 1em auto;
    padding: 0; }
    .main_contents_pattern .pattern_box .cool {
      background: #d5dee9; }
      .main_contents_pattern .pattern_box .cool h3 {
        margin-bottom: 1rem;
        font-size: 2rem;
        color: #223a70; }
    .main_contents_pattern .pattern_box .healing {
      margin: 0 auto;
      padding: 1em;
      background: #cfefe6; }
      .main_contents_pattern .pattern_box .healing h3 {
        margin-bottom: 1rem;
        font-size: 2rem;
        color: #028760; }
    .main_contents_pattern .pattern_box .pheromone {
      margin: 0 auto;
      padding: 1em;
      background: #e1d5e9; }
      .main_contents_pattern .pattern_box .pheromone h3 {
        margin-bottom: 1rem;
        font-size: 2rem;
        color: #ff4d94; }

.main_contents_item h3.cool {
  margin: 3em auto 1em;
  color: #223a70; }
.main_contents_item h3.healing {
  margin: 3em auto 1em;
  color: #028760; }
.main_contents_item h3.pheromone {
  margin: 3em auto 1em;
  color: #ff4d94; }
.main_contents_item h5 {
  margin-bottom: 2em; }
.main_contents_item .item_box {
  padding: 5px; }
  .main_contents_item .item_box .card {
    background: #ffdee6; }
  .main_contents_item .item_box .card-body {
    padding: .3em; }
  .main_contents_item .item_box .link_btn {
    right: 5px;
    bottom: 0; }
.main_contents_item .item_lg {
  margin-top: 1em; }
  .main_contents_item .item_lg img {
    width: 100%;
    margin: 1em auto;
    transform: rotate(90deg); }

.main_contents_points {
  margin: 2em auto;
  padding: 1em 0; }
  .main_contents_points .container {
    width: 95%;
    padding: 1em .3em; }
  .main_contents_points h2, .main_contents_points h3 {
    margin: .5em auto;
    color: #ff4d94; }
  .main_contents_points h2 {
    font-size: 1.8em; }
  .main_contents_points span {
    display: inline-block;
    margin-top: 3em; }

.main_contents_shop h2 {
  height: 3em;
  color: #ff4d94; }

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