@charset "utf-8";


@media screen and (max-width: 1240px) {
	/*==========　[事業案内]自社開発ブランド S-LABO　product/s-labo.html  ==========*/
	.container2{width: 96%;}
}




@media screen and (max-width: 1100px) {
	/*パンくず------------*/
	.breadcrumb-box{width: 96%;}
	
	/*---------　ページ上部の大きな画像　------------*/
	body.naka #headerimgs{height:250px;}
	.headerimgs-inner {padding-left:4%;}
}




@media screen and (max-width: 1000px) {
	/*---------　ページ上部の大きな画像　------------*/
	body.naka .headerimgs-wrapper{padding-top: 170px;}
}





@media screen and (max-width: 900px) {
	/*SDGs J-クレジット*/
	ul.japancredit-ul li{max-width: 262px;width: 100%;}
	ul.japancredit-ul li:first-child{max-width:250px;width: 100%;}
	ul.japancredit-ul li.kansha{max-width:400px;width: 100%;}
	ul.japancredit-ul li.kansha img{margin: 30px 0 0 0;width: 100%;}
}







@media screen and (max-width: 860px) {
	/* =============全ページ共通のスタイル================== */
	img{max-width: 100%;height: auto;width /***/:auto;　}

	/*---------　ページ上部の大きな画像　------------*/
	body.naka .headerimgs-wrapper {padding-top: 60px;margin-bottom: 0;}
	
	/*==========　企業情報--会社概要・沿革　company/profile.html  ==========*/
	/*受賞歴*/
	.award-com{text-align:left;line-height:1.6;font-size:93%;}
	.award-com br{display:none;}
	
	/*==========　	[ 生産体制 ] コールドプロセス製法とは　system/coldprocess.html  ==========*/
	dl.merit-flow-dl dt {position: relative;width: 100%;float: none;}
	dl.merit-flow-dl dd{float: none;text-align: center;width: 80%;margin: 20px auto 0 auto;}
	ul.merit-ul li:nth-child(2) dl.merit-flow-dl dt {float: none;}
	ul.merit-ul li:nth-child(2) dl.merit-flow-dl dd {float: none;}
	.merit-box .img {float: none;width: auto;text-align: center;}
	.merit-box .img img{max-width: 340px;height:auto;width: 80%;}
	.merit-box .com {float: none;width: 100%;margin-top: 20px;}

	/*==========　[事業案内]自社開発ブランド S-LABO　product/s-labo.html  ==========*/
	.item-title-cont .item-title {font-size: 108%;}	
}






@media screen and (max-width: 770px) {
	/*---------　ページ上部の大きな画像　------------*/
	.headerimgs-inner {padding-left: 0;}
	.headerimgs-rogo {display: none;}
	h1 {font-size: 23px;margin: 0 0 0 0px;}
	h2{letter-spacing: 0.1em;margin:0 0 40px 0;}
	
	/*==========　企業理念　company/rinen.html  ==========*/
	.rinen-fukidashi {font-size: 130%;letter-spacing: 0.4em;padding: 0.4em 1.5em 0.48em 1.5em;margin: 50px auto 0 auto;}
	dl.rinen-dl dt {vertical-align: top;padding-top: 8px;}

		
	/*==========　代表ご挨拶　company/aisatsu.html  ==========*/
	.aisatsu-img {background: url(../company/img/aisatsu.jpg) no-repeat right -50px top;background-size: cover;height: 200px;}
	.aisatsu-midashi {padding-left: 35px;font-size: 160%;}
	
	
	/*==========　[事業案内]化粧品 OEM／ODM事業　product/oem-odm.html  ==========*/
	.oem-midashi1 {font-size: 136%;letter-spacing: 0;}
	.oem-com1 {text-align: left;line-height: 2;}
	.oem-com1 br{display:none;}
	ul.oem-flow-ul {width: 100%}

	
	/*==========　採用情報　recruit/  ==========*/
	.recruit-com3 {text-align: left;margin-top: 25px;line-height: 2;}
	.recruit-com3 br{display:none;}
  dl.foot-toiawase-dl dt {display: block;width: 310px;margin: 0 auto;}
	dl.foot-toiawase-dl dd {display: block;margin: 20px auto 0 auto;}
	
}





