@charset "UTF-8";
/* CSS Document */

/*==============================
共通設定
==============================*/

/*英語コピー*/
.enCopy{
	margin: 10px 0 0 0;
	font-size: 2.6rem;
	line-height: 16px;
	color: #FFF;
	font-family: "Chathura", sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
}

/*強調*/
em{
	font-style: normal;
}

/*アンダーライン*/
.underLine{
	display: inline-block;
	font-style: normal;
	position: relative;
	z-index: 0;
}

/*アンダーライン 装飾*/
.underLine::after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 50%;
	background: #fff983;
	position: absolute;
	bottom: -15%;
	left: 0;
	z-index: -1;
}

/*==============================
wrapper設定
==============================*/

/*wrapper*/
#wrapper{
	width: 100vw;
	background: url(../img/bg_thought.png) no-repeat top center / 100% auto;
	animation: fadeIn 1s ease-in-out forwards ;
	opacity: 0;
}

@keyframes fadeIn{
	0%{opacity: 0:}
	100%{opacity: 1;}
}

/*==============================
ヘッダー設定
==============================*/

/*ヘッダー全体*/
#headerWrap{
	width: 100vw;
	height: 30px;
}

/*ヘッダー中身*/
.headerInner{
	width: 100%;
}

/*ロゴ*/
.headerInner h1{
	width: 295px;
	position: fixed;
	top: 30px;
	left: 38px;
	z-index: 999;
}

/*コーポレートサイトボタン*/
.headerInner p{
	width: 214px;
	height: 55px;
	position: fixed;
	top: 20px;
	right: 38px;
	z-index: 999;
}

/*コーポレートサイトボタン リンク*/
.headerInner p a{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-size: 1.6rem;
	line-height: 55px;
	text-align: center;
	background: #0071bd;
	border-radius: 30px;
	filter: drop-shadow(5px 5px 0 #0d517e);
	position: relative;
	transition: 0.2s;
}

/*コーポレートサイトボタン ホバー*/
.headerInner p a.active{
	transform: translate(5px,5px);
	filter: drop-shadow(0 0 0 #0d517e);
	transition: 0.3s;
}

/*コーポレートサイトボタン 装飾*/
.headerInner p a::after{
	content: "";
	display: inline-block;
	margin: 0 0 0 5px;
	width: 13px;
	height: 13px;
	background: url(../img/ico_site.svg) no-repeat center center / cover;
}

/*==============================
大阪関西万博に寄せる想い設定
==============================*/

/*大阪関西万博に寄せる想い 全体*/
#thought{
	width: 100%;
}

/*大阪関西万博に寄せる想い 中身*/
#thought .inner{
	margin: 236px auto 0;
	width: 1090px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*想い 左ボックス*/
#thought .leftBox{
	margin: 20px auto 0;
	width: 366px;
	position: relative;
}

/*社長写真*/
#thought .leftBox p{
	width: 100%;
	height: 466px;
	background: url(../img/bg_ceo.jpg) no-repeat center center / cover;
	border-radius: 20px;
	position: relative;
}

/*社長写真 装飾*/
#thought .leftBox p:after{
	content: "";
	display: block;
	width: 166px;
	height: 47px;
	background: url(../img/bg_grass.svg) no-repeat center center / cover;
	position: absolute;
	bottom: -15px;
	right: -50px;
	z-index: 1;
}

/*社長 肩書き全体*/
#thought .leftBox dl{
	padding: 15px 20px;
	width: 268px;
	height: 90px;
	background: #FFF;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: calc(466px - 90px);
}

/*社長 肩書き*/
#thought .leftBox dl dt{
	color: #199d6a;
	font-size: 1.7rem;
	line-height: 22px;
}

/*社長 肩書き アンダーライン*/
#thought .leftBox dl dt em{
	font-size: 1.8rem;
}

/*社長 英語名*/
#thought .leftBox dl dd{
	color: #649AA7;
	font-family: "Chathura", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	line-height: 22px;
	letter-spacing: 2px;
}

/*想い 右ボックス*/
#thought .rightBox{
	width: 590px;
}

/*想い 見出し*/
#thought h2{
	color: #FFF;
	font-size: 5.6rem;
	line-height: 68px;
	position: relative;
	z-index: 1;
}

/*想い 見出し イラスト*/
#thought h2::after{
	content: "";
	display: block;
	width: 188px;
	height: 176px;
	background: url(../img/img_chara.svg) no-repeat center center / cover;
	position: absolute;
	top: -20px;
	right: -60px;
	z-index: -1;
}

/*想い 説明*/
#thought .desc{
	margin: 30px 0 0 0;
	color: #FFF;
	font-size: 1.6rem;
	line-height: 28px;
	font-weight: 500;
	text-align: justify;
	z-index: -1;
}

/*==============================
虫の行動を知り尽くした、防虫対策設定
==============================*/

/*対策全体*/
#counterplan{
	padding: 380px 0;
	width: 100%;
	background: url(../img/bg_counterplan.png) no-repeat top center / 100% auto;
}

/*対策中身*/
#counterplan > .inner{
	margin: 0 auto;
	padding: 140px 50px 50px;
	width: 980px;
	background: url(../img/img_grass_illust.svg) no-repeat top 350px left 60px / 38px 14px,
				url(../img/img_grass_illust.svg) no-repeat top 330px right 60px / 38px 14px,
				#FFF;
	border-radius: 200px;
}

/*対策 見出し*/
#counterplan > .inner h2{
	color: #0071bd;
	font-size: 3.2rem;
	line-height: 38px;
	text-align: center;
	position: relative;
}

/*対策 見出し装飾共通*/
#counterplan > .inner h2::before,
#counterplan > .inner h2::after{
	content: "";
	display: block;
	position: absolute;
}

/*対策 見出し装飾 アイコン*/
#counterplan > .inner h2::before{
	width: 71px;
	height: 71px;
	background: url(../img/ico_counterplan.svg) no-repeat center center / cover;
	top: -80px;
	left: calc(50% - 71px / 2);
}

/*対策 見出し装飾 イラスト*/
#counterplan > .inner h2::after{
	width: 144px;
	height: 144px;
	background: url(../img/img_fox01.svg) no-repeat center center / cover;
	top: -60px;
	right: 20px;
}

/*対策 英語コピー*/
#counterplan > .inner h3{
	color: #649aa7;
	text-align: center;
}

