body {
  /*		padding: 0 0 83px;*/
}
#main {
  position: relative;
}
@media screen and (max-width:1000px) {
  #main {
    padding: 60px 0 0;
  }
}
#slider {
  width: 100%;
  z-index: 10;
}
.slide-item, .spec_img {
  width: 100%;
}
.spec_img a {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}
.spec_img img {
  width: 100%;
  vertical-align: bottom;
}
#slider_nav {
  max-width: 600px;
  width: 90%;
  margin: 0 auto;
  list-style: none;
  display: flex;
  padding: 10px 0;
  position: relative;
  z-index: 5;
  flex-wrap: wrap;
}
#slider_nav li {
  width: 18%;
  margin: 1%;
}
@media screen and (max-width:1000px) {
  #slider_nav li {
    width: 31%;
    margin: 1%;
  }
}
.nav_item_img, .nav_item_img img, .col2 img, .comosy_info_img img, .syokai_img img, #bottle_container {
  width: 100%;
}
.col2 .txtimg, .comosy_info_img > .txtimg {
  width: auto;
  max-width: 100%;
}
@media screen and (max-width:768px) {
  .col2 .txtimg, .comosy_info_img > .txtimg {
    margin: auto;
  }
}
.comosy_info_img > img {
  margin: auto;
}
.comosy_info_img > .txtimg {
  margin: auto !important;
  max-width: 200px !important;
}
.col3 {
  list-style: none;
  justify-content: space-between;
}
.col3 > li {
  width: 30%;
  line-height: 1.5;
}
@media screen and (max-width:768px) {
  .col3 > li {
    width: 95%;
    margin: 0 auto 20px;
  }
}
.wave {
  position: relative;
}

@media screen and (max-width:768px) {
  section h2:before, section h2:after {

	  display: none;
  }
}

#top {
  padding: 0 0 4em;
}
@media screen and (max-width:768px) {
  #top {
    padding: 0 0 2em;
  }
}
#top_container {
  padding-top: 3em;
  display: flex;
  width: 95%;
}
@media screen and (max-width:768px) {
  #top_container {
    display: block;
    padding: 35px 0 20px;
  }
}
.buy_box {
  width: 40%;
  margin: 0 5%;
  z-index: 10;
}
@media screen and (max-width:768px) {
  .buy_box {
    width: 100%;
    margin: 0 0 40px;
  }
}
.buy_box ul {
  list-style: none;
}
@media screen and (min-width:769px) {
  .buy_box ul {
    display: flex;
  }
}
.buy_box ul li {
  width: 95%;
  margin: 0 auto;
}
.buy_box p, #top_contact_box p {
  font-size: 18px;
  text-align: center;
  padding: 10px 0;
  font-weight: bolder;
  /*	color: rgba(31,52,120,1.00);*/
}



#top_direct_box p {
  color: #ed6d00;
}
#top_contact_box {
  width: 40%;
  margin: 0 5%;
}
@media screen and (max-width:768px) {
  #top_contact_box {
    width: 100%;
    margin: 0;
  }
}
#top_contact_box h3 {
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
  font-weight: bolder;
}
.top_contact_link {
  /*
	width: 95%;
	margin: 0 auto;
*/
}
.top_contact_link a {
  /*
	background-color: #FFF;
	border: 2px solid #036EB8;
	color: #036EB8;
*/
}
.bgwh, #top, #com02, #com04, .com07 {
  background: #fff;
}
@media screen and (min-width:769px) {
  .com02, .com03, #com04 ul, .com07, .com08 {
    display: flex;
    flex-wrap: nowrap;
    list-style-type: none;
    justify-content: space-evenly;
	margin: 0 auto 15px;
  }
}
@media screen and (min-width:769px) {
  .col2 {
    width: 46%;
  }
  .col2:first-child {
    margin-right: 1%;
  }
}
.col2 > p {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  width: 95%;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .col2 > p {
    font-size: 16px;
    padding: 20px 0 0;
  }
}
#tehada {
  max-width: 280px;
}



