#mv {
  padding-right: 40px;
  padding-bottom: 35px;
  position: relative; }
  #mv .slick-arrow {
    display: none !important; }
  #mv .slick-dots {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -50px; }
    #mv .slick-dots li {
      display: block;
      width: 10px;
      height: 10px;
      margin-bottom: 50px; }
      #mv .slick-dots li:last-child {
        margin-bottom: 0; }
      #mv .slick-dots li.slick-active button:before {
        border: none;
        background-color: #149445; }
      #mv .slick-dots li button {
        width: 100%;
        height: 100%; }
        #mv .slick-dots li button:before {
          content: "";
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-color: #fff;
          border: 1px solid #000;
          opacity: 1; }
  #mv #mv_slider {
    max-width: 1320px;
    width: 100%;
    /*margin-left:auto;*/
    margin-left: 320px; }
    #mv #mv_solid {
      max-width: 1320px;
      width: 100%;
      /*margin-left:auto;*/
      margin-left: 320px; }
    #mv #mv_slider li.movie {
      position: relative; }
      #mv #mv_slider li.movie .frame {
        position: relative;
        z-index: 2; }
      #mv #mv_slider li.movie iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
  #mv #mv_pic {
    position: absolute;
    bottom: 0;
    left: 20px;
    z-index: 10; }
    #mv #mv_pic .anime {
      position: relative;
      width: 662px; }
  #mv .slick-dotted.slick-slider {
    margin-bottom: 0; }

#musk {
  width: 100%;
  position: relative;
  overflow: visible; }

#circle_green {
  width: 100%;
  position: absolute;
  opacity: 0;
  transition: .3s; }

#circle_green.onView {
  opacity: 1; }

.green {
  fill: #178E44; }

.gray {
  fill: #999; }

.st1 {
  fill: #178E44; }

@media screen and (max-width: 1600px) {
  #mv {
    padding-right: calc(40 / 1600 * 100vw);
    padding-bottom: calc(35 / 1600 * 100vw); }
    #mv #mv_slider {
      width: calc(1320 / 1600 * 100vw);
      margin-left: auto; }
      #mv #mv_solid {
        width: calc(1320 / 1600 * 100vw);
        margin-left: auto; }
    #mv #mv_pic {
      left: calc(20 / 1600 * 100vw); }
      #mv #mv_pic .anime {
        width: calc(660 / 1600 * 100vw); } }
@media screen and (max-width: 768px) {
  article {
    overflow: hidden; }

  #mv {
    padding-right: 0px;
    padding-bottom: calc(60 / 750 *100vw);
    padding-left: calc(110 / 750 * 100vw); }
    #mv .slick-dots {
      display: none !important; }
    #mv #mv_pic {
      left: calc(50 / 750 * 100vw); }
      #mv #mv_pic .anime {
        width: calc(628 / 750 * 100vw); } }
h2 {
  text-align: center;
  padding-bottom: 40px;
  padding-top: 25px; }

.index_contents {
  max-width: 1454px;
  width: 100%;
  margin: 0 auto; }

.main_ttl {
  display: flex;
  flex-wrap: wrap; }
  .main_ttl i {
    width: 50px; }
  .main_ttl .txt {
    padding-left: 10px; }
    .main_ttl .txt .en {
      display: block; }
    .main_ttl .txt .jp {
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      letter-spacing: 0.05em;
      padding-top: 12px; }

#news {
  padding-bottom: 95px; }
  #news ul {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: left;
    justify-content: left;
    padding-left: 130px;
    padding-top: 20px;
    padding-bottom: 40px; }
    #news ul li {
      width: 30%;
      margin-left: 5%;
      margin-bottom: 20px; }
      #news ul li:nth-child(3n+1) {
      	margin-left: 0; }
      #news ul li:nth-child(3n+2) {
        padding-top: 85px; }
      #news ul li a {
        display: block;
        position: relative;
        padding-bottom: 60px; }
        #news ul li a img {
          width: 95%; }
        #news ul li a .video {
          position: relative;
          width: 95%;
          z-index: 2; }
          #news ul li a .video img {
            width: 100%; }
          #news ul li a .video:before {
            content: "";
            width: 90px;
            height: 90px;
            background: url(../images/common/icon_play.png) 0 0 no-repeat;
            background-size: 100% auto;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 3;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          #news ul li a .video:after {
            z-index: 2;
            background-color: rgba(0, 0, 0, 0.5);
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0%;
            left: 0%; }
        #news ul li a .block {
          z-index: 3;
          width: 84%;
          padding: 15px;
          position: absolute;
          right: 0px;
          bottom: 0;
          color: #fff;
          background-color: #1c1d1b; }
          #news ul li a .block .news_ttl {
            font-size: 14px;
            font-size: 1.4rem; }
          #news ul li a .block .news_comment {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.5;
            padding: 10px 0; }
          #news ul li a .block .news_date {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1; }
  #news .more_btn {
    padding-right: 35px; }