/*対策 説明*/
#counterplan > .inner .desc{
	margin: 10px auto 0;
	color: #444444;
	font-size: 1.6rem;
	line-height: 28px;
	font-weight: 500;
	text-align: center;
}

/*対策 説明*/
#counterplan > .inner .desc em{
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 25%, rgba(255, 249, 131, 1) 25%, rgba(255, 249, 131, 1) 75%, rgba(255, 255, 255, 1) 75%);
}


/*専門家メッセージ全体*/
.expertMessage{
	margin: 50px auto 0 ;
	padding: 70px;
	background: #f2f2f2;
	border-radius: 160px;
}

/*専門家メッセージ中身*/
.expertMessage .inner{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*専門家メッセージ 左BOX*/
.expertMessage .inner .leftBox{
	width: 244px;
	position: relative;
}

/*専門家 肩書き吹き出し*/
.expertMessage .inner .leftBox .fukidashi{
	width: 216px;
	position: absolute;
	top: -20px;
	right: 0;
}

/*専門家 写真*/
.expertMessage .inner .leftBox .photo{
	margin: 35px 0 0 0;
	width: 100%;
}

/*専門家メッセージ 右BOX*/
.expertMessage .inner .rightBox{
	width: calc(100% - 244px - 30px);
	color: #444444;
	font-size: 1.5rem;
	line-height: 28px;
	font-weight: 500;
	text-align: justify;
	display: -webkit-box;             
	-webkit-box-orient: vertical;      /* 垂直方向に配置 */
	overflow: hidden;                  /* 溢れた部分を隠す */
	text-overflow: ellipsis;           /* 溢れた部分に「...」を表示 */
	-webkit-line-clamp: 10;
	transition: 0.2s;
}

/*専門家メッセージ 右BOX クリックした時*/
.expertMessage .inner .rightBox.action{
	display: block;             
	-webkit-box-orient: inline-axis;      /* 垂直方向に配置 */
	overflow: visible;                  /* 溢れた部分を隠す */
	text-overflow: clip;           /* 溢れた部分に「...」を表示 */
	-webkit-line-clamp: none;
}

/*もっと見るボタン*/
.expertMessage .btn{
	margin: 36px auto 0;
	width: 234px;
	height: 55px;
	background: #E5001B;
	border-radius: 30px;
	cursor: pointer;
	filter: drop-shadow(5px 5px 0 #7c000f);
}

/*もっと見るボタン 文字*/
.expertMessage .btn::before{
	content: "もっと見る";
	display: inline-block;
	width: 234px;
	color: #fff;
	font-size: 1.6rem;
	line-height: 55px;
	font-weight: 700;
	text-align: center;
}

/*もっと見るボタン クリックした時*/
.expertMessage .btn.action{
	background: #20486e;
	filter: drop-shadow(5px 5px 0 #03203c);
}

/*もっと見るボタン 文字 クリックした時*/
.expertMessage .btn.action::before{
	content: "閉じる";
}

/*もっと見るボタン ホバー*/
.expertMessage .btn.active{
	opacity: 0.8;
	transform: translate(5px,5px);
	filter: drop-shadow(0 0 0 #03203c);
	transition: 0.3s;
}

/*==============================
出展までの歩み設定
==============================*/

/*歩み全体*/
#journey{
	margin: -380px 0 0 0;
	width: 100%;
	background: url(../img/bg_journey.png) no-repeat top center / 100% auto;
}

/*歩み中身*/
#journey .inner{
	margin: 0 auto;
	padding: 300px 0 450px 0;
	width: 1190px;
}

/*歩み 見出し*/
#journey .inner h2{
	color: #FFF;
	font-size: 4.8rem;
	line-height: 68px;
	font-weight: 700;
	text-align: center;
	text-shadow: 5px 5px 0 #AFD142, -5px -5px 0 #AFD142,
				 -5px 5px 0 #AFD142, 5px -5px 0 #AFD142,
				 0px 5px 0 #AFD142,  0 -5px 0 #AFD142,
				 -5px 0 0 #AFD142, 5px 0 0 #AFD142;
}

/*歩み 英語コピー*/
#journey .inner h3{
	color: #0071BD;
	text-align: center;
}

/*歩み リスト全体*/
.journeyList{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}

/*歩み リスト*/
.journeyList li{
	position: relative;
}

/*歩み リスト装飾共通*/
.journeyList li::before,
.journeyList li::after{
	content: "";
	display: block;
	position: absolute;
}

/*歩み リスト 1つ目*/
.journeyList li:first-of-type{
	padding: 250px 85px 0;
	width: 514px;
	height: 510px;
	background: url(../img/bg_journey01.png) no-repeat center center / cover;
	transform: translate(0,-30px);
}

/*歩み リスト 1つ目 イラスト1*/
.journeyList li:first-of-type::before{
	width: 98px;
	height: 142px;
	background: url(../img/bg_people01.svg) no-repeat center center / cover;
	right: -110px;
	top: 150px;
}

/*歩み リスト 1つ目 イラスト2*/
.journeyList li:first-of-type::after{
	width: 40px;
	height: 138px;
	background: url(../img/bg_people02.svg) no-repeat center center / cover;
	right: 0;
	bottom: -20px;
}

/*歩み リスト 2つ目*/
.journeyList li:nth-of-type(2){
	padding: 280px 90px 0;
	width: 572px;
	height: 602px;
	background: url(../img/bg_journey02.png) no-repeat center center / cover;
	transform: translate(50px,150px);
}

/*歩み リスト 2つ目 イラスト1*/
.journeyList li:nth-of-type(2)::before{
	width: 35px;
	height: 101px;
	background: url(../img/bg_people03.svg) no-repeat center center / cover;
	left: -40px;
	top: 320px;
}

/*歩み リスト 2つ目 イラスト2*/
.journeyList li:nth-of-type(2)::after{
	width: 80px;
	height: 124px;
	background: url(../img/bg_people04.svg) no-repeat center center / cover;
	left: 15px;
	bottom: 30px;
}

/*歩み リスト 3つ目*/
.journeyList li:nth-of-type(3){
	padding: 260px 90px 0;
	width: 483px;
	height: 490px;
	background: url(../img/bg_journey03.png) no-repeat center center / cover;
	transform: translate(20px,-80px);
}

