@charset "UTF-8";
/* ==================================
	PROMO
================================== */
#main_visual {
  position: relative;
  width: 100%; }
  #main_visual h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 4.0rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 4px;
    text-shadow: 2px 2px 2px rgba(10, 10, 10, 0.9); }
  #main_visual img {
    width: 100%;
    height: auto; }
  #main_visual .sp_img {
    display: none; }

@media screen and (max-width: 980px) {
  #main_visual h1 {
    height: 100%;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 5.10204vw;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright; }
  #main_visual .sp_img {
    display: block; }
  #main_visual .pc_img {
    display: none; } }

@media screen and (max-width: 750px) {
  #main_visual .slide_contents {
    display: none; }
  #main_visual h1 {
    height: 100%;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 6.66667vw;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright; }
  #main_visual .sp_img {
    display: block; }
  #main_visual .pc_img {
    display: none; } }

/* ==================================
	CONTENTS
================================== */
.contents_box {
  position: relative;
  width: 100%;
  margin: 0 auto; }

/* ==================================
	FEELINGS
================================== */
#feelings {
  display: block;
  width: 100%;
  padding: 100px 0 100px;
  background: url(../images/top/feelings_bg@2x.png) no-repeat 100% 100%;
  background-size: 258px auto; }
  #feelings .contents_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 1200px;
    width: 85.71429%;
    margin: 0 0 0 0; }
    #feelings .contents_box::after {
      content: " ";
      display: block;
      position: absolute;
      top: 20%;
      left: 0;
      max-width: 950px;
      width: 79.16667%;
      padding-top: 33.33333%;
      background: #f9f7ef;
      z-index: -1; }
  #feelings .img_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 680px;
    width: 56.66667%; }
    #feelings .img_list li {
      max-width: 210px;
      width: 30.88235%; }
  #feelings h2 {
    display: block;
    margin: 0 0 0 50px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 2.8rem;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #1e1e1e;
    line-height: 1.643;
    letter-spacing: 4px; }
  #feelings .txt_box {
    margin: 40px 0 0 50px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 1.6rem;
    line-height: 2.625;
    letter-spacing: 2px; }
    #feelings .txt_box p:nth-of-type(1) {
      margin: 0 0 0 70px; }
  #feelings a.detail_box {
    margin: 3% auto 0; }

@media screen and (max-width: 980px) {
  #feelings {
    padding: 10.20408% 0 10.20408%;
    background: url(../images/top/feelings_bg_sp@2x.png) no-repeat 100% -30%;
    background-size: 22.34694% auto; }
    #feelings .contents_box {
      display: block;
      max-width: 1200px;
      width: 100%;
      margin: 0 0 0 0; }
      #feelings .contents_box::after {
        top: 10%;
        width: 92%;
        padding-top: 122.9%;
        z-index: 1; }
    #feelings .img_list {
      position: relative;
      max-width: none;
      width: 100%;
      z-index: 2; }
      #feelings .img_list li {
        max-width: none;
        width: 33.3%; }
        #feelings .img_list li img {
          max-width: none;
          width: 100%; }
        #feelings .img_list li:nth-of-type(2) {
          margin: 0 2%; }
    #feelings h2 {
      position: relative;
      display: block;
      margin: 0 auto 0px;
      font-size: 3.46939vw;
      z-index: 2; }
      #feelings h2 span {
        display: block;
        font-size: 4.08163vw; }
    #feelings .txt_box {
      position: relative;
      max-width: 550px;
      width: 56.12245%;
      margin: 4.08163% auto 5.10204%;
      -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
      text-orientation: upright;
      font-size: 2.44898vw;
      line-height: 2.08;
      letter-spacing: 2px;
      z-index: 2; }
      #feelings .txt_box p:nth-of-type(1) {
        margin: 0 0 1.5em; }
    #feelings a.detail_box {
      position: relative;
      margin: 8% auto 0;
      z-index: 2; } }

@media screen and (max-width: 750px) {
  #feelings {
    padding: 13.33333% 0 13.33333%;
    background: url(../images/top/feelings_bg_sp@2x.png) no-repeat 100% -30%;
    background-size: 29.2% auto; }
    #feelings .contents_box::after {
      top: 5%;
      width: 92%;
      padding-top: 155%; }
    #feelings h2 {
      font-size: 4.53333vw;
      z-index: 2; }
      #feelings h2 span {
        display: block;
        font-size: 5.33333vw; }
    #feelings .txt_box {
      position: relative;
      max-width: 550px;
      width: 73.33333%;
      margin: 5.33333% auto 6.66667%;
      font-size: 3.46667vw;
      line-height: 2.08; } }

