@charset "utf-8";
/* CSS Document */


/*お悩み*/

.oem_arimasenka{
    font-weight: 600;
    padding: 0.8em 0;
    font-size: 1.3em;
}
.oem_nayami_1{
    width: 270px;
    height: 82px;
    background-image: url(../img/oem/topmenu4.png);
    float: left;
    font-size: 0.8em;
}
.oem_nayami_1txt{
	padding: 23px;
}
.oemservice_syosai::after {
   content: "";
   display: block;
   clear: both;
}

.oem_ptitlearea{
	width: 1100px;
	height: 272px;
	/*background-image: url(../img/oem/oem_bg_txt.jpg);*/
}

/*subcatch*/

.subcatch{
	height: 600px;
	background-image: url(../img/oem/oem_bg_txt.png);
	color: #fff;
}

/*OEM　見出し*/

.pruduct_title{
    font-size: 2.7em;
    font-weight: bold;
    padding-top: 43px;
}

.pruduct_title_txt{
	padding-top: 12px;
	font-size: 1.2em;
	line-height: 200%;
	font-weight: bold;
}

.product_mainimg img{
	width: 100%;
}




.oem_midashi{
    background-color: #000;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 100%;
    padding: 0.7em;
}

.tuyomi_txt{
	padding: 1em 0;	
}

/*OEM　力*/

.oemchikara_dtl1{
    width: 419px;
    height: 236px;
    background-image: url(../img/oem/riyu_1.jpg);
    float: left;
    position: relative;
    padding: 3px 22px;
    border: 0px solid #ccc;
    border-radius: 20px;
    margin: 29px 29px 29px 39px;
    background-color: #fff;
	box-shadow: 4px 4px 0px 1px #ccc;
}

.oemchikara_dtl_txt1{
    padding: 90px 149px 43px 4px;
    height: 113px;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 188%;
    text-align: left;
    float: left;
	
}

.oemchikara_dtl_img1{
    position: absolute;
    color: red;
    top: -24px;
    left: -24px;
}

.oemchikara_dtl2{
    width: 419px;
    height: 236px;
    background-image: url(../img/oem/riyu_2.jpg);
    float: left;
    position: relative;
    padding: 3px 22px;
    border: 0px solid #ccc;
    border-radius: 20px;
    margin: 29px 29px 29px 39px;
    background-color: #fff;
	box-shadow: 4px 4px 0px 1px #ccc;
}

.oemchikara_dtl_txt2{
    padding: 90px 180px 43px 4px;
    height: 113px;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 188%;
    text-align: left;
    float: left;
	
}

.oemchikara_dtl_img2{
    position: absolute;
    color: red;
    top: -24px;
    left: -24px;
}

.oemchikara_dtl3{
    width: 419px;
    height: 236px;
    background-image: url(../img/oem/riyu_3.jpg);
    float: left;
    position: relative;
    padding: 3px 22px;
    border: 0px solid #ccc;
    border-radius: 20px;
    margin: 29px 29px 29px 39px;
    background-color: #fff;
	box-shadow: 4px 4px 0px 1px #ccc;
}

.oemchikara_dtl_txt3{
    padding: 90px 192px 43px 4px;
    height: 113px;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 188%;
    text-align: left;
    float: left;
	
}

.oemchikara_dtl_img3{
    position: absolute;
    color: red;
    top: -24px;
    left: -24px;
}

.oemchikara_dtl4{
    width: 419px;
    height: 236px;
    background-image: url(../img/oem/riyu_4.jpg);
    float: left;
    position: relative;
    padding: 3px 22px;
    border: 0px solid #ccc;
    border-radius: 20px;
    margin: 29px 29px 29px 39px;
    background-color: #fff;
	box-shadow: 4px 4px 0px 1px #ccc;
}

.oemchikara_dtl_txt4{
    padding: 90px 186px 38px 4px;
    height: 113px;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 188%;
    text-align: left;
    float: left;
	
}

.oemchikara_dtl_img4{
    position: absolute;
    color: red;
    top: -24px;
    left: -24px;
}

.example {/*親div*/
  position: relative;/*相対配置*/
  }

.example p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  top: 0;
  left: 0;
  }

.example img {
  width: 100%;
  }


/* OEM 流れ*/

.oem_midashibg{
	background-color: #EEEFEF;
    padding-top: 1em;
}
.oem_mitu_nagare1{
    width: 980px;
    height: 98px;
    margin: 25px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_1_bg.jpg);
}

.oem_mitu_nagare2{
    width: 980px;
    height: 98px;
    margin: 6px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_2_bg.jpg);
}

.oem_mitu_nagare3{
    width: 980px;
    height: 98px;
    margin: 6px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_3_bg.jpg);
}

