/*---------------------------------------------------------------------*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　     　*/
/*　                      抗菌フロアーシール                           */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　     　*/
/*　　　　　　　    　各ページ用  CSS　2020.04.20　　　　　            */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　     */
/*---------------------------------------------------------------------*/

body{
 font-family: "メイリオ", sans-serif;
 color: #333;
 margin: 0;
 padding: 0;
 background-color:#fff;
}

p{
 font-size: 85%;
 letter-spacing: 0.1em;
 line-height: 180%;
 margin: 0 0 10px 0;
}

a{
 color:#333;
 text-decoration: none;
}

a:hover{
 color:#333;
 text-decoration: none;
}

.bt_pagetop{
 z-index: 1500;
 position: fixed;
 bottom: 20px;
 right: 20px;
}


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

p{
 font-size: 14px;
 letter-spacing: 0.1em;
 line-height: 26px;
 margin: 0 0 1em 0;
}

}
	


/*ヘッダーここから---------------------------------------*/

#header{
 width: 100%;
 height: 0;
 background: url(../img/mainimg.jpg) center;
 background-size: cover;
 height: 480px;
 padding: 60px 0 0 0;
 margin: 0 0 50px 0;
}

.header_box {
 width: 1000px;
 margin:0 auto;
 overflow:hidden;
}

.header_title {
 float:left;
 width: 650px;
 margin:0 20px 0 0;
 overflow:hidden;
}

#header h2 {
font-family: 'Noto Sans JP', sans-serif;
 font-weight:bold;
 color:#000000;
 font-size: 100%;
 letter-spacing: 0.1em;
 margin:0 0 10px 0;
 text-align:center;
 text-shadow: 2px 2px 5px #fff ,
 -2px 2px 5px #fff ,
 2px -2px 5px #fff ,
 -2px -2px 5px #fff;
}

#header h1 {
font-family: 'Noto Sans JP', sans-serif;
 font-weight:nomal;
 color:#0085B2;
 font-size: 500%;
 letter-spacing: 0.1em;
 margin: 0;
 padding: 0;
 text-align:center;
 text-shadow: 2px 2px 10px #fff ,
 -2px 2px 10px #fff ,
 2px -2px 10px #fff ,
 -2px -2px 10px #fff;
}

#header p {
font-family: 'Caveat', cursive;
 color:#83C1C1;
 font-size: 190%;
 margin: 0 0 10px 0;
 padding: 0;
 text-align:center;
}

.header_catch {
 width: 495px;
 margin:0 auto;
 padding: 0;
 overflow:hidden;
}

.header_catch ul {
 margin: 0;
 padding: 0;
}

.header_catch li {
 list-style:none;
}

.catchA {
 float:left;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight:500;
 width: 105px;
 height: 80px;
 font-size: 110%;
 letter-spacing: 0.1em;
 background-color: #DAEDED;
 border-radius: 50%;
 color: #444;
 text-align: center;
 margin: 0 25px 0 0;
 padding: 25px 0 0 0;
}

.catchB {
 float:left;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight:500;
 width: 105px;
 height: 80px;
 font-size: 110%;
 letter-spacing: 0.1em;
 background-color: #DAEDED;
 border-radius: 50%;
 color: #444;
 text-align: center;
 margin: 0;
 padding: 25px 0 0 0;
}

.header_img {
 float:left;
 width: 330px;
}



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

#header{
 width: 100%;
 height: 0;
 background: url(../img/mainimg.jpg) center;
 background-size: cover;
 height: 510px;
 padding: 30px 0 0 0;
 margin: 0 0 30px 0;
}

.header_box {
 width: 100%;
 margin:0 auto;
 overflow:hidden;
}

.header_title {
 float:none;
 width: 90%;
 margin: 0 auto 20px;
 overflow:hidden;
}

