@media screen and (max-width: 1200px) {
  header {
    height: 60px;
    position: fixed;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  header .header-logo {
    width: 260px;
  }
  header .sp_menu {
    display: block;
    height: 25px;
    position: fixed;
    right: 1.6rem;
    top: 1.6rem;
    width: 24px;
    z-index: 999999999;
  }
  header #menu-btn,
  header #menu-btn:before,
  header #menu-btn:after {
    content: '';
    display: block;
    height: 2px;
    width: 24px;
    border-radius: 3px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: .2s;
    transition: .2s;
  }
  header #menu-btn:before {
    top: 10px;
  }
  header #menu-btn:after {
    top: 20px;
  }
  header #menu-btn.open-menu {
    background-color: rgba(0, 0, 0, 0);
  }
  header #menu-btn.open-menu::before {
    top: 8px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  header #menu-btn.open-menu::after {
    top: 8px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  header nav {
    background: #808080;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    overflow-x: hidden;
    width: 0;
    -webkit-transition: .2s;
    transition: .2s;
  }
  header nav.open-menu {
    opacity: 1;
    width: 240px;
    height: auto;
    top: 0;
    right: 0;
  }
  header .globalmenu ul {
    margin: 5.0rem 0 2.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  header .globalmenu li {
    width: 100%;
    padding: 1rem 0;
    margin: 0;
    height: auto;
  }
  header .globalmenu li a {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .globalmenu li a::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 0.5rem;
    background: url(../img/common/icon-menu.svg) no-repeat center/contain;
  }

  header .globalmenu .drop-down-menu {
  	display: block;
  	width: 100%;
  	position: relative;
  	background:#FFF;
  	top: auto;
	margin: 0;
	background: #808080;
  }
  header .globalmenu .drop-down-menu li {
  	text-align: left;
  	padding:0;
  }
  header .globalmenu .drop-down-menu li a{
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	padding: 8px 16px 8px 40px;
  }

  main #sub-img {
    padding: 60px 0 0;
  }
  main #sub-img .title h1 {
    font-size: 5.6rem;
  }
  main #sub-img .title p {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 1100px) {
  .body-wrap {
    max-width: auto;
    margin: 0 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .body-wrap {
    max-width: auto;
    margin: 0 1.5rem;
  }
  .w25{
  	width:100%;
  }
  .w50{
  	width:100%;
  }
  .w75{
  	width:100%;
  }
  header {
    height: 50px;
    padding: 0 1.5rem;
  }
  header .header-logo {
    width: 180px;
  }
  footer div.flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer ul.footer-menu {
    border-left: none;
    border-top: solid 1px #fff;
    padding: 3.0rem 0 0;
    margin-top: 3.0rem;
    width: 100%;
  }
  footer .copyright {
    margin: 3.0rem 0;
  }
  footer #to_top a {
    display: inline-block;
    text-align: right;
  }
  footer #to_top a img {
    max-width: 50%;
    height: auto;
  }
  /* common */
  main {
    width: 100%;
	padding-top: 50px;
	font-size:1.6rem;
  }
  .more_btn {
    display: block;
  }
  h2 {
    font-size: 2.0rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  .list_01 li {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .list_01 li img {
    width: 50px;
    margin-right: 1.6rem;
  }
  .list_01 li p {
    font-size: 1.6rem;
  }
  .common_table {
    width: 500px;
    font-size: 1.3rem;
  }
  .common_table th, .common_table td {
    padding: 1.0rem;
  }
  div.scroll {
    overflow: scroll;
  }
  .package table {
    width: 380px;
  }
  .package table td {
    font-size: 1.6rem;
  }
  .package table td span {
    font-size: 1.3rem;
  }
  .package table td img {
    max-width: 150px;
  }
  .package div.flex-box {
    display: block;
  }
  .package div.flex-box p {
    font-size: 1.4rem;
    margin-right: 0;
  }
  .product-li {
    display: block;
  }
  .product-li li {
    width: 90%;
    max-width: 520px;
    margin: 0 auto 4.0rem;
    padding: 3.2rem 2.0rem 3.0rem;
  }
  .product-li li span.name {
    margin-left: 5.0rem;
    font-size: 2.4rem;
  }
  .product-li li p {
    font-size: 1.6rem;
  }
  .product-li li a.btn_more {
    width: 100%;
    padding: 0.8rem 0;
  }
  /* home */
  #Home main #main-img {
    padding: 0;
  }
  #Home main #main-img .bx-viewport {
    height: auto;
  }
  #Home main #select p.title {
    font-size: 2.4rem;
  }
  #Home main #news h2 {
    font-size: 2.4rem;
  }
  #Home main #news li {
    padding: 1.0rem;
    font-size: 1.6rem;
  }
  #Home main #news li span.date {
    display: block;
  }
  #Home main #index li {
    width: 100%;
    max-width: 510px;
    margin-bottom: 6.0rem;
  }
  /* sub */
  main #sub-img {
    padding: 50px 0 0;
    height: 280px;
  }
  main #sub-img .title h1 {
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: 1.2rem;
  }
  main #sub-img .title p {
    font-size: 1.8rem;
    white-space: normal;
    width: 90vw;
  }
  main p.sub-title {
    font-size: 2.0rem;
    margin: 4.0rem 0;
  }
  #ExportLineUp main .item_box .flex-box {
    flex-wrap:wrap;
  }
  #ExportLineUp main .item_box .flex-box ._left,
  #ExportLineUp main .item_box .flex-box ._right {
	width:100%;
	margin:16px 0;
	padding:0;
  }
  #ExportLineUp main .item_box .more_box{
	padding:16px 8px;
  }

  #Company main #sub-img {
    height: 200px;
  }

	#Company #access .flex-box{
		flex-wrap:wrap;
	}

	#Company #access .w25{
		width:100%;
		margin-bottom:24px;
	}
	#Company #access .w75{
		width:100%;
		padding-left:0;
	}
	#Company #s02 .flex-box{
		flex-wrap:wrap;
	}
	#Company #s02 h2{
		position:relative;
	}
	#Company #s02 span{
		position:absolute;
		right:0;
	}
	#Company #s02 .w25{
		width:100%;
	}
	#Company #s02 .w75{
		width:100%;
		padding-left:0;
		margin-bottom:24px;
	}

  .bs-mail-form th,
  .bs-mail-form td {
    display: block;
  }

  #Order main #sub-img {
    height: 200px;
  }
  #Order main .order_form .inner {
    width: auto;
    margin: 0 15px;
  }
  #Order main .order_form select {
    width: 100%;
  }
  #Order main .order_form select#MailMessageAddress1 {
    width: auto;
  }

  #Contact main #sub-img {
    height: 200px;
  }
  #Contact main .bs-mail-form th,
  #Contact main .bs-mail-form td {
    width: 100%;
  }
  #Contact main .bs-mail-form-auth-captcha > div {
    display: block;
    text-align: center;
  }
  #Contact main .bs-mail-form-auth-captcha input[type="text"]{
    margin-left: auto;
    margin-top: 10px;
  }
  #Contact .bs-mail-form .bs-mail-form-submit {
    flex-direction: column;
    align-items: center;
    margin: 40px 0;
  }
  #Contact .bs-mail-form input[type="reset"], 
  #Contact .bs-mail-form input[type="submit"]{
    margin: 10px 0;
  }

  .Tokushoho main table th{
	display:block;
	width:100%;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
  }
  .Tokushoho main table td{
	display:block;
	width:100%;
  }
}
/*# sourceMappingURL=responsive.css.map */