#ninnsyo {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto 30px;
}
#ninnsyo a {
  display: inline-block;
  width: 100%;
  padding: 30px 10px;
  box-sizing: border-box;
  align-items: center;
  text-decoration: none;
  background-color: #FFF;
  text-align: center;
}
@media screen and (max-width:768px) {
  #ninnsyo a {
    display: block;
    padding: 15px;
  }
}
#ninnsyo #ninsyo_logo {
  width: 90px;
  margin: 0 20px 0 0;
}
@media screen and (max-width:768px) {
  #ninnsyo #ninsyo_logo {
    width: 120px;
    margin: 0 auto 15px;
  }
}
#ninnsyo #ninsyo_logo img {
  width: 100%;
}
#ninnsyo a h2 {
  font-size: 16px;
  /*	color: rgba(31,52,120,1.00);*/
}
#kensyo {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto 30px;
}
#kensyo a {
  display: inline-block;
  width: 100%;
  padding: 30px 10px;
  box-sizing: border-box;
  align-items: center;
  text-decoration: none;
  background-color: #FFF;
  text-align: center;
  /*	color: rgba(31,52,120,1.00);*/
}
#ninnsyo a h2 {
  font-size: 16px;
  /*	color: rgba(31,52,120,1.00);*/
}
#comosy_info, #com03, #jirei, #use, #bottle {
  padding-bottom: 2em;
  background-color: #D2E8F8
}
#cont01, #cont02 {
  max-width: 768px;
}
/*コモスイとは*/
#comosy_info {
  padding: 1em 0;
}
#cont01 > span {
  font-size: .8em;
}
/*
@media screen and (max-width:768px) {
#comosy_info_container h2 {
	font-size: 20px;
}	
}

*/
#comosy_info_container p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  max-width: 768px;
  margin: 0 auto;
  line-height: 1.4;
}
@media screen and (max-width:768px) {
  #comosy_info_container p {
    font-size: 15px;
    text-align: left;
    margin: 0 4%;
  }
}
#comosy_info_container ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto 10px;
  padding: 30px 0 20px;
}
#comosy_info_container ul li {
  width: 31%;
  margin: 1%;
  box-sizing: border-box;
}
@media screen and (max-width:768px) {
  #comosy_info_container ul li {
    width: 100%;
    margin: 0 0 35px;
  }
}
.comosy_info_img {
  width: 50%;
  max-width: 200px;
  margin: 0 auto 15px;
  /*	border-radius: 50%;*/
  overflow: hidden;
}
@media screen and (max-width:768px) {
  .comosy_info_img {
    width: 70%;
  }
}
#comosy_info_container > ul > li > h3 {
  text-align: center;
  font-size: 18px;
  padding: 0 0 .5em;
  white-space: nowrap;
}
#comosy_info_container > ul > li > h3 > span {
  font-weight: 900;
  color: #004D9E;
  -webkit-text-emphasis-style: dot filled;
  text-emphasis-style: dot filled;
}
#comosy_info_container ul li p {
  text-align: left;
  /*	color: #868686;*/
  font-size: 15px;
  font-weight: 400;
}
.com01-02, .com03-04 {
  border-color: #D2E8F8;
  background-color: #fff;
}
.com02-03 {
  border-color: #fff;
}
.com01-02 img, .com02-03 img, .com03-04 img {
  margin: 0 auto !important;
  max-width: 746px;
}
@media screen and (max-width:768px) {
  .com01-02 img, .com02-03 img, .com03-04 img {
    max-width: 600px;
    width: 98%;
  }
}
/*
.more_btn {
	width: 85%;
	max-width: 350px;
	margin: 20px auto 50px;
}

*/
/*
@media screen and (max-width:768px) {
.more_btn {
	margin: 20px auto 40px;
}	
}
*/
#cont02, #cont04, #cont08 {
  border-color: #0071bf;
  white-space: nowrap;
}
#cont02 > span {
  font-size: .9em;
}
.comosy_jikou > .ttl03:before {
  background-image: url(../images/ttl03.png);
  width: 3.5em;
  height: 3em;
  margin: 0 -1em -.6em 0;
}
/*
@media screen and (max-width:768px) {
.comosy_jikou:last-child {
	margin: 20px 0 40px;
	}
}
*/
.kari {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  padding: 20px 0;
}
.kari img {
  width: 100%;
}
@media screen and (min-width:769px) {
  .comosy_jikou .comosy_info_img {
    width: auto;
    max-width: 400px;
    border-radius: 0;
  }
}
/*ご利用事例*/
/*
#jirei {
}
*/