/*歩み リスト 3つ目 イラスト1*/
.journeyList li:nth-of-type(3)::before{
	width: 178px;
	height: 188px;
	background: url(../img/bg_people05.svg) no-repeat center center / cover;
	right: -190px;
	top: 220px;
}

/*歩み リスト 4つ目*/
.journeyList li:nth-of-type(4){
	padding: 260px 80px 0;
	width: 461px;
	height: 462px;
	background: url(../img/bg_journey04.png) no-repeat center center / cover;
	transform: translate(0,160px);
}

/*歩み リスト 4つ目 イラスト1*/
.journeyList li:nth-of-type(4)::before{
	width: 88px;
	height: 274px;
	background: url(../img/bg_people06.svg) no-repeat center center / cover;
	left: -100px;
	bottom: 0;
}

/*歩み リスト 見出し*/
.journeyList h4{
	color: #0071BD;
	font-size: 2rem;
	line-height: 26px;
	text-align: center;
}

/*歩み リスト 見出し 装飾*/
.journeyList h4 span{
	display: inline-block;
	font-style: normal;
	position: relative;
	z-index: 0;
}

/*歩み リスト 見出し アンダーライン*/
.journeyList h4 span::after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 50%;
	background: #fff983;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

/*歩み リスト 説明*/
.journeyList p{
	margin: 5px auto 0;
	color: #444444;
	font-size: 1.5rem;
	line-height: 22px;
	text-align: justify;
}

/*==============================
防虫ブラシへのこだわり設定
==============================*/

/*こだわり全体*/
#commitment{
	margin: -250px auto 0;
	padding: 380px 0 350px;
	width: 100%;
	background: url(../img/bg_commitment.png) no-repeat top center / 100% auto;
}

/*こだわり中身*/
#commitment .inner{
	margin: 0 auto;
	width: 1100px;
}

/*こだわり 見出し*/
#commitment .inner h2{
	color: #0071BD;
	font-size: 4.8rem;
	line-height: 68px;
	font-weight: 700;
	text-align: center;
	position: relative;
}

/*こだわり 見出し 装飾*/
#commitment .inner h2::before{
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background: url(../img/ico_commitment.svg) no-repeat center center / cover;
	position: absolute;
	top: -100px;
	left: calc(50% - 100px / 2);
}

/*こだわり サブ見出し*/
#commitment .inner .sub{
	margin: 10px auto 0;
	color: #0071BD;
	font-size: 2rem;
	line-height: 34px;
	font-weight: 500;
	text-align: center;
}

/*こだわり サブ見出し 装飾*/
#commitment .inner .sub span{
	position: relative;
}

/*こだわり サブ見出し 装飾共通*/
#commitment .inner .sub span::before,
#commitment .inner .sub span::after{
	content: "";
	display: block;
	width: 30px;
	height: 58px;
	background: url(../img/ico_parentheses.svg) no-repeat center center / cover;
	position: absolute;
	top: 5px;
}

/*こだわり サブ見出し 装飾 起こし括弧*/
#commitment .inner .sub span::before{
	left: -120px;
}

/*こだわり サブ見出し 装飾 閉じ括弧*/
#commitment .inner .sub span::after{
	right: -30px;
	transform: rotate(180deg);
}

/*こだわり 英語コピー*/
#commitment .inner h3{
	color: #0071BD;
	text-align: center;
}

/*こだわり大枠リスト全体*/
.commitmentList{
	margin: 40px auto 0;
	width: 100%;
}

/*こだわり大枠リスト*/
.commitmentList li{
	margin: 0 auto 40px;
	width: 100%;
}

/*こだわりリスト全体*/
.commitmentList li ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*こだわりリスト全体 偶数*/
.commitmentList li:nth-of-type(even) ul{
	flex-direction: row-reverse;
}

/*こだわりリスト 文字BOX*/
.commitmentList .text{
	width: 500px;
}

/*こだわりリスト 見出し*/
.commitmentList .text h4{
	color: #0071bd;
	font-size: 2.8rem;
	line-height: 40px;
	font-weight: 700;
}

/*こだわりリスト 見出し 装飾共通*/
.commitmentList .text h4::before,
.commitmentList .text h4::after{
	display: block;
	font-family: "Chathura", sans-serif;
}

/*こだわりリスト 見出し 数字*/
.commitmentList .text h4::before{
	color: #FE5757;
	font-size: 5rem;
	font-weight: 800;
}

/*こだわりリスト 見出し 数字01*/
.commitmentList li:first-of-type .text h4::before{
	content: "01";
}

/*こだわりリスト 見出し 数字02*/
.commitmentList li:nth-of-type(2) .text h4::before{
	content: "02";
}

/*こだわりリスト 見出し 数字03*/
.commitmentList li:nth-of-type(3) .text h4::before{
	content: "03";
}

/*こだわりリスト 見出し 英語コピー*/
.commitmentList .text h4::after{
	color: #0071BD;
	font-size: 2.8rem;
	font-weight: 400;
	letter-spacing: 2px;
}

/*こだわりリスト 見出し 英語コピー 1つ目*/
.commitmentList li:first-of-type .text h4::after{
	content: "We pay particular attention to customer feedback";
}

/*こだわりリスト 見出し 英語コピー 2つ目*/
.commitmentList li:nth-of-type(2) .text h4::after{
	content: "Focus on insect resistance";
}

/*こだわりリスト 見出し 英語コピー 3つ目*/
.commitmentList li:nth-of-type(3) .text h4::after{
	content: "Committed to problem solving";
}

/*こだわりリスト 見出し アンダーライン*/
.commitmentList .text h4 .underLine::after{
	width: 100%;
	height: 30%;
	bottom: 5%;
}

/*こだわりリスト 小見出し*/
.commitmentList .text h5{
	margin: 15px 0 0 0;
	color: #0071BD;
	font-size: 2.1rem;
	font-weight: 700;
}

/*こだわりリスト 説明*/
.commitmentList .text p{
	margin: 25px 0 0 0;
	color: #444444;
	font-size: 1.6rem;
	line-height: 28px;
	font-weight: 500;
	text-align: justify;
}

/*こだわりリスト 写真*/
.commitmentList .photo{
	width: 516px;
	position: relative;
}

/*こだわりリスト 写真装飾共通*/
.commitmentList li:nth-of-type(2) .photo::before,
.commitmentList li:nth-of-type(2) .photo::after,
.commitmentList li:nth-of-type(3) .photo::before{
	content: "";
	display: block;
	position: absolute;
}