@media screen and (max-width: 414px) {
  #feelings {
    padding: 13.33333% 0 13.33333%;
    background: url(../images/top/feelings_bg_sp@2x.png) no-repeat 100% -30%;
    background-size: 29.2% auto; }
    #feelings .contents_box::after {
      top: 5%;
      width: 92%;
      padding-top: 165%; }
    #feelings h2 {
      font-size: 4.53333vw;
      z-index: 2; }
      #feelings h2 span {
        display: block;
        font-size: 5.33333vw; }
    #feelings .txt_box {
      width: 77%;
      margin: 5.33333% auto 6.66667%;
      font-size: 3.46667vw;
      line-height: 2.08; } }

/* ==================================
	FEELINGS
================================== */
#page_nav .page_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto; }
  #page_nav .page_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    overflow: hidden;
    width: 33.333%;
    height: 0px;
    padding: 14% 0;
    font-size: 3.2rem;
    color: #fff;
    letter-spacing: 0.05em;
    z-index: 4; }
    #page_nav .page_list a span {
      position: relative;
      z-index: 5;
      text-align: center;
      width: 100%;
      color: #fff;
      font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 500; }
    #page_nav .page_list a:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -webkit-transition: all .8s ease-out;
      -o-transition: all .8s ease-out;
      transition: all .8s ease-out;
      z-index: 1;
      background: rgba(0, 0, 0, 0.6); }
    #page_nav .page_list a:before {
      content: "";
      display: block;
      position: absolute;
      width: 90%;
      height: 90%;
      border: 1px solid #fff;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: auto;
      -webkit-transition: all .8s ease-out;
      -o-transition: all .8s ease-out;
      transition: all .8s ease-out;
      z-index: 5;
      opacity: 0; }
    #page_nav .page_list a:hover {
      text-decoration: none;
      opacity: 1; }
      #page_nav .page_list a:hover:after {
        z-index: 2;
        background: rgba(0, 0, 0, 0); }
      #page_nav .page_list a:hover:before {
        opacity: 1; }
    #page_nav .page_list a.company {
      background: url(../images/top/page_nav_img01@2x.jpg) no-repeat left top;
      background-size: cover; }
    #page_nav .page_list a.kouso {
      background: url(../images/top/page_nav_img02@2x.jpg) no-repeat left top;
      background-size: cover; }
    #page_nav .page_list a.vinegar {
      background: url(../images/top/page_nav_img03@2x.jpg) no-repeat left top;
      background-size: cover; }

@media screen and (max-width: 980px) {
  #page_nav .page_list a {
    width: 33.333%;
    height: 0px;
    padding: 14% 0;
    font-size: 2.44898vw; } }

@media screen and (max-width: 750px) {
  #page_nav .page_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto; }
    #page_nav .page_list a {
      width: 100%;
      height: 0px;
      padding: 30% 0;
      font-size: 5.33333vw; } }

/* ==================================
	RECOMMEND
================================== */
#recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding: 100px 0 100px;
  background: url(../images/top/rec_bg.png) no-repeat 0% 90%;
  background-size: 15.98958% auto; }
  #recommend .contents_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin: 0 0 0 0;
    overflow: hidden; }
    #recommend .contents_box::after {
      content: " ";
      display: block;
      position: absolute;
      top: 20%;
      right: 0;
      max-width: 950px;
      width: 79.16667%;
      padding-top: 33.33333%;
      background: #f9f7ef;
      z-index: -1; }
  #recommend h2 {
    display: block;
    max-height: 10em;
    margin: 0 50px 0 0px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 2.8rem;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #1e1e1e;
    line-height: 1.643;
    letter-spacing: 4px; }
  #recommend a.detail_box {
    margin: -1.6% auto 0; }

#recommend #productSlider {
  padding: 30px 0 0px; }

#recommend li {
  margin: 0 0 0 0;
  padding: 0 0 30px;
  width: 310px;
  display: block; }

#recommend li h3 {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 15px 0 10px; }

#recommend .img {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 0 5px; }

#recommend li a {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #1e1e1e; }