@media screen and (min-width:769px) {
  #jirei {
    /*	padding: 64px 0;*/
    /*    max-width: 720px;*/
    margin: 0 auto 0;
  }
}
#jirei_container {
  /*	position: relative;*/
  /*	z-index: 2;*/
  width: 95%;
  margin: 0 auto;
}
#jirei_container p {
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  #jirei_container p {
    text-align: left;
  }
}
#jirei_list {
  width: 90%;
  margin: 50px auto;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
#jirei_list li {
  width: 23%;
  margin: 0.5% 1%;
  padding: 1%;
  /*
	background-color: #FFF;
	color: #0a4c75;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
*/
}
@media screen and (max-width:768px) {
  #jirei_list li {
    width: 31%;
    margin: 2% 1%;
    padding: 2%;
  }
}
@media screen and (max-width:500px) {
  #jirei_list li {
    width: 48%;
  }
}
#jirei_container h3 {
  color: #0a4c75;
  font-size: 22px;
  text-align: center;
  margin: 40px 0 20px;
}
#jirei_syokai_list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  width: 95%;
  margin: 0 auto;
}
#jirei_syokai_list li {
  width: 23%;
  margin: 1%;
  background-color: #FFF;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width:1200px) {
  #jirei_syokai_list li {
    width: 31%;
    margin: 1%;
  }
}
@media screen and (max-width:768px) {
  #jirei_syokai_list li {
    width: 48%;
    margin: 1%;
  }
}
@media screen and (max-width:500px) {
  #jirei_syokai_list li {
    width: 98%;
    margin: 1% 1% 30px;
  }
}
.syokai_img {
  width: 100%;
  margin: 0 auto;
}
#jirei_syokai_list li .syokai_name {
  font-size: 17px;
  text-align: center;
  padding: 15px 0;
  font-weight: bold;
  /*	color: rgba(102,102,102,1.00);*/
}
#jirei_syokai_list li dl {
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px 15px;
}
#jirei_syokai_list li dl dt {
  word-break: break-all;
  font-size: 13px;
  display: inline-block;
  width: 100%;
  min-width: 75px;
  font-weight: bold;
  color: #0a4c75;
}
#jirei_syokai_list li dl dd {
  word-break: break-all;
  font-size: 13px;
  display: inline-block;
  width: 100%;
  margin: 0 0 15px;
  /*	color: rgba(102,102,102,1.00);*/
}
/*ご使用方法*/
@media screen and (max-width:768px) {
  #use {
    padding: 0 0 2em;
  }
}
#use_container {
  position: relative;
  z-index: 2;
  width: 95%;
  margin: 0 auto;
}
#use_container p {
  font-size: 16px;
  font-weight: bold;
  /*    color: #0a4c75;*/
  text-align: center;
}
@media screen and (max-width:768px) {
  #use_container p {
    font-size: 15px;
    text-align: left;
  }
}
#use_container ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px 0;
}
@media screen and (min-width:769px) {
  #use_container ul {
    flex-wrap: nowrap;
  }
}
#use_container ul li {
  width: 14.5%;
  margin: 1%;
}
@media screen and (max-width:1000px) {
  #use_container ul li {
    width: 31%;
    margin: 1%;
    font-size: 15px;
  }
}
#use_container ul li p {
  text-align: center;
}
#use_container ul li img {
  width: 60% !important;
  margin: 0 auto 10px !important;
}
/*推奨スプレーボトル*/
#bottle_container {
  box-sizing: border-box;
  width: 95%;
  max-width: 910px;
  margin: 40px auto 20px;
  font-weight: bold;
  padding: 15px;
  background-color: #FFFFFF;
  position: relative;
}
#bottle_box > p {
  text-align: center;
  padding: 10px 0;
  line-height: 1.4;
}
@media screen and (max-width:768px) {
  #bottle_box > p {
    text-align: left;
  }
}
#bottle_box {
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #036EB8;
}
#top_right_tepu {
  position: absolute;
  z-index: 2;
  top: -25px;
  right: -25px;
  width: 100px;
  pointer-events: none;
}
#top_left_tepu {
  position: absolute;
  z-index: 2;
  top: -25px;
  left: -25px;
  width: 100px;
  pointer-events: none;
  transform: rotate(-90deg);
}
#bottom_left_tepu {
  position: absolute;
  z-index: 2;
  bottom: -25px;
  left: -25px;
  width: 100px;
  pointer-events: none;
  transform: rotate(180deg);
}
#bottom_right_tepu {
  position: absolute;
  z-index: 2;
  bottom: -25px;
  right: -25px;
  width: 100px;
  pointer-events: none;
  transform: rotate(90deg);
}
#cont07 {
  margin: 0 auto.5em;
  font-size: 2em;
  text-align: center;
}
.com07 {
  margin-top: 1em;
}
.com07 > .col2 {
  background-image: url(../images/bottlebg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
  padding: 15px 12px 10px;
}

@media screen and (max-width:768px) {
.col2 p {
	font-size: 13px;
	line-height: 1.4;
}
}
@media screen and (max-width:768px) {
  .com07 > .col2:first-child {
    margin: 0 0 15px;
  }
}
.com07 > .col2 td > h3 {
  border: 1px solid #036EB8;
  width: fit-content;
  margin-bottom: .5rem;
  padding: 1% 2%;
	font-size: 16px;
}
.col2 td {
  vertical-align: top;
}
.col2 .vs_midle {
  vertical-align: middle;
	padding: 0 0 0 10px; 
}
#bottle_container td > .btlimg {
  width: 50px !important;
}
/*定期購入*/
#buy {
  /*	padding: 0 0 200px;*/
}
@media screen and (max-width:768px) {
  #buy {
    padding: 0 0 3em;
  }
}
.com08 {
  margin-bottom: 3em;
}
#buy_list {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto 50px;
  padding: 30px;
  box-sizing: border-box;
  border: 3px solid #0a4c75;
  list-style: none;
}
@media screen and (max-width:768px) {
  #buy_list {
    padding: 20px;
  }
}
#buy_list li {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px;
  border-bottom: 3px dotted #0a4c75;
  padding: 0 0 10px 30px;
  position: relative;
  /*	color: rgba(100,100,100,1.00);*/
}
#buy_list li::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  /*	background-color: rgba(27,72,132,1.00);*/
}
#buy_list li:last-child {
  margin: 0;
}
.bdb_y {
  font-weight: bold;
}
.bdb_y span {
  background: linear-gradient(transparent 75%, #ff0 0%);
}

#sns_widget {
	padding: 2rem 0;
}