/*こだわりリスト 写真2つ目 花イラスト*/
.commitmentList li:nth-of-type(2) .photo::before{
	width: 45px;
	height: 35px;
	background: url(../img/img_flower01.svg) no-repeat center center /cover;
	left: -10px;
	top: 130px;
}

/*こだわりリスト 写真2つ目 アリイラスト*/
.commitmentList li:nth-of-type(2) .photo::after{
	width: 86px;
	height: 44px;
	background: url(../img/img_ant02.svg) no-repeat center center /cover;
	right: -20px;
	bottom: 50px;
}

/*こだわりリスト 写真3つ目 花イラスト*/
.commitmentList li:nth-of-type(3) .photo::before{
	width: 64px;
	height: 48px;
	background: url(../img/img_flower02.svg) no-repeat center center /cover;
	right: -35px;
	top: 0;
}

/*==============================
コーポレートサイト設定
==============================*/

/*コーポレートサイト全体*/
#corporate{
	margin: -400px auto 0;
	padding: 300px 0 450px;
	width: 100%;
	background: url(../img/bg_corporate.png) no-repeat top center / 100% auto;
}

/*コーポレートサイトバナー*/
#corporate .inner{
	margin: 0 auto;
	width: 600px;
	height: 248px;
}

/*コーポレートサイトバナー リンク*/
#corporate .inner a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/bg_corporate.svg) no-repeat center center / cover;
	border-radius: 20px;
	transition: 0.2s;
}

/*コーポレートサイトバナー リンク ホバー*/
#corporate .inner a.active{
	opacity: 0.8;
	transition: 0.3s;
}

/*コーポレートサイトバナー 見出し*/
#corporate .inner h2{
	color: #0068b5;
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	position: relative;
	top: 100px;
}

/*コーポレートサイトバナー 見出し 英語*/
#corporate .inner h2::before{
	content: "Corporate website";
	display: block;
	width: 100%;
	color: #666;
	font-size: 2rem;
	font-weight: 400;
	font-family: "Chathura", sans-serif;
	text-align: center;
	letter-spacing: 3px;
	position: absolute;
	bottom: -25px;
}

/*コーポレートサイトバナー 見出し アイコン*/
#corporate .inner h2::after{
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../img/ico_site_red.svg) no-repeat center center / cover;
	transform: translate(5px,-3px);
}

/*==============================
フッター設定
==============================*/

/*フッター全体*/
#footerWrap{
	margin: -430px auto 0;
	padding: 270px 0 130px;
	width: 100%;
	background: url(../img/bg_footer.png) no-repeat top center / 100% auto;
	position: relative;
}

/*フッター中身*/
.footerInner{
	margin: 0 auto;
	width: 720px;
}

/*フッター ロゴ*/
.footerInner .logo{
	margin: 0 auto;
	width: 345px;
	transition: 0.2s;
}

/*フッター ロゴ ホバー*/
.footerInner .logo.active{
	opacity: 0.8;
	transition: 0.3s;
}

/*フッターナビ全体*/
#siteNav{
	margin: 78px auto 0;
	width: 100%;
}

/*フッターナビ中身*/
#siteNav .navInner{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*フッターナビ リスト*/
#siteNav .navInner li{
	position: relative;
}

/*フッターナビ リスト 装飾*/
#siteNav .navInner li::after{
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	background: #FFF;
	position: absolute;
	right: -25px;
	top: 0;
}

/*フッターナビ リスト 装飾 最後を無くす*/
#siteNav .navInner li:last-of-type::after{
	display: none;
}

/*フッターナビ リンク*/
#siteNav .navInner li a{
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	transition: 0.2s;
}

/*フッターナビ リンク ホバー*/
#siteNav .navInner li a.active{
	opacity: 0.8;
	transition: 0.3s;
}

/*フッターナビ リンク コーポレートサイトアイコン*/
#siteNav .navInner li:last-of-type a::after{
	content: "";
	display: inline-block;
	margin: 0 0 0 5px;
	width: 13px;
	height: 13px;
	background: url(../img/ico_site.svg) no-repeat center center / cover;
}

/*ページトップボタン*/
.pageTop{
	width: 38px;
	position: absolute;
	right: 150px;
	bottom: 120px;
	transition: 0.2s;
}

/*ページトップボタン ホバー*/
.pageTop.active{
	opacity: 0.8;
	transition: 0.3s;
}

/*==============================
レスポンシブ設定
==============================*/

/*1200px以下の場合*/
@media screen and (max-width:1200px){

	/*==============================
	出展までの歩み設定
	==============================*/

	/*歩み中身*/
	#journey .inner{
		padding: 250px 0 450px;
		width: calc(100% - 80px);
	}

	/*歩み リスト 1つ目*/
	.journeyList li:first-of-type{
		padding: 200px 80px 0;
		width: 412px;
		height: 408px;
	}

	/*歩み リスト 2つ目*/
	.journeyList li:nth-of-type(2){
		padding: 220px 70px 0;
		width: 458px;
		height: 482px;
		transform: translate(0,100px);
	}

	/*歩み リスト 3つ目*/
	.journeyList li:nth-of-type(3){
		padding: 210px 60px 0;
		width: 387px;
		height: 392px;
		transform: translate(20px,-50px);
	}

	/*歩み リスト 3つ目 イラスト1*/
	.journeyList li:nth-of-type(3)::before{
		top: 130px;
	}

	/*歩み リスト 4つ目*/
	.journeyList li:nth-of-type(4){
		padding: 210px 60px 0;
		width: 369px;
		height: 370px;
		transform: translate(0,200px);
	}

	/*歩み リスト 4つ目 イラスト1*/
	.journeyList li:nth-of-type(4)::before{
		bottom: -50px;
	}

	/*歩み リスト 見出し*/
	.journeyList h4{
		font-size: 1.6rem;
		line-height: 22px;
	}

	/*歩み リスト 説明*/
	.journeyList p{
		margin: 5px auto 0;
		font-size: 1.2rem;
		line-height: 18px;
	}

}

