@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&family=Oswald:wght@200;300;400&display=swap');
/* CSS Document */
html {
	scroll-behavior: smooth;
}
body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.slider{
	padding-top: 100px;
}
.slider img{
  
	}
.pc-br{
	display: none;
}
/* wave */
.wavettl {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 2.5s;
}

.wavettl span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 2.5s;
}

.wavettl.-visible,
.wavettl.-visible span {
  transform: translate(0, 0);
}

.wavetxtA {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3.5s;
}

.wavetxtA span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3.5s;
}

.wavetxtA.-visible,
.wavetxtA.-visible span {
  transform: translate(0, 0);
}
.wavetxtB {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3.5s;
}

.wavetxtB span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3.5s;
}

.wavetxtB.-visible,
.wavetxtB.-visible span {
  transform: translate(0, 0);
}
.wavetxtC {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3.5s;
}

.wavetxtC span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3.5s;
}

.wavetxtC.-visible,
.wavetxtC.-visible span {
  transform: translate(0, 0);
}
.wavetxtD {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3.5s;
}

.wavetxtD span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3.5s;
}

.wavetxtD.-visible,
.wavetxtD.-visible span {
  transform: translate(0, 0);
}
/* top */
.top-new-slide{
	background-image: url("../img/top/slide-new.jpg");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}
.top-new-slide2{
	background-image: url("../img/top/slide-new2.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.top-new-slide-inner{
	margin: 0 auto;
    width: 80%;
    height: 30vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
article{
	width: 1100px;
	margin: 0 auto;
}
.top-main{
	width: 100%;
	padding: 100px 0 70px;
	box-sizing: border-box;
}
.top-main-fx{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.top-main-txt{
	color: #172244;
}
.top-main-txt-A{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 30px;
}
.top-main-txt-A rt{
	text-align: center;
}
.top-main-txt-B{
	font-size: 60px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 30px;
}
.top-main-txt-hight{
	line-height: 1.45;
}
.top-main-txt-C{
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 200;
	font-size: 24px;
	line-height: 2;
}

.top-company{
	background-image: url("../img/top/top-background.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	/*background-size: cover;*/
	background-color: #172244;
	height: 940px;
	width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.top-company-inner{
	width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 150px 0;
	box-sizing: border-box;
}
.top-company-inner h1{
	font-size: 40px;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 40px;
}
.top-company-txt{
	font-size: 19px;
	color: #fff;
	line-height: 2;
	width: 490px;
	text-align: justify;
}
.top-company-txt p{
	margin-bottom: 50px;
}
.top-company-txt-arrow{
	display: flex;
	align-items: center;
	font-weight: bold;
}
.top-company-txt-arrow img{
	margin-right: 20px;
}
.top-company-txt a{
	text-decoration: none;
	color: #fff;
	transition: 0.2s;
}
.top-company-txt a:hover{
	opacity: 0.6;
	
}
.top-news-fx{
	display: flex;
	align-items: flex-start;
}
.top-news{
	color: #172244;
	padding: 90px 0 70px;
	box-sizing: border-box;
}
.top-news-fx h2{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 20px;
	display: flex;
	align-items: center;
}
.top-news-fx h2 span{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 600;
	font-size: 32px;
}
.top-news-fx h2 img{
	margin: 0 15px;
}
.top-news-fx table{
	font-size: 16px;
	font-weight: 400;
	margin-left: 50px;
}
.top-news-table{
	padding-right: 35px;
	padding-bottom: 20px;
	padding-top: 10px;
}
.top-business{
	background-color: #e7e7e7;
	width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
	padding: 100px 0;
	box-sizing: border-box;
}
.top-business-inner{
	width: 1100px;
	margin: 0 auto;
}
.top-business-inner h2{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	border-bottom: 2px solid #ea5413;
	width: fit-content;
	margin: 0 auto;
	padding-bottom: 18px;
	box-sizing: border-box;
	color: #172244;
}
.top-business-txt{
	color: #172244;
	font-size: 40px;
	text-align: center;
	font-weight: 600;
	line-height: 1.6;
	margin-top: 30px;
	margin-bottom: 65px;
}
.top-business-txt-arrow-wrap{
	display: flex;
	justify-content: right;
}
.top-business-inner a{
	text-decoration: none;
	color: #172244;
	transition: 0.2s;
	    display: block;
    width: fit-content;
}
.top-business-inner a:hover{
	opacity: 0.6;
}
.top-business-box-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top-business-box{
	width: 352px;
	height: 610px;
	background: linear-gradient(to bottom,#d49923 90%,rgba(212,153,35,0) 100%);
	box-sizing: border-box;
	color: #fff;
	padding-bottom: 50px;
}
.top-business-box h4{
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	line-height: 1.4;
	margin-top: 25px;
	margin-bottom: 20px;
}
.top-business-box-txt{
	width: 85%;
	margin: 0 auto;
}
.top-business-box-txt p{
	font-size: 24px;
	line-height: 1.4;
	text-align: justify;
}
.margin-A,.margin-D{
	margin-top: 40px;
}
.margin-B,.margin-E{
	margin-top: 80px;
}
.top-business-txt-arrow{
	margin-top: 40px;
	text-align: right;
	display: flex;
	justify-content: right;
	align-items: center;
	font-weight: bold;
	font-size: 20px;
}
.top-business-txt-arrow img{
	margin-right: 10px;
}
.top-contact{
	background-color: #172244;
	color: #fff;
	width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
	padding: 78px 0;
	box-sizing: border-box;
}
.top-contact-inner{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	
}
.top-contact-inner a{
	text-decoration: none;
	color: #fff;
	transition: 0.2s;
}
.top-contact-inner a:hover{
	opacity: 0.6;
}
.top-contact-box{
	width: 540px;
	padding: 35px 120px;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: 600;
	border: 2px solid #ea5413;
	margin: 0 auto;
	margin-top: 25px;
}
.top-contact-box::after{
	content: '';
  display: inline-block;
  width: 32px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url("../img/top/mail-under.png");
  background-size: contain;
	margin-left: 13px;
}
/* business */
.business-main{
	background-color: #172244;
	width: 100%;
	height: 300px;
	background-image: url("../img/business/mainV.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-top: 100px;
}
.business-main h1{
	margin: 0 auto;
	width: 1100px;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	height: 100%;
	display: flex;
	align-items: center;
}
.business-main h1 span{
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	font-size: 24px;
	color: #fff;
	margin-left: 28px;
}
.business-anker{
	display: flex;
	justify-content: space-between;
}
.business-anker a{
	text-decoration: none;
	color: #172244;
	transition: 0.2s;
}
.business-anker a:hover{
	opacity: 0.6;
}
.business-anker div{
	width: 500px;
	border-bottom: 2px solid #ea5514;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #172244;
	padding-bottom: 28px;
	box-sizing: border-box;
	margin-top: 85px;
	background-image: url("../img/business/arrow.png");
	background-repeat: no-repeat;
	background-position: right 10%;
}
#architecture{
	display: block;
   margin-top:-100px;
   padding-top:100px;
}
#architecture h2{
	font-size: 32px;
	font-weight: 600;
	color: #172244;
	margin-top: 90px;
	margin-bottom: 37px;
}
#architecture h2 span{
	font-size: 18px;
	font-weight: 600;
}
#architecture h3{
	font-size: 22px;
	font-weight: 600;
	color: #172244;
	padding: 40px 0 18px;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #c5c8d0;
	position: relative;
}
	#architecture h3::after{
		content: "";
  display: block;
  border-bottom: 4px solid #d49923;
  width: 39px;
  position: absolute;
		bottom: -2px;
	}
.architec-inner-sp span{
	background-color: #d49923;
	color: #fff;
}
.architec-fx{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 35px;
}
.architec-inner{
	font-size: 16px;
	font-weight: 500;
	color: #172244;
	width: 700px;
	text-align: justify;
	line-height: 1.8;
}
.architec-inner h4{
	font-size: 18px;
	font-weight: 600;
	color: #172244;
}
.architec-inner h4.margin-h4{
	margin-top: 45px;
}
.architec-inner ul{
	padding-left: 1em;
}
.architec-inner ul li{
	list-style: square;
	color: #c48713;
}
.architec-inner ul li span{
	color: #172244;
}
.arc-txt-mgn{
	margin-bottom: 40px;
}
#cleaning{
	margin-bottom: 245px;
	display: block;
   margin-top:-100px;
   padding-top:100px;
}
#cleaning h2{
	margin-top: 120px;
	margin-bottom: 35px;
	font-size: 32px;
	font-weight: 600;
	color: #172244;
}
#cleaning h3{
	font-size: 22px;
	font-weight: 600;
	color: #172244;
	padding: 40px 0 18px;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #c5c8d0;
	position: relative;
}
	#cleaning h3::after{
		content: "";
  display: block;
  border-bottom: 4px solid #d49923;
  width: 39px;
  position: absolute;
		bottom: -2px;
	}