.more_btn {
  display: flex;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }
  .more_btn .after-foot {
    padding-right: 50px;
    width: 230px; }
  .more_btn a img {
    width: 254px; }
  .more_btn.center {
    padding-right: 0;
    width: 520px;
    background-color: #fff; }

#walk {
  padding-left: 130px;
  padding-bottom: 120px; }
  #walk .walk_in {
    border: 3px solid #000;
    border-radius: 3px;
    width: 100%;
    max-width: 1160px;
    text-align: center;
    position: relative;
    padding-top: 60px;
    padding-bottom: 85px; }
    #walk .walk_in h3 {
      position: absolute;
      top: -45px;
      background-color: #fff;
      width: 310px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
      #walk .walk_in h3 span {
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        padding-bottom: 10px;
        display: inline-block; }
    #walk .walk_in p {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.7;
      padding-top: 30px; }
      #walk .walk_in p span {
        font-size: 14px;
        font-size: 1.4rem; }
    #walk .walk_in .more_btn {
      position: absolute;
      bottom: -42px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }

#product {
  padding-bottom: 140px; }
  #product h3 {
    margin-bottom: 40px; }
  #product .product_in {
    padding-left: 130px;
    max-width: 1400px;
    width: 100%; }
  #product .product_collection,
  #product .product_archive {
	position: relative;
	width: 100%; }
  #product .product_archive {
	margin-top: 30px; }
  #product .product_collection img,
  #product .product_archive img {
	display: block;
	width: 100%;
	height: auto; }
  #product .product_collection .link,
  #product .product_archive .link {
	padding: 30px 35px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8); }
  #product .product_collection .link img,
  #product .product_archive .link img {
	width: 251px;
	height: auto; }
  #product .product_head {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 50px; }
    #product .product_head .left {
      width: 55%; }
      #product .product_head .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;'; }
    #product .product_head .right {
      width: 45%; }
      #product .product_head .right .box01 {
        background-color: #1C1D1B;
        color: #fff;
        height: 58%;
        border-bottom: 1px solid #fff;
        padding: 50px 50px 40px;
        text-align: center; }
        #product .product_head .right .box01 p {
          font-size: 14px;
          font-size: 1.4rem;
          letter-spacing: 0.05em;
          line-height: 1.5;
          text-align: left;
          padding-bottom: 30px; }
      #product .product_head .right .box02 {
        display: flex;
        flex-wrap: wrap;
        height: 42%; }
        #product .product_head .right .box02 div {
          width: 50%; }
          #product .product_head .right .box02 div:first-of-type {
            border-right: 1px solid #fff; }
          #product .product_head .right .box02 div img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            font-family: 'object-fit: cover;'; }
  #product .product_content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }
    #product .product_content .product_block {
      width: 23.8%;
      margin-left: 1.6%;
      margin-bottom: 20px; }
      #product .product_content .product_block:nth-of-type(4n+1) {
        margin-left: 0; }
      #product .product_content .product_block .thum img {
        width: 100%; }
      #product .product_content .product_block .product_info {
        padding-top: 10px;
        display: flex;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center; }
        #product .product_content .product_block .product_info .product_logo {
          width: 75px; }
        #product .product_content .product_block .product_info .product_name {
          padding-left: 20px;
          width: calc(100% - 75px); }
          #product .product_content .product_block .product_info .product_name p {
            font-weight: bold;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.5; }
  #product .more_btn {
    margin-top: 25px;
    margin-right: -20px; }