/*1090px以下の場合*/
@media screen and (max-width:1090px){

	/*==============================
	大阪関西万博に寄せる想い設定
	==============================*/

	/*大阪関西万博に寄せる想い 中身*/
	#thought .inner{
		width: calc(100% - 80px);
	}

	/*想い 左ボックス*/
	#thought .leftBox{
		width: 300px;
	}

	/*社長写真*/
	#thought .leftBox p{
		height: 400px;
	}

	/*社長写真 装飾*/
	#thought .leftBox p:after{
		bottom: -30px;
		right: 0;
	}

	/*社長 肩書き全体*/
	#thought .leftBox dl{
		width: 250px;
		top: calc(400px - 90px);
	}

	/*想い 右ボックス*/
	#thought .rightBox{
		width: calc(100% - 300px - 60px);
	}

	/*想い 見出し*/
	#thought h2{
		font-size: 5rem;
		line-height: 60px;
	}

	/*想い 見出し イラスト*/
	#thought h2::after{
		right: -30px;
	}

	/*想い 説明*/
	#thought .desc{
		margin: 20px 0 0 0;
		font-size: 1.4rem;
		line-height: 26px;
	}

	/*==============================
	虫の行動を知り尽くした、防虫対策設定
	==============================*/

	/*対策全体*/
	#counterplan{
		padding: 320px 0 500px;
	}

	/*対策中身*/
	#counterplan > .inner{
		padding: 120px 30px 30px;
		width: calc(100% - 80px);
		border-radius: 150px;
		background: url(../img/img_grass_illust.svg) no-repeat top 300px left 60px / 38px 14px,
				url(../img/img_grass_illust.svg) no-repeat top 260px right 60px / 38px 14px,
				#FFF;
	}

	/*対策 見出し*/
	#counterplan > .inner h2{
		font-size: 3rem;
		line-height: 36px;
	}

	/*対策 見出し装飾 イラスト*/
	#counterplan > .inner h2::after{
		width: 120px;
		height: 120px;
		top: -130px;
		right: 20px;
	}

	/*対策 説明*/
	#counterplan > .inner .desc{
		font-size: 1.4rem;
		line-height: 26px;
	}

	/*専門家メッセージ全体*/
	.expertMessage{
		margin: 30px auto 0 ;
		padding: 40px;
		border-radius: 120px;
	}

	/*専門家メッセージ 左BOX*/
	.expertMessage .inner .leftBox{
		width: 200px;
	}

	/*専門家 肩書き吹き出し*/
	.expertMessage .inner .leftBox .fukidashi{
		width: 200px;
	}

	/*専門家メッセージ 右BOX*/
	.expertMessage .inner .rightBox{
		width: calc(100% - 200px - 30px);
		font-size: 1.4rem;
	}

	/*==============================
	出展までの歩み設定
	==============================*/

	/*歩み全体*/
	#journey{
		margin: -480px 0 0 0;
		background: url(../img/bg_journey_tb.png) no-repeat top center / 100% auto;
	}

	/*歩み中身*/
	#journey .inner{
		padding: 150px 0 130px 0;
	}

	/*歩み リスト全体*/
	.journeyList{
		flex-direction: column;
		justify-content: center;
	}

	/*歩み リスト*/
	.journeyList li{
		margin: 0 auto;
	}

	/*歩み リスト 1つ目*/
	.journeyList li:first-of-type{
		transform: translate(-180px,-20px);
	}

	/*歩み リスト 1つ目 イラスト1*/
	.journeyList li:first-of-type::before{
		right: -160px;
		top: 40px;
	}

	/*歩み リスト 1つ目 イラスト2*/
	.journeyList li:first-of-type::after{
		right: -60px;
		bottom: 80px;
	}


	/*歩み リスト 2つ目*/
	.journeyList li:nth-of-type(2){
		transform: translate(180px,-60px);
	}

	/*歩み リスト 2つ目 イラスト1*/
	.journeyList li:nth-of-type(2)::before{
		left: -50px;
		top: 200px;
	}

	/*歩み リスト 2つ目 イラスト2*/
	.journeyList li:nth-of-type(2)::after{
		left: -30px;
		bottom: 30px;
	}

	/*歩み リスト 3つ目*/
	.journeyList li:nth-of-type(3){
		transform: translate(-180px,-120px);
	}

	/*歩み リスト 3つ目 イラスト1*/
	.journeyList li:nth-of-type(3)::before{
		width: 140px;
		height: 148px;
		right: -150px;
		top: 170px;
	}

	/*歩み リスト 4つ目*/
	.journeyList li:nth-of-type(4){
		transform: translate(180px,-160px);
	}

	/*==============================
	防虫ブラシへのこだわり設定
	==============================*/

	/*こだわり全体*/
	#commitment{
		margin: -250px auto 0;
		padding: 300px 0 400px;
	}

	/*こだわり中身*/
	#commitment .inner{
		width: calc(100% - 80px);
	}

	/*こだわり大枠リスト*/
	.commitmentList li{
		margin: 0 auto 20px;
	}

	/*こだわりリスト 文字BOX*/
	.commitmentList .text{
		width: calc(55% - 60px);
	}

	/*こだわりリスト 見出し*/
	.commitmentList .text h4{
		font-size: 2.6rem;
		line-height: 38px;
	}

	/*こだわりリスト 見出し 数字*/
	.commitmentList .text h4::before{
		font-size: 4.5rem;
	}

	/*こだわりリスト 見出し 英語コピー*/
	.commitmentList .text h4::after{
		font-size: 2.6rem;
		line-height: 20px;
	}

	/*こだわりリスト 小見出し*/
	.commitmentList .text h5{
		margin: 10px 0 0 0;
		font-size: 1.8rem;
		line-height: 24px;
	}

	/*こだわりリスト 説明*/
	.commitmentList .text p{
		margin: 20px 0 0 0;
		font-size: 1.4rem;
		line-height: 26px;
	}

	/*こだわりリスト 写真*/
	.commitmentList .photo{
		width: 45%;
	}

	/*==============================
	コーポレートサイト設定
	==============================*/

	/*コーポレートサイト全体*/
	#corporate{
		margin: -400px auto 0;
		padding: 200px 0 500px;
	}

	/*==============================
	フッター設定
	==============================*/

	/*フッター全体*/
	#footerWrap{
		padding: 200px 0 130px;
	}

	/*フッター中身*/
	.footerInner{
		width: calc(100% - 80px);
	}

	/*フッター ロゴ*/
	.footerInner .logo{
		width: 300px;
	}

	/*フッターナビ全体*/
	#siteNav{
		margin: 60px auto 0;
		width: 400px;
	}

	/*フッターナビ中身*/
	#siteNav .navInner{
		flex-direction: column;
	}

	/*フッターナビ リスト*/
	#siteNav .navInner li{
		text-align: center;
	}


	/*フッターナビ リスト 装飾*/
	#siteNav .navInner li::after{
		display: none;
	}

	/*フッターナビ リンク*/
	#siteNav .navInner li a{
		color: #FFF;
		font-size: 1.6rem;
		line-height: 60px;
	}

	/*ページトップボタン*/
	.pageTop{
		right: 50px;
		bottom: 100px;
	}

}