@media screen and (max-width: 750px) {
  #recommend {
    width: 100%;
    padding: 13.33333% 0 13.33333%;
    background: url(../images/top/rec_bg_sp.png) no-repeat 0% 0%;
    background-size: 39.46667% auto; }
    #recommend .contents_box {
      display: block;
      width: 100%; }
      #recommend .contents_box::after {
        top: 5%;
        right: 0;
        max-width: none;
        width: 92%;
        padding-top: 320%;
        background: #f9f7ef;
        z-index: 1; }
    #recommend .ttl_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    #recommend h2 {
      display: block;
      position: relative;
      margin: 0 auto 7.33333%;
      font-size: 5.33333vw;
      z-index: 2; }
    #recommend a.detail_box {
      position: relative;
      margin: -5% auto 0;
      z-index: 2; }
  #recommend #productSlider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    max-width: 550px;
    width: 73.33333%;
    margin: 0 auto;
    padding: 0px 0 0px;
    z-index: 2; }
  #recommend li {
    margin: 0 7.27273% 5.45455% 0;
    max-width: 255px;
    width: 46.36364%;
    display: block; }
    #recommend li:nth-of-type(2n) {
      margin: 0 0 5.45455% 0; }
    #recommend li p {
      font-size: 3.2vw;
      line-height: 1.6;
      text-align: left; }
  #recommend li h3 {
    font-size: 3.2vw;
    font-weight: 700;
    margin: 5.88235% 0 3.92157%; } }

/* ==================================
	NEWS
================================== */
#news {
  margin: 0 0 100px; }
  #news .contents_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  #news h2 {
    display: block;
    margin: 0 0px 20px 0px;
    font-size: 3.4rem;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #1e1e1e;
    line-height: 1.643;
    letter-spacing: 4px;
    text-align: center; }
  #news #news_contents {
    width: 50%; }
    #news #news_contents .news_box {
      width: 82%;
      margin: 0 auto;
      padding: 15px 0;
      border-bottom: 1px dotted #ccc;
      font-size: 1.4rem;
      letter-spacing: 2px; }
      #news #news_contents .news_box dt {
        margin: 0 0 10px; }
        #news #news_contents .news_box dt .cat {
          display: inline-block;
          background: #8c7959;
          padding: 5px 22px;
          color: #fff; }
      #news #news_contents .news_box dd a {
        color: #1e1e1e; }
    #news #news_contents a.detail_box {
      margin: 8% auto 0; }
  #news #btn_contents {
    width: 50%; }
    #news #btn_contents a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      padding: 11% 0 11% 5%;
      font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 2.4rem;
      color: #1e1e1e; }
      #news #btn_contents a:hover {
        text-decoration: none; }
    #news #btn_contents .bnr_btn01 {
      background: url(../images/top/bnr_bg01@2x.png) no-repeat right top;
      background-size: cover; }
    #news #btn_contents .bnr_btn02 {
      background: url(../images/top/bnr_bg02@2x.png) no-repeat right top;
      background-size: cover; }

@media screen and (max-width: 980px) {
  #news {
    margin: 0 0 10.20408%; }
    #news .contents_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
      flex-flow: column-reverse; }
    #news h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      margin: 0 auto 20px;
      font-size: 4.08163vw;
      text-align: center;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-orientation: upright; }
    #news #news_contents {
      width: 100%; }
      #news #news_contents .news_box {
        width: 82%;
        margin: 0 auto;
        padding: 2.5% 0;
        border-bottom: 1px dotted #ccc;
        font-size: 2.44898vw;
        letter-spacing: 2px; }
    #news #btn_contents {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      margin: 0 auto 10%; }
      #news #btn_contents a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 15% 0;
        font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 3.26531vw;
        color: #1e1e1e;
        text-shadow: 1px 1px 5px white, -1px -1px 5px white; }
        #news #btn_contents a:hover {
          text-decoration: none; } }

@media screen and (max-width: 750px) {
  #news {
    margin: 0 0 13.33333%; }
    #news h2 {
      margin: 0 auto 6.66667%;
      font-size: 5.33333vw; }
    #news #news_contents {
      width: 100%; }
      #news #news_contents .news_box {
        width: 82%;
        margin: 0 auto;
        padding: 2.5% 0;
        border-bottom: 1px dotted #ccc;
        font-size: 3.2vw;
        letter-spacing: 2px; }
    #news #btn_contents {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      margin: 0 auto 10%; }
      #news #btn_contents a {
        padding: 15% 0;
        font-size: 5.33333vw;
        text-align: center; } }

/* ==================================
	RECRUIT
================================== */
#recruit {
  background: url(../images/top/recruit_bg@2x.jpg) no-repeat center top;
  background-size: 100% auto;
  padding: 20% 0 8%; }
  #recruit .flex_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #recruit .contents_box {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    min-height: 26em;
    padding: 0; }
    #recruit .contents_box h2 {
      display: block;
      margin: 0 0 0 50px;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-orientation: upright;
      font-size: 2.8rem;
      font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      color: #1e1e1e;
      line-height: 1.643;
      letter-spacing: 4px; }
      #recruit .contents_box h2 span {
        display: block; }
    #recruit .contents_box p {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      font-size: 1.6rem;
      font-family: "Yu Gothic";
      color: #1e1e1e;
      line-height: 2.625;
      margin: 50px 0 0 20%; }
      #recruit .contents_box p:last-of-type {
        margin: 50px 0 0 0; }

