@charset "UTF-8";

@media (max-width: 460px) {
  .main {
    overflow: hidden;
	
	
	
	margin-top:15px;
  }
  .md {
    display: none !important;
  }
  .sm {
    display: block !important;
  }
  img {
    display: block;
    max-width: 100%;
  }
  img.inline {
    display: inline;
  }
  .trans {
    opacity: 1;
  }
  .trans:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  body {
    font-size: 16px;
  }
  .container {
    width: auto;
    min-width: 460px;
  }
  .wrapper {
    width: auto;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
  }



/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

/*!------------------------------------*    Base
\*!------------------------------------*/
  .drawer-open {
    overflow: hidden !important;
  }
  .drawer-nav {
    position: fixed;
    z-index: 101;
    top: 0;
    overflow: hidden;
    width: 16.25rem;
    height: 100%;
    color: #222;
    background-color: #fff;
  }
  .drawer-brand {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 3.75rem;
    display: block;
    padding-right: .75rem;
    padding-left: .75rem;
    text-decoration: none;
    color: #222;
  }
  .drawer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .drawer-menu-item {
    font-size: 1rem;
    display: block;
    padding: .75rem;
    text-decoration: none;
    color: #222;
    transform:rotate(0.03deg);

  }
  .drawer-menu-item:hover {
    text-decoration: none;
    color: #555;
    background-color: transparent;
  }
  /*! overlay */
  .drawer-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .drawer-open .drawer-overlay {
    display: block;
  }
  /*!------------------------------------*      Top
  \*!------------------------------------*/
  .drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .drawer--top.drawer-open .drawer-nav {
    top: 0;
  }
  .drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
    right: 0;
  }
  /*!------------------------------------*      Left
  \*!------------------------------------*/
  .drawer--left .drawer-nav {
    left: -16.25rem;
    -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
  }
  .drawer--left.drawer-open .drawer-hamburger {
    left: 16.25rem;
  }
  /*!------------------------------------*      Right
  \*!------------------------------------*/
  .drawer--right .drawer-nav {
    right: -18.25rem;
    -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .drawer--right.drawer-open .drawer-nav, .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
  }
  .drawer--right.drawer-open .drawer-hamburger {
    right: 58%;
  }
  /*!------------------------------------*      Hamburger
  \*!------------------------------------*/
  .drawer-hamburger {
    position: absolute;
    z-index: 104;
    top: 25%;
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 33px;
    margin-top: 10px;
    padding: 0;
    padding-top: 18px;
    padding-right: .75rem;
    padding-bottom: 30px;
    padding-left: .75rem;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: 0;
    outline: 0;
    background-color: transparent;
  }
  .drawer-hamburger:hover {
    cursor: pointer;
    background-color: transparent;
  }
  .drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 10px;
  }
  .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    width: 100%;
    height: 5px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #333;
  }

  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    position: absolute;
    top: -10px;
    left: 0;
    content: ' ';
  }
  .drawer-hamburger-icon:after {
    top: 10px;
  }
  .drawer-open .drawer-hamburger-icon {
    background-color: transparent;
  }
  .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {
    top: 0;
  }
  .drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /*!------------------------------------*      accessibility
  \*!------------------------------------*/
  /*!
   * Only display content to screen readers
   * See: http://a11yproject.com/posts/how-to-hide-content
   */
  .sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  /*!
   * Use in conjunction with .sr-only to only display content when it's focused.
   * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
   * Credit: HTML5 Boilerplate
   */
  .sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
  }
  /*!------------------------------------*      Sidebar
  \*!------------------------------------*/
  .drawer--sidebar {
    background-color: #fff;
  }
  .drawer--sidebar .drawer-contents {
    background-color: #fff;
  }



