@charset "utf-8";

/*初期設定のリセット*/
body,div,h1,h3,h4,p,a{
	margin: 0;
	padding: 0;
}
a{ text-decoration:none;}
img{ vertical-align:middle;}
/*END　初期設定のリセット*/

/* 禁則処理 */
p,li,dd.ol{
	line-break:strict;
	-ms-line-break: strict;
	word-break:breac-strict;
	-ms-eord-break:break-strict	
}

/*　iphoneの自動調整禁止　*/
body{
  -webkit-text-size-adjust: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
input[type="submit"],input[type="recet"]{
  -webkit-appearance: none;
  appearance: none;
}


/* リンク */
a{ color:#666;}
a:hover{ color:#000;}

/*フルードイメージ*/
img{max-width:100%;}
/*END フルードイメージ*/

/* jQuery トップへ戻るボタン*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/* ここまでjQuery トップへ戻るボタン*/




html{
	font-size:100%;/*16px*/
	line-height:1.5;
}

h1{
	font-size: clamp(24px, 2vw, 36px);
	color:#666;
	text-align:center;
}
h1 img{
	vertical-align:bottom;
	margin:0 30px;	
}
h2{
	font-size: clamp(18px, 1vw, 24px);
	text-align:center;	
}
h2 img{
	vertical-align:middle;
	margin-right:25px;	
}
h3{
	margin:0 auto 1em;	
}


article{
	clear:both;	
	padding:2em;
}

#new{
	width:80%;
	margin:0 auto;
	color:#666;	
	padding-bottom:2em;
}
#new dt{
	font-size:0.875em;	
}
#new dd{
	border-bottom:solid 1px #ccc;	
}

.cont_in p{
	margin-bottom:1em;	
}

footer{
	clear:both;
	border-top:solid 2px #999;
	padding:20px 0;
	font-size:0.875em;
	text-align:center;
	color:#999;
}


/* OEMページ */
.cont_oem div{
	margin-bottom:50px;
	background-repeat:no-repeat;
}
.oem_01{
	background-image:url(img_oem/oem_01.png);
}
.oem_02{
	background-image:url(img_oem/oem_02.png);
}
.oem_03{
	background-image:url(img_oem/oem_03.png);
}
.oem_04{
	background-image:url(img_oem/oem_04.png);
}
.oem_05{
	background-image:url(img_oem/oem_05.png);
}
.oem_06{
	background-image:url(img_oem/oem_06.png);
}
.oem_07{
	background-image:url(img_oem/oem_07.png);
}
.oem_08{
	background-image:url(img_oem/oem_08.png);
}


/* お問い合わせページ */
.submit_btn input{
	margin:10px 30px;
    width: 100px;
    padding: 10px 0;
    border: none;
    background-color: #ededed;
    color: #000;
}



/* スマホ用 */
@media screen and (max-width:767px){

#new dt{
	padding-top:10px;
}

#new dd{
	margin:0;
	padding-bottom:10px;
}

.spacer img{
	height:100px;
}


/* box */
.box_r{
	padding:1em;
	/*margin-bottom:2em;*/
}



/* OEMページ */
.cont_oem div {
	background:none;
}







/* 表示・非表示 */	
.sp{
	display:block;	
}
.tb{
	display:none;	
}
.pc{
	display:none;	
}

}

/* タブレット用 */
@media screen and (min-width:768px){

header{
	height:55px;
	padding-top:50px;	
}

#new dt{
	float:left;
	margin:0;
	padding:10px 0;
}
#new dd{
	margin-inline-start:160px !important;
	padding:10px 0 10px 20px;
}

.box{
	clear:both;	
	max-width:800px;
	/*margin:50px auto 100px;*/
	margin:0 auto;
	text-align:center;	
}
.box_l{
	float:left;	
}
.box img{
	max-width:300px;
}

#cont_philo{
	background-image:url(img_top/bg_cont-phillo.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	padding-bottom:100px;
}
.cont_in{
	background-color:rgba(255,255,255,0.8);
	width:80%;
	margin:0 auto;
	padding:2em 1em;
}


/* OEMページ */
.cont_oem{
	width:700px;
	margin:0 auto;
}
.cont_oem div{
	min-height:260px;	
}
.cont_oem p{
	padding:90px 0 0 230px;
}
.oem_00{
	height:558px;
}


/* 表示・非表示 */	
.sp{
	display:none;	
}
.tb{
	display:block;	
}
.pc{
	display:none;	
}


}

/* PC用 */
@media screen and (min-width:1000px){

body{
	width:1000px;
	margin:0 auto;
}

header{
	position: fixed;/*常に上部に表示*/
	z-index: 999;
	top: 0;
	left:auto;
	width:1000px;
	background-color:#fff;
	margin:0 auto;
}

article{
	margin-top:85px;	
}


nav ul{
	float:right;
	list-style:none;
	margin:0;
}
nav li{
	float:left;
}

/*=== ドロップダウンメニュー ===*/
nav #menu{
    position: relative;	
}
nav #sub-menu{
	display:none;/*最初は非表示*/
	position: absolute;
    top: 90;
    left:auto;
	margin-left:-30px;
}
#menu li:hover #sub-menu {
    display: block;/*メニューにホバーしたら表示*/
}
nav #sub-menu li{
	float:none;	
	font-size:14px;
}
nav #sub-menu li a{
	display:block;
	background-color:#898989;
	color:#fff;
	border-bottom:solid 1px #fff;
	padding:6px 20px;
}
nav #sub-menu li a:hover{
	background-color:#666;	
}
/*=== //ドロップダウンメニュー// ===*/

.cont_in{
	width:640px;
}

/* OEMページ */
.oem_00{
	margin-top:34px;
	background-image:url(img_oem/oem_00.jpg);
}



/* 表示・非表示 */	
.sp{
	display:none;	
}
.tb{
	display:none;	
}
.pc{
	display:block;	
}

}