#header h2 {
font-family: 'Noto Sans JP', sans-serif;
 font-weight:bold;
 color:#000000;
 font-size: 12px;
 letter-spacing: 0.1em;
 margin:0 0 10px 0;
 text-align:center;
 text-shadow: 2px 2px 5px #fff ,
 -2px 2px 5px #fff ,
 2px -2px 5px #fff ,
 -2px -2px 5px #fff;
}

#header h1 {
font-family: 'Noto Sans JP', sans-serif;
 font-weight:nomal;
 color:#0085B2;
 font-size: 30px;
 letter-spacing: 0.1em;
 margin: 0;
 padding: 0;
 text-align:center;
 text-shadow: 2px 2px 5px #fff ,
 -2px 2px 5px #fff ,
 2px -2px 5px #fff ,
 -2px -2px 5px #fff;
}

#header h1 br{
 display:none;
}

#header p {
font-family: 'Caveat', cursive;
 color:#83C1C1;
 font-size: 14px;
 margin: 0 0 30px 0;
 padding: 0;
 text-align:center;
}

.header_catch {
 width: 310px;
 margin: 0 auto;
 padding: 0;
 overflow:hidden;
}

.header_catch ul {
 margin: 0 auto;
 padding: 0;
}

.header_title li {
 list-style:none;
}

.catchA {
 float:left;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight:500;
 width: 70px;
 height: 55px;
 font-size: 12px;
 letter-spacing: 0.1em;
 background-color: #DAEDED;
 border-radius: 50%;
 color: #444;
 text-align: center;
 margin: 0 10px 0 0;
 padding: 15px 0 0 0;
}

.catchB {
 float:left;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight:500;
 width: 70px;
 height: 55px;
 font-size: 12px;
 letter-spacing: 0.1em;
 background-color: #DAEDED;
 border-radius: 50%;
 color: #444;
 text-align: center;
 margin: 0;
 padding: 15px 0 0 0;
}

.header_img {
 float:none;
 width: 50%;
 margin: 0 auto;
 display:block;
}


}


/*コンテンツここから---------------------------------------*/

#wrap{
 width: 1000px;
 height: 4600px;
 margin: 0 auto 70px;
 padding: 0;
 overflow: hidden;
}

#gaiyo{
 width: 100%;
 background: url(../img/gaiyo_bg.png) center;
 background-size: cover;
 height: 553px;
 margin: 0 0 70px 0;
}

.gaiyo_box{
 width:500px;
 margin: 30px auto 0;
}

.gaiyo_box p {
font-family: 'Noto Sans JP', sans-serif;
 font-weight:500;
 color:#333;
 font-size: 130%;
 letter-spacing: 0.2em;
 margin:0 0 1em 0;
 text-align:center;
}

.text_kyocyo {
 color:#0085B2;
}

.text_kyocyo_big {
 font-size: 120%;	
 color:#0085B2;
}

.gaiyo_box img {
 width:500px;
 margin: 0 auto;
 display:block;
}

.sp_gaiyo_bg {
 display:none;
}

#tekioushisetsu{
 width: 1000px;
 margin: 0 0 100px 0;
 padding: 0;
 overflow: hidden;
}

#tekioushisetsu h2 {
 position: relative;
 padding: 1rem;
 text-align: center;
 font-family: 'Noto Sans JP', sans-serif;
 color:#333;
 font-size: 180%;
 font-weight:900;
 letter-spacing: 0.05em;
 margin: 0 0 50px 0;
}

#tekioushisetsu h2:before {
  position: absolute;
  bottom: -0px;
  left: calc(50% - 15px);
  width: 30px;
  height: 5px;
  content: '';
  background: #0085B2;
}

.ts_img {
 width: 1000px;
 margin: 0;
 padding: 0;
 overflow:hidden;
}

.ts_img ul {
 margin: 0;
 padding: 0;
}

.ts_img li {
 list-style:none;
}

.ts_img li p {
 text-align: center;
 font-family: 'Noto Sans JP', sans-serif;
 color:#0085B2;
 font-size: 100%;
 font-weight:700;
 letter-spacing: 0.1em;
}

.ts01 {
 float:left;
 margin: 0 20px 0 0;
 padding: 0;
}