/*!------------------------------------*      Navbar
  \*!------------------------------------*/
  .drawer--navbarTopGutter {
    padding-top: 3.75rem;
  }
  .drawer-navbar .drawer-navbar-header {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  .drawer-navbar {
    z-index: 102;
    top: 0;
    width: 100%;
  }
  /*! .drawer-navbar modifier */
  .drawer-navbar--fixed {
    position: fixed;
  }
  .drawer-navbar-header {
    position: relative;
    z-index: 102;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 .75rem;
    text-align: center;
  }
  .drawer-navbar .drawer-brand {
    line-height: 3.75rem;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
  }
  .drawer-navbar .drawer-brand:hover {
    background-color: transparent;
  }
  .drawer-navbar .drawer-nav {
    padding-top: 3.75rem;
  }
  .drawer-navbar .drawer-menu {
    padding-bottom: 7.5rem;
  }



/*!------------------------------------*      Dropdown
  \*!------------------------------------*/

  .drawer-dropdown-menu {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
  }
  .drawer-dropdown-menu>li {
    width: 100%;
    list-style: none;
  }
  .drawer-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0;
    padding-right: .75rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #222;
  }
  .drawer-dropdown-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent;
  }
  /*! open */
  .drawer-dropdown.open>.drawer-dropdown-menu {
    display: block;
  }
  /*! drawer-caret */
  .drawer-dropdown .drawer-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    -o-transition: opacity .2s ease, -o-transform .2s ease;
    -moz-transition: transform .2s ease, opacity .2s ease, -moz-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  /*! open */
  .drawer-dropdown.open .drawer-caret {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  /*!------------------------------------*      Container
  \*!------------------------------------*/
  .drawer-container {
    margin-right: auto;
    margin-left: auto;
  }



  .main-header {
    background: url(../img/sp/bgd_main_header.png) no-repeat left center;
    background-size: cover;
    display: block;
    height: 124px;
    position: relative;
  }
  .main-header .logo {
    width: 100%;
  }
  .main-header .link-logo {
    padding: 58px 42px 0 86px;
  }
  .main-header .icon-header {
    left: -2px;
  }
  .navigation {
    display: block;
    width: 60% !important;
  }
  .navigation ul {
    padding-top: 30px;
    display: block;
  }
  .navigation ul li {
    padding: 0;
    border-bottom: 1px solid #333;
  }
  .navigation ul li a {
    font-weight: bold;
  }
  .hamburger-menu {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: 9px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .hamburger-menu span {
    width: 33px;
    height: 4px;
    background-color: #333;
    display: block;
    margin-bottom: 6px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  .hamburger-menu span:last-child {
    margin-bottom: 0;
  }



.footer_inside {
	max-width:440px;
    transform:rotate(0.03deg);
}
.footer_left {
	width:150px;
	margin-top:3px;
    transform:rotate(0.03deg);
}
.footer_right_text {
	max-width:440px;
}


  .sec-title02 {
    padding-bottom: 23px;
  }
  .icon-orange {
    width: 14px;
    height: 14px;
  }
  .desc-title {
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
  }



  .sec-banner01 {
    margin-top: 0;
    height: 399px;;
  }
  .sec-banner01 .caption img {
    left: 50%;
    margin: -4px 0 0 6px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 91.5%;
  }
  .block-desc01 {
    margin-top: 35px;
    height: auto;



	margin-bottom:110px;
}



  .block-desc01 .content-desc01 {
    padding-top: 22px;
    font-size: 16px;
    line-height: 1.9;
      transform:rotate(0.03deg);
  }



.block-desc01 .content-desc01 p {
	text-align:left;:
}



  .sec-about {
	margin-bottom:50px;
  }
  .sec-about .list-about {
    display: block;
    text-align: center;
}
  .sec-about .list-about .title {
    padding-top: 14px;
  }
  .sec-about .list-about .item {
    margin: 0 auto;
    width: 80%;
    padding: 0 0 27px;
    display: block;
    text-align: center;
  }
  .sec-about .list-about .item img {
    margin: 0 auto;
  }
  .sec-about .list-about .item:last-child {
    padding-bottom: 0;
  }



  .sec-contact {
	margin-bottom:57px;
  }
  .sec-contact .list-contact {
    display: block;
    text-align: center;
}

  .sec-contact .list-contact .item {
    margin: 0 auto;
    width: 80%;
    padding: 0 0 27px;
    display: block;
    text-align: center;
  }
  .sec-contact .list-contact .item img {
    margin: 0 auto;
  }
  .sec-contact .list-contact .item:first-child {
    padding-bottom: 50px;
  }
  .sec-contact .list-contact .item:last-child {
    padding-bottom: 0;
  }



.top_image img {
	margin-top: 5px;
	width:460px;
	height:auto;
}



  .content-desc {
    padding: 0 10px;
  }
  .content-desc .content01 {
    padding-bottom: 24px;
  }
  .content-desc .sec-title {
    margin-top: 17px;
    padding-left: 0;
  }
  .content-desc .desc01 {
    padding-top: 15px;
    font-size: 16px;
    line-height: 1.9;
      transform:rotate(0.03deg);
  }
  .content-desc .content02 .desc02 .title-desc02 {
    margin-top: 35px;
  }
  .content-desc .content02 .desc02 .list-product {
    margin-top: 31px;
  }



  .content-desc .content02 .desc03 .title-desc02 {
    margin: 45px 0 0 25px;
  }
  .content-desc .content02 .desc03 .content-desc03 {
    margin-left: 0;
      transform:rotate(0.03deg);
  }
  .list-product .item {
    margin-bottom: 44px;
  }
  .list-product .item .title:before {
    top: 10px;
  }

  .list-product .item .title {
    line-height: 1.2;
  }
  .list-product .item .content-product {
    width: 100%;
    float: none;
  }
  .list-product .item .thumb-product {
    padding-top: 10px;
    width: 100%;
    float: none;
    text-align: center;
	    padding-right: 10px;

  }
  .list-product .item .thumb-product img {
    margin: 0 auto;
  }
  .index2-page .contact {
    margin: 20px auto 50px;
  }



  .index3-page .content-desc .desc01 {
    padding-top: 15px;
    line-height: 1.8;
  }
  .sec-cnt-index03 .desc02 {
    margin-top: 5px;
            transform:rotate(0.03deg);
  }
  .sec-cnt-index03 .desc02 .author {
    font-size: 12px;
  }
  .sec-cnt-index03 .desc02 .sign {
    padding-top: 8px;
    font-size: 24px;
  }
  .sec-view-maps .sec-title {
    margin-top: 25px;
  }
  .company_profile {
	width:100%;
  width:440px;
	height:392px;
	background:url(../company/img/company_profile_sp.jpg) left top no-repeat;
	background-size:contain;
}
  .section_company li {
    padding-top: 0;
	line-height:1.5;
  }
  .section_company li span {
    vertical-align: top;
    line-height: 2.2;
  }
  .section_company li .name {
    position: relative;
    width: 65px;
  }
  .section_company01 {
    padding-top: 12px;
  }
  .section_company01 .name:before {
    position: absolute;
    content: "：";
    right: 0;
    top: 0;
    width: 20px;
  }
  .section_company01 .last:before {
    position: static;
    content: "";
    width: auto;
  }
  .maps {
    margin-top: 27px;
  }
  .section_company02 {
    padding-top: 38px;
  }
  .section_company03, .section_company04 {
    margin-top: 46px;
	font-size:14px;
	line-height:1.0;
            transform:rotate(0.03deg);
  }
  .section_company03 .item .title, .section_company04 .item .title {
    width: 100%;
    line-height: 1;
  }
  .section_company03 .item .desc, .section_company04 .item .desc {
    margin-top: 0;
    width: 100%;
      transform:rotate(0.03deg);
  }
  .section_company03 .item .desc {
    line-height: 2.25;
  }
  .section_company04 {
    margin: 39px 0 74px;
  }
  .section_company04 .list {
	  line-height:1.5;
    padding-top: 0;
  }
  .section_company04 .list .item {
    margin-top: 37px;
  }
  .section_company04 .list .item .name {
    width: 100%;
  }



  .sec-banner-index {
    overflow: hidden;
    margin-top: 15px;
  }
  .sec-banner-index .main-banner-index {
    margin: 0 -10px;
  }
  .sec-banner-index .caption {
    width: 62.5%;
  }
  .sec-banner-index .caption img {
    width: 100%;
  }
  .sec-content-index {
    margin-bottom: 40px;
  }
  .sec-content-index .desc-index {
    margin-top: 51px;
  }
  .sec-content-index .list-title {
    display: block;
    margin-top: 27px;
  }
  .sec-content-index .list-title .item {
    margin: 0 auto;
    margin-bottom: 34px;
    padding-right: 0;
    width: 59%;
    display: block;
  }
  .sec-content-index .list-title .item:last-child {
    margin-bottom: 0;
  }
  .sec-content-index .list-title .item img {
    width: 100%;
  }
  .sec-content-index .desc-index01 .sec-title02 img {
    width: 27.7%;
  }
  .sec-content-index .desc-index01 .desc-title {
    padding-top: 25px;
    font-size: 16px;
    letter-spacing: 0.7px;
    line-height: 1.85;
  }
  .sec-content-index .desc-index01 .content-news-2016 .title-2017 {
    margin-top: 48px;
  }
  .sec-content-index .desc-index01 .title-2017 {
    margin: 59px 0 26px;
  }
  .sec-content-index .desc-index01 .title-2017 img {
    /*width: 57%;
    margin: 0 auto;*/
  }
  .sec-content-index .desc-index01 .content-news-other .sec-title02 img {
    width: 79%;
  }
  .sec-content-index .item-news {
    margin-bottom: 20px;
    padding: 17px 6px 14px;
    font-size: 16px;
    line-height: 1.9;
  }
  .sec-content-index .item-news .list-thumb-news {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 8px;
  }
  .sec-content-index .item-news.item-news01 .list-thumb-news {
    padding: 5px 0 12px;
  }
  .sec-content-index .item-news .list-thumb-news .thumb-item:last-child {
    margin-right: 5px;
  }
  .sec-content-index .item-news .list-thumb-news .thumb-item {
    margin: 17px 10px;
  }
  .sec-content-index .item-news .desc {
    padding-left: 25px;
  }
  .sec-content-index .item-news .desc.desc-lett {
    letter-spacing: -1px;
  }
  .sec-content-index .item-news.item-news01 {
    padding: 17px 19px 0;
  }
  .sec-content-index .item-news.item-news01 .list-thumb-news .thumb-item {
    width: 28%;
    height: auto;
  }
  .sec-content-index .item-news .list-thumb-news .thumb-item {
    width: 26%;
    height: auto;
  }
  .sec-content-index .item-news .list-thumb-news .thumb-item:first-child {
    margin-left: 10px;
  }
  .sec-content-index .item-news .list-thumb-news .thumb-item:last-child {
    margin-right: 10px;
  }
  .sec-content-index .item-news.item-news01 .desc {
    padding-left: 30px;
  }
  .sec-content-index .item-news .title {
    padding-left: 23px;
  }
  .sec-content-index .item-news.item-news01 .title {
    padding-left: 26px;
  }
  .sec-content-index .item-news .title:before {
    left: 7px;
    top: 8px;
    width: 14px;
    height: 14px;
  }
  .sec-content-index .item-news.item-news01 .title:before {
    left: 10px;
  }
  .sec-content-index .item-news .desc-infor {
    padding-left: 9px;
    line-height: 1.6;
  }
  .content-news-2017 .item-news .title .sm, .content-news-2016 .item-news .title .sm {
    display: inline !important;
  }
  .content-news-2017, .content-news-2016, .content-news-other {
    width: 100%;
    margin: 0 auto;
  }
  .content-news-2016 .desc-infor span {
    font-size: 16px;
    padding-right: 5px;
  }
  .content-news-2016 .desc-infor li {
    margin-top: 25px;
  }
  .content-news-2016 .desc-infor span:nth-child(1) {
    /*width: 45%;*/
    padding-left: 2px;
  }
  /*.content-news-2016 .desc-infor span:nth-child(2) {
    width: 50%;
  }*/
  .content-news-2016 .desc-infor span:nth-child(3) {
    width: 100%;
  }
  .content-news-other {
    margin-top: 50px;
  }
  .content-news-other .desc {
    padding: 24px 0 6px;
    font-size: 16px;
    line-height: 1.9;
    letter-spacing: 0.4px;
    text-align: justify;
  }
  .sec-content-index .content-news-2016 .item-news .title {
    font-size: 18px;
  }
  .sec-content-index .content-news-2016 .item-news {
    font-size: 16px;
  }



.products_summary_flex {
	display:block;
}
.flex_inside_left {
	width:100%;
	margin-bottom:40px;
}
.flex_inside_right {
	width:100%;
}
.products_summary_inside_title {
	text-align:left;
    transform:rotate(0.03deg);
}



}
/* Localized */