@media screen and (max-width: 980px) {
  #recruit {
    background: url(../images/top/recruit_bg_sp.jpg) no-repeat center top;
    background-size: 100% auto;
    padding: 20% 0 9.09091%; }
    #recruit .contents_box {
      max-width: 1100px;
      width: 100%;
      margin: 0 auto;
      -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
      text-orientation: upright; }
      #recruit .contents_box .ttl_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      #recruit .contents_box h2 {
        display: block;
        margin: 0;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        text-orientation: upright;
        font-size: 3.46939vw;
        font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        color: #1e1e1e;
        line-height: 1.1;
        letter-spacing: 4px; }
        #recruit .contents_box h2 span {
          font-size: 4.08163vw; }
      #recruit .contents_box p {
        font-size: 2.44898vw;
        color: #1e1e1e;
        line-height: 2.625;
        margin: 5% 8%; }
        #recruit .contents_box p:last-of-type {
          margin: 5% 8%; }
        #recruit .contents_box p br {
          display: none; } }

@media screen and (max-width: 414px) {
  #recruit {
    padding: 20% 0 9.09091%; }
    #recruit .contents_box h2 {
      font-size: 5.06667vw;
      font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      color: #1e1e1e;
      line-height: 1.1;
      letter-spacing: 4px; }
      #recruit .contents_box h2 span {
        font-size: 5.33333vw; }
    #recruit .contents_box p {
      font-size: 4vw;
      color: #1e1e1e;
      line-height: 2.0;
      margin: 5% 8%; }
      #recruit .contents_box p:last-of-type {
        margin: 5% 8%; }
      #recruit .contents_box p br {
        display: none; } }

/* ==================================
	COMMENT
================================== */
#comment {
  background: url(../images/top/comment_bg@2x.jpg) no-repeat center top;
  background-size: cover;
  padding: 100px 0 100px; }
  #comment .contents_box {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #comment .contents_box h2 {
      display: block;
      margin: 0 0 30px;
      font-size: 2.0rem;
      font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      color: #1e1e1e;
      line-height: 1.643;
      letter-spacing: 4px;
      font-weight: 700; }
      #comment .contents_box h2 br {
        display: none; }
    #comment .contents_box p {
      font-size: 1.4rem;
      color: #1e1e1e;
      line-height: 2;
      margin: 0 0 2em; }
      #comment .contents_box p:last-of-type {
        margin: 0; }

@media screen and (max-width: 980px) {
  #comment {
    background: url(../images/top/comment_bg_sp@2x.jpg) no-repeat center top;
    background-size: cover;
    padding: 10.20408% 0 10.20408%; }
    #comment .contents_box {
      max-width: 1100px;
      width: 100%;
      margin: 0 auto;
      text-align: left; }
      #comment .contents_box h2 {
        display: block;
        margin: 0 0 3.06122%;
        font-size: 3.26531vw;
        font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        color: #1e1e1e;
        line-height: 1.643;
        letter-spacing: 2px;
        text-align: center; }
        #comment .contents_box h2 br {
          display: block; }
      #comment .contents_box p {
        font-size: 2.44898vw;
        color: #1e1e1e;
        line-height: 2.6;
        margin: 0 10% 2em; }
        #comment .contents_box p br {
          display: none; }
        #comment .contents_box p:last-of-type {
          margin: 0 10%; } }

@media screen and (max-width: 750px) {
  #comment {
    background: url(../images/top/comment_bg_sp@2x.jpg) no-repeat center top;
    background-size: cover;
    padding: 13.33333% 0 13.33333%; }
    #comment .contents_box {
      max-width: 1100px;
      width: 100%;
      margin: 0 auto;
      text-align: left; }
      #comment .contents_box h2 {
        display: block;
        margin: 0 0 4%;
        font-size: 4.26667vw;
        font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        color: #1e1e1e;
        line-height: 1.643;
        letter-spacing: 2px;
        text-align: center; }
        #comment .contents_box h2 br {
          display: block; }
      #comment .contents_box p {
        font-size: 3.2vw;
        color: #1e1e1e;
        line-height: 2.6;
        margin: 0 10% 2em; }
        #comment .contents_box p br {
          display: none; }
        #comment .contents_box p:last-of-type {
          margin: 0 10%; } }