#sns_widget_container {
	display: flex;
	width: 95%;
	max-width: 800px;
	background-color: #D2E8F8;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
}

@media screen and (max-width:768px) {
#sns_widget_container {
	display: block;
}	
}

#widget_insta {
	width: 48%;
	margin: 1%;
}

@media screen and (max-width:768px) {
#widget_insta {
	width: 90vw;
	height: 90vw;
	margin: 0 auto 30px;
}	
}

#widget_insta iframe {
	display: block;
	width: 100%;
	height: 100%;
}

#widget_twitter {
	width: 48%;
	margin: 1%;
}

@media screen and (max-width:768px) {
#widget_twitter {
	width: 95%;
	margin: 0 auto;
}	
}

#widget_twitter a {
	display: inline-block;
	width: 100%;
}

/* お知らせ */
.newyear {
	margin-top: 3em;
	width: 95%;
	max-width: 800px;
	padding: 1em 6em;
	border: 1px solid #c33;
	color: #333;
	font-weight: 500;
	box-sizing: border-box;
}
.newyear > h3 {
	padding: .2em 0;
	color: #c00;
	font-size: 1.1rem;
	text-align: center;
	border-bottom: 1px solid;
}
.newyear > p {
	margin: 1em 0;
	font-size: 1rem;
}

.newyear > dl {
	font-size: 1rem;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
}

.newyear > dl > dt {
	width: 7em;
/*	text-align: justify;*/
	text-align-last: justify;
}

.newyear > dl > dd {
	width: calc(100% - 7em);
/*	display: flex;*/
}

.newyear > dl > dd > span:first-child {
	width: 13.3em;
	display: inline-block;
	text-align-last: justify;
	white-space: nowrap;
}

@media screen and (max-width:768px) {
	.newyear > dl {display: block;}
	.newyear > dl > dd {width: 100%;}
}

@media screen and (max-width:428px) {
	.newyear {padding: 1em;}
	.newyear > dl > dd > span:first-child {display: block;}
}