@charset "UTF-8";
/*==================================

  mobile

==================================*/
.pc {
  display: inherit; }

.sp {
  display: none; }

@media (min-width: 1650px) {
  footer .footer_contents .contents {
    margin-left: 30%; }

  footer small {
    text-align: center; }

  .slick .mv_txt img {
    left: 35%; } }
@media (max-width: 1370px) {
	.under_mv {
    background-size: 100% 170px;
    background-position: center;
	}
  .trade07 ul li {
    font-size: 0.95vw; }

  .trade07 .flow_box {
    padding: 80px 30px; }

  .top_mv > img {
    position: absolute;
    left: 350px;
    top: 50%;
    transform: translateY(-50%); }

  .slick img {
    width: auto;
    max-width: inherit;
    height: 100vh; }

  .top {
    left: 11%; }

  .top_news {
    padding-right: 80px; }

  .top03 .contents > .flex_box.rev .flex_txt {
    width: 50%; }

  .top03 .contents > .flex_box.rev .flex_txt h3, .top03 .contents > .flex_box.rev .flex_txt p {
    padding-left: 5vw; }

  .top03 .contents > .flex_box.rev .flex_txt .btn {
    margin-left: 5vw; }

  footer {
    padding-right: 0; } }
@media (max-width: 1240px) {
  .top03 .contents > .flex_box.rev .flex_txt h3, .top03 .contents > .flex_box.rev .flex_txt p {
    padding-left: 3vw; }

  footer .footer_contents .contents {
    margin-left: 30%; }

  footer small {
    padding-left: calc(30% + 40px); }

  .page-wooltextile .w01 .bg_gl, .page-wooltextile .w01 .bg_gl::before {
    height: 34vw; }

  .top03 .contents > .flex_box.rev .flex_txt .btn {
    margin-left: 3vw;
    max-width: 18.5vw; }

  .item_list li .flex_date {
    width: 30%; }

  .cat {
    margin-left: 1vw; }

  .item_list li .flex_txt {
    width: 70%; }

  .slick-slide li > img {
    height: 100%;
    width: auto;
    max-width: inherit; }

  .top {
    top: 85%; } }
@media only screen and (min-width: 1025px) and (max-height: 820px) {
  .head_bn {
    width: 90%;
    max-width: 190px;
    position: absolute;
    bottom: 15px; }
    .head_bn li {
      margin-bottom: 10px; } }
@media (max-width: 1024px) {
  html {
    overflow-x: hidden; }

  .pc {
    display: none; }

  .under_mv .contents {
    margin-left: auto; }

  .sp {
    display: inherit; }
  .slick-slide li > img {
    height: 700px;
    width: auto;
    max-width: inherit; }

  header .main_menu .drop_menu {
    display: none; }

  main, footer {
    padding-left: 0; }

  .page-wooltextile .w01 .bg_gl .contents {
    width: 100%; }

  .page-wooltextile .w01 .bg_gl, .page-wooltextile .w01 .bg_gl::before {
    height: inherit; }

  main, footer {
    width: 100%; }

  footer > img {
    width: 96%;
    margin-left: 2%; }

  .w01 {
    padding: 0; }

  footer {
    padding-right: 0; }

  footer .footer_contents {
    margin-left: 0; }

  .pan {
    padding-left: 15px;
    padding-right: 15px; }

  .page-trade .slider_box ul li img {
    height: auto;
    max-width: 100%;
    width: initial; }

  .page-trade .slider_box ul li {
    display: flex;
    justify-content: center;
    align-items: center; }

  header, header .position {
    width: 0;
    padding: 0;
	transform:none;
	}
	main section,footer .footer_contents .flex_box {
		transform:none;
	}
  .top {
    left: inherit;
    padding-left: 0; }

  .main_contents {
    flex: initial;
    width: 100%; }

  .head_nav {
    right: 70px; }

  .top_mv {
    height: 700px; }

  header .head_bn {
    position: inherit;
    bottom: 0;
    padding: 0;
    left: 0;
    margin-top: 50px;
    width: 100%; }

  .top_news {
    margin-top: 700px;
    padding-right: 15px; }

  .slick .mv_txt img {
    left: 5%; }

  .top_mv > img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

  .contents {
    width: 100%; }

  footer {
    padding-right: 0; }

  footer > a, footer > ul, footer > .flex_box {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }

  .drawer-nav {
    padding: 10px; }
    .drawer-nav .main_menu li:first-child::before {
      display: none; }

  header .main_menu .drop_menu {
    position: initial;
    width: 100%; }

  section {
    padding-left: 15px;
    padding-right: 15px; }

  .drawer--top.drawer-open .drawer-nav {
    top: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }

  .drawer--left.drawer-open .drawer-nav,
  .drawer--left .drawer-hamburger,
  .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }

  .drawer--right.drawer-open .drawer-nav,
  .drawer--right .drawer-hamburger,
  .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }

  footer .footer_contents {
    position: inherit;
    height: inherit;
    margin: 0; }

  footer .footer_contents .contents {
    margin-left: 0; }

  footer small {
    padding-left: 15px; }

  .en-US footer .footer_contents {
    padding-bottom: 30px; } }