.ts01 img {
 max-width: 235px;
 height: auto;
 margin: 0 0 10px 0;
}

.ts02 {
 float:left;
 margin: 0 20px 0 0;
 padding: 0;
}

.ts02 img {
 max-width: 235px;
 height: auto;
 margin: 0 0 10px 0;
}

.ts03 {
 float:left;
 margin: 0 20px 0 0;
 padding: 0;
}

.ts03 img {
 max-width: 235px;
 height: auto;
 margin: 0 0 10px 0;
}

.ts04 {
 float:left;
 margin: 0;
 padding: 0;
}

.ts04 img {
 max-width: 235px;
 height: auto;
 margin: 0 0 10px 0;
}

#about{
 width: 1000px;
 margin: 0 0 70px 0;
 padding: 0;
 position:relative;
}

.about_img{
	width: 700px;
	height: 220px;
	margin: 0;
	padding: 0;
	z-index: 20;
	position: absolute;
	left: 0px;
	top: -36px;
}

.about_leaf{
	width: 184px;
	height: 128px;
	margin: 0;
	padding: 0;
	z-index: 30;
	position: absolute;
	top: 54px;
	left: 752px;
}

.about_products{
	width: 286px;
	height: 316px;
	margin: 0;
	padding: 0;
	z-index: 20;
	position: absolute;
	top: 236px;
	left: 707px;
}

.about_wrap{
 background-color:#eee;
 width: 940px;
 margin: 0;
 padding: 220px 30px 30px 30px;
 z-index:10;
}

.about_wrap h2 {
 font-family: 'Noto Sans JP', sans-serif;
 color:#0085B2;
 font-size: 180%;
 font-weight:900;
 letter-spacing: 0.05em;
 margin: 0 0 20px 0;
 padding: 0;
}

.about_wrap ul{
 font-size : 120%;
 letter-spacing : 0.05em;
 line-height: 180%;
 margin : 0 0 30px 20px;
 padding : 0;
}

.about_wrap li{
 margin : 0 0 1em 0;
 padding : 0;
 color:#0085B2;
}

.about_wrap li span{
 color:#333;
}

.about_wrap p{
 font-size : 120%;
 letter-spacing : 0.05em;
 line-height: 180%;
 margin : 0;
}

.products{
 width: 940px;
 margin: 0 0 50px 0;
 padding: 29px 29px 50px 29px;
 border:#CCC 1px solid;
 overflow:hidden;
}

.products_box{
 width: 940px;
 margin: 0;
 padding: 0;
 overflow:hidden;
}

.products_img{
 float:left;
 max-width: 280px;
 margin: 0 30px 0 0;
 padding: 0;
}

.products_right{
 float:left;
 width: 630px;
 margin: 0;
 padding: 0;
}

.products_box h2{
 font-family: 'Noto Sans JP', sans-serif;
 padding: 0 0.5em;/*上下 左右の余白*/
 background: transparent;/*背景透明に*/
 border-left: solid 5px #0085B2;/*左線*/
 color: #333;
 font-size: 160%;
 font-weight:900;
 letter-spacing: 0.05em;
 margin: 0 0 20px 0;
}

.products_box h3{
 font-family: 'Noto Sans JP', sans-serif;
 color: #333;
 font-size: 120%;
 font-weight:500;
 letter-spacing: 0.05em;
 border-bottom:#0085B2 solid 1px;
 margin: 0 0 10px 0;
 padding: 0 0 0.3em 0;
}

.products_price {
  padding: 0.3em 0;
  list-style-type: none;
  border: none;
  color: #333;
 font-size: 110%;
 letter-spacing: 0.05em;
 margin: 0 0 30px 0;
}
.products_price li {
  position:relative;
  padding: 0.3em 0 0.3em 1.6em;
  line-height: 1.5;
}
.products_price li:before{
  content: '';
  position: absolute;
  background-color: #0085B2;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 10px;
  top: 13px;
}