#about {
  padding-bottom: 120px; }
  #about .about_in {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 135px; }
  #about .about_left {
    width: 17.2%; }
  #about .about_center {
    width: 33.5%;
    padding-right: 30px; }
    #about .about_center p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.875;
      letter-spacing: 0.05em; }
  #about .about_right {
    width: 49.3%; }
  #about #about_photo02 {
    position: absolute;
    left: 80px;
    top: 385px;
    z-index: 3; }
  #about #about_photo03 {
    position: absolute;
    left: 230px;
    top: 225px;
    z-index: 2; }
  #about #about_photo04 {
    position: absolute;
    left: 360px;
    top: 270px;
    z-index: 1; }
  #about .btn_area {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
    #about .btn_area .btn {
      width: 420px;
      margin-lef: auto; }
      #about .btn_area .btn a {
        display: block;
        text-align: center;
        line-height: 1;
        font-size: 16px;
        font-size: 1.6rem;
        color: #fff;
        background-color: #1C1D1B;
        padding: 25px 0;
        border-radius: 5px; }
    #about .btn_area .more_btn {
      width: 550px; }

#recruit {
  padding-bottom: 160px; }
  #recruit .recrut_in {
    padding-left: 200px;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center; }
    #recruit .recrut_in .photo {
      width: 57%; }
      #recruit .recrut_in .photo img {
        width: 100%; }
    #recruit .recrut_in .txt {
      width: 43%;
      margin-left: -20px; }
      #recruit .recrut_in .txt h3 {
        font-family: arial;
        font-weight: bold;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1;
        letter-spacing: 0.05em; }
      #recruit .recrut_in .txt h4 {
        font-weight: bold;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1;
        letter-spacing: 0.05em;
        padding: 40px 0 15px; }
      #recruit .recrut_in .txt p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1;
        letter-spacing: 0.05em;
        padding-bottom: 55px; }