/* スマホ */
@media (max-width: 640px) {
	.under_mv .contents .sv {
		top: -20px;
	}
  .trade07 ul li {
    font-size: 15px; }

  .flex_box.rev > div:first-child {
    order: 1; }

  .flex_box.rev > div:last-child {
    order: 2; }

  .top_mv > img {
    max-width: 90%; }

  section {
    padding: 40px 15px; }

  .top_news {
    padding: 40px 20px; }

  .top_news .flex_ttl {
    width: 30%; }

  .top_news .flex_item {
    width: 100%; }

  .item_list li .flex_date {
    width: 100%;
    margin-bottom: 10px; }

  .item_list li .flex_txt {
    width: 95%; }

  .top02 {
    padding: 40px 20px; }

  .top02 .flex_txt, .top02 .top02 .flex_img {
    width: 100%; }

  .slider .bx-wrapper, .slider .text_r, .trade05 p, .case_box .flex_box, .trade07 .contents > p, .trade07 .contents ul, .digitalize02, .digitalize03 .flex_box, .digitalize04 .flex_box, .digitalize05 .flex_box, .digitalize06 .flex_box, .transform02 .flex_box, .transform03 .flex_box, .transform04 .flex_box, .contact, .trade03 img {
    max-width: 100% !important; }

  .top02 .flex_img, .top03 .contents > .flex_box .flex_txt, .top03 .contents > .flex_box .flex_img, footer > .flex_box .flex_img, .about01 .flex_box .flex_img, .about02 .flex_box .flex_img, .case_list .case_box .flex_img, .trade07 ul li, .trade07 .btn_set li, .trade07 .btn_set, .digitalize01 .flex_txt, .digitalize01 .flex_img, .digitalize03 .flex_img, .digitalize03 .flex_txt, .digitalize04 .flex_img, .digitalize06 .flex_img, .digitalize04 .flex_txt, .digitalize06 .flex_txt, .digitalize05 .flex_img, .digitalize05 .flex_txt, .transform01 .flex_txt, .transform01 .flex_img, .transform02 .flex_img, .transform03 .flex_img, .transform02 .flex_txt, .transform03 .flex_txt, .transform04 .flex_txt, .trade06,
  .about04 .flex_box .flex_txt:first-child, .about04 .flex_box .flex_txt:last-child, .trade02 ul li, .trade02 ul, .trade03 .flex_box > div, .archive_list li .flex_img, .archive_list li .flex_txt {
    width: 100%; }

  .trade03 .flex_box > div, .archive_list li .flex_txt {
    margin-top: 15px; }

  .case_list .case_box .flex_txt {
    width: 100%;
    padding: 15px 15px 0; }

  .case_list {
    margin-bottom: 40px; }

  .top03 .contents > .flex_box.rev .flex_txt {
    width: 80%; }

  footer > .flex_box .flex_img, .about04 .flex_box .flex_txt:last-child, .trade02 ul li, .trade07 .btn_set li, .digitalize03 .flex_txt, .digitalize04 .flex_txt, .digitalize06 .flex_txt, .digitalize05 .flex_txt, .transform02 .flex_txt, .transform03 .flex_txt {
    margin-top: 20px; }

  .top03 .contents > .flex_box.rev .flex_txt .btn {
    max-width: 64.5vw; }

  .top03 .contents > .flex_box .flex_img, .about01 .flex_box .flex_img, .digitalize01 .flex_img, .transform01 .flex_img {
    flex: initial;
    margin-top: 20px; }

  .digitalize03 h2 {
    font-size: 8vw;
    margin-bottom: 50px; }

  .digitalize03 h3 {
    font-size: 5vw; }

  .top02 .flex_txt h2, .flow_box h2, .blue_ttl, .digitalize05 h2 {
    font-size: 7vw; }

  .blue_ttl {
    margin-bottom: 50px; }

  .digitalize01 .flex_txt, .transform01 .flex_txt {
    padding: 0; }

  .under_head h2 {
    font-size: 6vw; }

  footer {
    margin-top: 0;
    /*margin-top: 50px;*/ }

  footer > ul {
    flex-wrap: wrap; }

  footer > ul li {
    width: 100%; }

  footer > ul li:first-child {
    border-right: none;
    border-bottom: 1px solid #0079C0; }

  .under_head img {
    margin-bottom: 40px; }

  .about01 .flex_box .flex_txt, .about02 .flex_box .flex_txt {
    width: 90%;
    margin-left: auto;
    padding: 15px 0;
    margin-right: auto; }

  .about02 .flex_box .flex_txt {
    font-size: 4vw; }

  footer .footer_contents .contents .flex_box > div {
    width: 100% !important; }

  footer .footer_contents .contents {
    padding: 50px 20px 10px; }

  footer .footer_contents .contents p {
    margin-bottom: 20px; }

  .flex_02 {
    margin-top: 20px !important; }

  footer small {
    padding: 15px; }

  .about03 {
    margin-bottom: 80px; }

  .about03 ul {
    flex-wrap: wrap; }

  .about03 ul li {
    width: 100%;
    margin-bottom: 15px; }

  .about04 .flex_box .flex_txt:last-child {
    padding-bottom: 50px; }

  .about04 .contents {
    padding: 0 20px; }

  .slider .bx-wrapper img {
    margin-bottom: 0; }

  .flow_box {
    width: 96%;
    margin: 0 auto;
    border: 2px solid #0079C0;
    border-radius: 20px;
    position: relative;
    padding: 56px 15px 0; }

  .case_list h3 {
    padding-left: 90px;
    font-size: 5.5vw;
    padding-bottom: 10px; }

  .case_list h3 img {
    width: 80px;
    bottom: -15px; }

  .transform04 .flex_txt {
    padding-bottom: 20px;
    height: auto;
    position: inherit; }

  .transform04 .flex_txt .tf_btn {
    position: inherit; }

  table.contact {
    width: 90%;
    margin: 0 auto 50px; }

  table.contact th, table.contact td {
    display: block;
    width: 100%; }

  .single_main {
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0; }

  .cat_nav {
    width: 100%;
    flex: initial;
    max-width: 100%; }

  .single_main h1 {
    font-size: 4.5vw; }

  .digitalize02 img {
    max-width: 100%; }

  .trade07 .contents {
    padding-left: 0; }

  .transform04 .flex_txt .tf_btn {
    width: 100%; }

  footer > .flex_box .face {
    display: none;
    /*
    width: 100%;
    margin-top: 15px;
    height: 400px;*/ }

  .about01.under_head h2 {
    margin-bottom: 30px; }

  .about01 .flex_box .flex_txt::before {
    content: "";
    display: block;
    position: absolute;
    width: 120%;
    height: 100%;
    left: -10%;
    top: 0;
    z-index: -1;
    background: #F4F4F4; }

  .about02 .flex_box .flex_txt::before {
    content: "";
    display: block;
    position: absolute;
    width: 120%;
    height: 100%;
    right: -10%;
    top: 0;
    z-index: -1;
    background: #F4F4F4; }

  .case_list h3::after {
    top: inherit;
    transform: none;
    bottom: 0; }

  .trade07 .flow_box {
    padding: 50px 20px;
    margin-bottom: 50px; }

  .trade07 ul li {
    margin-top: 15px; }

  .top_mv {
    height: 60vh; }

  .slick-slide li > img {
    height: 60vh;
    width: auto;
    max-width: inherit; }

  .slick .mv_txt img {
    max-width: 85%;
    height: auto; }

  .top img {
    width: 35px; }

  .top_news {
    margin-top: 65vh; }

  .top03 .contents > .flex_box .flex_txt {
    padding-left: 0;
    padding-bottom: 10px; }
    .top03 .contents > .flex_box .flex_txt .btn {
      max-width: 250px !important;
      margin: 0 !important; }

  .top03 .contents > .flex_box.rev .flex_txt p {
    padding-left: 0; }

  .page-trade .slider_box ul li img {
    height: auto;
    max-width: 100%;
    width: initial; }

  .page-trade .slider_box ul li {
    display: flex;
    justify-content: center;
    align-items: center; }

  .page-trade .slider_box ul li img {
    margin: 5px; }

  .page-wooltextile .w02 .img01, .page-wooltextile .w02 .img02 {
    margin-bottom: 40px; }

  h2.bgb {
    font-size: 5.5vw; }

  .page-wooltextile .w03 .flex_txt, .page-wooltextile .w04 .flex_txt, .page-wooltextile .w03 .flex_img, .page-wooltextile .w04 .flex_img {
    width: 100%; }

  .page-wooltextile .w04 .flex_box {
    margin-bottom: 40px; }

  .page-proposal-to-sake-breweries .pb02 .flex_box {
    width: 100%; }

  .page-proposal-to-sake-breweries .pb02 .flex_box .dig_btn {
    width: 100%; }

  .under_mv .contents h2 {
    padding: 0 10px; }

  .about02 .flex_box .flex_txt {
    flex: none; }

  footer > img {
    width: 90%;
    margin-left: 5%; }

  .page-wooltextile .w01 .bg_gl .contents .flex_box .flex_img:first-child {
    width: 100%;
    max-width: 60%;
    margin: 0 auto 50px;
    padding: 0; }

  .page-wooltextile .w01 .bg_gl .contents .flex_box .flex_img:last-child {
    width: 80%;
    margin: 0 auto; }

  .page-wooltextile .w01 .bg_gl .contents .flex_box .flex_img:last-child img:first-child {
    margin-left: 0;
    margin-bottom: 30px; }

  .trade07 .btn_set {
    padding-top: 0; }

  .en-US .about01.under_head h2 {
    margin-top: 0;
    margin-bottom: 30px; }
	.bt_no {
		max-width:100% !important;
	}
}