.products_shiyo{
 margin: 0 0 30px 0;
 padding: 0;
}

.products_shiyo li{
 font-size: 90%;
 letter-spacing: 0.05em;
 line-height: 170%;
 margin: 0 0 0.5em 20px;
}

.bt_houkokusyo{ 
 width: 530px;
 height: 65px;
 margin: 0 auto;
 padding: 0;
 display:block;
}

.bt_houkokusyo a:hover{
 opacity: 0.5;
 filter: alpha(opacity=50);
}

.bt_contact{ 
 width: 800px;
 height: 130px;
 margin: 0 auto;
 padding: 0;
 display:block;
}

.bt_contact a:hover{
 opacity: 0.5;
 filter: alpha(opacity=50);
}



@media only screen and (max-width: 750px) {
	
	
#wrap{
 width: 90%;
 height: 5100px;
 margin: 0 auto 50px;
 padding: 0;
 overflow: hidden;
}

#gaiyo{
 width: 100%;
 height: auto;
 background: none;
 margin: 0 0 30px 0;
}

.gaiyo_box{
 width:100%;
 margin: 0 0 10px 0;
}

.gaiyo_box p {
 font-family: 'Noto Sans JP', sans-serif;
 font-weight:500;
 color:#333;
 font-size: 16px;
 letter-spacing: 0.2em;
 margin:0 0 1em 0;
 text-align:center;
}

.text_kyocyo {
 color:#0085B2;
}

.text_kyocyo_big {
 font-size: 18px;	
 color:#0085B2;
}

.gaiyo_box img {
 width: 80%;
 height: auto;
 margin: 0 auto;
 display:block;
}

.sp_gaiyo_bg {
 display:block;
 width: 100%;
 height: auto;
 margin: 0;
}

#tekioushisetsu{
 width: 100%;
 margin: 0 0 70px 0;
 padding: 0;
 overflow: hidden;
}

#tekioushisetsu h2 {
 position: relative;
 padding: 1rem;
 text-align: center;
 font-family: 'Noto Sans JP', sans-serif;
 color:#333;
 font-size: 20px;
 font-weight:900;
 letter-spacing: 0.05em;
 margin: 0 0 30px 0;
 
}

#tekioushisetsu h2:before {
  position: absolute;
  bottom: -0px;
  left: calc(50% - 15px);
  width: 30px;
  height: 5px;
  content: '';
  background: #0085B2;
}

.ts_img {
 width: 100%;
 margin: 0;
 padding: 0;
 overflow:hidden;
}

.ts_img ul {
 margin: 0;
 padding: 0;
}

.ts_img li {
 list-style:none;
 margin-bottom: 10px
}

.ts_img li p {
 text-align: center;
 font-family: 'Noto Sans JP', sans-serif;
 color:#0085B2;
 font-size: 14px;
 font-weight:700;
 letter-spacing: 0.1em;
}

.ts01 {
 float:left;
 width: 48%;
 margin: 0 4% 0 0;
 padding: 0;
}

.ts01 img {
 max-width: none;
 width: 100%;
 height: auto;
 margin: 0;
}

.ts02 {
 float:left;
 width: 48%;
 margin: 0;
 padding: 0;
}

.ts02 img {
 max-width: none;
 width: 100%;
 height: auto;
 margin: 0;
}

.ts03 {
 float:left;
 width: 48%;
 margin: 0 4% 0 0;
 padding: 0;
}

.ts03 img {
 max-width: none;
 width: 100%;
 height: auto;
 margin: 0;
}

.ts04 {
 float:left;
 width: 48%;
 margin: 0;
 padding: 0;
}

.ts04 img {
 max-width: none;
 width: 100%;
 height: auto;
 margin: 0;
}

#about{
 width: 100%;
 margin: 0 0 70px 0;
 padding: 0;
 position:relative;
}

.about_img{
	width: 80%;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 20;
	position: absolute;
	top: -25px;
}

.about_leaf{
 display:none;
}

.about_products{
 display:none;
}

