@charset "UTF-8";
.oem{background: #fff;}

.oem_midashi01{  color: #000; font-size: 5vw; margin: 0 auto 6%; font-weight: 500; text-align: center; line-height: 1.6; display: block; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;}

.oem_midashi02{text-align: center;position: relative;margin-bottom: 12vw;}
.oem_midashi02 .en{ color: #aa873d;display: block;line-height: 1;font-size: 3.4vw;font-family: trajan-pro-3, serif;font-weight: 400;font-style: normal;}
.oem_midashi02 .jp{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;display: block;line-height: 1.4;color: #000;font-size: 5vw;letter-spacing: 0.06rem;margin-bottom: 2vw;}


.oem_about{padding: 20% 0% 10%;}
.oem_intro{width: 90%;background: #fff;padding: 6% 6% 6%;margin: 0 auto 10vw;-moz-box-shadow: 0 0 6px 2px #b9b9b9;-webkit-box-shadow: 0 0 6px 2px #b9b9b9;box-shadow: 0 0 6px 2px #b9b9b9;}
.intro_midashi{font-size: 4.5vw;margin: -14vw auto 4%;padding: 4%;color: #fff;text-align: center;line-height: 1.4;background: #aa873d;font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;}
.oem_intro ul{}
.oem_intro ul li{}
.oem_intro ul li{position: relative;font-size: 3.6vw;line-height: 1.6;padding: 4vw 0 4vw 6vw;border-bottom: 1px dashed #aaaaaa;}
.oem_intro ul li:last-child{border-bottom:none;padding-bottom: 0;}
.oem_intro ul li:before{content: "";background: url("../images/oem/icon_check.png") no-repeat top left;background-size: 16px;width: 17px;height: 17px;display: inline-block;position: absolute;left: 0;top: 5vw;}

.oem_about_wra{width: 90%;margin: 0 auto 0;}
.about_box{ margin: 0 auto 10vw;}
.about_box img{width: 100%;margin: 0 auto 6vw;}
.about_box p{font-size:3.6vw;line-height: 1.8;margin-bottom: 4vw;}


.oem_reason{ padding: 10% 0; background: url("../images/oem/oem_bg.jpg") center top / cover no-repeat;}
.oem_reason_box{width: 90%;margin: 0 auto;}
.oem_reason_box .reason_text{}
.oem_reason_box .reason_text p{font-size: 4vw;line-height: 1.8;text-align: center;margin-bottom: 4vw;font-weight: 500;color: #000;}
.oem_reason_box .reason_text dl{  margin: 10vw 0 10vw;}
.oem_reason_box .reason_text dt{font-size: 4.2vw;line-height: 1.6;text-align: center;margin-bottom: 3.7vw;color: #000;font-weight: 600;}
.oem_reason_box .reason_text dd{font-size:3.6vw;line-height: 1.8;text-indent: -1em;padding-left: 1em;margin-bottom: 4vw;color: #000;}

.oem_machine{width: 90%;margin: 0 auto;padding: 10vw 0;}
.oem_machine img{width: 100%;margin: 0 auto;}
.machine_box{}
.machine_box dl{ border-bottom: 1px solid #aaa; padding: 6vw 0;}
.machine_box dt{line-height: 1.4;color: #000;font-size: 4vw;margin-bottom: 5vw;text-align: center;}
.machine_box dd li{margin-bottom:4vw;font-size: 3.5vw;}
.machine_box dl:last-child{margin-bottom:0;border-bottom:none;}

.machine_text{margin: 0 auto 16vw;}
.machine_text img{width:60%;margin:0 auto 6vw;}
.machine_text p{  text-align: center; line-height: 1.6;font-size: 4vw;}

.ome_hand{  margin: 0 auto 10vw;}
.ome_hand img{width: 100%;margin: 0 auto 6vw;}
.ome_hand li{text-align: center;font-size: 4vw;margin-bottom: 4vw;}

.design{ padding: 10vw 0; background: url("../images/oem/design_bg.jpg") center top / cover no-repeat;}
.design ul{width: 90%;margin: 0 auto;}
.design ul li{width: 100%;}
.design ul img{width: 100%;margin: 0 auto 6vw;}

.oem_support{padding: 10vw 0;}
.oem_support .support_box{width: 90%;background: #fff;padding: 6% 6% 6%;margin: 0 auto 6vw;-moz-box-shadow: 0 0 6px 2px #b9b9b9;-webkit-box-shadow: 0 0 6px 2px #b9b9b9;box-shadow: 0 0 6px 2px #b9b9b9;}
.oem_support .support_box p{ font-size: 4.5vw;margin: -14vw auto 4%;padding: 4%;color: #fff;text-align: center;line-height: 1.4;background: #aa873d;font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;}

.oem_support .support_box ul{}
.oem_support .support_box li{padding: 6vw 0;border-bottom: 1px dashed #aaa;}
.oem_support .support_box li:last-child{padding: 6vw 0 0;border-bottom: none;}
.oem_support .support_box dl{}
.oem_support .support_box dt{margin-bottom: 4vw;font-size: 4.2vw;font-weight: 600;color: #000;font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;}
.oem_support .support_box dt span{font-size: 7.5vw;line-height: 1;font-family: cormorant-garamond, serif;font-weight: 600;margin-right: 0.5em;color: #aa873d;font-style: italic;}
.oem_support .support_box dd{line-height: 1.6;font-size: 3.5vw;}

.oem_flow{  background: #f2f2f2; padding: 10vw 0;}
.oem_flow ul{ width: 90%; margin: auto;}
.oem_flow li{position: relative;margin-bottom: 10vw;}
.oem_flow li:after{content: "";width: 0;height: 0;border-style: solid;border-width: 10px 16px 0 16px;border-color: #aa873d transparent transparent transparent;position: absolute;top: 105%;right: 0;left: 0;z-index: 0;margin: auto;}
.oem_flow li:last-child:after{content:none;}
.oem_flow img{width: 100%;margin: 0 auto 5vw;}
.oem_flow dl{}
.oem_flow dt{padding-left: 12vw;margin-bottom: 4vw;font-size: 4.2vw;font-weight: 600;line-height: 1.4;color: #000;font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;position: relative;}
.oem_flow dt span{font-size: 7.5vw;line-height: 1;font-family: cormorant-garamond, serif;font-weight: 600;margin-right: 0.5em;color: #aa873d;font-style: italic;position: absolute;top: -6px;left: 0;}
.oem_flow dd{line-height: 1.6;font-size: 3.5vw;}

.oem_contact{padding: 10vw 0;}
.co_contact{margin: auto;background: #f2f2f2;width: 100%;padding: 4%;}


.oem_bnr{ padding: 10vw 0; background: url("../images/oem/design_bg.jpg") center top / cover no-repeat;}
.oem_bnr_inn{width: 90%;padding: 0 0;margin: 0 auto;-moz-box-shadow: 0 0 6px 2px #b9b9b9;-webkit-box-shadow: 0 0 6px 2px #b9b9b9;box-shadow: 0 0 6px 2px #b9b9b9;}
.oem_bnr .oem_bnr_img{width: 100%;margin: auto;}
.oem_bnr .oem_bnr_text{width: 100%;margin: auto;background: #fff;padding: 6vw 0;}
.oem_bnr .oem_bnr_text p{display: block;width: 100%;color: #000;font-size: 5vw;margin: auto;text-align: center;line-height: 1.4;letter-spacing: 0.06rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;}


@media screen and (min-width: 736px) {
.oem_midashi01{font-size: 30px; margin: 0 auto 60px; width: 100%;}

.oem_midashi02{margin-bottom:90px;}
.oem_midashi02 .en{font-size:16px;}
.oem_midashi02 .jp{font-size:24px;margin-bottom:10px;}

.oem_about{padding: 100px 0 20px;}
.oem_intro{width: 900px;padding: 10px;margin: 0 auto 100px;}
.intro_midashi{font-size: 24px;margin: -50px auto 20px;padding: 20px;width: 700px;}
.oem_intro ul{   width: 85%;margin: 0 auto 40px;}
.oem_intro ul li{}
.oem_intro ul li{font-size: 18px;line-height: 1.6;padding: 15px 0 15px 20px;border-bottom: 1px dashed #aaaaaa;}
.oem_intro ul li:last-child{border-bottom:none;padding-bottom: 0;}
.oem_intro ul li:before{content: "";background: url("../images/oem/icon_check.png") no-repeat top left;background-size: 16px;width: 17px;height: 17px;display: inline-block;position: absolute;left: 0;top: 20px;}

.oem_about_wra{width: 960px;margin: 0 auto 0;}
.about_box{margin: 0 auto 80px;width: 960px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.about_box img{width: 50%;margin: 0;}
.about_box .about_text{width: 45%;}
.about_box p{font-size: 16px;line-height: 1.8;margin-bottom: 16px;}

.about_box .about_text.left{ -webkit-order: -1; -ms-flex-order: -1;order: -1;}

.oem_reason{padding: 100px 0;background-size: 100%;}
.oem_reason_box{width: 90%;margin: 0 auto;}
.oem_reason_box .reason_text{ width: 900px;margin: auto;}
.oem_reason_box .reason_text p{font-size: 20px;text-align: center;margin-bottom: 20px;}
.oem_reason_box .reason_text dl{margin: 60px 0 60px;}
.oem_reason_box .reason_text dt{font-size: 20px;margin-bottom: 10px;}
.oem_reason_box .reason_text dd{font-size: 20px;margin-bottom: 10px;}

.oem_machine{width: 960px;margin: 0 auto;padding: 100px 0 40px;}
.oem_machine img{width: 100%;margin: 0 auto;}
.machine_box{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.machine_box dl{border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding: 20px 0;width: 50%;}
.machine_box dl:nth-of-type(2){border-right:none; }
.machine_box dl:nth-of-type(3){border-bottom:none;}
.machine_box dl:nth-of-type(4){border-bottom:none;border-right:none;}
.machine_box dt{font-size: 22px;margin-bottom: 10px;text-align: center;}
.machine_box dd{ padding: 20px;}
.machine_box dd ul{}
.machine_box dd li{margin-bottom: 10px;font-size: 16px;width: 100%;}
.machine_box dl:last-child{margin-bottom:0;border-bottom:none;}

.machine_text{margin: 0 auto 100px;}
.machine_text img{width: 30%;margin: 50px auto 30px;}
.machine_text p{text-align: center;font-size: 20px;}

.ome_hand{margin: 0 auto 60px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.ome_hand img{width: 100%;margin: 0 auto 10px;}
.ome_hand li{font-size: 16px;margin-bottom: 10px;width: 30%;}

.design{padding: 100px 0;background-size: cover;}
.design ul{width: 960px;margin: 0 auto;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.design ul li{width: 49%;}
.design ul img{width: 100%;margin: 0 auto 30px;}

.oem_support{padding: 100px 0;}
.oem_support .support_box{width: 960px;padding: 40px 40px 40px;margin: 130px auto 0;}
.oem_support .support_box p{font-size: 24px;margin: -90px auto 20px;padding: 20px;width: 700px;}

.oem_support .support_box ul{width: 90%;margin: auto;}
.oem_support .support_box li{padding: 20px 0;border-bottom: 1px dashed #aaa;}
.oem_support .support_box li:last-child{padding: 20px 0 0;}
.oem_support .support_box dl{}
.oem_support .support_box dt{margin-bottom: 22px;font-size: 22px;}
.oem_support .support_box dt span{font-size: 48px;line-height: 1;font-family: cormorant-garamond, serif;font-weight: 600;margin-right: 0.5em;color: #aa873d;font-style: italic;}
.oem_support .support_box dd{line-height: 1.6;font-size: 16px;}

.oem_flow{  background: #f2f2f2; padding: 10vw 0;}
.oem_flow ul{ width: 90%; margin: auto;}
.oem_flow li{width: 960px;margin: 0 auto 80px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.oem_flow li:after{top: 110%;right: 0;left: 0;}
.oem_flow li:last-child:after{content:none;}
.oem_flow img{width: 420px;margin: 0;}
.oem_flow dl{ width: 49%; padding-top: 16px;}
.oem_flow dt{padding-left: 70px;margin-bottom: 20px;font-size: 20px;}
.oem_flow dt span{font-size: 48px;top: -19px;left: 0;}
.oem_flow dd{line-height: 1.6;font-size: 16px;}

.oem_contact{padding: 100px 0;}
.co_contact{margin: auto;width: 960px;padding: 30px;}


.oem_bnr{padding: 60px 0;}
.oem_bnr_inn{width: 960px;padding: 0 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.oem_bnr .oem_bnr_img{width:480px;margin: 0 auto 0 0;}
.oem_bnr .oem_bnr_text{width: 480px;margin: 0 0 0 auto; padding: 50px 0; height: 247px;}
.oem_bnr .oem_bnr_text p{font-size: 24px;margin: 30px auto 30px;}
.oem_bnr .text-more{width: 240px;padding: 18px 0;}


}