.oem_mitu_nagare4{
    width: 980px;
    height: 98px;
    margin: 6px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_4_bg.jpg);
}

.oem_mitu_nagare5{
    width: 980px;
    height: 98px;
    margin: 6px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_5_bg.jpg);
}

.oem_mitu_nagare6{
    width: 980px;
    height: 98px;
    margin: 6px 12px 26px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_6_bg.jpg);
}

.oem_mitu_nagare_title{
	font-weight: bold;
	width: 765px;
	text-align: left;
	padding-left: 36px;
	padding-top: 14px;
	font-size: 1.2em;
}

.oem_mitu_nagare_txt{
	width: 765px;
	text-align: left;
	padding-left: 36px;
	padding-top: 2px;
	font-size: 0.8em;
}

/* 製作可能なアイテム*/


.seisakukanou_area{
	margin: 0 auto;

}

.seisakukanou_item{
	width:23%;
	margin: 0 0 1em 1%;
	float: left;
	border: 4px solid #ccc;
	font-size: 0.7em;
	font-weight: bold;
	padding-bottom: 0.5em;
    border-radius: 20px;
	background-color: #fff;
	position: relative;
	
}

.seisakukanou_item p {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0; 
  color: white;

  font-size: 15px;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 17px 0 0 0;
  }




.seisakukanou_midashi_nui{
  background: skyblue;
}

.seisakukanou_midashi_fig{
  background:#ffc107;
}

.seisakukanou_midashi_zakka{
  background: #daa9d6;
}

.seisakukanou_midashi_other{
  background: #cddc39;
}

.seisakukanou_item img{
	width:100%;
	padding-bottom: 0.5em;
    border-radius: 17px 17px 0 0; 
}

.seisakukanou_area::after {
   content: "";
   display: block;
   clear: both;
}

.seisaku_subtxt{
	padding: 1.5em 0;
}
/* 製作実績*/

.seisakujisseki_area{
	margin: 0 auto;
}

.seisakujsk_item{
	width:23%;
	margin: 0 0 1em 1%;
	float: left;
	border: 4px solid #ccc;
	font-size: 0.7em;
	font-weight: bold;
	padding-bottom: 0.5em;
    border-radius: 20px;
}






.seisakujsk_item img{
	width:100%;
	padding-bottom: 0.5em;
    border-radius: 17px 17px 0 0; 
}

.seisakujisseki_area::after {
   content: "";
   display: block;
   clear: both;
}

.seisaku_jisseki_subtxt{
	padding: 1.5em 0;
}


.toitxt{
	padding-top: 1em;
	font-size: 0.8em;
	line-height: 150%;
}

.button01 {
    display: block;
    width: 90%;
    height: 2.8em;
    line-height: 3em;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    background-color: #909090;
    border-radius: 5px;
    /* padding: 0 10%; */
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    margin: 0.7em 5%;
}

.disp_pc{
	display:block;
}

.disp_smp{
	display: none;
}

.kakojitxt{
	padding: 0.5em 0;
}

.jissekitxtarea{
	height: 5em;
}