/*960px以下の場合*/
@media screen and (max-width:960px){

	/*==============================
	wrapper設定
	==============================*/

	/*wrapper*/
	#wrapper{
		background: url(../img/bg_thought_tb.png) no-repeat top center / 100% auto;
	}

	/*==============================
	大阪関西万博に寄せる想い設定
	==============================*/

	/*大阪関西万博に寄せる想い 中身*/
	#thought .inner{
		margin: 180px auto 0;
		flex-direction: column-reverse;
	}

	/*想い 左ボックス*/
	#thought .leftBox{
		margin: 60px auto 0;
		width: 300px;
	}

	/*社長写真*/
	#thought .leftBox p{
		width: 100%;
		height: 400px;
		background: url(../img/bg_ceo.jpg) no-repeat center center / cover;
	}

	/*社長写真 装飾*/
	#thought .leftBox p:after{
		width: 166px;
		height: 47px;
		bottom: -15px;
		right: -50px;
	}

	/*社長 肩書き全体*/
	#thought .leftBox dl{
		top: calc(400px - 90px);
	}

	/*想い 右ボックス*/
	#thought .rightBox{
		width: 100%;
	}

	/*想い 見出し*/
	#thought h2{
		text-align: center;
	}

	/*想い 見出し イラスト*/
	#thought h2::after{
		top: -20px;
		right: -30px;
	}

	/*想い 英語コピー*/
	#thought h3{
		text-align: center;
	}

	/*想い 説明*/
	#thought .desc{
		margin: 20px auto 0;
		width: 600px;
	}

	/*==============================
	虫の行動を知り尽くした、防虫対策設定
	==============================*/

	/*対策中身*/
	#counterplan > .inner{
		background: url(../img/img_grass_illust.svg) no-repeat top 340px left 30px / 25px 10px,
					url(../img/img_grass_illust.svg) no-repeat top 300px right 30px / 25px 10px,
					#FFF;
	}



}


/*768px以下の場合*/
@media screen and (max-width:768px){

	/*==============================
	大阪関西万博に寄せる想い設定
	==============================*/

	/*想い 説明*/
	#thought .desc{
		line-height: 26px;
	}

	/*==============================
	虫の行動を知り尽くした、防虫対策設定
	==============================*/

	/*対策中身*/
	#counterplan > .inner{
		background: url(../img/img_grass_illust.svg) no-repeat top 370px left 30px / 25px 10px,
					url(../img/img_grass_illust.svg) no-repeat top 330px right 30px / 25px 10px,
					#FFF;
	}

	/*専門家メッセージ中身*/
	.expertMessage .inner{
		flex-direction: column;
	}

	/*専門家メッセージ 左BOX*/
	.expertMessage .inner .leftBox{
		margin: 20px auto 0;
	}

	/*専門家メッセージ 右BOX*/
	.expertMessage .inner .rightBox{
		margin: 20px auto 0;
		width: 100%;
		line-height: 26px;
	}

	/*==============================
	防虫ブラシへのこだわり設定
	==============================*/

	/*こだわり全体*/
	#commitment{
		padding: 250px 0 400px;
		background: url(../img/bg_commitment_tb.png) no-repeat top center / cover;
	}

	/*こだわり中身*/
	#commitment .inner{
		width: 480px;
	}

	/*こだわり大枠リスト*/
	.commitmentList li{
		margin: 0 auto 30px;
	}

	/*こだわりリスト全体*/
	.commitmentList li ul{
		flex-direction: column;
	}

	/*こだわりリスト 文字BOX*/
	.commitmentList .text{
		width: 100%;
	}

	/*こだわりリスト 写真*/
	.commitmentList .photo{
		width: 100%;
	}


}