#cleaning p{
	font-size: 16px;
	font-weight: 400;
	color: #172244;
	line-height: 1.8;
	margin-top: 30px;
}
.cleaning-fx{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.cleaning-fx img{
	margin-top: 40px;
}
.cleaning-fx-inner{
	width: 700px;
}
	.cleaning-img-sp{
		display: none;
	}

/* company */
.company-main{
	background-color: #172244;
	width: 100%;
	height: 300px;
	background-image: url("../img/company/mainV.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-top: 100px;
}
.company-main h1{
	margin: 0 auto;
	width: 1100px;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	height: 100%;
	display: flex;
	align-items: center;
}
.company-main h1 span{
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	font-size: 24px;
	color: #fff;
	margin-left: 28px;
}
.company-messe h2,.company-prof h2{
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	color: #172244;
	    margin-top: 110px;
	margin-bottom: 50px;
}
.company-messe h2 span,.company-prof h2 span{
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	font-size: 14px;
	letter-spacing: 0.1em;
	color: #97adf3;
}
.company-messe-txt{
	text-align: justify;
	font-size: 19px;
	font-weight: 500;
	color: #172244;
	line-height: 1.8;
}
.company-messe-ceo{
	margin-top: 30px;
	text-align: right;
	font-size: 25px;
	font-weight: 600;
	color: #172244;
}
.company-messe-ceo span{
	font-size: 18px;
	font-weight: 500;
}
.company-prof{
	margin-bottom: 185px;
}
.company-prof h2{
	margin-top: 165px;
}
.company-prof-fx h3{
	font-size: 22px;
	font-weight: 600;
	color: #172244;
	width: 30%;
	line-height: 1.8;
}
.company-prof-fx p{
	font-size: 17px;
	font-weight: 400;
	color: #172244;
	line-height: 1.8;
	    width: 70%;
}
.company-prof-fx{
	display: flex;
	padding: 35px 0;
	box-sizing: border-box;
	align-items: flex-start;
	border-bottom: 1px solid #c5c8d0;
	position: relative;
}
.doble-line{
	border-top: 1px solid #c5c8d0;
	position: relative;
}
	.company-prof-fx::after{
		content: "";
  display: block;
  border-bottom: 4px solid #d49923;
  width: 39px;
  position: absolute;
		bottom: -2px;
	}
	.doble-line::before{
		content: "";
  display: block;
  border-bottom: 4px solid #d49923;
  width: 39px;
  position: absolute;
		top: -3px;
	}
/* privacy */
.privacy-ho h2{
	margin-top: 110px;
}
.privacy-ho h2,.privacy-kai h2{
	font-size: 28px;
	font-weight: 600;
	color: #172244;
	padding-bottom: 22px;
	box-sizing: border-box;
	border-bottom: 1px solid #c5c8d0;
	position: relative;
}
	.privacy-ho h2::after,.privacy-kai h2::after{
		content: "";
  display: block;
  border-bottom: 4px solid #d49923;
  width: 39px;
  position: absolute;
		bottom: -2px;
	}
.privacy-kai{
	margin-bottom: 165px;
}
.privacy-kai h2{
	margin-top: 85px;
}
.privacy-ho p,.privacy-kai p{
	font-size: 16px;
	font-weight: 500;
	color: #172244;
	line-height: 1.8;
	margin-top: 20px;
	text-align: justify;
}
/* contact */
.contact-intro{
	margin: 120px 0;
}
.contact-intro-fx{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contact-intro-fx-left{
	font-size: 18px;
	font-weight: 500;
	color: #172244;
	line-height: 1.8;
	width: 60%;
}
.contact-intro-fx-right{
	border: 2px solid #e25614;
	width: 387px;
	height: auto;
	color: #e25614;
	padding: 35px 0 45px;
	box-sizing: border-box;
	text-align: center;
}
.contact-intro-fx-right-mini{
	font-size: 20px;
	font-weight: 600;
	color: #e25614;
}
.contact-intro-fx-right-big{
	font-size: 30px;
	font-weight: 600;
	color: #e25614;
	margin-top: 25px;
}
.contact-form{
	background-color: #d3d3d3;
	width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
	padding: 130px 0 150px;
	box-sizing: border-box;
}
.contact-form-inner{
	width: 1100px;
	margin: 0 auto;
	background-color: #fff;
	padding: 100px 0 80px;
	box-sizing: border-box;
}
.contact-form-inner h2{
	font-size: 32px;
	font-weight: 600;
	color: #172244;
	margin-bottom: 20px;
	text-align: center;
}
.contact-form-inner p{
	font-size: 15px;
	font-weight: 500;
	color: #172244;
	margin-bottom: 60px;
	text-align: center;
	line-height: 1.8;
}
.contact-form-inner p a{
	color: #e25614;
}
.contact-area{
	width: 85%;
	margin: 0 auto;
}
.contact-area table{
	width: 100%;
	margin-bottom: 65px;
}
.contact-area table tr{
	border-top: 2px solid #e9e9e9;
}
.end-border{
	border-bottom: 2px solid #e9e9e9;
}
.contact-td-left{
	font-size: 18px;
	font-weight: 600;
	color: #172244;
	width: 30%;
}
.hits{
	font-size: 12px;
	color: #ff0000;
}
.contact-td-right{
	padding: 22px 0;
	box-sizing: border-box;
}
::placeholder{
	color: #a8a8a8;
}
input, input[type="text"]{
	background-color: #e8e8e8;
    border: none;
    height: 45px;
}
input[type="radio"]{
	position: relative;
	top: -3px;
}
#input_name,#input_tell,#input_post{
	width: 333px;
	text-indent: 1em;
}
#input_mailadd,#input_address{
	width: 517px;
	text-indent: 1em;
}
textarea{
	background-color: #e8e8e8;
    border: none;
	width: 640px;
	height: 271px;
	resize: none;
	padding: 10px 1em;
	box-sizing: border-box;
}
.contact-end{
	    vertical-align: top;
    padding-top: 22px;
}
button.button{
	display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	width: 302px;
	height: 47px;
	border-radius: 7px;
	background-color: #16225c;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto;
	
}
.thanks-wrap h2{
	font-size: 32px;
	font-weight: 600;
	color: #172244;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding: 110px 0 15px;
	border-bottom: 2px solid #e9e9e9;;
}
.thanks-wrap p{
	width: 75%;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 500;
	color: #172244;
	line-height: 1.8;
	margin-top: 25px;
}
.thanks-wrap a{
	display: block;
	text-decoration: none;
	color: #172244;
	width: 187px;
	margin: 0 auto;
	margin-top: 30px;
	border-bottom: 2px solid #e25614;
	padding-bottom: 7px;
	box-sizing: border-box;
	text-align: center;
	font-weight: 600;
}
.back-top::before{
	content: '';
  display: inline-block;
  width: 15px;/*画像の幅*/
  height: 17px;/*画像の高さ*/
  background-image: url("../img/contact/arrow.png");
  background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
}
.thanks-wrap{
	margin-bottom: 115px;
}

/* products */
.seko-image{
	display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row-reverse;
}
.so-dan-mgn{
	margin-top: 70px;
	margin-bottom: 40px;
}
.so-dan-img{
	text-align: center;
}
.safety-img{
	text-align: center;
	margin-bottom: 60px;
}
.ninetys{
	text-align: center;
	margin-top: 80px;
}
.pycle-img{
	text-align: center;
	margin: 50px 0;
}
.pycle-flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pycle-flex-txt{
	font-size: 22px;
	font-weight: bold;
}
.pest-seko-flex{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.pest-seko-mark h4{
	    color: #172244;
    margin-bottom: 20px;
	text-align: center;
}
.pest-seko-mark h4::before{
	    content: '';
    display: inline-block;
    width: 14px;
    height: 9px;
    background-image: url(../img/products/donyu-arrow.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}
.pest-flex-boxsize{
	width: 50%;
}
.pest-img{
	margin-top: 75px;
}
.pest-img-sp{
	display: none;
}
.pest-head{
	margin-top: 50px;
	background-color: #6fb84b;
	color: #fff;
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	padding: 15px 0;
}
.pest-head span{
	color: #fdff51;
	font-size: 49px;
}
.pro-img-sp{
	display: none;
}
.pro-ttl-small{
	    font-size: 16px;
    font-weight: 400;
    line-height: 2.5;
}
.details{
	text-align: right;
}
.details a{
	text-decoration: none;
	color: #172244;
}
.mo-img-spsp{
	display: none;
}
#pqz{
	width: 100%;
	height: 110px;
	background-color: #f0f0f0;
}
.pqz-inner{
	width: 1100px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	font-size: 1rem;
	font-weight: bold;
	color: #172244;
}
.t-p{
	margin-right: 90px;
}
.pqz-bred span{
	padding-bottom: 5px;
	border-bottom: solid 3px #c48713;
}
.pqz-bred a{
	text-decoration: none;
	color: #172244;
	transition: 0.2s;
}
.pqz-bred a:hover{
	opacity: 0.6;
}
.products-intro{
	margin-top: 90px;
	margin-bottom: 67px;
	font-size: 1rem;
	line-height: 1.7;
}
#prd-green{
	background-color: #429746;
	    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
	padding: 80px 0;
	margin-bottom: 30px;
}
#prd-Lgreen{
	background-color: #0081c2;
	    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
	padding: 80px 0;
}
.caps-img{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 10px 12px;
	border: 1px solid #fff;
	text-align: center;
	width: fit-content;
	    margin: 0 auto;
    margin-bottom: 15px;
}
.m-o-child-box{
	width: 500px;
}
.m-o-child-box p{
	margin-top: 20px;
	margin-bottom: 30px;
}
#mineralocean-tab ul{
	display: flex;
}
#mineralocean-tab ul li{
	width: 275px;
    height: 84px;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #ea5819;
    background-color: #f5f5f5;
    font-weight: bold;
    color: #172244;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
}
#mineralocean-tab ul li::after{
	content: '';
  display: inline-block;
  width: 16px;/*画像の幅*/
  height: 9px;/*画像の高さ*/
  background-image: url("../img/products/arrow.png");
  background-size: contain;
	vertical-align: middle;
	margin-left: 15px;
}
#mineralocean-tab ul li.visid-left{
	background-color: #fff;
	border-top: 1px solid #ea5819;
	border-right: 1px solid #ea5819;
	border-left: none;
	border-bottom: none;
}
#mineralocean-tab ul li.visid{
	background-color: #fff;
	border-top: 1px solid #ea5819;
	border-right: 1px solid #ea5819;
	border-left: 1px solid #ea5819;
	border-bottom: none;
}
#mineralocean-tab ul li.visid-right{
	background-color: #fff;
	border-top: 1px solid #ea5819;
	border-right: none;
	border-left: 1px solid #ea5819;
	border-bottom: none;
}
#mineralocean-tab a{
	text-decoration: none;
    color: #172244;
	display: block;
}
.tab-ttl{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	background: #172244;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	margin-top: 45px;
}
.tab-ttl-content-full{
	margin: 65px 0;
}
.tab-ttl-content-full p{
	font-size: 1rem;
}
.tab-ttl-content{
	display: flex;
	justify-content: space-between;
	margin-top: 65px;
}
.tab-ttl-content p{
	font-size: 1rem;
	width: 60%;
}
.tab-ttl-content p span, .tab-ttl-content-full p span{
	font-size: 24px;
	font-weight: bold;
}
.tab-ttl-content figcaption{
	width: 400px;
	font-size: 12px;
	line-height: 1.4;
	text-wrap: nowrap;
}
.tab-ttl-content figcaption span{
	font-size: 14px;
	font-weight: bold;
}
.shikumi-aoko{
	    width: 88%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	margin-top: 50px;
}
.shikumi-aoko-mgn{
	margin-top: 37px;
}
.right-txt-full{
	text-align: right;
}
.prd-green-inner{
	width: 1100px;
	margin: 0 auto;
}
.prd-green-inner h3{
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	background-color: #c48713;
	text-align: center;
	width: fit-content;
	padding: 15px 30px;
	margin: 0 auto;
}
.prd-green-inner h4{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 60px;
}
.prd-green-inner h4 span{
	font-size: 24px;
	line-height: 2;
}
.prd-green-txt{
	font-size: 1rem;
	color: #fff;
	line-height: 1.7;
	margin-bottom: 35px;
}
.prd-green-txt span{
	color: #ffd451;
	font-weight: bold;
}
.prd-green-pict{
	display: flex;
	justify-content: space-between;
}
.products-main{
	background-color: #172244;
	width: 100%;
	height: 300px;
	background-image: url("../img/products/mainV.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-top: 100px;
}
.products-main h1{
	margin: 0 auto;
	width: 1100px;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	height: 100%;
	display: flex;
	align-items: center;
}
.products-main h1 span{
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	font-size: 24px;
	color: #fff;
	margin-left: 28px;
}
.donyu-jire{
	background-color: #f5f5f5;
	padding: 65px 50px;
}
.donyu-jire h4{
	color: #172244;
	margin-bottom: 20px;
}
.donyu-jire h4::before{
	content: '';
  display: inline-block;
  width: 14px;/*画像の幅*/
  height: 9px;/*画像の高さ*/
  background-image: url("../img/products/donyu-arrow.png");
  background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}
.donyu-jire-pict-a{
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
.donyu-jire-pict-b{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.donyu-jire-fst-txt{
	margin-bottom: 35px;
}
.donyu-jire-fst-txt span{
	font-weight: bold;
	background-color: #fff6b9;
	padding: 8px;
}
.donyu-jire-aoko-fst{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 25px 0 70px;
}
.donyu-jire-aoko-fst figcaption{
	font-size: 1rem;
	margin-top: 20px;
	text-align: center;
	color: #172244;
}
.donyu-jire-aoko-fst-arrow{
	margin: 30px 0;
}
.donyu-jire-aoko-scd{
	display: flex;
	justify-content: space-between;
	margin-bottom: 45px;
}
.donyu-jire-aoko-thd{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}
.donyu-jire-aoko-for{
	display: flex;
	flex-wrap: wrap;
}
.donyu-jire-aoko-fif{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.donyu-jire-aoko-six{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.text-mgn-botm{
	margin-bottom: 20px;
}
.donyu-jire-aoko-for figcaption{
	font-size: 1rem;
	text-align: center;
	line-height: 1.4;
	color: #172244;
}
.kona{
	text-align: center;
}
.mgn-pict{
	margin-top: 35px;
}
.anc-tab-btn{
	text-align: center;
	margin-top: 55px;
}
.anc-tab-btn img{
	box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.06);
}
.donyu-jire-lst-txt{
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: right;
}
.panf-dl-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 100px;
	margin-bottom: 70px;
}
.panf-dl-btn a{
	transition: 0.2s;
}
.panf-dl-btn a:hover{
	opacity: 0.6;
}
.panf-dl-btn img{
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.06);
}
.panf-dl-btn-second{
	margin-top: 30px;
}
.sdgs-ttl{
	margin-top: 30px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
}
.sdgs-ttl span{
	color: #ea5819;
}
.sdgs-child-block{
	width: 500px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
	margin-bottom: 50px;
}
.sdgs-child-block p{
	margin-right: 20px;
}
.sdgs-flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.products-anker{
	display: flex;
	justify-content: space-between;
}
.products-anker a{
	text-decoration: none;
	color: #172244;
	transition: 0.2s;
}
.products-anker a:hover{
	opacity: 0.6;
}
.products-anker div{
	width: 500px;
	border-bottom: 2px solid #ea5514;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #172244;
	padding-bottom: 28px;
	box-sizing: border-box;
	margin-top: 85px;
	background-image: url("../img/products/arrow.png");
	background-repeat: no-repeat;
	background-position: right 10%;
}
#architecture{
	display: block;
   margin-top:-100px;
   padding-top:100px;
}
#architecture h2{
	font-size: 32px;
	font-weight: 600;
	color: #172244;
	margin-top: 90px;
	margin-bottom: 37px;
}
#architecture h2 span{
	font-size: 18px;
	font-weight: 600;
}
#architecture h3{
	font-size: 22px;
	font-weight: 600;
	color: #172244;
	padding: 40px 0 18px;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #c5c8d0;
	position: relative;
}
	#architecture h3::after{
		content: "";
  display: block;
  border-bottom: 4px solid #d49923;
  width: 39px;
  position: absolute;
		bottom: -2px;
	}