@media only screen and (max-width:480px){

.disp_pc{
	display:none;
}


.disp_smp{
	display: block;
}

.oemtitleimg{
	width:100%;
}

.oemtitleimg img{
	width:90%;
}

.oemservice_syosais{
	width: 100%;
	margin: 0 auto;
}

.oem_nayami_1 {

}


.oem_nayami_1 {
    width: 180px;
    height: 96px;
    background-image: url(../img/oem/konna.jpg);
    background-repeat: no-repeat;
    float: left;
    font-size: 0.7em;
}

.oem_ptitlearea {
    width: 100%;
}

.pruduct_title {
    font-size: 1.2em;
}

.oem_ptitlearea {
    height: 209px;
}

.pruduct_title_txt {
    padding-top: 12px;
    font-size: 0.8em;
    line-height: 208%;
    font-weight: bold;
    padding: 12px 1em 11em;
}

.product_mainimg img{
	width: 100%;
}
.oem_midashi {
    font-size: 0.9em;
}

.tuyomi_txt {
    padding: 1em;
    font-size: 0.8em;
}

.oemchikara_dtl1 {
    width: 80%;
    height: 236px;
    background-image: url(../img/oem/riyu_smp_1.jpg);
    float: left;
    position: relative;
    padding: 3px 22px;
    border: 0px solid #ccc;
    border-radius: 20px;
    margin: 10px 10px 30px 18px;
    background-color: #fff;
    box-shadow: 4px 4px 0px 1px #ccc;
}

.oemchikara_dtl_txt1 {
	padding: 74px 0px 87px 0px;
	height: 113px;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 188%;
	text-align: left;
	float: left;
	width: 48%;
}


.oemchikara_dtl2 {
    width: 80%;
    height: 236px;
    background-image: url(../img/oem/riyu_smp_2.jpg);
    float: left;
    position: relative;
    padding: 3px 22px;
    border: 0px solid #ccc;
    border-radius: 20px;
    margin: 10px 10px 30px 18px;
    background-color: #fff;
    box-shadow: 4px 4px 0px 1px #ccc;
}

.oemchikara_dtl_txt2 {
	padding: 74px 0px 87px 0px;
	height: 113px;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 188%;
	text-align: left;
	float: left;
	width: 50%;
}

.oemchikara_dtl3 {
    width: 80%;
    height: 236px;
    background-image: url(../img/oem/riyu_smp_3.jpg);
    float: left;
    position: relative;
    padding: 3px 22px;
    border: 0px solid #ccc;
    border-radius: 20px;
    margin: 10px 10px 30px 18px;
    background-color: #fff;
    box-shadow: 4px 4px 0px 1px #ccc;
}

.oemchikara_dtl_txt3 {
	padding: 74px 0px 87px 0px;
	height: 113px;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 188%;
	text-align: left;
	float: left;
	width: 50%;
}

.oemchikara_dtl4 {
    width: 80%;
    height: 236px;
    background-image: url("../img/oem/riyu_smp_4.jpg");
    float: left;
    position: relative;
    padding: 3px 22px;
    border: 0px solid #ccc;
    border-radius: 20px;
    margin: 10px 10px 30px 18px;
    background-color: #fff;
    box-shadow: 4px 4px 0px 1px #ccc;
}

.oemchikara_dtl_txt4 {
	padding: 74px 0px 87px 0px;
	height: 113px;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 188%;
	text-align: left;
	float: left;
	width: 50%;
}

.oem_mitu_nagare1 {
    width: 90%;
    height: 169px;
    margin: 25px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_1_bg.jpg);
    background-repeat: no-repeat;
	background-repeat: no-repeat;
}

.oem_mitu_nagare2 {
    width: 90%;
    height: 136px;
    margin: 25px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_2_bg.jpg);
	background-repeat: no-repeat;
}

.oem_mitu_nagare3 {
    width: 90%;
    height: 136px;
    margin: 25px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_3_bg.jpg);
	background-repeat: no-repeat;
}

.oem_mitu_nagare4 {
    width: 90%;
    height: 169px;
    margin: 25px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_4_bg.jpg);
	background-repeat: no-repeat;
}

.oem_mitu_nagare5 {
    width: 90%;
    height: 190px;
    margin: 25px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_5_bg.jpg);
    background-repeat: no-repeat;
}

.oem_mitu_nagare6 {
    width: 90%;
    height: 136px;
    margin: 25px 12px 6px 0;
    border: 0px solid #ccc;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 1px #ccc;
    background-color: #fff;
    background-image: url(../img/oem/step_6_bg.jpg);
	background-repeat: no-repeat;
}


.oem_mitu_nagare_title {
    font-weight: bold;
    width: 100%;
    text-align: left;
    padding-left: 104px;
    padding-top: 18px;
    font-size: 0.9em;
}

.oem_mitu_nagare_title {
    font-weight: bold;
    width: 100%;
    text-align: left;
    padding-left: 116px;
    padding-top: 10px;
    font-size: 0.8em;
}

.oem_mitu_nagare_txt {
    width: 198px;
    text-align: left;
    padding-left: 93px;
    padding-top: 4px;
    font-size: 0.6em;
}

.seisakukanou_item {
    width: 46%;
}

.copy_r{
	font-size: 0.4em;
	color: #ccc;
}

.seisakujsk_item {
    width: 46%;
}

.seisakukanou_item {
    font-size: 0.5em;
}

.seisakukanou_item p {
  font-size: 9px;
  padding: 3px 5px;
  border-radius: 17px 0 0 0;
  }


.tuyomi_txt{
    padding: 1.5em 1em;
    font-size: 0.8em;
    line-height: 180%;
}

.seisaku_subtxt{
    padding: 1.5em 1em;
    font-size: 0.8em;
}

.seisaku_jisseki_subtxt {
    padding: 1.5em 1em;
    font-size: 0.8em;
}

.oem_nayami_1{
    width: 48%;
    height: inherit;
    height: none;
    background-image: none;
    float: left;
    font-size: 0.55em;
    background-color: #e6e6e7;
    margin: 1%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.oem_nayami_1txt {
    padding: 10px;
}

.jissekitxtarea{
	height: 7em;
}

.cyui_oem{
	font-size: 0.6em;
}

}