/*680px以下の場合*/
@media screen and (max-width:680px){

	/*==============================
	wrapper設定
	==============================*/

	/*wrapper*/
	#wrapper{
		background: url(../img/bg_thought_sp.png) no-repeat top center / 100% auto;
	}


	/*==============================
	ヘッダー設定
	==============================*/

	/*ロゴ*/
	.headerInner h1{
		width: 230px;
		top: 20px;
		left: 20px;
	}

	/*コーポレートサイトボタン*/
	.headerInner p{
		width: 180px;
		height: 40px;
		top: 10px;
		right: 20px;
	}

	/*コーポレートサイトボタン リンク*/
	.headerInner p a{
		font-size: 1.4rem;
		line-height: 40px;
	}

	/*==============================
	大阪関西万博に寄せる想い設定
	==============================*/

	/*大阪関西万博に寄せる想い 中身*/
	#thought .inner{
		margin: 300px auto 0;
	}

	/*想い 見出し イラスト*/
	#thought h2::after{
		width: 188px;
		height: 176px;
		top: -190px;
		right: calc(50% - 188px / 2);
	}

	/*想い 説明*/
	#thought .desc{
		width: 100%;
	}

	/*==============================
	虫の行動を知り尽くした、防虫対策設定
	==============================*/

	/*対策全体*/
	#counterplan{
		padding: 200px 0 500px;
		background: url(../img/bg_counterplan_sp.png) no-repeat top center / 100% auto;
	}

	/*対策中身*/
	#counterplan > .inner{
		background: url(../img/img_grass_illust.svg) no-repeat top 400px left 30px / 25px 10px,
					url(../img/img_grass_illust.svg) no-repeat top 360px right 30px / 25px 10px,
					#FFF;
	}


	/*==============================
	出展までの歩み設定
	==============================*/

	/*歩み全体*/
	#journey{
		background: url(../img/bg_journey_sp.png) no-repeat top center / 100% auto;
	}

	/*歩み中身*/
	#journey .inner{
		padding: 150px 0 350px;
	}

	/*歩み 見出し*/
	#journey .inner h2{
		font-size: 3.6rem;
		line-height: 44px;
		text-shadow: 3px 3px 0 #AFD142, -3px -3px 0 #AFD142,
					 -3px 3px 0 #AFD142, 3px -3px 0 #AFD142,
					 0px 3px 0 #AFD142,  0 -3px 0 #AFD142,
					 -3px 0 0 #AFD142, 3px 0 0 #AFD142;
	}

	/*歩み リスト 1つ目*/
	.journeyList li:first-of-type{
		transform: translate(-30px,20px);
	}

	/*歩み リスト 1つ目 イラスト1*/
	.journeyList li:first-of-type::before{
		width: 70px;
		height: 101px;
		top: 40px;
		right: 10px;
	}

	/*歩み リスト 1つ目 イラスト2*/
	.journeyList li:first-of-type::after{
		width: 29px;
		height: 100px;
		right: 0;
		bottom: 120px;
	}

	/*歩み リスト 2つ目*/
	.journeyList li:nth-of-type(2){
		padding: 210px 90px 0;
		transform: translate(30px,50px);
	}

	/*歩み リスト 2つ目 イラスト1*/
	.journeyList li:nth-of-type(2)::before{
		width: 25px;
		height: 70px;
		left: auto;
		right: 50px;
		top: 290px;
	}

	/*歩み リスト 2つ目 イラスト2*/
	.journeyList li:nth-of-type(2)::after{
		width: 58px;
		height: 90px;
		left: 15px;
		bottom: 150px;
	}

	/*歩み リスト 3つ目*/
	.journeyList li:nth-of-type(3){
		padding: 210px 70px 0;
		transform: translate(-30px,60px);
	}

	/*歩み リスト 3つ目 イラスト1*/
	.journeyList li:nth-of-type(3)::before{
		width: 95px;
		height: 100px;
		right: -40px;
		top: 190px;
	}

	/*歩み リスト 4つ目*/
	.journeyList li:nth-of-type(4){
		transform: translate(30px,80px);
	}

	/*歩み リスト 4つ目 イラスト1*/
	.journeyList li:nth-of-type(4)::before{
		width: 60px;
		height: 187px;
		left: -20px;
		bottom: 0;
	}

	/*==============================
	防虫ブラシへのこだわり設定
	==============================*/

	/*こだわり全体*/
	#commitment{
		padding: 200px 0 350px;
		width: 100%;
		background: url(../img/bg_commitment_sp.png) no-repeat top center / 100% auto;
	}

	/*こだわり 見出し*/
	#commitment .inner h2{
		font-size: 3.6rem;
		line-height: 44px;
	}

	/*こだわり 見出し 装飾*/
	#commitment .inner h2::before{
		width: 60px;
		height: 60px;
		top: -70px;
		left: calc(50% - 60px / 2);
	}

	/*こだわり サブ見出し*/
	#commitment .inner .sub{
		font-size: 1.6rem;
		line-height: 26px;
	}

	/*こだわり サブ見出し 装飾共通*/
	#commitment .inner .sub span::before,
	#commitment .inner .sub span::after{
		width: 22px;
		height: 43px;
		background: url(../img/ico_parentheses.svg) no-repeat center center / cover;
	}

	/*こだわり サブ見出し 装飾 起こし括弧*/
	#commitment .inner .sub span::before{
		left: -95px;
	}

	/*こだわり サブ見出し 装飾 閉じ括弧*/
	#commitment .inner .sub span::after{
		right: -20px;
	}

	/*こだわり大枠リスト全体*/
	.commitmentList{
		margin: 20px auto 0;
	}

	/*こだわり大枠リスト*/
	.commitmentList li{
		margin: 0 auto 20px;
	}

	/*==============================
	コーポレートサイト設定
	==============================*/

	/*コーポレートサイト全体*/
	#corporate{
		margin: -350px auto 0;
		padding: 200px 0 500px;
	}

	/*コーポレートサイトバナー*/
	#corporate .inner{
		width: 340px;
		height: 140px;
	}

	/*コーポレートサイトバナー 見出し*/
	#corporate .inner h2{
		font-size: 2rem;
		top: 60px;
	}

	/*コーポレートサイトバナー 見出し 英語*/
	#corporate .inner h2::before{
		font-size: 1.6rem;
		bottom: -18px;
	}

	/*コーポレートサイトバナー 見出し アイコン*/
	#corporate .inner h2::after{
		transform: translate(5px,-2px);
	}


	/*==============================
	フッター設定
	==============================*/

	/*フッター全体*/
	#footerWrap{
		padding: 150px 0 100px;
	}

	/*フッター中身*/
	.footerInner{
		width: 100%;
	}

	/*フッター ロゴ*/
	.footerInner .logo{
		width: 240px;
	}

	/*フッターナビ全体*/
	#siteNav{
		margin: 30px auto 0;
		width: 100%;
	}

	/*フッターナビ リンク*/
	#siteNav .navInner li a{
		color: #FFF;
		font-size: 1.4rem;
		line-height: 40px;
	}

	/*ページトップボタン*/
	.pageTop{
		right: 30px;
		bottom: 70px;
	}


}