@media screen and (max-width: 700px) {
	/*==========　アクセス　company/access.html  ==========*/
	/*PCとSPで切り替え*/
	.pc-only{display:none !important;}
	.sp-only{display:table !important;}

	/*==========　	[ 生産体制 ] 石けん作り　system/soap.html  ==========*/
	dl.soap-dl1 dt{float: none;width: 100%;text-align: center;padding-left: 10%;}
	dl.soap-dl1 dd {float: none;width: 100%;font-size: 100%;}
	body.naka.system h3 {font-size: 130%;}

	dl.block2 dt {float: none;width: 100%;margin-bottom: 20px;}
	dl.block2 dd {float: none;width: 100%;}
	dl.block2 .img {width: 33%;}
	dl.block2 .com {padding: 5px 0 0 37%;}
	dl.block2 .midashi {padding: 5px 0 0 37%;}
	dl.block1 .img {width: 33%;}
	dl.block1 .com {padding: 5px 0 0 37%;}
	
	/*==========　	[ 生産体制 ] フェイスマスクの生産　system/mask.html  ==========*/
	.system-midashi1.mask {font-size: 115%;}

	dl.block2.width310 .img{width:47%;}
	dl.block2.width310 .midashi{padding: 5px 0 0 50%;}
	dl.block2.width310 .com{padding: 5px 0 0 50%;}
	
	dl.block1.width310 .img{width:47%;}
	dl.block1.width310 .midashi{padding: 5px 0 0 50%;}
	dl.block1.width310 .com{padding: 5px 0 0 50%;}

	/*==========　お知らせ　news/  ==========*/
	dl.nakanews-dl {width: 100%;}
	
	/*==========　[事業案内]自社開発ブランド S-LABO　product/s-labo.html  ==========*/
	dl.product-item-dl {margin-top: 30px;}
	dl.product-item-dl > dt {float: none;width: 100%;margin-bottom: 15px;}
	dl.product-item-dl > dd {float: none;width: 100%;}
	dl.product-item-dl dt .item-img {text-align: center;}
	.item-title-cont {text-align: center;}
	/*.item-com1 {text-align: center;}*/
	.item-img2 {text-align: center;}
}






