@charset "utf-8";
            /* スマートフォン 横(ランドスケープ) */
            
            @media only screen and (min-width:641px) {
                .sp {
                    display: none !important;
                }
            }
            
            @media only screen and (max-width:640px) {
                .pc {
                    display: none !important;
                }
                body {
                    line-height: 1.5;
                    min-width: 360px;
                }
                #wrapper {
                    width: 100%;
                }
                .space {
                    height: 30px;
                }
                .space1 {
                    height: 15px;
                }
                .glide__bullets {
                    bottom: 1em !important;
                }
                #infomation {
                    top: 0px;
                    width: 100%;
                    margin: 0 auto;
                    text-align: center;
                }
                /************* ロゴ*************/
                #header .logo {
                    float: none;
                    width: 80% !important;
                }
                #footer .logo {
                    float: left;
                    width: 50%;
                    padding-left: 5px;
                    text-align: center;
                }
                /*************メニュー*************/
                #mainNav a.menu {
                    width: 20%;
                    display: block;
                    position: fixed;
                    right: 0;
                    top: 0;
                    z-index: 9999;
                    text-align: center;
                    border: medium solid #331100;
                    border-bottom-left-radius: 50%;
                }
                #mainNav a.menu {
                    color: #ffffff;
                    background-color: #331100;
                }
                #mainNav a.menuOpen {
                    background-color: #ffffff;
                    color: #331100;
                }
                #mainNav a#menu:hover {
                    cursor: pointer;
                }
                .panel {
                    display: none;
                    width: 100%;
                    position: fixed;
                    right: 0;
                    top: 0;
                    z-index: 9998;
                }
                #mainNav {
                    clear: both;
                    width: 100%;
                    margin: 0 auto;
                    padding: 0;
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #5e8cc8), color-stop(0.00, #5f748f));
                    background: -webkit-linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
                    background: -moz-linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
                    background: -o-linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
                    background: -ms-linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
                    background: linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
                }
                #mainNav ul li {
                    float: none;
                    clear: both;
                    width: 100%;
                    height: auto;
                    line-height: 1.2;
                }
                #mainNav ul li a,
                #mainNav ul li.current-menu-item li a {
                    display: block;
                    padding: 15px 10px;
                    text-align: left;
                    border-bottom: 1px dashed #fff;
                    color: #fff;
                    background: #5e8cc8;
                    line-height: 1;
                }
                #mainNav ul li:first-child a {
                    border-top: 1px dashed #fff
                }
                #mainNav ul li:last-child a {
                    border: 0;
                    border-bottom: 1px dotted #000;
                }
                .panel span {
                    display: inline;
                    padding-left: 10px;
                }
                #mainNav ul li.active a,
                #mainNav ul li a:hover {
                    background: #5f748f;
                }
                .panel_b {
                    float: left;
                    width: 100%;
                    position: relative;
                    right: 0;
                    top: 0;
                }
                #subNav {
                    width: 50%;
                    float: right;
                    padding: 0 1%;
                }
                #subNav ul li {
                    display: block;
                    padding: 1px 1px;
                    text-align: left;
                    border-bottom: 1px dashed #fff;
                    background: #5e8cc8;
                    white-space: nowrap;
                }
                #subNav a {
                    display: inline-block;
                    padding: 5px 1px;
                    line-height: 1.2;
                    color: #fff;
                }
                #subNav ul li.active a,
                #subNav ul a:hover {
                    color: #331100;
                }
                #subNav span {
                    display: inline-block;
                    margin-left: 3%;
                    line-height: 0.8;
                }
                .grid1,
                .grid2,
                .grid3,
                .grid4 {
                    width: 100%;
                    float: left !important;
                }
                p img {
                    width: 40%;
                    float: left;
                    margin-right: 0.5em;
                    margin-bottom: 0.5em;
                }
                .c {
                    margin: 0;
                }
                #product01 article {
                    margin-bottom: 20px;
                }
                /*資料請求パネル*/
                .read_box {
                    display: table;
                    clear: both;
                    width: 70%;
                    margin: 0 auto;
                    position: relative;
                }
                /*imageパネル*/
                .i_box1,
                .i_box2,
                .i_box3,
                .i_box4 {
                    width: 25%;
                    height: 25%;
                    float: left !important;
                }
                .w-t-l,
                .w-b-l {
                    height: 25%;
                    width: 50%;
                    float: left !important;
                }
                .h-r-l,
                .h-l-l {
                    height: 50%;
                    width: 25%;
                    float: left !important;
                }
                video {
                    padding: 0 2%;
                }
                /*************テーブル*************/
                #company .t_col1 {
                    display: table-cell;
                    vertical-align: middle;
                    width: 15%;
                    text-align: center;
                    font-weight: bold;
                    background-color: #5e8cc8;
                    color: #ffffff;
                }
                #company .t_col2 {
                    width: 100%;
                    padding: 2px 0 2px 10px;
                    margin-left: 2px;
                    text-align: left;
                    background-color: #ffffff;
                    color: #331100
                }
                #s2_machine .t_col1 {
                    display: table-cell;
                    vertical-align: middle;
                    width: 35%;
                    text-align: center;
                    font-weight: bold;
                    background-color: #5e8cc8;
                    color: #ffffff;
                }
                #s2_machine .t_col2 {
                    display: table-cell;
                    vertical-align: middle;
                    width: 15%;
                    padding: 2px;
                    margin: 0 2px;
                    text-align: left;
                    background-color: #ffffff;
                    color: #331100
                }
                #o1_machine .t_col1 {
                    width: 25%;
                }
                #o1_machine .t_col2 {
                    width: 28%;
                }
                #o1_machine .t_col3 {
                    width: 7%;
                }
                #o1_machine .t_col4 {
                    width: 40%;
                }
                #o2_machine .t_col1 {
                    width: 25%;
                }
                #o2_machine .t_col2 {
                    width: 28%;
                }
                #o2_machine .t_col3 {
                    width: 7%;
                }
                #o2_machine .t_col4 {
                    width: 40%;
                }
                /*************商品企画*************/
                .s_box_1 {
                    width: 60%;
                }
                /*************fontsize*************/
                #mainNav ul,
                #subNav ul,
                #product01 div.text,
                .link_btm,
                .readmore {
                    font-size: 3vw !important;
                }
                #mainNav ul span,
                #infomation,
                #subNav ul span {
                    font-size: 2.25vw !important;
                }
                .text p {
                    padding: 10px 10px;
                    text-align: left;
                    font-size: 3.5vw !important;
                }
                .theme {
                    font-size: 5vw !important;
                }
                .theme span {
                    font-size: 2vw !important;
                }
                .heading,
                .slogan {
                    font-size: 4vw !important;
                }
                .label {
                    font-size: 4vw !important;
                }
                .gallery div div span.label {
                    font-size: 3vw!important;
                    font-weight: bold;
                }
                .number_box {
                    font-size: 3vw !important;
                }
                #footer strong {
                    font-size: 3ww !important;
                }
                .copyright {
                    font-size: 1vw !important;
                }
                #sign {
                    font-size: 6vw !important;
                }
                #infomation h3 {
                    font-size: 4vw !important;
                }
                .read_box a {
                    font-size: 4.5vw !important;
                }
                .category {
                    font-size: 1.5vw;
                }
                #company div.table,
                #o1_machine div.table,
                #o2_machine div.table {
                    font-size: 2.2vw !important;
                }
                #s2_machine div.table {
                    font-size: 0.7vw;
                }
                a.menu span {
                    font-size: 5vw !important;
                }
            }