@media screen and (max-width: 1600px) {
  h2 {
    padding-bottom: calc(40 / 1600 * 100vw);
    padding-top: calc(25 / 1600 * 100vw); }
    h2 img {
      width: calc(416 / 1600 * 100vw); }

  .index_contents {
    max-width: 1454px;
    width: 100%;
    padding: 0 calc(15 / 1600 * 100vw); }

  .main_ttl i {
    width: calc(50 / 1600 * 100vw); }
  .main_ttl .txt {
    padding-left: calc(10 / 1600 * 100vw); }
    .main_ttl .txt .jp {
      font-size: calc(14 / 1600 * 100vw);
      padding-top: calc(14 / 1600 * 100vw); }

  #news {
    padding-bottom: calc(95 / 1600 * 100vw); }
    #news .main_ttl .txt .en {
      width: calc(203 / 1600 * 100vw); }
    #news ul {
      padding-left: calc(130 / 1600 * 100vw);
      padding-top: calc(20 / 1600 * 100vw);
      padding-bottom: calc(40 / 1600 * 100vw); }
      #news ul li {
	    margin-left: 0!important;
        margin-bottom: calc(20 / 1600 * 100vw); }
        #news ul li:nth-child(3n+2) {
          padding-top: calc(85 / 1600 * 100vw); }
        #news ul li a {
          padding-bottom: calc(60 / 1600 * 100vw); }
          #news ul li a .video:before {
            width: calc(90 / 1600 * 100vw);
            height: calc(90 / 1600 * 100vw); }
          #news ul li a .block {
            padding: calc(15 / 1600 * 100vw); }
            #news ul li a .block .news_ttl {
              font-size: calc(14 / 1600 * 100vw); }
            #news ul li a .block .news_comment {
              font-size: calc(12 / 1600 * 100vw);
              padding: calc(10 / 1600 * 100vw) 0; }
            #news ul li a .block .news_date {
              font-size: calc(12 / 1600 * 100vw); }
    #news .more_btn {
      padding-right: calc(35 / 1600 * 100vw); }

  .more_btn .after-foot {
    padding-right: calc(50 / 1600 * 100vw);
    width: calc(230 / 1600 * 100vw); }
  .more_btn a img {
    width: calc(254 / 1600 * 100vw); }
  .more_btn.center {
    width: calc(520 / 1600 * 100vw); }

  #walk {
    padding-left: calc(130 / 1600 * 100vw);
    padding-bottom: calc(120 / 1600 * 100vw); }
    #walk .walk_in {
      border: 3px solid #000;
      border-radius: 3px;
      width: calc(1160 / 1600 * 100vw);
      padding-top: calc(60 / 1600 * 100vw);
      padding-bottom: calc(85 / 1600 * 100vw); }
      #walk .walk_in h3 {
        top: calc(-45 / 1600 * 100vw);
        background-color: #fff;
        width: calc(310 / 1600 * 100vw); }
        #walk .walk_in h3 span {
          font-size: calc(18 / 1600 * 100vw);
          padding-bottom: calc(10 / 1600 * 100vw); }
        #walk .walk_in h3 img {
          width: calc(214 / 1600 * 100vw); }
      #walk .walk_in p {
        font-size: calc(18 / 1600 * 100vw);
        padding-top: calc(30 / 1600 * 100vw); }
        #walk .walk_in p span {
          font-size: calc(14 / 1600 * 100vw); }
      #walk .walk_in .pic {
        margin: 0 auto;
        width: calc(1049 / 1600  * 100vw); }
      #walk .walk_in .more_btn {
        bottom: calc(-42 / 1600 * 100vw); }

  #product {
    padding-bottom: calc(140 / 1600 * 100vw); }
    #product h3 {
      margin-bottom: calc(40 / 1600 * 100vw); }
    #product .main_ttl .txt .en {
      width: calc(125 / 1600 * 100vw); }
    #product .product_in {
      padding-left: calc(130 / 1600 * 100vw);
      width: calc(1400 / 1600 * 100vw); }
    #product .product_archive {
	  margin-top: calc(30 / 1600 * 100vw); }
    #product .product_collection .link,
    #product .product_archive .link {
	  padding: calc(30 / 1600 * 100vw) calc(35 / 1600 * 100vw); }
    #product .product_collection .link img,
    #product .product_archive .link img {
	  width: calc(251 / 1600 * 100vw); }
    #product .product_head {
      margin-bottom: calc(50 / 1600 * 100vw); }
      #product .product_head .right .box01 {
        padding: calc(50 / 1600 * 100vw) calc(50 / 1600 * 100vw) calc(40 / 1600 * 100vw); }
        #product .product_head .right .box01 p {
          font-size: calc(14 / 1600 * 100vw);
          padding-bottom: calc(30 / 1600 * 100vw); }
        #product .product_head .right .box01 img {
          width: calc(252 / 1600 * 100vw); }
    #product .product_content {
      margin-top: calc(30 / 1600 * 100vw); }
    #product .product_content .product_block {
      margin-bottom: calc(20 / 1600 * 100vw); }
      #product .product_content .product_block .product_info {
        padding-top: calc(10 / 1600 * 100vw); }
        #product .product_content .product_block .product_info .product_logo {
          width: calc(75 / 1600 * 100vw); }
        #product .product_content .product_block .product_info .product_name {
          padding-left: calc(20 / 1600 * 100vw);
          width: calc(100% - calc(75 / 1600 * 100vw)); }
          #product .product_content .product_block .product_info .product_name p {
            font-size: calc(14 / 1600 * 100vw); }
    #product .more_btn {
      margin-top: calc(25 / 1600 * 100vw);
      margin-right: 0; }

  #about {
    padding-bottom: calc(120 / 1600 * 100vw); }
    #about .main_ttl .txt .en {
      width: calc(132 / 1600 * 100vw); }
    #about .about_in {
      padding-bottom: calc(135 / 1600 * 100vw); }
    #about .about_left {
      width: 18.2%; }
    #about .about_right {
      width: 48.3%; }
    #about .about_center {
      padding-right: calc(30 / 1600 * 100vw); }
      #about .about_center p {
        font-size: calc(16 / 1600 * 100vw); }
    #about #about_photo02 {
      left: calc(80 / 1600 * 100vw);
      top: calc(385 / 1600 * 100vw);
      width: calc(200 / 1600 * 100vw); }
    #about #about_photo03 {
      left: calc(230 / 1600 * 100vw);
      top: calc(225 / 1600 * 100vw);
      width: calc(200 / 1600 * 100vw); }
    #about #about_photo04 {
      left: calc(360 / 1600 * 100vw);
      top: calc(270 / 1600 * 100vw);
      width: calc(400 / 1600 * 100vw); }
    #about .btn_area .btn {
      width: calc(420 / 1600 * 100vw); }
      #about .btn_area .btn a {
        font-size: calc(16 / 1600 * 100vw);
        padding: calc(25 / 1600 * 100vw) 0;
        border-radius: 5px; }
    #about .btn_area .more_btn {
      width: calc(550 / 1600 * 100vw); }

  #recruit {
    padding-bottom: calc(160 / 1600 * 100vw); }
    #recruit .recrut_in {
      padding-left: calc(200 / 1600 * 100vw); }
      #recruit .recrut_in .txt {
        margin-left: calc(-20 / 1600 * 100vw); }
        #recruit .recrut_in .txt h3 {
          font-size: calc(32 / 1600 * 100vw); }
        #recruit .recrut_in .txt h4 {
          font-size: calc(32 / 1600 * 100vw);
          padding: calc(40 / 1600 * 100vw) 0 calc(15 / 1600 * 100vw); }
        #recruit .recrut_in .txt p {
          font-size: calc(16 / 1600 * 100vw);
          padding-bottom: calc(55 / 1600 * 100vw); } }