.about_wrap{
 background-color:#eee;
 width: 90%;
 margin: 0;
 padding: 20% 5% 5% 5%;
 z-index:10;
}

.about_wrap h2 {
 font-family: 'Noto Sans JP', sans-serif;
 color:#0085B2;
 font-size: 20px;
 font-weight:900;
 letter-spacing: 0.05em;
 margin: 0 0 10px 0;
 padding: 0;
}

.about_wrap ul{
 font-size : 16px;
 letter-spacing : 0.05em;
 line-height: 24px;
 margin : 0 0 20px 15px;
 padding : 0;
}

.about_wrap li{
 margin : 0 0 1em 0;
 padding : 0;
 color:#0085B2;
}

.about_wrap li span{
 color:#333;
}

.about_wrap p{
 font-size : 16px;
 letter-spacing : 0.05em;
 line-height: 24px;
 margin : 0;
}

.products{
 width: 100%;
 margin: 0 0 30px 0;
 padding: 20px 0 40px 0;
 border:#CCC 1px solid;
 box-sizing:border-box;
 overflow:hidden;
}

.products_box{
 width: 94%;
 margin: 0 auto;
 padding: 0;
 overflow:hidden;
}

.products_img{
 float:none;
 max-width: none;
 width: 50%;
 margin: 0 auto 20px;
 padding: 0;
 display:block;
}

.products_right{
 float:none;
 width: 100%;
 margin: 0;
 padding: 0;
}

.products_box h2{
 font-family: 'Noto Sans JP', sans-serif;
 padding: 0 0.5em;/*上下 左右の余白*/
 background: transparent;/*背景透明に*/
 border-left: solid 5px #0085B2;/*左線*/
 color: #333;
 font-size: 18px;
 font-weight:900;
 letter-spacing: 0.05em;
 margin: 0 0 0.5em 0;
}

.products_box h3{
 font-family: 'Noto Sans JP', sans-serif;
 color: #333;
 font-size: 16px;
 font-weight:500;
 letter-spacing: 0.05em;
 border-bottom:#0085B2 solid 1px;
 margin: 0 0 10px 0;
 padding: 0 0 0.3em 0;
}

.products_price {
  padding: 0.3em 0;
  list-style-type: none;
  border: none;
  color: #333;
 font-size: 14px;
 letter-spacing: 0.05em;
 margin: 0 0 30px 0;
}
.products_price li {
  position:relative;
  padding: 0.3em 0 0.3em 1.6em;
  line-height: 1.5;
}
.products_price li:before{
  content: '';
  position: absolute;
  background-color: #0085B2;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 10px;
  top: 13px;
}

.products_shiyo{
 margin: 0 0 30px 0;
 padding: 0;
}

.products_shiyo li{
 font-size:14px;
 letter-spacing: 0.05em;
 line-height: 170%;
 margin: 0 0 0.5em 20px;
}

.bt_houkokusyo{ 
 width: 80%;
 height: auto;
 margin: 0 auto;
 padding: 0;
 display:block;
}

.bt_houkokusyo img{ 
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 0;
 display:block;
}

.bt_houkokusyo a:hover{
 opacity: 0.5;
 filter: alpha(opacity=50);
}

.bt_contact{ 
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 0;
 display:block;
}

.bt_contact img{ 
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 0;
 display:block;
}

.bt_contact a:hover{
 opacity: 0.5;
 filter: alpha(opacity=50);
}


}





/*フッターここから---------------------------------------*/

#footer{
 width:1000px;
 margin: 0 auto;
 padding: 0;
 overflow: hidden;
}

.copyright{
 font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
 font-size: 85%;
 letter-spacing: 0.05em;
 color:#777;
 text-align:center;
}

.copyright br{
 display: none;
}


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

#footer{
 width:90%;
 margin: 0 auto;
 padding: 0;
 overflow: hidden;
}

.copyright{
 font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
 font-size: 12px;
 letter-spacing: 0.05em;
 color:#777;
 text-align:center;
}

.copyright br{
 display: block;
}

}