/*480px以下の場合*/
@media screen and (max-width:480px){

	/*==============================
	ヘッダー設定
	==============================*/

	/*ロゴ*/
	.headerInner h1{
		width: 200px;
		top: 15px;
		left: 15px;
	}

	/*コーポレートサイトボタン*/
	.headerInner p{
		width: 140px;
		height: 30px;
		top: 10px;
		right: 15px;
	}

	/*コーポレートサイトボタン リンク*/
	.headerInner p a{
		font-size: 1.2rem;
		line-height: 30px;
		letter-spacing: -1px;
	}

	/*コーポレートサイトボタン 装飾*/
	.headerInner p a::after{
		margin: 0 0 0 5px;
		width: 12px;
		height: 12px;
	}

	/*==============================
	大阪関西万博に寄せる想い設定
	==============================*/

	/*大阪関西万博に寄せる想い 中身*/
	#thought .inner{
		margin: 250px auto 60px;
		width: calc(100% - 60px);
	}

	/*想い 左ボックス*/
	#thought .leftBox{
		margin: 40px auto 0;
		width: 280px;
	}

	/*社長写真*/
	#thought .leftBox p{
		height: 360px;
	}

	/*社長写真 装飾*/
	#thought .leftBox p:after{
		width: 120px;
		height: 34px;
		right: 0;
		bottom: -10px;
	}

	/*社長 肩書き全体*/
	#thought .leftBox dl{
		top: calc(360px - 90px);
	}

	/*想い 見出し*/
	#thought h2{
		font-size: 3.6rem;
		line-height: 44px;
	}

	/*想い 説明*/
	#thought .desc{
		line-height: 24px;
	}

	/*==============================
	虫の行動を知り尽くした、防虫対策設定
	==============================*/

	/*対策全体*/
	#counterplan{
		padding: 160px 0 500px;
	}

	/*対策中身*/
	#counterplan > .inner{
		padding: 120px 20px 20px;
		width: calc(100% - 60px);
		border-radius: 60px;
		background: url(../img/img_grass_illust.svg) no-repeat top 60px left 50px / 25px 10px,
					url(../img/img_grass_illust.svg) no-repeat top 100px right 30px / 25px 10px,
					#FFF;
	}

	/*対策 見出し*/
	#counterplan > .inner h2{
		font-size: 2.8rem;
	}

	/*対策 見出し装飾 イラスト*/
	#counterplan > .inner h2::after{
		width: 80px;
		height: 80px;
		top: -130px;
		right: -10px;
	}

	/*対策 説明*/
	#counterplan > .inner .desc{
		line-height: 22px;
		text-align: justify;
	}

	/*専門家メッセージ全体*/
	.expertMessage{
		padding: 20px 20px 40px 20px;
		border-radius: 45px;
	}

	/*専門家メッセージ 右BOX*/
	.expertMessage .inner .rightBox{
		font-size: 1.4rem;
		line-height: 22px;
	}

	/*==============================
	出展までの歩み設定
	==============================*/

	/*歩み全体*/
	#journey{
		background: url(../img/bg_journey_sp.png) no-repeat top center / 100% auto;
	}

	/*歩み中身*/
	#journey .inner{
		padding: 130px 0 400px;
	}

	/*歩み リスト 1つ目*/
	.journeyList li:first-of-type{
		transform: translate(-90px,20px);
	}

	/*歩み リスト 2つ目*/
	.journeyList li:nth-of-type(2){
		transform: translate(-70px,50px);
	}

	/*歩み リスト 2つ目 イラスト2*/
	.journeyList li:nth-of-type(2)::after{
		left: 60px;
		bottom: -20px;
	}

	/*歩み リスト 3つ目*/
	.journeyList li:nth-of-type(3){
		transform: translate(-85px,80px);
	}

	/*歩み リスト 3つ目 イラスト1*/
	.journeyList li:nth-of-type(3)::before{
		right: -20px;
	}

	/*歩み リスト 4つ目*/
	.journeyList li:nth-of-type(4){
		transform: translate(-70px,100px);
	}

	/*歩み リスト 4つ目 イラスト1*/
	.journeyList li:nth-of-type(4)::before{
		left: 0;
		bottom: 0;
	}

	/*==============================
	防虫ブラシへのこだわり設定
	==============================*/

	/*こだわり中身*/
	#commitment .inner{
		width: calc(100% - 60px);
	}

	/*こだわり大枠リスト全体*/
	.commitmentList{
		margin: 40px auto 0;
	}

	/*こだわりリスト 説明*/
	.commitmentList .text p{
		margin: 10px 0 0 0;
		line-height: 22px;
	}

	/*==============================
	コーポレートサイト設定
	==============================*/

	/*コーポレートサイト全体*/
	#corporate{
		padding: 150px 0 480px;
	}

}

/*375px以下の場合*/
@media screen and (max-width:375px){

	/*==============================
	ヘッダー設定
	==============================*/

	/*ロゴ*/
	.headerInner h1{
		width: 180px;
	}

	/*コーポレートサイトボタン*/
	.headerInner p{
		width: 120px;
		height: 30px;
	}

	/*コーポレートサイトボタン リンク*/
	.headerInner p a{
		font-size: 1rem;
	}

	/*コーポレートサイトボタン 装飾*/
	.headerInner p a::after{
		width: 10px;
		height: 10px;
	}

	/*==============================
	大阪関西万博に寄せる想い設定
	==============================*/

	/*大阪関西万博に寄せる想い 中身*/
	#thought .inner{
		width: calc(100% - 40px);
	}

	/*==============================
	虫の行動を知り尽くした、防虫対策設定
	==============================*/

	/*対策中身*/
	#counterplan > .inner{
		width: calc(100% - 40px);
	}

	/*==============================
	出展までの歩み設定
	==============================*/

	/*歩み リスト 1つ目*/
	.journeyList li:first-of-type{
		padding: 180px 50px 0;
		width: 380px;
		height: 377px;
		transform: translate(-60px,20px);
	}

	/*歩み リスト 1つ目 イラスト1*/
	.journeyList li:first-of-type::before{
		top: 40px;
		right: 40px;
	}

	/*歩み リスト 1つ目 イラスト2*/
	.journeyList li:first-of-type::after{
		right: 40px;
		bottom: 140px;
	}

	/*歩み リスト 2つ目*/
	.journeyList li:nth-of-type(2){
		padding: 170px 40px 0 50px;
		width: 380px;
		height: 400px;
		transform: translate(-60px,40px);
	}

	/*歩み リスト 2つ目 イラスト1*/
	.journeyList li:nth-of-type(2)::before{
		right: 90px;
		top: 0;
	}

	/*歩み リスト 3つ目*/
	.journeyList li:nth-of-type(3){
		padding: 180px 55px 0;
		width: 350px;
		height: 355px;
		transform: translate(-40px,60px);
	}

	/*歩み リスト 3つ目 イラスト1*/
	.journeyList li:nth-of-type(3)::before{
		top: 80px;
		right: 20px;
	}

	/*歩み リスト 4つ目*/
	.journeyList li:nth-of-type(4){
		padding: 200px 40px 0 55px;
		width: 350px;
		height: 350px;
		transform: translate(-40px,80px);
	}

	/*歩み リスト 4つ目 イラスト1*/
	.journeyList li:nth-of-type(4)::before{
		left: 0;
		bottom: 0;
	}


	/*==============================
	防虫ブラシへのこだわり設定
	==============================*/

	/*こだわり中身*/
	#commitment .inner{
		width: calc(100% - 40px);
	}

	/*==============================
	コーポレートサイト設定
	==============================*/

	/*コーポレートサイトバナー*/
	#corporate .inner{
		width: 300px;
		height: 124px;
	}

	/*コーポレートサイトバナー 見出し*/
	#corporate .inner h2{
		top: 50px;
	}







}