@charset "UTF-8";
        @font-face {
            font-family: "yugoth";
            font-weight: normal;
            font-style: normal;
            src: url("../fonts/YuGothR.eot");
            src: url("../fonts/YuGothR.woff") format("woff");
        }

        @font-face {
            font-family: "yugoth";
            font-weight: 600;
            font-style: normal;
            src: url("../fonts/YuGothM.eot");
            src: url("../fonts/YuGothM.woff") format("woff");
        }

        @font-face {
            font-family: "yugoth";
            font-weight: bold;
            font-style: normal;
            src: url("../fonts/YuGothB.eot");
            src: url("../fonts/YuGothB.woff") format("woff");
        }

        @font-face {
            font-family: "yugothBlank";
            font-style: normal;
            src: url("../fonts/YuGothBlank.eot");
            src: url("../fonts/YuGothBlank.woff") format("woff");
        }

        * {
            /*font-family: "yugothBlank", "yugoth"; */
            font-family: 'Noto Sans JP', sans-serif;
        }
        /* .m10 {
                margin-right: 10px;
                margin-left: 10px;
            } */

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

        .pt20 {
            padding-top: 20px;
        }

        .pt30 {
            padding-top: 30px;
        }

        .pt40 {
            padding-top: 40px;
        }

        .pt50 {
            padding-top: 50px;
        }

        .pt70 {
            padding-top: 70px;
        }

        .pt100 {
            padding-top: 100px;
        }

        .pt150 {
            padding-top: 150px;
        }
        
        .pb10 {
            padding-bottom: 10px;
        }
        
        .pb20 {
            padding-bottom: 20px;
        }

        .pb30 {
            padding-bottom: 30px;
        }

        .pb40 {
            padding-bottom: 40px;
        }

        .pb50 {
            padding-bottom: 50px;
        }

        .pb100 {
            padding-bottom: 100px;
        }

        .pb150 {
            padding-bottom: 150px;
        }

        .mb50 {
            margin-bottom: 50px;
        }

        .b {
            font-weight: bold;
        }

        .center {
            text-align: center;
        }

        .block {
            display: block;
        }

        .flex {
            display: flex;
            justify-content: space-evenly;
        }
        
        .inline-block {
            display: inline-block;
        }
        .pan {
            border-bottom: solid 1px #eee;
        }

		.bg_glay{
			background-color: #eeeeee;
		}
		
		.lh32{
			line-height: 32px;
		}

		.p20{
			padding-left: 20px;
			padding-right: 20px;
		}
		.m20{
			margin-left: 20px;
			margin-right: 20px;
		}
		.mt20{
			margin-top: 20px;
		}
		.txt{
			letter-spacing: 0.1em;
		}
		fon18{
			font-size: 18px;
		}

		.delay::before { transition-delay: -.3s; }
		
        .SubTtl_k {
            font-size: 36px;
            letter-spacing: 0.15em;
            font-weight: bold;
            line-height: 65px;
            margin-top: 55px;
            text-align: center;
        }

        .underBar_k {
            position: relative;
        }

        .underBar_k::after {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0;
            display: block;
            width: 80%;
            height: 1px;
            background-color: #e36d44;
            margin: auto;
        }

        .blockbox {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .container {
            margin: 0 auto;
            max-width: 1100px;
            padding-left: 10px;
            padding-right: 10px;
        }

        .underBar {
            position: relative;
        }

        .underBar::after {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0;
            display: block;
            width: 60px;
            height: 1px;
            background-color: #FFF;
            margin: auto;
        }

        .headerWrapper {
            height: 80px;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

        .orangeBorder {
            height: 2px;
            width: 40px;
            background-color: #e36d44;
            margin-bottom: 25px;
        }

        .container_02 {
            max-width: 1040px;
            margin: 0 auto;
        }

        .mr25 {
            margin-right: 25px;
            display: flex;
        }

        .svgImg {
            width: 17px;
            height: 19px;
            margin-right: 5px;
        }

        .bigTtl {
            font-size: 30px;
            letter-spacing: 0.1em;
            font-weight: bold;
            line-height: 30px;
        }

        .middTtl {
            font-size: 24px;
            letter-spacing: 0.1em;
            font-weight: bold;
            line-height: 30px;
        }

        .miniTtl {
            font-size: 16px;
            letter-spacing: 0.1em;
            font-weight: bold;
            line-height: 30px;
        }

        .hBorder {
            margin-left: 30px;
            padding: 14px;
            border-left: 1px solid #999;
        }

        .headerMenuNavArea {
            display: inline-flex;
            align-items: center;
            height: 100%;
            padding-right: 30px;
        }

        .headerMenu {
            height: 100%;
        }

        .headerMenuNavLink {
            padding-right: 5px;
            padding-left: 25px;
            height: 100%;
            display: inline-block;
            font-size: 14px;
        }

        .facebookLisnk {
            position: relative;
            background-color: #000;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            color: #fff;
            padding: 0;
        }

        .facebookLisnk a {
            text-decoration: none;
            color: #fff;
            width: 100%;
            height: 100%;
            display: inline-block;
        }

        .headerMenuNav.facebookLisnk {
            padding-right: 0;
            padding-left: 0;
        }

        .facebookLisnk.companyFs {
            margin-top: 0;
        }

        .facebookLisnk:before {
            content: "";
            position: absolute;
            left: -30px;
            height: 50px;
            bottom: 0;
            display: block;
            width: 1px;
            background-color: #000;
        }

        .topContainer {
            background-color: #cbcbcb;
        }

        .topWrapMenu {
            position: fixed;
            top: 130px;
            right: 0px;
            cursor: pointer;
            text-align: center;
            font-size: 11px;
            letter-spacing: 0.05em;
            line-height: 24px;
            z-index: 300;
            box-shadow: #000000;
        }
        .topWrapMenu2 {
            position: fixed;
            top: 320px;
            right: 0px;
            cursor: pointer;
            text-align: center;
            font-size: 11px;
            letter-spacing: 0.05em;
            line-height: 24px;
            z-index: 300;
            box-shadow: #000000;
        }
        .aTag {
            color: #fff;
            text-decoration: none;
            display: block;
        }

        .topWrapMenu img {
            margin: 0 auto;
        }

        .topWrapMenuTel {
            width: 150px;
            height: 170px;
            background-color: #50433e;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .topWrapMenuTelTtlNum {
            font-size: 18px;
            font-weight: bold;
        }

        .topWrapMenuMail {
            width: 150px;
            height: 110px;
            background-color: #e36d44;
            margin-top: 5px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .topWrapMenuCacao {
            background-color: #fff;
            margin-top: 5px;
            height: 190px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border: 1px solid #6f5744;
        }

        .topImg>img {
            margin: 0 auto;
            max-width: 100%;
        }

        .topSubTxt {
            padding-top: 70px;
            padding-bottom: 180px;
            color: #fff;
            text-align: center;
        }

        .topSubTxt2 {
            padding-bottom: 60px;
            color: #000;
            text-align: center;
        }

        .topSubImg {
            background-image: url('../img/top/top_sub_bg.jpg');
            background-size: cover;
        }



        .topSubTxtAboutThis {
            font-size: 30px;
            line-height: 55px;
            position: relative;
            text-align: -webkit-center;
            padding-bottom: 50px;
        }

        .topSubTtl {
            font-size: 50px;
            letter-spacing: 0.1em;
            font-weight: bold;
            line-height: 65px;
            margin-top: 55px;
        }

        .topSubDtl {
            margin-top: 50px;
            font-size: 21px;
            letter-spacing: 0.1em;
            line-height: 40px;
        }

        .midSection {
            background-color: #f3f3f3;
        }

        .midWrapper {
            padding: 90px 20px 90px;
            background-color: #fff;
            z-index: 100;
            position: relative;
            /*top: -60px;*/
        }

        .midWrapper2 {
            padding: 100px 20px 100px;
            background-color: #f3f3f3;
            z-index: 100;
            position: relative;
            /*top: -60px;*/
            /*top: 110px;*/
        }

        .midWrapper3 {
            padding: 100px 20px 100px;
            background-color: #fff;
            z-index: 100;
            position: relative;
            /*top: -60px;*/
            /*top: 110px;*/
        }

        .midWrapper4 {
            padding: 0px 20px 100px;
            background-color: #fff;
            z-index: 100;
            position: relative;
            /*top: -60px;*/
            /*top: 110px;*/
        }  

        .midWrapper5 {
            padding: 10px 20px 90px;
            background-color: #fff;
            z-index: 100;
            position: relative;
            /*top: -60px;*/
        }


        .midItems {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .midItem.itemRead {
            display: flex;
            width: 100%;
        }

        .midItem2.itemRead {
            display: flex;
            width: 100%;
        }

        .midItem.itemRead img {
            margin-top: 60px;
        }

        .midItem.daiRead {
            flex-basis: 80%;
        }

        .midItem.president {
            flex-basis: 40%;
        }

        .midItem2.itemRead img {
            margin-top: 60px;
        }

        .midItem2.daiRead {
            flex-basis: 80%;
        }

        .midItem2.president {
            flex-basis: 40%;
        }
        .midTxts {
            text-align: center;
            max-width: 450px;
            margin: 0 auto;
        }

        .MidTxt {
            text-align: left;
        }

        .MidTxtP {
            font-size: 16px;
            letter-spacing: 0.1em;
            line-height: 28px;
            padding: 10px 0px 30px;
            min-height: 160px;
        }

        .midMiniTtlEnThis {
            padding-top: 45px;
        }

        .midMiniTtlEn {
            font-size: 16px;
            letter-spacing: 0.1em;
            text-align: -webkit-center;
        }

        .MdMiniTtlJa {
            font-size: 30px;
            line-height: 36px;
            margin-top: 15px;
            padding-bottom: 15px;
        }

        .underBar.midMenu::after {
            background-color: #e36d44;
        }

        .MdMiniTtlJa.underBar::after {
            background-color: #e36d44;
        }

        .midTexDtl {
            max-width: 450px;
            margin: 0 auto;
        }

        .MidTxt {
            font-size: 15px;
            letter-spacing: 0.1em;
            padding-top: 20px;
        }

        .midBtn {
            padding-top: 40px;
            padding-bottom: 50px;
        }

        .midBtn a {
            display: inline-block;
            text-decoration: none;
        }

        .midBtnTxt {
            padding-top: 25px;
            padding-bottom: 25px;
            color: #fff;
            background-color: #e36d44;
            font-size: 14px;
            letter-spacing: 0.1em;
            display: inline-flex;
            width: 210px;
            line-height: 1;
            justify-content: center;
            align-items: center;
        }

        .newsSection {}

        .newsWrapper {
            padding-top: 90px;
            padding-bottom: 110px;
        }

        .newsBigTtl {
            border-bottom: 1px solid #cccccc;
            padding-bottom: 30px;
        }

        .newsMiniWrap:first-child {
            margin-top: 30px;
        }

        .newsMiniWrap {
            margin-bottom: 30px;
        }

        .date {}

        .date>time {
            max-width: 70px;
            font-weight: bold;
            display: inline-block;
            margin-right: 20px;
            font-size: 16px;
        }

        .relese {
            min-width: 100px;
            background-color: #e4e4e4;
            display: inline-block;
            text-align: center;
            padding: 10px 20px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 12px;
        }

        .newsDtl {
            margin-top: 20px;
            overflow: hidden;
            width: calc(100% - 28px);
            position: relative;
            display: flex;
            padding-bottom: 2px;
        }

        .newsDtl p {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            flex-basis: calc(100% - 100px);
        }

        .newsDtlLink {
            width: 100px;
            text-align: right;
            text-decoration: underline;
        }

        .newsInfo {
            text-align: right;
        }

        .newsInfo a {
            color: #000;
        }

        .newsDtl2 {
            margin-top: 20px;
            padding-bottom: 2px;
            font-size: 14px;
            line-height: 32px;
            letter-spacing: 0.1em;
        }

        .accesssWrapper {
            /*padding-top: 90px;*/
            padding-bottom: 110px;
        }

        .accessBigTtl {}

        .mapWrap {
            margin-top: 40px;
            margin-bottom: 30px;
            width: 100%;
        }

        .mapBtnWrap {
            width: 100%;
        }
        /* .mapBtn {
    background-color: #242424;
    width: 220px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
} */

        .safeSubTtl {
            font-size: 32px;
            letter-spacing: 0.15em;
            font-weight: bold;
            line-height: 65px;
            margin-top: 55px;
        }

		.safe_img{
			text-align: center;
    		display: inline-block;
    		padding-top: 50px;
		}

        .mapBtn>a {
            color: #fff;
        }

        .companyDtl {
            /* margin-top: 50px; */
        }

        .companyDtlTop {
            display: flex;
            justify-content: space-between;
        }

        .companyDsc {
            padding-top: 30px;
        }

        .companyDsc>div {
            /* margin-left: 50px; */
        }

        .companynimiWrap {}

        .companyName {
            /* font-size: 18px; */
            letter-spacing: 0.1em;
            /* line-height: 30px; */
            /* border: 1px solid #242424; */
            /* max-width: 200px; */
            /* display: inline-block; */
            /* height: 35px; */
            /* vertical-align: middle; */
        }

        .companyAdress {
            /* margin-top: 20px; */
            font-size: 20px;
            letter-spacing: 0.1em;
            font-weight: bold;
            /* line-height: 20px; */
        }

        .mailAndTell {
            display: flex;
            /* flex-direction: column; */
            /* justify-content: space-between; */
        }

        .telNumber {
            font-weight: normal;
        }

        .mailAndTell p {
            /* font-size: 20px; */
            line-height: 20px;
            /* font-weight: bold; */
        }

        .transportaionWrap div {
            margin-bottom: 15px;
        }

        .footerWrapper {
            background-color: #333333;
            color: #fff;
        }

        .footerUpper {
            display: flex;
            justify-content: center;
            padding: 50px 0px;
        }

        .companyAdressBtm,
        .companyOpenHour {
            font-size: 14px;
            letter-spacing: 0.1em;
            line-height: 21px;
            padding-top: 13px;
        }

        .companyTel,
        .companyFax {
            padding-top: 20px;
            display: flex;
        }

        .svgImgfooter {
            width: 26px;
            height: 20px;
        }

        .companyTel,
        .companyFax {
            font-size: 25px;
            line-height: 30px;
            align-items: center;
        }

        .companyFs {
            background-color: #000;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin-top: 25px;
            text-align: center;
            line-height: 30px;
        }

        .companyFs a {
            text-decoration: none;
            color: #fff;
            width: 100%;
            height: 100%;
            display: inline-block;
        }

        .footerMid {
            display: flex;
            justify-content: space-around;
        }

        .footerMid ul {
            list-style: none;
        }

        .midCol01 {
            margin-right: 70px;
        }
        .midCol01 a:hover{
            color: #ffbd2a;
        }
        .midCol02 {
            margin-right: 20px;
        }

        .footerMid a {
            text-decoration: none;
            color: #fff;
            font-size: 14px;
            line-height: 30px;
        }

        .footerLeft>img {
            padding-bottom: 20px;
        }

        .footerImg01 {
            margin-bottom: 7px;
            cursor: pointer;
        }

        .footerImg02 {
            cursor: pointer;
        }

        .footerLogo {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 200px;
        }

        .companyNameBtm {
            font-size: 18px;
            letter-spacing: 0.1em;
            font-weight: bold;
            border: 3px solid #fff;
            width: 100%;
            height: 40px;
            display: inline-flex;
            display: inline-flex;
            justify-content: center;
            align-items: center;
        }

        .footerBottom {
            text-align: center;
            padding-bottom: 35px;
        }

        .top-btn-wrap {
            position: fixed;
            bottom: 50px;
            right: 50px;
            z-index: 300;
            cursor: pointer;
            color: #e36d44;
        }

        small {
            font-size: 12px;
            letter-spacing: 0.1em;
        }

        .topImg {
            position: relative;
        }

        .topImg p {
            font-family: "�q���M�m�p�S Pro", "Hiragino Kaku Gothic Pro", "���C���I", "Meiryo", sans-serif;
            border-bottom: solid 1px #fff;
            padding-bottom: 2px;
            line-height: 1.6;
            position: absolute;
            color: #fff;
            top: 50%;
            left: 44%;
            font-size: 50px;
            letter-spacing: 0.15em;
            font-weight: bold;
            margin-left: -60px;
            margin-top: -80px;
        }

        .topImg span {
            position: absolute;
            color: #fff;
            font-size: 30px;
            letter-spacing: 0.2em;
            font-weight: bold;
            text-align: center;
            left: 48%;
            top: 66%;
            margin-left: -59px;
            margin-top: -80px;
        }

        .topImg2 p {
            font-family: "�q���M�m�p�S Pro", "Hiragino Kaku Gothic Pro", "���C���I", "Meiryo", sans-serif;
            border-bottom: solid 1px #fff;
            padding-bottom: 2px;
            line-height: 1.6;
            position: absolute;
            color: #fff;
            top: 50%;
            left: 44%;
            font-size: 50px;
            letter-spacing: 0.15em;
            font-weight: bold;
            margin-left: -60px;
            margin-top: -80px;
        }

        .topImg2 span {
            position: absolute;
            color: #fff;
            font-size: 30px;
            letter-spacing: 0.2em;
            font-weight: bold;
            text-align: center;
            left: 41%;
            top: 62%;
            margin-left: -59px;
            margin-top: -80px;
        }

        .topImg img {
            width: 100%;
        }

        .pankuzu {
            font-size: 14px;
            padding: 20px 10px;
        }
        /* OEM */

        .oemSubTxt {
            padding-top: 50px;
            padding-bottom: 70px;
            color: #fff;
            text-align: center;
            color: #444;
        }

        .oemSubTtl {
            font-size: 36px;
            letter-spacing: 0.15em;
            font-weight: bold;
            line-height: 65px;
            margin-top: 55px;
        }

        .oemSubTtl span {
            font-size: 60px;
        }

        .oemSubDtl {
            margin-top: 50px;
            font-size: 21px;
            letter-spacing: 0.1em;
            line-height: 40px;
            font-weight: bold;
        }

        .oemSubDtl span {
            font-size: 36px;
            font-weight: bold;
        }

        .oemWrapper {
            padding-top: 30px;
            padding-bottom: 110px;
        }

        .oemImg {
            padding: 0px 15px;
        }

        .oemImg:hover{
            opacity: 0.7;
        }
        .oemImg.p0 {
            padding: 0;
        }

        .oemRead {
            font-size: 24px;
            letter-spacing: 0.1em;
            line-height: 28px;
        }
        /* item */

        .itemWrapper {
            padding-top: 80px;
            padding-bottom: 10px;
        }

        .itemWrapper2 {
            padding-top: 30px;
            padding-bottom: 20px;
        }

        .itemWrapper3 {
            padding-bottom: 10px;
        }
        .itemRead {
            font-size: 16px;
            letter-spacing: 0.1em;
            line-height: 32px;
        }

        .itemblock {
            display: flex;
            align-items: center;
            width: 65%;
            margin: auto;
        }

        .itemTxtP {
            width: 50%;
            text-align: center;
            border-bottom: solid 1px #eee;
            padding-bottom: 2px;
            line-height: 1.6;
            font-size: 16px;
            letter-spacing: 0.15em;
            margin: 0 20px;
            padding-top: 20px;
        }
        .itemTxtP3 {
            width: 33%;
            text-align: center;
            border-bottom: solid 1px #eee;
            padding-bottom: 2px;
            line-height: 1.6;
            font-size: 16px;
            letter-spacing: 0.15em;
            margin: 0 20px;
            padding-top: 20px;
        }
        .itemBtn {
            padding-top: 40px;
            padding-bottom: 50px;
            text-align: center;
        }

        .itemBtn a {
            display: inline-block;
            text-decoration: none;
        }

        .itemBtnTxt {
            padding-top: 25px;
            padding-bottom: 25px;
            color: #fff;
            background-color: #282828;
            font-size: 20px;
            letter-spacing: 0.1em;
            display: inline-flex;
            width: 480px;
            line-height: 1;
            justify-content: center;
            align-items: center;
            height: 100px;
        }

        .itemblock2 {
            display: flex;
            align-items: center;
            width: 40%;
            margin: auto;
        }

        .itemTxtP2 {
            width: 100%;
            max-width: 400px;
            text-align: center;
            border-bottom: solid 1px #eee;
            padding-bottom: 2px;
            line-height: 1.6;
            font-size: 16px;
            letter-spacing: 0.15em;
            margin: 0 20px;
            padding-top: 20px;
        }
        /* shop */

        .shopRead {
            display: flex;
        }

        .shopitem {
            align-items: center;
            justify-content: center;
            width: 50%;
            padding: 20px;
            line-height: 28px;
        }

        .tFon {
            font-size: 24px;
            color: #444;
            font-weight: bold;
        }

        .tFon2 {
            font-size: 16px;
            color: #444;
            letter-spacing: 0.1em;
        }

        .tFon3 {
            font-size: 14px;
            color: #444;
            letter-spacing: 0.1em;
        }

        .bo {
            border-right: solid 1px #292929;
        }

        .shopCon {
            text-align: center;
            display: flex;
            align-content: center;
            justify-content: center;
            width: 100%;
        }

        .itemblock3 {
            display: flex;
            align-items: center;
            width: 90%;
            margin: auto;
        }

        .itemTxtP3 {
            width: 100%;
            max-width: 400px;
            text-align: center;
            border-bottom: solid 1px #eee;
            padding-bottom: 2px;
            line-height: 1.6;
            font-size: 16px;
            letter-spacing: 0.15em;
            margin: 0 20px;
            padding-top: 20px;
        }

        .itemTxtP4 {
            width: 50%;
            text-align: center;
            padding-bottom: 2px;
            line-height: 1.6;
            font-size: 16px;
            letter-spacing: 0.15em;
            margin: 0 20px;
            padding-top: 20px;
        }
        /* news */

        .flex {
            display: flex;
        }

        .newsWrapper02 {
            padding-top: 90px;
            padding-bottom: 110px;
            width: 70%;
        }

        .newsWrapper03 {
            padding-top: 90px;
            padding-bottom: 110px;
            width: 30%;
        }

        .newsWrapper03 table {
            border-collapse: collapse;
            width: 70%;
            margin-left: 20px;
        }

        .newsWrapper03 th {
            background-color: #222;
            color: #fff;
        }

        .newsWrapper03 th,
        td {
            border: solid 1px #eee;
            padding: 10px;
        }

        .pager ul.pagination {
            text-align: center;
            margin: 0;
            padding: 0;
        }

        .pager .pagination li {
            display: inline;
            margin: 0 2px;
            padding: 0;
            display: inline-block;
            background: #8e2422;
            width: 50px;
            height: 50px;
            text-align: center;
            position: relative;
        }

        .pager .pagination li a {
            vertical-align: middle;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            display: table;
            color: #fff;
            text-decoration: none;
        }

        .pager .pagination li a span {
            display: table-cell;
            vertical-align: middle;
        }

        .pager .pagination li a:hover,
        .pager .pagination li a.active {
            color: #000;
            background: #9f9faf;
        }
        .midItem{
        	flex-basis: calc(50% - 10px);
        }

		.midItem:hover {
		    opacity: 0.7;
		}
        .midItem2{
        	flex-basis: calc(100% - 10px);
        }

		.midItem3 {
		    flex-basis: calc(33% - 10px);
		}
        
        @media only screen and (max-width: 767px) {
            .pager .pagination li {
                display: none;
            }
            .pager .pagination li.pre,
            .pager .pagination li.next {
                display: inline-block;
                width: 40%;
                height: 50px;
                text-align: center;
            }
            .pager .pagination li.pre a,
            .pager .pagination li.next a {
                width: 100%;
                text-align: center;
            }
            .pager .pagination li.pre span::after {
                content: "�@�O��10����";
            }
            .pager .pagination li.next span::before {
                content: "����10���ց@";
            }
			.midItem3 {
			    flex-basis: calc(100% - 10px);
			    text-align: -webkit-center;
			}
	        .MidTxtP {
	            font-size: 16px;
	            letter-spacing: 0.1em;
	            line-height: 22px;
	            padding-bottom: 30px;
	        }
			.safe_img {
			    text-align: center;
			    padding-top: 50px;
			    display: block;
			    margin: auto;
			}
	        .safeSubTtl {
				font-size: 24px;
			    letter-spacing: 0.15em;
			    font-weight: bold;
			    line-height: 51px;
			    margin-top: 55px;
			    padding: 0px 20px;
	        }
	         .br-sp { 
	         	display:none; 
	        }

			.midWrapper {
			    padding: 90px 20px 40px;
			    background-color: #fff;
			    z-index: 100;
			    position: relative;
			    top: -60px;
			}
	        .mailAndTell {
	            display: inline-block;;
	            /* flex-direction: column; */
	            /* justify-content: space-between; */
	        }

        }
        /* company */

        .comSubTxt {
            padding-top: 50px;
            padding-bottom: 70px;
            color: #444;
        }

        .comWrapper {
            padding-top: 30px;
            padding-bottom: 30px;
            text-align: -webkit-center;
        }

        .comSubDtl {
            margin-top: 15px;
            font-size: 16px;
            line-height: 40px;
            font-weight: bold;
        }

        .comSubDtl span {
            font-size: 30px;
            font-weight: bold;
            text-align: left;
        }

        .com {
            box-sizing: border-box;
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
            width: 58%;
        }

        .com th {
            border-width: 1px 0px;
            border-color: #292929;
            border-style: solid;
            padding: 20px;
            color: #222;
            font-weight: bold;
            width: 30%;
            font-size: 14px;
        }

        .com td {
            border-width: 1px 0px;
            border-color: #292929;
            border-style: solid;
            padding: 20px;
            text-align: left;
        }

        .bg_g {
            background-color: #eee;
        }

        .bg_w {
            background-color: #fff;
        }

        @media (max-width: 650px) {
            .com th,
            .com td {
                display: block;
            }
        }

        .daiRead {
            font-size: 16px;
            letter-spacing: 0.1em;
            line-height: 28px;
        }
        /* lineup */

        .upitem {
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 20px;
            line-height: 28px;
            font-size: 16px;
            color: #444;
            line-height: 28px;
        }

        .upBigTtl {
            border-bottom: 1px solid #cccccc;
            padding-bottom: 15px;
            width: 100%;
        }

        .upPrice {
            padding-top: 20px;
            text-align: right;
        }

        .upButtom {
            display: flex;
        }

        .upBtnTxt {
            padding-top: 25px;
            padding-bottom: 25px;
            color: #444;
            background-color: #fff;
            border: 1px solid #444;
            font-size: 20px;
            letter-spacing: 0.1em;
            display: inline-flex;
            width: 250px;
            line-height: 1;
            justify-content: center;
            align-items: center;
            height: 60px;
            margin-left: 20px;
        }

        .upBtnTxt2 {
            padding-top: 25px;
            padding-bottom: 25px;
            color: #fff;
            background-color: #e36d44;
            font-size: 20px;
            letter-spacing: 0.1em;
            display: inline-flex;
            width: 250px;
            line-height: 1;
            justify-content: center;
            align-items: center;
            height: 60px;
            margin-left: 20px;
        }
        /* contact */

        .conSubTxt {
            padding-top: 10px;
            padding-bottom: 20px;
            color: #444;
        }

        .conSubDtl {
            margin-top: 15px;
            font-size: 14px;
            line-height: 28px;
        }

        .conSubDtl span {
            color: #e36d44;
            font-weight: bold;
        }

        .red {
            color: #ff0000;
        }

        .cont p {
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            margin: 60px auto 40px;
        }

        input[type="submit"],
        input[type="text"],
        select,
        textarea,
        button {
            -moz-appearance: none;
            -webkit-appearance: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
            border: none;
        }

        input[type="text"],
        textarea {
            background: #f8f8f8;
            display: block;
            font-size: 16px;
            padding: 12px 15px;
            width: 480px;
            transition: 0.8s;
            border-radius: 0;
        }

        input[type="text"]:focus,
        textarea:focus {
            background: #e9f5fb;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        textarea[name="content"] {
            display: inline-block;
            width: 100%;
            height: 390px;
        }

        input::placeholder,
        textarea::placeholder {
            color: #ccc;
        }

         ::-webkit-input-placeholder {
            color: #ccc;
            opacity: 1;
        }

         ::-moz-placeholder {
            color: #ccc;
            opacity: 1;
        }

         :-ms-input-placeholder {
            color: #ccc;
            opacity: 1;
        }

        .form-table {
            width: 100%;
            margin-top: 30px;
        }

        .form-table th,
        .form-table td {
            border-top: 1px solid #d7d7d7;
            border-bottom: 1px solid #d7d7d7;
            padding: 20px;
        }

        .form-table th {
            background: #ffecea;
            padding-left: 50px;
            position: relative;
            text-align: left;
            width: 300px;
            vertical-align: middle;
        }

        .contents010_txt2 {
            font-size: 14px;
            line-height: 24px;
            color: #292929;
            padding: 10px;
            margin-top: 32px;
            border: 1px solid #718294;
            height: 250px;
            overflow: auto;
            background-color: #f1f1f1;
        }

        .contents010_txt2 p {
            font-size: 18px;
        }

        .pText {
            margin: 0 auto;
            width: 100%;
            text-align: center;
            padding: 100px 0;
            line-height: 40px;
        }

        .conBtnTxt {
            padding-top: 25px;
            padding-bottom: 25px;
            color: #fff;
            background-color: #b62a09;
            font-size: 20px;
            letter-spacing: 0.1em;
            display: inline-flex;
            width: 480px;
            line-height: 1;
            justify-content: center;
            align-items: center;
            height: 100px;
        }

        .lh30 {
            line-height: 30px;
        }
        /* howto */

        .how {
            box-sizing: border-box;
            border-collapse: collapse;
            margin: 0 auto;
            width: 100%;
            margin-top: 80px;
        }

        .how p {
            padding: 20px 0;
        }

        .how th {
            border-width: 1px 0px;
            border-color: #292929;
            border-style: solid;
            padding: 20px;
            color: #222;
            font-weight: bold;
            font-size: 12px;
        }

        .how td {
            border-width: 1px 0px;
            border-color: #292929;
            border-style: solid;
            padding: 20px;
            text-align: left;
            font-size: 12px;
            text-align: right;
        }

        .howTit {
            font-size: 30px;
            font-weight: bold;
            width: 530px;
            border: 2px solid #292929;
            color: #292929;
            padding: 20px;
            text-align: center;
            margin-right: 20px;
            margin-bottom: 20px;
        }

        .howTxt {
            line-height: 24px;
            font-size: 16px;
        }

        .howTxt span {
            font-size: 32px;
            color: #292929;
            font-weight: bold;
        }

        .hbox {
            height: 300px;
        }

        .mainSubTxt {
            font-size: 21px;
            font-weight: bold;
            letter-spacing: 0.1em;
            line-height: 36px;
        }
         .spShow {
               display: none;
           }

        @media screen and (max-width: 1520px) {
            .topWrapMenuTel,
            .topWrapMenuMail,
            .topWrapMenuCacao {
                opacity: 0.6;
                transition: .2s;
            }
            .topWrapMenuTel:hover,
            .topWrapMenuMail:hover,
            .topWrapMenuCacao:hover {
                opacity: 1;
                transition: .2s;
            }
            .topWrapMenuMailTxt p {
                color: #fff;
            }
        }

        @media screen and (max-width: 1400px) {
            .topSubTxtAboutThis {
                font-size: 20px;
                line-height: 40px;
            }
            .topSubTtl {
                font-size: 30px;
                margin-top: 5px;
                line-height: 45px;
            }
            .topSubDtl {
                margin-top: 0px;
                font-size: 18px;
                line-height: 30px;
            }
        }

        @media screen and (max-width: 1120px) {
            .footerUpper {
                flex-wrap: wrap;
            }
            .footerLeft {
                width: 30%;
                flex-basis: 30%;
            }
            .footerMid {
                width: 90%;
                flex-basis: 70%;
            }
            .footerRight {
                padding-top: 30px;
                margin: 0 auto;
            }
            .footerBottom {
                margin-top: 30px;
            }
            .companyMid {
                display: flex;
                flex-direction: column;
            }
            .mt30 {
                margin-top: 30px;
            }
        }

        @media screen and (max-width: 1090px) {
            .midItem.itemRead {
                display: flex;
                flex-wrap: wrap;
                max-width: 600px;
            }
            .midItem.itemRead img {
                display: flex;
                width: 33.33%;
                margin-top: 30px;
            }
        }

        @media screen and (max-width: 991px) {
            .topWrapMenu {
                position: fixed;
                top: auto;
                bottom: 0px;
                left: 0px;
                opacity: 1;
                display: flex;
                height: 70px;
            }
            .topWrapMenuTel {
                width: 50%;
                height: auto;
                background-color: #6f5744;
                border: 1px solid #fff;
                opacity: 1;
            }
            .topWrapMenuMail {
                width: 50%;
                height: auto;
                margin-top: 0px;
                background-color: #6f5744;
                border: 1px solid #fff;
                opacity: 1;
            }
            .topWrapMenuCacao {
                display: none;
            }
            .top-btn-wrap {
                display: none;
            }

            .hmbLabel{
				width: 30px;
				height: 22px;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
			}

			.hmbLabel:before,
			.hmbLabel:after{
				content: "";
				width: 30px;
				height: 2px;
				position: absolute;
				left: 0;
				background-color: #d6051b;
				display: block;
				transition: .2s;
			}

			.hmbLabel:before{
				top: 0;
			}
			.hmbLabel:after{
				bottom: 0;
			}

			.hmbLabel > span{
				width: 30px;
				height: 2px;
				background-color: #d6051b;
				display: block;
				transition: .2s;
				opacity: 1;
			}

			#hmbChk:checked ~ .hmbBox > .hmbLabel > span{
				opacity: 0;
				transition: .2s;
			}

			#hmbChk:checked ~ .hmbBox > .hmbLabel:before{
				transform: rotate(-225deg);
				top: 10px;
				bottom: auto;
				transition: .2s;
			}
			#hmbChk:checked ~ .hmbBox > .hmbLabel:after{
				transform: rotate(225deg);
				top: 10px;
				bottom: auto;
				transition: .2s;
			}


			@keyframes flexFadeIn {
			    0% {
			    	display: none;
			        opacity:0;
			    }
			    1% {
			    	display: flex;
			        opacity:0;
			    }
			    100% {
			    	display: flex;
			        opacity:1;
			    }
			}

			@keyframes flexFadeOut {
			    0% {
			    	display: flex;
			        opacity:1;
			    }
			    99% {
			    	display: flex;
			        opacity:0;
			    }
			    100% {
			    	display: none;
			        opacity:0;
			    }
			}

			.headerWrapper {
				padding: 0 20px;
				height: 80px;
			}

			.headerMenu{
				position: fixed;
				top: 80px;
				left: 0;
				width: 100%;
				background-color: #FFF;
				z-index: 999999;
			}
			.headerMenuNavArea {
				flex-direction: column;
				width: 100%;
				padding: 0;
			}
			.headerMenuNav{
				width: 100%;
				text-align: center;
				border-bottom: 1px solid #d5d5d5;
			}

			.headerMenuNav:last-child{
				border-bottom: none;
			}
			.headerMenuNavLink {
				padding-right: 0;
				padding-left: 0;
				height: 40px;
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				line-height: 1;
			}

			#hmbChk ~ .headerMenu {
			    animation-name: flexFadeOut;
			    animation-duration: .2s;
			    display: none;
			}

			#hmbChk:checked ~ .headerMenu {
			    animation-name: flexFadeIn;
			    animation-duration: .2s;
			    display: flex;
			}
			.headerMenuNav.hBorder{
				display: inline-flex;
				justify-content: center;
				margin: 0;
				border-left: none;
			}
			.headerMenuNav.hBorder:before{
			}
			.spHeadMar{
				margin-top: 80px;
			}
			header{
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				background-color: #FFF;
				z-index: 999999;
			}
	         .spShow {
	               display: block;
	           }
            .spHideTop {
                display: none;
            }
        }

        @media screen and (min-width: 991px) {}

        @media screen and (max-width: 976px) {
			.newsTtl {
			    padding-left: 20px;
			}
            .com {
                width: 90%;
            }
            .com tr {
                border-top: 1px solid #222;
                width: 100%;
            }
            .com th {
                display: block;
                width: 100%;
            }
            .com td {
                display: block;
                width: 100%;
            }
            .com th,
            .com td {
                border-bottom: none;
            }
            .spFlex {
                display: flex;
                flex-direction: column;
            }
            .mb30 {
                margin-bottom: 30px;
            }
            .oemSubTxt {
                padding-top: 20px;
                padding-bottom: 0px;
            }
            .itemBtnTxt {
                padding-top: 0px;
                padding-bottom: 0px;
                color: #fff;
                background-color: #282828;
                font-size: 16px;
                letter-spacing: 0.1em;
                display: inline-flex;
                width: 400px;
                line-height: 1;
                justify-content: center;
                align-items: center;
                height: 70px;
            }
            .oemSubDtl {
                margin-top: 80px;
                font-size: 16px;
                letter-spacing: 0.1em;
                line-height: 32px;
                font-weight: bold;
                padding: 20px;
            }
            .oemSubTtl span {
                font-size: 40px;
            }
            .presidentBoxsp {
                padding-bottom: 0px;
                padding-top: 10px;
            }
            .midItem.president {
                margin-bottom: 30px;
            }
            .blockbox.presidentBox {
                flex-direction: column-reverse;
            }
        }

        @media screen and (max-width: 850px) {
            .footerUpper {
                flex-direction: column;
                align-items: center;
            }
            .footerMid {
                margin-top: 20px;
            }
            .footerRight {
                padding-top: 30px;
                margin: 0 auto;
            }
            .footerBottom {
                padding-top: 40px;
            }
            .footerRight {
                display: none;
            }
            .footerRight.spShowImg {
                display: block;
            }
            .footerLeft {
                width: 100%;
                flex-basis: 100%;
                text-align: center;
            }
            .footerLogo {
                margin: 0 auto;
            }
            .companyTel,
            .companyFax {
                justify-content: center;
            }
            .companyFs {
                margin-top: 22px;
                margin: 22px auto 0;
            }
        }

        @media screen and (min-width: 851px) {
            .footerRight.spShowImg {
                display: none;
            }
        }

        @media screen and (min-width: 776px) {
            .showTyokuei {
                display: none;
            }
        }

        @media screen and (max-width: 775px) {
            .mainSubTxt {
                font-size: 18px;
                font-weight: bold;
                letter-spacing: 0.1em;
                line-height: 31px;
            }
            .hanbai {
                padding-top: 0;
            }
            .footerMid {
                flex-wrap: wrap;
            }
            .moveTyokuei {
                display: none;
            }

	        .midItem{
	        	flex-basis: calc(100%);
	        	padding: 10px 0px;
	        }
	        .midItem > img{
	        	margin: 0 auto;
	        }
        }

        @media screen and (max-width: 768px) {
            .oemSubTtl {
                font-size: 25px;
                letter-spacing: 0.15em;
                font-weight: bold;
                line-height: 5px;
                margin-top: 45px;
            }
            .oemSubDtl {
                margin-top: 30px;
            }
        }

        @media screen and (max-width: 680px) {
            .itemblock3 {
                display: flex;
                align-items: center;
                width: 100%;
                margin: auto;
            }
            /* .itemblock3 {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 90%;
                margin: auto;
            }
            .itemTxtP3>img {
                margin: 0 auto;
                width: 120px;
            } */
            .itemblock3 {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                width: 100%;
                margin: auto;
            }
            .itemTxtP3 {
                width: 50%;
                flex-basis: 50%;
                margin: 0;
            }
            .itemTxtP3 img {
                margin: 0 auto;
            }
        }

        @media screen and (max-width: 500px) {
            .oemSubTtl {
                font-size: 20px;
            }
            .oemSubTtl span {
                font-size: 37px;
            }
            .midCol01 {
                flex-basis: 50%;
                width: 50%;
            }
            .midCol02 {
                flex-basis: 50%;
                width: 50%;
            }
        }

        @media screen and (max-width: 420px) {}