@media screen and (max-width: 640px) {
	/* ページの各セクション-------------------*/
	body.naka .section:nth-child(2){padding:80px 0 60px 0;}

	/*==========　企業理念　company/rinen.html  ==========*/
	dl.rinen-dl {margin: 30px auto 0 auto;}
	dl.rinen-dl dt {display: block;width: 100%;}
	dl.rinen-dl dt p {font-size: 122%;height: 30px;width: 200px;margin: 0 auto 10px auto;padding-bottom: 4px;border-top: 0;border-bottom: 0;border-color: #666;}
	dl.rinen-dl dd {display: block;padding-left: 0;}
	
	/*==========　企業情報--会社概要・沿革　company/profile.html  ==========*/
	table.profile-table td.torihiki br{display:none;}
	/*受賞歴*/
	.award-midashi{font-size:129%;margin:50px 0 20px 0;}
	.award-com{margin-top:10px;}
	/*SDGs J-クレジット*/
	ul.japancredit-ul li{width: 42%;margin: 0 2% 30px 2%;}
	ul.japancredit-ul li:first-child{width: 40%;}
	ul.japancredit-ul li span {white-space: unset;}
	ul.japancredit-ul li.kansha img {margin: 15px 0 0 0;}
	
	/*==========　[事業案内]化粧品 OEM／ODM事業　product/oem-odm.html  ==========*/
	.oem-toiawase-box {width: 100%;padding:35px 0 30px 0;}
	body.oem-odm .oem-toiawase-box h2 {margin: 0 0 20px 0;font-size: 150%;}
	.oem-toiawase-box-com {font-size: 108%;}
	.oem-midashi2 {font-size: 150%;letter-spacing: 0.1em;}
	
	/*==========　	[ 生産体制 ] 石けん作り　system/soap.html  ==========*/
	.system-midashi1 {font-size: 136%;letter-spacing: 0.1em;}
	body.naka.soap .section:nth-child(2){background-size: contain;}
	
	/*==========　	[ 生産体制 ] フェイスマスクの生産　system/mask.html  ==========*/
	body.naka.mask .section:nth-child(2){background-size: contain;}

	/*==========　[事業案内]自社開発ブランド S-LABO　product/s-labo.html  ==========*/
	.item-name span br{display:block;}

	/*==========　採用情報　recruit/  ==========*/
	.recruit-com1 {font-size: 129%;}
	.recruit-com1 span{display:block;}
	.recruit-box {margin-top: 30px;border: 6px solid #e9dfe4;padding: 20px 5% 15px 4%;}
	.foot-toiawase-box-com {text-align: left;}
	.foot-toiawase-box-com br{display:none;}
	.recruit-midashi1{margin: 30px 0 -30px 0;}
	
	/*//////// 全ページ共通のfooter ///////////////*/
	#footer-link {display:none;}
	.footer-cont {padding: 20px 0;}
}






@media screen and (max-width: 560px) {
	/* ページの各セクション-------------------*/
	body.naka .section:nth-child(2){padding:60px 0 50px 0;}
	
	h2 {font-size:158%;margin:0 0 40px 0;}

	/*---------　ページ上部の大きな画像　------------*/
	body.naka #headerimgs {height: 110px;}
	h1 {font-size: 20px;letter-spacing: 0.6em;margin-left: 25px;}
	.headerimgs-inner{animation:none;}
	
	/*==========　企業理念　company/rinen.html  ==========*/
	.rinen-img {margin: 50px auto 0 auto;}
		.rinen-fukidashi {font-size: 130%;height: 100px;line-height: 1.3;padding-top: 25px;text-align:center;}
	.rinen-fukidashi span{display:block;}
	.rinen-fukidashi2 img{width: 70px;height: auto;}

	/*==========　代表ご挨拶　company/aisatsu.html  ==========*/
	.aisatsu-img {background: url(../company/img/aisatsu.jpg) no-repeat right -30px top;background-size: cover;height: 160px;}
	.aisatsu-midashi {padding-left:25px;font-size:140%;}
	
	/*==========　会社概要・沿革　company/profile.html  ==========*/
	table.profile-table{border-bottom: 1px dotted #777;}
	table.profile-table th {display: block;width: 100% !important;border: 1px dotted #777;border-left: none;border-right: none;border-bottom: none;padding: 10px 6px 0 5px;}
	table.profile-table td {display: block;border: none;padding: 8px 10px 14px 20px;}

	 table.enkaku-table{border-bottom: 1px dotted #777;}
  table.enkaku-table th {display: block;width: 100% !important;border-bottom: none;padding: 10px 0 0 10px;} 
	table.enkaku-table td {display: block;border: none;padding: 10px 0 10px 20px;}
	table.enkaku-table dl dt {width: 50px;}
	table.enkaku-table dl dd {width: 30px;}
	
	/*==========　アクセス　company/access.html  ==========*/
	.rogo-s-labo {max-width: 210px;}
	.access-box .header-tel a {width: 270px;height: 28px;margin: 0 auto;}
	ul.access-ul {width: 95%;margin: 30px auto 40px auto !important;}
	
	/*==========　[事業案内]化粧品 OEM／ODM事業　product/oem-odm.html  ==========*/
	.oem-midashi1 {font-size: 122%;}
	.oem-com1 {font-size: 100%;}
	.oem-img1 img:first-child{width: 80%;margin-right:0;}
	.oem-img1 img:last-child{width:80%;margin-top: 10px;}
	.oem-midashi2 {font-size: 136%;letter-spacing: 0;}
	body.naka.product h3 {font-size: 143%;}
	ul.oem-flow-ul li {display: block;width: 100%;margin: 40px 0 0 0 !important;}
	dl.oem-flow-dl dd .oem-flowimg{max-width: 350px;}
	
	/*==========　[事業案内]自社開発ブランド S-LABO　product/s-labo.html  ==========*/
	body.naka .section.s-labo:nth-child(2) {padding: 60px 0 20px 0;}

	/*==========　	[ 生産体制 ] 石けん作り　system/soap.html  ==========*/
	.system-midashi1 {font-size: 122%;}
	body.soap .system-img1 {margin-top: 30px;}
	.soap-koutei-midashi {font-size: 136%;line-height: 35px;height: 39px;}
	.midashi4.soap-koutei {font-size: 124%;}

	/*==========　個人情報取扱い　privacy/  ==========*/
	body.naka.privacy .naka-cont {font-size: 93%;}
	.privacy-date {font-size: 79%;}
	.privacy-com1 {font-size: 86%;}
	
	/*==========　お知らせ　news/  ==========*/
	dl.news-single-title-box {padding: 0px 0 20px 0;margin-bottom: 15px;}
	dl.news-single-title-box dd .news-single-title {font-size: 108%;}
}





@media screen and (max-width: 460px) {
	h2 {font-size:143%;margin:0 0 30px 0;}
	
	/*==========　企業理念　company/rinen.html  ==========*/
	.rinen-fukidashi {font-size: 122%;height: 80px;padding-top: 16px;margin: 40px auto 0 auto;}
	
	/*==========　代表ご挨拶　company/aisatsu.html  ==========*/
	.aisatsu-img {background: url(../company/img/aisatsu.jpg) no-repeat right -25px top;background-size: cover;width: 260px;}
	.aisatsu-midashi{display:none;}
	.aisatsu-midashi.sp-only{display:block !important;padding-left: 0;font-size: 122%;text-align: center;margin-top: 30px;}
	.aisatsu-com {width: 100%;margin: 20px auto 0 auto;}
	
	/*==========　[事業案内]化粧品 OEM／ODM事業　product/oem-odm.html  ==========*/
	.oem-toiawase-box {padding: 25px 10px 20px 10px;}
	body.oem-odm .oem-toiawase-box h2 {font-size: 136%;}
	.oem-toiawase-box-com {font-size: 93%;}
	.oem-toiawase-box-com br{display:none;}
	.oem-img1 {margin: 30px auto 0 auto;}
	.foot-oem-toiawase {width: 260px;margin: 15px auto 0 auto;}
	.foot-oem-toiawase .header-tel a {height: 27px;}
	.uketuke-time {font-size: 73%;padding: 6px 0 5px 0;margin-top: 4px;}
	
	/*==========　	[ 生産体制 ] コールドプロセス製法とは　system/coldprocess.html  ==========*/
	.system-midashi1 {font-size: 122%;letter-spacing: 0.05em;}
	body.naka.system h3 {font-size: 150%;}
	ul.merit-ul li {margin: 30px 0 !important;}
	dl.merit-flow-dl dt .midashi {font-size: 122%;}	

	/*==========　	[ 生産体制 ] 石けん作り　system/soap.html  ==========*/
	body.naka.system h3.soap1 {font-size: 108%;}
	body.naka.system h3 {font-size: 108%;}
	.soap-com1 {font-size: 100%;padding-left: 0;}
	
	/*==========　	[ 生産体制 ] フェイスマスクの生産　system/mask.html  ==========*/
	body.mask .system-img1 {margin-top: 20px;}
	.system-midashi1.mask {font-size: 108%;letter-spacing: 0.1em;}
	.system-midashi1.mask br{display:none;}
	.system-midashi1.mask strong {font-size: 170%;}

	/*==========　[事業案内]自社開発ブランド S-LABO　product/s-labo.html  ==========*/
	.item-midashi1 {font-size: 100%;}
	.item-midashi1 br{display:none;}
}





@media screen and (max-width: 440px) {
	/*==========　会社概要・沿革　company/profile.html  ==========*/
	table.profile-table td {padding: 8px 10px 14px 10px;}
	table.enkaku-table td {padding: 10px 0 10px 10px;}

	/*==========　企業情報--会社概要・沿革　company/profile.html  ==========*/
	/*受賞歴*/
	.award-midashi{font-size: 115%;letter-spacing: 0.1em;}
	
	/*==========　[事業案内]化粧品 OEM／ODM事業　product/oem-odm.html  ==========*/
	.oem-midashi1{font-size: 115%;text-align: left;}
	.oem-midashi1 br{display:none;}
	.oem-img1 img:first-child{width: 100%;}
	.oem-img1 img:last-child{width:100%;}

	/*==========　[事業案内]自社開発ブランド S-LABO　product/s-labo.html  ==========*/
	.oem-com1 {margin-top: 10px;}
	.item-name span {font-size: 115%;}
	.item-name:before {margin-right: 0.8em;}
	.item-name:after {margin-left:0.8em;}
	.item-title-cont .item-title strong {font-size: 140%;}
	.item-com1 {text-align: left;}
	.seibun-box {padding: 10px 10px 5px 10px;}
	dl.seibun-box-dl dt {width: 82px;}
	
	/*==========　	[ 生産体制 ] 石けん作り　system/soap.html  ==========*/
	.system-midashi1 {font-size: 108%;}
	body.soap .system-img1 {margin-top: 20px;}
	.system-com1 {margin-top: 15px;font-size: 100%;}
	.soap-img3 {margin-top: 15px;}
	.soap-koutei-midashi {font-size: 122%;line-height: 31px;height: 35px;margin: 70px auto 0 auto;}
	body.naka.system h3.soap1 br{display:none;}
	
	/*==========　採用情報　recruit/  ==========*/
	.recruit-com1 {font-size: 122%;}
	.recruit-com2 {text-align: left;}
	.recruit-box {border: 4px solid #e9dfe4;padding: 15px 2% 15px 4%;font-size: 93%;}
	.recruit-box-com {margin: 20px 0 0 10px;}
	.foot-toiawase-box {padding: 35px 3% 30px 3%;}
	dl.foot-toiawase-dl dt {width: 270px;}
	dl.foot-toiawase-dl dt .header-tel a {height: 28px;}
	dl.foot-toiawase-dl dt .uketuke-time {font-size: 73%;padding: 4px 0 4px 0;margin-top: 5px;}
	.foot-toiawase-box-com {font-size: 93%;}
	dl.foot-toiawase-dl dd {width: 270px;margin: 15px auto 0 auto;}
	dl.foot-toiawase-dl dd .naka-kuwashii a {padding: 15px 0 15px 11px;}
	
	/*==========　お知らせ　news/  ==========*/
	dl.nakanews-dl dd dl.news-dl dt {float: none;background:none;}
	dl.nakanews-dl dd dl.news-dl a {padding: 10px 10px;}
	dl.nakanews-dl dd dl.news-dl a dd {padding: 3px 0 0 5px;}
	dl.nakanews-dl dd dl.news-dl a:hover dd {padding: 3px 0 0 5px;}
}





@media screen and (max-width: 370px) {
	/*==========　会社概要・沿革　company/profile.html  ==========*/
	table.profile-table td .jcla-mark {width: 90px;}
	
	/*==========　アクセス　company/access.html  ==========*/
	.rogo-s-labo img {width: 180px;}
	.access-box .header-tel a {width: 240px;height: 25px;}
	.access-box .uketuke-time {font-size: 70%;padding: 6px 0;margin-top: 5px;}
	.access-zip {margin-top: 10px;letter-spacing: 0;font-size: 95%;}
	ul.access-ul li {width: 90%;}
	
	/*==========　[事業案内]化粧品 OEM／ODM事業　product/oem-odm.html  ==========*/
	body.oem-odm .oem-toiawase-box h2 {letter-spacing: 0;}
	.oem-toiawase-box-com {font-size: 86%;}
	
	/*==========　	[ 生産体制 ] 石けん作り　system/soap.html  ==========*/
	dl.block2 .img {width: 50%;float: none;margin: 0 auto 5px auto;}
	dl.block2 .com {padding: 5px 0 0 0;}
	dl.block2 .midashi {padding: 5px 0 0 0;margin-bottom: 0;}
	dl.block1 .img {width: 50%;float: none;margin: 0 auto 5px auto;}
	dl.block1 .com {padding: 5px 0 0 0;}

	/*==========　	[ 生産体制 ] フェイスマスクの生産　system/mask.html  ==========*/
	dl.block2.width310 .img{width:70%;float: none;margin: 0 auto 5px auto;}
	dl.block2.width310 .midashi{padding: 5px 0 0 0;margin-bottom: 0;}
	dl.block2.width310 .com{padding: 5px 0 0 0;}
	
	dl.block1.width310 .img{width:70%;float: none;margin: 0 auto 5px auto;}
	dl.block1.width310 .midashi{padding: 5px 0 0 0;margin-bottom: 0;}
	dl.block1.width310 .com{padding: 5px 0 0 0;}

	.system-midashi1.mask {font-size:93%;}
	.system-midashi1.mask strong {font-size: 170%;}
	
	/*==========　採用情報　recruit/  ==========*/
	.recruit-com1 {font-size: 115%;letter-spacing: 0.2em;}
	.recruit-midashi1{font-size: 130%;letter-spacing: 0.1em;}
	.recruit-box dl{font-size: 105%;}
	.recruit-box dl dt{width:90px;}
	.recruit-box dl dd{padding:0 0 0 90px;}
	.foot-toiawase-box h2 {letter-spacing: 0.1em;margin-bottom: 20px;font-size: 129%;}
	.foot-toiawase-box-midashi {font-size: 100%;}
	dl.foot-toiawase-dl dt {width: 250px;}
	dl.foot-toiawase-dl dd {width: 250px;}
}