.architec-inner-sp span{
	background-color: #d49923;
	color: #fff;
}
.architec-fx{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 35px;
}
.architec-inner{
	font-size: 16px;
	font-weight: 500;
	color: #172244;
	width: 700px;
	text-align: justify;
	line-height: 1.8;
}
.architec-inner h4{
	font-size: 18px;
	font-weight: 600;
	color: #172244;
}
.architec-inner h4.margin-h4{
	margin-top: 45px;
}
.architec-inner ul{
	padding-left: 1em;
}
.architec-inner ul li{
	list-style: square;
	color: #c48713;
}
.architec-inner ul li span{
	color: #172244;
}
.arc-txt-mgn{
	margin-bottom: 40px;
}
#products-fish{
	margin-bottom: 140px;
	display: block;
   margin-top:-100px;
   padding-top:100px;
}
#products-fish h2{
	margin-top: 120px;
	margin-bottom: 35px;
	font-size: 32px;
	font-weight: 600;
	color: #172244;
}
#products-fish h3{
	font-size: 22px;
	font-weight: 600;
	color: #172244;
	padding: 80px 0 18px;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #c5c8d0;
	position: relative;
	margin-bottom: 30px;
}
	#products-fish h3::after{
		content: "";
  display: block;
  border-bottom: 4px solid #d49923;
  width: 39px;
  position: absolute;
		bottom: -2px;
	}