@media screen and (max-width: 768px) {
  .index_contents {
    padding: 0; }

  h2 {
    padding-bottom: calc(160 / 750 * 100vw);
    padding-top: calc(65 / 750 * 100vw); }
    h2 img {
      width: calc(620 / 750 * 100vw);
      margin: 0 auto; }

  .main_ttl i {
    width: calc(96 / 750 * 100vw); }
  .main_ttl .txt {
    padding-left: calc(18 / 750 * 100vw); }
    .main_ttl .txt .jp {
      font-size: calc(28 / 750 * 100vw);
      padding-top: calc(20 / 750 * 100vw); }

  #news {
    padding: 0 calc(25 / 750 * 100vw) calc(210 / 750 * 100vw); }
    #news .main_ttl .txt .en {
      width: calc(411 / 750 * 100vw); }
    #news ul {
      padding-left: 0px;
      padding-top: 10px;
      padding-bottom: 40px; }
      #news ul li {
        width: 100%;
        margin-bottom: calc(40 / 750 * 100vw); }
        #news ul li:first-child, #news ul li:nth-child(2) {
          margin-bottom: calc(100 / 750 * 100vw); }
          #news ul li:first-child a, #news ul li:nth-child(2) a {
            padding-bottom: calc(105 / 750 * 100vw); }
            #news ul li:first-child a img, #news ul li:nth-child(2) a img {
              width: 100%; }
            #news ul li:first-child a .video, #news ul li:nth-child(2) a .video {
              width: 100%; }
              #news ul li:first-child a .video:before, #news ul li:nth-child(2) a .video:before {
                width: calc(120 / 750 * 100vw);
                height: calc(120 / 750 * 100vw); }
            #news ul li:first-child a .block, #news ul li:nth-child(2) a .block {
              width: calc(640 / 750 * 100vw);
              padding: calc(20 / 750 * 100vw);
              right: calc(30 / 750 * 100vw); }
              #news ul li:first-child a .block .news_ttl, #news ul li:nth-child(2) a .block .news_ttl {
                font-size: calc(28 / 750 * 100vw); }
              #news ul li:first-child a .block .news_comment, #news ul li:nth-child(2) a .block .news_comment {
                font-size: calc(24 / 750 * 100vw);
                padding: calc(15 / 750 * 100vw) 0; }
              #news ul li:first-child a .block .news_date, #news ul li:nth-child(2) a .block .news_date {
                font-size: calc(20 / 750 * 100vw); }
        #news ul li:nth-child(3n+2) {
          padding-top: 0px; }
        #news ul li:nth-child(n+3) a {
          padding-bottom: 0; }
          #news ul li:nth-child(n+3) a img {
            width: calc(365 / 750 * 100vw); }
          #news ul li:nth-child(n+3) a .video {
            width: calc(365 / 750 * 100vw);
            z-index: 2; }
            #news ul li:nth-child(n+3) a .video:before {
              width: calc(120 / 750 * 100vw);
              height: calc(120 / 750 * 100vw); }
          #news ul li:nth-child(n+3) a .block {
            width: calc(400 / 750 * 100vw);
            padding: calc(20 / 750 * 100vw);
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
            #news ul li:nth-child(n+3) a .block .news_ttl {
              font-size: calc(28 / 750 * 100vw);
              line-height: 1.3; }
            #news ul li:nth-child(n+3) a .block .news_comment {
              display: none; }
            #news ul li:nth-child(n+3) a .block .news_date {
              padding-top: calc(15 / 750 * 100vw);
              font-size: calc(20 / 750 * 100vw); }
        #news ul li:nth-child(4) a .video, #news ul li:nth-child(6) a .video {
          width: calc(365 / 750 * 100vw);
          margin-left: auto; }
        #news ul li:nth-child(4) a img, #news ul li:nth-child(6) a img {
          width: calc(365 / 750 * 100vw);
          margin-left: auto;
          display: block; }
        #news ul li:nth-child(4) a .block, #news ul li:nth-child(6) a .block {
          right: auto;
          left: 0; }
    #news .more_btn {
      padding-right: 0; }

  .more_btn .after-foot {
    padding-right: calc(40 / 750 * 100vw);
    width: calc(260 / 750 * 100vw); }
  .more_btn a img {
    width: calc(425 / 750 * 100vw); }
  .more_btn.center {
    padding-right: 0;
    width: 100%;
    background-color: #fff; }

  #walk {
    padding-left: 0;
    padding-bottom: calc(220 / 750 * 100vw); }
    #walk .walk_in {
      border: 3px solid #000;
      border-bottom: none;
      border-radius: 3px;
      width: calc(700 / 750 * 100vw);
      margin: 0 auto;
      padding-top: calc(120 / 750 * 100vw);
      padding-bottom: calc(220 / 750 * 100vw); }
      #walk .walk_in h3 {
        top: calc(-94 / 750 * 100vw);
        width: calc(500 / 750 * 100vw);
        left: 50%; }
        #walk .walk_in h3 span {
          font-size: calc(36 / 750 * 100vw);
          padding-bottom: calc(20 / 750 * 100vw); }
        #walk .walk_in h3 img {
		  width: calc(428 / 750 * 100vw); }
      #walk .walk_in .pic {
        width: 100%; }
        #walk .walk_in .pic img {
          width: 90.4%;
          height: auto; }
      #walk .walk_in p {
        font-size: calc(28 / 750 * 100vw);
        padding: calc(0 / 750 * 100vw) calc(55 / 750 * 100vw) 0; }
        #walk .walk_in p span {
          font-size: calc(28 / 750 * 100vw); }
      #walk .walk_in .more_btn {
        bottom: 0;
        left: 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        position: absolute; }
        #walk .walk_in .more_btn:after {
          content: "";
          width: 100vw;
          left: calc(-25 / 750 * 100vw);
          bottom: 0;
          height: calc(100 / 750 * 100vw);
          background-color: #fff;
          position: absolute;
          z-index: -1; }

  #product {
    padding-bottom: calc(230 / 750 * 100vw); }
    #product h3 {
      margin-bottom: calc(30 / 750 * 100vw);
      padding-left: calc(25 / 750 * 100vw); }
    #product .main_ttl .txt .en {
      width: calc(250 / 750 * 100vw); }
    #product .product_in {
      padding-left: 0px;
      width: 100%; }
    #product .product_archive {
	  margin-top: calc(40 / 750 * 100vw); }
	#product .product_collection .link,
	#product .product_archive .link {
	  padding: calc(40 / 750 * 100vw) calc(20 / 750 * 100vw) calc(40 / 750 * 100vw) calc(60 / 750 * 100vw); }
    #product .product_collection .link img,
    #product .product_archive .link img {
	  width: calc(420 / 750 * 100vw); }
    #product .product_head {
      margin-bottom: calc(70 / 750 * 100vw); }
      #product .product_head .left {
        width: 100%; }
        #product .product_head .left img {
          width: 100%;
          height: auto;
          object-fit: contain;
          font-family: 'object-fit: contain;'; }
      #product .product_head .right {
        width: 100%; }
        #product .product_head .right .box01 {
          height: auto;
          border-bottom: 1px solid #fff;
          padding: calc(40 / 750 * 100vw) calc(25 / 750 * 100vw) calc(30 / 750 * 100vw);
          text-align: center; }
          #product .product_head .right .box01 p {
            font-size: calc(24 / 750 * 100vw);
            padding-bottom: calc(30 / 750 * 100vw); }
          #product .product_head .right .box01 img {
            width: calc(422 / 750 * 100vw);
            margin: 0 auto; }
        #product .product_head .right .box02 {
          height: auto; }
          #product .product_head .right .box02 div {
            width: 50%; }
            #product .product_head .right .box02 div:first-of-type {
              border-right: 1px solid #fff; }
            #product .product_head .right .box02 div img {
              width: 100%;
              height: auto;
              object-fit: contain;
              font-family: 'object-fit: contain;'; }
    #product .product_content {
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-top: calc(40 / 750 * 100vw);
      padding: 0 calc(20 / 750 * 100vw); }
      #product .product_content .product_block {
        width: calc(340 / 750 * 100vw);
        margin-left: 0px;
        margin-bottom: calc(20 / 750 * 100vw); }
        #product .product_content .product_block .product_info {
          padding-top: calc(10 / 750 * 100vw);
          display: block;
          text-align: center; }
          #product .product_content .product_block .product_info .product_logo {
            width: calc(100 / 750 * 100vw);
            height: calc(100 / 750 * 100vw);
            margin: 0 auto;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center; }
          #product .product_content .product_block .product_info .product_name {
            padding-left: 0px;
            width: 100%;
            padding-top: calc(20 / 750 * 100vw); }
            #product .product_content .product_block .product_info .product_name p {
              font-size: calc(24 / 750 * 100vw); }
    #product .more_btn {
	  width: calc(700 / 750 * 100vw);
      margin: calc(60 / 750 * 100vw) auto 0; }

  #about {
    padding-bottom: calc(200 / 750 * 100vw); }
    #about .main_ttl .txt .en {
      width: calc(264 / 750 * 100vw); }
    #about .about_in {
      padding-bottom: 0; }
    #about .about_left {
      width: 100%;
      order: 1;
      padding-bottom: calc(40 / 750 * 100vw);
      padding-left: calc(20 / 750 * 100vw); }
    #about .about_center {
      order: 3;
      width: 100%;
      padding: calc(500 / 750 * 100vw) calc(30 / 750 * 100vw) calc(80 / 750 * 100vw); }
      #about .about_center p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.875;
        letter-spacing: 0.05em; }
    #about .about_right {
      width: 100%;
      order: 2; }
    #about #about_photo02 {
      left: calc(20 / 750 * 100vw);
      top: calc(925 / 750 * 100vw);
      width: calc(210 / 750 * 100vw); }
    #about #about_photo03 {
      left: calc(185 / 750 * 100vw);
      top: calc(740 / 750 * 100vw);
      width: calc(210 / 750 * 100vw); }
    #about #about_photo04 {
      left: calc(315 / 750 * 100vw);
      top: calc(795 / 750 * 100vw);
      width: calc(420 / 750 * 100vw); }
    #about .btn_area {
      display: block; }
      #about .btn_area .btn {
        width: calc(560 / 750 * 100vw);
        margin: 0 auto; }
        #about .btn_area .btn a {
          font-size: calc(28 / 750 * 100vw);
          padding: calc(25 / 750 * 100vw) 0; }
      #about .btn_area .more_btn {
        padding-top: calc(90 / 750 * 100vw);
        width: calc(700 / 750 * 100vw);
        margin: 0 auto; }

  #recruit {
    padding-bottom: calc(220 / 750 * 100vw); }
    #recruit .recrut_in {
      padding-left: 0px; }
      #recruit .recrut_in .photo {
        width: 100%; }
        #recruit .recrut_in .photo img {
          width: 100%; }
      #recruit .recrut_in .txt {
        padding: calc(45 / 750 * 100vw) calc(15 / 750 * 100vw) 0;
        width: 100%;
        margin-left: 0px; }
        #recruit .recrut_in .txt h3 {
          font-size: calc(36 / 750 * 100vw); }
        #recruit .recrut_in .txt h4 {
          font-size: calc(48 / 750 * 100vw);
          padding: calc(20 / 750 * 100vw) 0 calc(30 / 750 * 100vw); }
        #recruit .recrut_in .txt p {
          font-size: calc(28 / 750 * 100vw);
          padding-bottom: calc(70 / 750 * 100vw); } }

.slick-slide img {
    width: 100%;
    height: auto;
}
