/*====================================================================================================

  TOPPAGE

====================================================================================================*/

#toppage { padding:0 auto ;}


/* MAINIMG */

#mainimg {
	max-width: 100%;
	margin: 0 auto;
}
#mainimg:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
#mainimg img{ width: 100%; }
#mainimg video{ width: 100%; height: 100vh; object-fit: cover;}


/* SERVICE */
#toppage .content { padding: 115px 0 80px;  border-bottom:1px solid #333; }
#toppage .content1 { margin: 150px 0 0 ; padding: 115px 0 0;  border-top:1px solid #333; }
#toppage .content2 { padding: 115px 0 80px; }
#toppage .content3 { margin: 0 auto 300px; width: 1000px; padding: 50px 0 200px; }
#toppage .content h3,
#toppage .content1 h3,
#toppage .content2 h3,
#toppage .content3 h3{ margin: 0 0 50px;}
#toppage .content h3 small,
#toppage .content h3 b,
#toppage .content1 h3 small,
#toppage .content1 h3 b,
#toppage .content2 h3 small,
#toppage .content2 h3 b,
#toppage .content3 h3 small,
#toppage .content3 h3 b{ display: block;}
#toppage .content h3 small,
#toppage .content1 h3 small,
#toppage .content2 h3 small,
#toppage .content3 h3 small{
	font-size:110%;
	letter-spacing: 15px;
	text-align: center;
	color: #31789f;
}
#toppage .content ul,
#toppage .content2 ul{ margin: auto; width: 600px;}
#toppage .content1 ul{ margin: 0 auto; width: 1000px;}
#toppage .content3 ul{ margin: 0 auto; width: 1000px;}
#toppage .content ul::after,
#toppage .content1 ul::after,
#toppage .content2 ul::after
#toppage .content3 ul::after{ /*float_clear*/ display:block; clear:both; content:"";}
#toppage .content ul li,
#toppage .content2 ul li{ float: left; width:260px;}
#toppage .content1 ul li,
#toppage .content3 ul li{ float: left; width:500px;}
#toppage .content ul li+li,
#toppage .content2 ul li+li,
#toppage .content2 ul li+li{ margin-left: 30px;}
#toppage .content3 ul li+li{ margin-left: -3px;}
#toppage .content ul li,
#toppage .content1 ul li,
#toppage .content2 ul li,
#toppage .content3 ul li{ padding-top:150px; }
#toppage .content ul li b,
#toppage .content ul li small,
#toppage .content1 ul li b,
#toppage .content1 ul li small,
#toppage .content2 ul li b,
#toppage .content2 ul li small,
#toppage .content3 ul li b,
#toppage .content3 ul li small{ display: block;}
#toppage .content ul li b,
#toppage .content1 ul li b,
#toppage .content2 ul li b,
#toppage .content3 ul li b{ font-size: 150%; text-align: center;}
#toppage .content ul li:nth-child(2),
#toppage .content1 ul li:nth-child(2),
#toppage .content2 ul li:nth-child(2),
#toppage .content3 ul li:nth-child(2){ padding: 2px 0;}
#toppage .content ul li:nth-child(1),
#toppage .content1 ul li:nth-child(1),
#toppage .content2 ul li:nth-child(1),
#toppage .content3 ul li:nth-child(1){ padding: 2px 0;}


/* sanitary */
#back-s { background-color: #e3e3e3; }
#toppage .sanitary { margin: 0 auto; padding: 0 0 50px ; max-width: 1000px; background-color: #fff;}
#toppage .sanitary .comment { margin: 0 0 50px;}


/* PICK UP */
#toppage .pickup { margin: auto; padding:150px 0 0 ; max-width: 1000px;}



/* colour */

#top-b{ margin: 200px auto 0; width: 100%; background:#e3eff6;}

#top-b .con_pa{
  margin: 0 auto;
  position:relative;
  width:1200px;
　top:30px;
  height:350px;
}

#top-b .con_ch1{
    margin: 0 auto;
    position: absolute;
    top: -102px;
    max-width: 1200px;
    left: 82px;
}

#top-b .con_ch2{
    margin: 0 auto;
    width: 250px;
    height: 60px;
    position: absolute;
    top: 246px;
    left: 462px;
}