#products-fish h5{
	font-size: 20px;
	font-weight: bold;
	color: #c48713;
}
#products-fish h5::before{
	content: '';
  display: inline-block;
  width: 16px;/*画像の幅*/
  height: 12px;/*画像の高さ*/
  background-image: url("../img/products/check.png");
  background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}
#products-fish p{
	font-size: 16px;
	font-weight: 400;
	color: #172244;
	line-height: 1.8;
}
.mo2-cap{
	margin-bottom: 30px;
}
.mo2-cap-dash{
	text-align: center;
}
.cleaning-fx{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.cleaning-fx img{
	margin-top: 40px;
}
.cleaning-fx-inner{
	width: 700px;
}
	.cleaning-img-sp{
		display: none;
	}

@media screen and (max-width:1400px){
.pest-top img{
	width: 100%;
	height: auto;
}
}
@media screen and (max-width:1100px){
	.seko-image{
		align-items: center;
	}
	.seko-image img{
		width: 45%;
		height: auto;
	}
	.so-dan-mgn{
	margin-top: 70px;
	margin-bottom: 40px;
}
.so-dan-img img{
	width: 100%;
	height: auto;
}
	.so-dan-img img.so-dan-ttl-img{
	width: 50%;
	height: auto;
	}
.safety-img img{
	width: 95%;
	height: auto;
}
.ninetys img{
	width: 95%;
	height: auto;
}
.pycle-img{
	text-align: center;
	margin: 50px 0;
}
	.pycle-flex img{
		width: 45%;
		height: auto;
		margin-right: 2rem;
	}
.pycle-flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pycle-flex-txt{
	font-size: 22px;
	font-weight: bold;
}
.pest-seko-flex{
	width: 95%;
}
	.pest-seko-mark{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
.pest-seko-mark img{
	    width: 95%;
	height: auto;
}
.pest-seko-mark h4::before{
	    content: '';
    display: inline-block;
    width: 14px;
    height: 9px;
    background-image: url(../img/products/donyu-arrow.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}
.pest-flex-boxsize{
	width: 50%;
}
.pest-img img{
	width: 95%;
}
.pest-img-sp{
	display: none;
}
.pest-head{
	margin-top: 50px;
	background-color: #6fb84b;
	color: #fff;
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	padding: 15px 0;
}
.pest-head span{
	color: #fdff51;
	font-size: 49px;
}
	article,.top-company-inner,.top-business-inner,.top-contact-inner,.prd-green-inner,.pqz-inner{
		width: 90%;
	}
	.top-business-box-wrap{
		width: 730px;
    margin: 0 auto;
	}
	.margin-B, .margin-D{
		margin-top: 0;
	}
	.margin-C,.margin-E{
		margin-top: 40px;
	}
	.top-business-txt-arrow{
		width: 730px;
		margin: 0 auto;
    margin-top: 30px;
	}
	.top-news-fx{
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.top-news-fx h2{
		margin-bottom: 30px;
	}
	.top-company-txt{
		width: 50%;
	}
	.top-company-img{
		width: 45%;
	}
	.business-main h1,.company-main h1,.products-main h1{
		width: 90%;
	}
	.business-anker div{
		width: 40.909vw;
	}
	.architec-inner,.cleaning-fx-inner{
		width: 60%;
	}
	.architec-fx img,.cleaning-fx img{
		width: 35%;
		height: auto;
	}
	.contact-intro-fx-right{
		width: 37%;
	}
	#input_name, #input_tell, #input_post{
		width: 60%
	}
	.contact-form-inner{
		width: 90%;
	}
	#input_mailadd, #input_address,textarea{
		width: 90%;
	}
	.contact-td-left{
		white-space: nowrap;
	}
	.prd-green-pict img,.donyu-jire-pict-a img{
		width: 50%;
		height: auto;
	}
	.donyu-jire-pict-a img{
		width: 32%;
		height: auto;
	}
	.donyu-jire-pict-b-child{
		width: 45%;
	}
	.donyu-jire-pict-b-img{
		    width: 100%;
    height: auto;
	}
	.mo-img-sp{
		width: 100%;
		height: auto;
	}
	.sengen img{
		width: 100%;
	}
	.sdgs-flex{
		flex-direction: column;
	}
	.sdgs-child-block{
		width: 100%;
	}
	.prd-green-pict-sp img{
		width: 90%;
	}
	.aoko-sp-img{
		display: flex;
		flex-direction: column;
        align-items: center;
	}
	.m-o-child-box{
		width: 100%;
	}
	#mineralocean-tab ul{
		width: 100%;
    flex-wrap: wrap;
    justify-content: center;
	}
	#mineralocean-tab a{
		width: 50%;
	}
	#mineralocean-tab ul li{
		width: 99.3%;
	}
	#mineralocean-tab ul li.visid-left{
		border-top: 1px solid #ea5819;
    border-right: 1px solid #ea5819;
    border-left: none;
    border-bottom: 1px solid #ea5819;
	}
	#mineralocean-tab ul li{
		border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
	}
	.shikumi-aoko{
    flex-direction: column;
    align-items: center;
	}
	.shikumi-aoko img:nth-child(2),.shikumi-aoko img:nth-child(3){
		margin-top: 15px;
	}
	.donyu-jire-aoko-scd{
		    flex-direction: column;
    align-items: center;
	}
	.donyu-jire-aoko-scd img:nth-child(2){
		margin-top: 30px;
	}
	.donyu-jire-aoko-thd{
		flex-wrap: wrap;
    width: 100%;
	}
	.donyu-jire-aoko-thd img{
		    width: 40%;
    height: auto;
	}
	.mo-kona-img-sp img{
		width: 100%;
		height: auto;
	}
	.donyu-jire-aoko-for{
		justify-content: center;
	}
	
}
@media screen and (max-width:768px){
	.pest-link-top{
		width: 80%;
	}
	.pest-head{
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.pest-head span{
		font-size: 2.2rem;
		line-height: 1.4;
	}
	.pycle-flex-txt-p{
		text-align: center;
	}
	.safety-img img.pro-img-sp{
		width: 80%;
		height: auto;
	}
	.pycle-img img{
		width: 90%;
		height: auto;
	}
	.so-dan-img img.so-dan-ttl-sp{
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	.safety-img img{
		padding-top: 3rem;
	}
	.ninetys-txt{
		margin: 0 auto;
		text-align: center;
		width: 95%;
	}
	.pycle-flex{
		        width: 95%;
        margin: 0 auto;
	}
	    .safety-img img,.ninetys img,.pest-img img {
        margin: 0 auto;
    }
	.pest-seko-flex{
		flex-direction: column;
	}
	.pest-seko-mark{
		margin-top: 3rem;
	}
	.seko-image{
		width: 100%;
		flex-direction: column;
		
	}
	.pest-img {
    margin-top: 3rem;
}
	.pest-flex-boxsize{
		width: 100%;
	}
	.seko-image img{
		margin-top: 2rem;
		width: 90%;
	}
	.top-main-fx{
		flex-direction: column;
		align-items: center;
	}
	.top-main-txt-A{
		font-size: 4.818vw;
	}
	.top-main-txt-B{
		font-size: 7.161vw;
	}
	.top-main-txt-C{
		font-size: 3.125vw;
	}
	.top-main-img{
		width: 100%;
		margin-top: 4.557vw;
		text-align: right;
		text-align: -webkit-right;
	}
	.top-main-img img{
		width: 32.552vw;
		height: auto;
	}
.top-news-table{
	padding-top: 0;
}
.pc-br{
	display: block;
}
	.sp-br{
		display: none;
	}
	.slider{
		padding-top: 13.021vw;
	}
	.top-company{
		height: auto;
	}
	.top-company-inner h1{
		margin-bottom: 3vw;
		font-size: 6.51vw;
	}
	.top-company-txt{
		width: 90%;
		font-size: 3.385vw;
	}
	.top-company-img {
    width: 70%;
		margin-top: 7.813vw;
}
	.top-company-txt p {
    margin-bottom: 4vw;
}
	.top-company-txt-arrow{
		justify-content: right;
	}
	.top-company-inner{
		padding: 15vw 0;
		flex-direction: column;
    align-items: center;
    width: 100%;
	}
	.top-business-box-wrap{
		width: 100%;
	}
	.top-business-box{
		width: 48%;
		height: 84.635vw;
	}
	.top-business-box img{
		width: 100%;
	}
	.top-news-fx h2 span{
		font-size: 5.404vw;
	}
	.top-news-fx h2{
		font-size: 3.378vw;
	}
	.top-news{
		padding:11.719vw 0 9.115vw;
	}
	.top-news-fx table tr,.top-news-fx table tr td{
		display: block;
	}
	.table-txt-mgn{
		margin-bottom: 5vw;
		line-height: 1.4;
		text-align: justify;
	}
	.top-news-fx table{
		font-weight: 500;
		font-size: 3.125vw;
	}
	.top-contact-box{
		width: 80%;
		padding: 4.557vw 0;
		    font-size: 4.167vw;
	}
	.top-business-inner h2{
		    font-size: 3.4vw;
	}
	.top-business-txt{
		font-size: 6.51vw;
		margin-top: 3.906vw;
    margin-bottom: 8.464vw;
	}
	.top-business{
		padding: 13.021vw 0;
	}
	.top-business-box h4{
		font-size: 4.427vw;
		margin-top: 3.255vw;
    margin-bottom: 2.604vw;
	}
	.top-business-box h4 span{
		font-size: 3.125vw;
	}
	.top-business-box-txt p{
		    font-size: 3.125vw;
	}
	.top-business-txt-arrow{
		font-size: 3.385vw;
	}
	.top-contact{
		padding: 10.156vw 0;
	}
	.top-contact-inner{
		font-size: 3.385vw;
	}
	.business-main,.company-main,.products-main{
		background-position: bottom right -45vw;
		height: 39.063vw;
	}
	.business-anker div{
		font-size: 4.557vw;
		padding-bottom: 1vw;
		margin-top: 11.068vw;
		background-position: right 50%;
	}
	#architecture h2{
		font-size: 7.552vw;
		    margin-top: 14.323vw;
    margin-bottom: 14.323vw;
	}
	#architecture h2 span{
		font-size: 2.344vw;
	}
	#architecture h3{
		    padding: 0 0 2.344vw;
		font-size: 5.208vw;
		margin-top: 14.323vw;
	}
	#architecture h3 span{
		font-size: 3.906vw;
	}
	.architec-fx{
		flex-direction: column;
		margin-top: 5.208vw;
	}
	.architec-inner,.architec-fx img{
		width: 100%;
		font-size: 3.516vw;
	}
	.architec-fx img{
		margin-top: 5.208vw;
	}
	.architec-inner-sp{
		margin-top: 5.208vw;
	}
	.architec-inner h4{
		font-size: 3.516vw;
	}
	.architec-inner ul{
		padding-left: 1.7em;
	}
	#cleaning h2{
		font-size: 7.552vw;
		margin-top: 14.323vw;
		margin-bottom: 0;
	}
	#cleaning h3{
		font-size: 5.208vw;
		padding: 14.323vw 0 2.344vw;
	}
	.cleaning-fx img{
		display: none;
	}
	.cleaning-img-sp{
		display: block;
		width: 100%;
		margin-top: 14.323vw;
	}
	.cleaning-fx-inner{
		width: 100%;
	}
	#cleaning p{
		font-size: 3.516vw;
		margin-top: 5.208vw;
	}
	#cleaning{
		    margin-bottom: 14.323vw;

	}
	.arc-txt-mgn{
		margin-bottom: 8.464vw;
	}
	.company-messe h2{
		font-size: 5.208vw;
		margin-top: 14.323vw;
    margin-bottom: 6.51vw;
	}
	.company-prof h2{
		font-size: 5.208vw;
		margin-top: 29.297vw;
    margin-bottom: 6.51vw;
	}
	.company-messe h2 span, .company-prof h2 span{
		font-size: 2.604vw;
	}
	.company-messe-txt{
		font-size: 3.906vw;
	}
	.company-messe-ceo span{
		font-size: 3.689vw;
	}
	.company-messe-ceo{
		margin-top: 13.021vw;
		    font-size: 5.124vw;
	}
	.company-prof-fx{
		padding: 4.557vw 0;
	}
	.company-prof-fx h3,.company-prof-fx p{
		font-size: 3.776vw;
	}
	.company-prof{
		margin-bottom: 23.438vw;
	}
	.privacy-ho h2,.privacy-kai h2{
		font-size: 5.208vw;
		margin-top: 14.323vw;
		    padding-bottom: 2.604vw;
	}
	.privacy-ho p, .privacy-kai p{
		font-size: 3.516vw;
		margin-top: 7.161vw;
	}
	.privacy-ho p.privacy-indent{
		text-indent: -1em;
  padding-left: 1em;
	}
	.privacy-ho p.privacy-indent-zero{
		margin: 0;
		text-indent: -1em;
  padding-left: 1em;
	}
	.privacy-kai{
		margin-bottom: 21.484vw;
	}
	.business-main h1,.company-main h1, .products-main h1{
		font-size: 5.208vw;
	}
	.business-main h1 span,.company-main h1 span{
		font-size: 2.604vw;
		margin-left: 3.906vw;
	}
	.contact-intro-fx{
		flex-direction: column;
		justify-content: center;
	}
	.contact-intro{
		margin: 14.323vw 0;
	}
	.contact-intro-fx-left{
		font-size: 3.516vw;
		margin-bottom: 13.672vw;
	}
	.contact-intro-fx-right{
		padding: 4.557vw 0 5.859vw;
	}
	.contact-intro-fx-left,.contact-intro-fx-right{
		width: 100%;
	}
	.contact-intro-fx-right-mini{
		    font-size: 4.557vw;
	}
	.contact-intro-fx-right-big{
		    font-size: 6.833vw;
		    margin-top: 5.859vw;
	}
	.contact-form{
		padding: 5.859vw;
	}
	.contact-form-inner{
		    width: 100%;
		padding: 14.323vw 0;
	}
	.contact-form-inner h2{
		font-size: 5.469vw;
		margin-bottom: 6.51vw;
	}
	.contact-form-inner p{
		margin: 0 auto;
    font-size: 3.255vw;
    width: 90%;
		margin-bottom: 10.417vw;
	}
	.contact-td-left{
		    font-size: 4.557vw;
		margin-top: 4.557vw;
	}
	.contact-td-right{
		padding: 2.604vw 0 5.208vw;
	}
	.contact-end{
		padding-top: 0;
	}
	.hits{
		font-size: 3.516vw;
	}
	.contact-area{
		width: 95%;
	}
	.contact-area table tr,.contact-td-left,.contact-td-right{
		display: block;
	}
	.contact-td-left,.contact-td-right{
		width: 100%;
	}
	#input_name, #input_tell, #input_post,#input_mailadd, #input_address,textarea{
		width: 100%;
		font-size: 3.906vw;
		padding: 3.255vw 0;
	}
	textarea{
		height: 39.063vw;
		
		padding: 3.255vw 1em;
	}
	.contact-area table{
		margin-bottom: 14.323vw;
	}
	button.button{
		width: 70.313vw;
    height: 10.938vw;
		    font-size: 4.167vw;
	}
	.thanks-wrap h2{
		    width: 90%;
		    font-size: 5.469vw;
		padding: 14.323vw 0 1.953vw;
	}
	.thanks-wrap p{
		width: 90%;
    font-size: 3.516vw;
		margin-top: 5.208vw;
	}
	.thanks-wrap a{
		    width: 39vw;
    margin-top: 7.813vw;
		font-size: 3.516vw;
	}
	.company-main,.business-main,.products-main{
		padding-top: 13.021vw;
	}
	.products-intro{
		font-size: 3.125vw;
		margin-top: 11.719vw;
		margin-bottom: 8.724vw;
	}
	#prd-green{
		padding: 10.417vw 0;
		margin-bottom: 3.906vw;
	}
	#products-fish h3{
		font-size: 4.297vw;
    padding: 10.417vw 0 2.344vw;
    margin-bottom: 3.906vw;
	}
	#products-fish p,.prd-green-txt{
		font-size: 3.125vw;
	}
	#pqz{
		height: 35vw;
	}
	.pqz-bred{
		display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 30px;
		line-height: 1.3;
		text-align: center;
	}
	.pqz-bred a{
		line-height: 1.3;
	}
	.pqz-inner{
		font-size: 3.125vw;
		flex-direction: column;
        justify-content: center;
        align-items: flex-start;
	}
	.prd-green-inner h3{
		font-size: 3.906vw;
		line-height: 1.4;
        width: 70%;
	}
	.prd-green-inner h4{
		font-size: 7.813vw;
		    margin-top: 4.557vw;
    margin-bottom: 7.813vw;
	}
	.prd-green-inner h4 span{
		font-size: 4.688vw;
	}
	.prd-green-pict{
		flex-direction: column;
		    align-items: center;
	}
	.prd-green-pict img{
		width: 80%;
	}
	.prd-green-pict img:nth-child(2){
		margin-top: 5vw;
	}
	.donyu-jire h4{
		font-size: 3.516vw;
		        line-height: 1.6;
		        text-align: center;
	}
	.donyu-jire-pict-a{
		flex-direction: column;
		    align-items: center;
	}
	.donyu-jire-pict-a img{
		width: 60%;
	}
	.donyu-jire-pict-a img:nth-child(2),.donyu-jire-pict-a img:nth-child(3){
		margin-top: 3vw;
	}
	.donyu-jire-pict-b{
		align-items: center;
    flex-direction: column;
    text-align: center;
	}
	.donyu-jire-pict-b-child{
		width: 100%;
	}
	.donyu-jire-pict-b-img{
		width: 80%;
	}
	.sp-rotate{
		    transform: rotate(90deg);
	}
	.donyu-jire{
		padding: 8.464vw 6.51vw;
	}
	.mo-img-sp{
		display: none;
	}
	.mo-img-spsp{
		display: block;
		width: 90%;
        height: auto;
		        margin: 0 auto;
	}
	.mo-img-spsp img:nth-child(2){
		width: 90%;
		height: auto;
	}
	.mo-img-spsp img:nth-child(2),.mo-img-spsp img:nth-child(3){
		margin-top: 3vw;
	}
	.mo-img-spsp img:nth-child(3){
		margin-bottom: 3vw;
	}
	.mgn-pict img:nth-child(4){
		width: 90%;
		height: auto;
	}
	.panf-dl-btn{
		margin-top: 13.021vw;
		margin-bottom: 9.115vw;
	}
	.panf-dl-btn img{
		width: 100%;
	}
	.sdgs-logo-sp{
		width: 75%;
		height: auto;
	}
	.sdgs-ttl{
		font-size: 4.167vw;
		margin-top: 3.906vw;
	}
	#products-fish h5{
		    font-size: 3.906vw;
	}
	.sdgs-child-block{
		margin-top: 2.604vw;
		margin-bottom: 6.51vw;
	}
	.caps-img{
		margin-top: 5.208vw;
		margin-bottom: 0;
	}
	#products-fish h5.mo-chi-box-h5{
		margin-top: 3.906vw;
	}
	.tab-ttl{
		font-size: 4.688vw;
		margin-top: 5.859vw;
		padding: 2.604vw 0;
	}
	.tab-ttl-content{
		margin-top: 8.464vw;
		flex-direction: column;
		align-items: center;
	}
	.tab-ttl-content p{
		width: 100%;
    text-align: justify;
	}
	.tab-ttl-content-sp p span{
		font-size: 4.167vw;
	}
	.tab-ttl-aoko-sp{
		text-align: center;
		margin-top: 3.906vw;
	}
	.tab-ttl-aoko-sp img{
		width: 90%;
	}
	.tab-ttl-content figcaption span{
		font-size: 2.734vw;
	}
	.tab-ttl-content figcaption{
		width: 100%;
    text-align: left;
    font-size: 2.344vw;
    text-wrap: wrap;
		margin-top: 3.255vw;
	}
	.shikumi-aoko{
		margin-top: 3.906vw;
	}
	.anc-tab-btn img{
		width: 100%;
    height: auto;
	}
	#mineralocean-tab ul li.visid{
    border-bottom: 1px solid #ea5819;
	}
	.tab-ttl-content-full{
		margin: 8.464vw 0;
	}
	.donyu-jire-fst-sp{
		width: 100%;
		height: auto;
	}
	.donyu-jire-aoko-fif{
		margin-bottom: 2.604vw;
    flex-wrap: wrap;
    width: 100%;
	}
	.donyu-jire-aoko-fif img{
		width: 50%;
    height: auto;
	}
	.text-mgn-botm{
		margin-bottom: 2.604vw;
	}
	.donyu-jire-aoko-thd img{
		width: 50%;
		height: auto;
	}
	.donyu-jire-aoko-scd{
		        align-items: center;
        justify-content: center;
        text-align: center;
	}
	.donyu-jire-aoko-six{
		flex-wrap: wrap;
	}
	.donyu-jire-aoko-six img{
		width: 50%;
		height: auto;
	}
	.donyu-jire-aoko-six img.donyu-jire-aoko-six-sp{
		width: 100%;
		height: auto;
	}
	#mineralocean-tab ul li.visid-right{
    border-bottom: 1px solid #ea5819;
		border-right: 1px solid #ea5819;
	}
	.donyu-jire-aoko-scd img.mgn-del{
		margin-top: 0;
	}
	.donyu-jire-aoko-six-sp-p{
		margin-bottom: 3vw;
	}
	.donyu-jire-aoko-fst-sp-img img{
		width: 100%;
		height: auto;
	}
	.donyu-jire-aoko-scd-img-sp img{
		width: 100%;
		height: auto;
	}
	.donyu-jire-aoko-scd-img-sp img:nth-child(1){
		width: 80%;
	}
	.top-main{
		padding: 13.021vw 0 9.115vw;
	}
	.top-new{
		height: 90vw;
	}
	.top-new-fx{
		height: 100%;
	}
	.top-new-slide{
		height: 100%;
	}
	.top-new-slide2{
		height: 100%;
	}
	.top-new-slide-inner{
		width: 95%;
		height: 100%;
	}
	.top-new-slide-inner img{
		width: 100%;
        height: auto;
        margin-right: 0!important;
	}
	#products-fish{
		margin-bottom: 15vw;
	}
	#prd-Lgreen{
		        padding: 10.417vw 0;
        margin-bottom: 3.906vw;
	}
	.aoko-sp-img:nth-child(2),.aoko-sp-img:nth-child(3){
		margin-top: 8vw;
	}
	#mineralocean-tab ul li.visid-left{
		border-left: 1px solid #ea5819;
	}
	.pro-img-sp{
	display: block;
	width: 100%;
	}
	.pro-img-pc{
		display: none;
	}
.cleaning-fx img.pro-img-sp{
	display: block;
	width: 100%;
}
.pro-ttl-small{
	    font-size: 16px;
    font-weight: 400;
    line-height: 2.5;
}

}
@media screen and (max-width:400px){
	.donyu-jire-pict-a img,.donyu-jire-pict-b-img,.shikumi-aoko img,.mo-img-spsp img,.donyu-jire-aoko-scd img,.donyu-jire-aoko-six img{
		width: 100%;
		height: auto;
	}
	.donyu-jire-aoko-six{
		        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
	}
	.top-new-slide,.top-new-slide2{
		height: 43vh;
	}
	.donyu-jire-aoko-for figcaption{
		    font-size: 3.125vw;
	}
	#mineralocean-tab ul li{
		font-size: 3.5vw;
	}
}