@charset "UTF-8";

/* スプラッシュ */
body {
	display: none;
}

.welcome-layer {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	background-color: white;
}

.welcome {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.welcome-layer .welcome .company-name {
	display: flex;
	align-items: center;
	background-image: url(img/logo-mark.svg);
	background-repeat: no-repeat;
	background-size: contain;
	font-weight: bold;
}

/* PC*/
@media print,
screen and (min-width: 768px) {
	.welcome-layer .welcome .company-name {
		height: 90px;
		text-indent: 130px;
		font-size: 50px;
		letter-spacing: 5px;
	}

}

/*SP*/
@media screen and (max-width: 767px) {
	.welcome {
		padding: 10px;
	}

	.welcome-layer .welcome .company-name {
		height: 50px;
		text-indent: 65px;
		font-size: 25px;
		letter-spacing: 2px;
	}
}

/*メインナビずれ調整*/
/*原因不明*/
header#header #menu-area #mega-menu-wrap-mainmenu #mega-menu-mainmenu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
	display: inline;
}

/*主なリンクテキスト*/
main#front-page-main a h2 {
	color: #FFF;
	padding-right: 100px;
	background-image: url(/wp/wp-content/uploads/2023/07/icon-learn-more-02-out.png);
	background-repeat: no-repeat;
	background-position: bottom -3px right;
	text-shadow: 2px 2px 5px #666, -2px 2px 5px #666, 2px -2px 5px #666, -2px -2px 5px #666;
}

main#front-page-main a:hover h2 {
	color: #FFF;
	background-image: url(/wp/wp-content/uploads/2023/07/icon-learn-more-02-hover.png);
	text-shadow: 2px 2px 5px #000, -2px 2px 5px #000, 2px -2px 5px #000, -2px -2px 5px #000;
}

/*ミニハーネスへのテキスト*/
section#mini-harness a h2 {
	text-shadow: none;
	padding-right: 100px;
	background-image: url(/wp/wp-content/uploads/2023/07/icon-learn-more-02-out-gray.png);
	background-repeat: no-repeat;
	background-position: bottom -3px right;
}

section#mini-harness a .msg {
	font-weight: bold;
	color: #F4511E;
}

section#mini-harness a .msg2 {
	color: #000;
	max-width: 600px;
	margin-top: 1.0em;
	padding: 10px 15px;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
}

/*会社案内へテキスト*/
section#company .link-box a .link-txt {
	color: #FFF;
	font-size: 1.2em;
	padding-right: 100px;
	background-image: url(/wp/wp-content/uploads/2023/07/icon-learn-more-01-out.png);
	background-repeat: no-repeat;
	background-position: right;
	text-shadow: 2px 2px 5px #666, -2px 2px 5px #666, 2px -2px 5px #666, -2px -2px 5px #666;
}

section#company .link-box:hover a .link-txt{
	background-image: url(/wp/wp-content/uploads/2023/07/icon-learn-more-01-hover.png);
	text-shadow: 2px 2px 5px #000, -2px 2px 5px #000, 2px -2px 5px #000, -2px -2px 5px #000;
}

/*SDGｓへの取組み*/
main#front-page-main section#sdgs .lead-box .msg {
	line-height: 2.0em;
}

main#front-page-main section#sdgs .lead-box .msg ul {
	margin: 0;
}

main#front-page-main section#sdgs .sdgs-goals .upper-box .box .sdgs-icon {
	width: 100%;
	border-top: 1px #224982 solid;
}

main#front-page-main section#sdgs .sdgs-goals .upper-box .box .sdgs-icon ul {
	margin: 0;
	padding: 15px 0 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
}

main#front-page-main section#sdgs .sdgs-goals .upper-box .box .sdgs-icon ul:not(.icons-1piece) li:first-child {
	margin-right: 15px;
}

main#front-page-main section#sdgs .sdgs-goals .upper-box .box .sdgs-icon ul.icons-3pieces li:nth-last-child(2) {
	margin-right: 15px;
}

main#front-page-main section#sdgs .sdgs-goals .upper-box .box {
	background-color: #FFF;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

main#front-page-main section#sdgs .sdgs-goals .upper-box .box h3 {
	margin: 0px;
	padding-bottom: 15px;
	height: 2.5em;
	display: flex;
	align-items: center;
}

main#front-page-main section#sdgs .sdgs-goals .lower-box {
	padding: 10px 15px;
	text-align: right;
}
/*SDGｓへの取組み end*/

/*弊社の強み*/
section#advantages a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(/wp/wp-content/uploads/2023/06/home-btn-advantages.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*製品のご案内*/
section#product a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(/wp/wp-content/uploads/2023/06/home-btn-product.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*ミニハーネスのご案内*/
section#mini-harness a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
}

section#mini-harness a .inner {
	display: flex;
	align-items: center;
}

section#mini-harness a .inner h2 {
	color: #666;
}

section#mini-harness a:hover .inner h2 {
	color: #FFF;
}

section#mini-harness a .inner .text {
	margin-left: 15px;
	text-align: center;
}

section#mini-harness a .inner .text h2 {
	margin-bottom: 5px;
}
/*ミニハーネスのご案内 end*/

/*会社案内へテキスト*/
section#company .link-box a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(/wp/wp-content/uploads/2023/05/home-section-company-link-box-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*SDGsへの取組み リンク*/
section#sdgs .link-box a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(/wp/wp-content/uploads/2023/05/home-section-sdgs-box-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

section#sdgs .sdgs-goals a:hover {
	text-decoration: underline;
}

/*お問い合わせフォームへ*/
main#front-page-main section#contact .main-box .form-box a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

main#front-page-main section#contact .main-box .form-box a:hover {
	text-shadow: 2px 2px 3px #000, -2px 2px 3px #000, 2px -2px 3px #000,-2px -2px 3px #000;
}

main#front-page-main section#contact .main-box .form-box a .btn-text {
	text-align: center;
}

/*お問い合わせ*/

main#front-page-main section#contact .main-box h3 {
	color: #FFF;
}

/* PC*/
@media print,
screen and (min-width: 768px) {

	/*お知らせ*/
	main#front-page-main section#news {
		display: flex;
		padding: 60px 0;
	}

	main#front-page-main section#news .title {
		width: 400px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#front-page-main section#news .title h2 {
		margin-right: 50px;
	}

	main#front-page-main section#news .title a {
		padding-bottom: 5px;
		border-bottom: 1px #0D47A1 solid;
	}

	main#front-page-main section#news .title a:hover {
		background-color: #E0F7FA;
	}

	main#front-page-main section#news #news-list-box {
		border-left: 1px #666 solid;
		width: calc(100% - 400px);
		padding-left: 100px;
		padding-right: 100px;
		max-width: 950px;
	}

	main#front-page-main section#news #news-list-box ul.news-list li a {
		padding: 25px 0;
	}

	main#front-page-main section#news #news-list-box ul.news-list li:last-child a {
		margin-bottom: 15px;
	}

	/*イントロ*/
	section#introduction .inner {
		max-width: 1450px;
		margin: 0 auto;
		padding: 30px 10px;
	}

	section#introduction .inner h2 {
		padding-bottom: 20px;
	}

	/*弊社の強み*/
	section#advantages a {
		height: 500px;
	}
	
	/*製品のご案内*/
	section#product a {
		height: 500px;
	}

	/*ミニハーネスのご案内*/
	section#mini-harness {
		background-image: url(/wp/wp-content/uploads/2023/07/bg-mini-harness-03.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	section#mini-harness a {
		height: 500px;
	}

	/*会社案内*/
	main#front-page-main section#company .lead-box {
		max-width: 100%;
		padding: 50px 0;
	}

	section#company .lead-box {
		background-image: url(/wp/wp-content/uploads/2023/07/background-img-wireframe.png);
		background-position: right;
		background-repeat: no-repeat;
	}

	main#front-page-main section#company .lead-box .msg {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	section#company .lead-box .msg h3 {
		font-size: 1.5em;
		margin: 0 0 20px;
	}

	/*会社案内へテキスト*/
	section#company .link-box a {
		height: 500px;
	}

	/*SDGsへの取組み*/
	section#sdgs .link-box a {
		height: 500px;
	}

	section#sdgs .msg-box .msg-body {
		max-width: 1100px;
		margin: 0 auto;
		padding: 30px 0;
	}

	/*SDGsゴール*/
	section#sdgs .sdgs-goals .upper-box {
		padding: 10px 50px;
		display: flex;
		justify-content: space-between;
	}

	/*認証*/
	section#sdgs .attestation {
		max-width: 1100px;
		margin: 0 auto;
		padding: 45px 0 55px;
	}
	
	section#sdgs .attestation h3 {
		text-align: center;
		padding-bottom: 10px;
		border-bottom: 1px #224982 solid;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	section#sdgs .attestation .box {
		display: flex;
		padding-top: 35px;
	}
	
	section#sdgs .attestation .box .msg,
	section#sdgs .attestation .box .info {
		width: 50%;
		text-align: center;
	}
		
	section#sdgs .attestation .box .msg {
		line-height: 2.0em;
		text-align: left;
	}
	
	section#sdgs .attestation .box .info a {
		display: inline-block;
		padding: 15px 10px;
		background-color: #FFF;
	}
	
	/*お問い合わせ*/
	main#front-page-main section#contact .lead-box {
		max-width: 100%;
		padding: 50px 0;
	}

	main#front-page-main section a:hover {
		text-decoration: none;
	}
}

/*▼調整　弊社の強み など*/
/*1680px以下*/
@media print,
screen and (max-width: 1680px) {
	/*弊社の強み*/
	main#front-page-main section#advantages a {
		height: 480px;
	}
	/*会社案内を見る*/
	main#front-page-main section#company .link-box a {
		height: 525px;
		background-size: cover;
	}
}

/*1440px以下*/
@media print,
screen and (max-width: 1440px) {
	/*弊社の強み*/
	main#front-page-main section#advantages a {
		height: 450px;
	}
	/*会社案内を見る*/
	main#front-page-main section#company .link-box a {
		height: 450px;
		background-size: cover;
	}
	main#front-page-main section#sdgs .lead-box .msg {
		padding-right: 20px;
	}
	/*SDGｓへの取組み*/
	main#front-page-main section#sdgs .link-box a {
		height: 420px;
		background-size: cover;
	}
}

/*1366px以下*/
@media print,
screen and (max-width: 1366px) {
	/*会社案内を見る*/
	main#front-page-main section#company .link-box a {
		height: 452px;
		background-size: cover;
	}
	/*SDGｓへの取組み*/
	main#front-page-main section#sdgs .link-box a {
		height: 390px;
		background-size: cover;
	}
}

/*1280px以下*/
@media print,
screen and (max-width: 1280px) {
	/*会社案内を見る*/
	main#front-page-main section#company .link-box a {
		height: 400px;
		background-size: cover;
	}
	/*SDGｓへの取組み*/
	main#front-page-main section#sdgs .link-box a {
		height: 373px;
		background-size: cover;
	}
}

/*1024px以下*/
@media print,
screen and (max-width: 1024px) {
	/*弊社の強み*/
	main#front-page-main section#advantages a {
		height: 380px;
	}
	/*製品のご案内*/
	main#front-page-main section#product a {
		height: 380px;
	}
	/*会社案内を見る*/
	main#front-page-main section#company .link-box a {
		height: 383px;
		background-size: contain;
	}
	/*SDGｓへの取組み*/
	main#front-page-main section#sdgs .link-box a {
		height: 299px;
		background-size: cover;
	}
}
/*▲調整 弊社の強み など end*/

/*▼調整　SDGs目標 */
@media screen and (max-width: 1889px) {
	main#front-page-main section#sdgs .sdgs-goals .upper-box .box h3 {
		flex-direction: column;
	}
}

@media screen and (max-width: 1579px) {
	main#front-page-main section#sdgs .sdgs-goals .upper-box .box h3 {
		font-size: 1.0em;
	}
}

@media screen and (max-width: 1545px) {
	main#front-page-main section#sdgs .sdgs-goals .upper-box .box h3 {
		font-size: 0.9em;
	}
	main#front-page-main section#sdgs .sdgs-goals .upper-box {
		padding: 10px 30px;
	}
}

@media screen and (max-width: 1420px) {
	/*main#front-page-main section#sdgs .sdgs-goals .upper-box .box h3 {
		font-size: 0.8em;
	}*/
	main#front-page-main section#sdgs .sdgs-goals .upper-box {
		padding: 10px 10px;
	}
}

@media screen and (max-width: 1350px) {
	main#front-page-main section#sdgs .sdgs-goals .upper-box .box h3 {
		font-size: 0.8em;
	}
	main#front-page-main section#sdgs .sdgs-goals .upper-box .box {
		padding: 20px 10px;
	}
}

@media screen and (max-width: 1200px) {
	main#front-page-main section#sdgs .sdgs-goals .upper-box {
		flex-direction: column;
	}
}

/*▲調整　SDGs目標 end*/

/* タブレットレイアウト */
@media screen and (min-width:768px) and (max-width:959px) {
	/*お知らせ*/
	main#front-page-main section#news {
		flex-direction: column;
	}

	main#front-page-main section#news .title {
		width: 100%;
		border-bottom: 1px #666 solid;
		padding-bottom: 15px;
	}

	main#front-page-main section#news #news-list-box {
		border: none;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
		}
	}

/* スマートフォンレイアウト */
@media screen and (max-width: 767px) {
	main#front-page-main section {
		padding: 0;
	}

	main#front-page-main section i {
		margin-left: 0.5em;
	}

	/*お知らせ*/
	main#front-page-main section#news .title h2 {
		padding: 0;
		margin: 0 30px 0 0;
	}

	main#front-page-main section#news .title {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 15px 0;
	}

	main#front-page-main section#news #news-list-box {
		padding: 0 10px;
	}

	main#front-page-main section#news #news-list-box ul.news-list li a {
		padding: 10px 0;
		border-bottom: 1px #666 solid;
	}

	main#front-page-main section#news #news-list-box ul.news-list li:last-child a {
		margin-bottom: 15px;
	}

	/*イントロ*/
	main#front-page-main section#introduction .inner {
		padding: 15px 10px;
	}

	/*弊社の強み*/
	main#front-page-main section#advantages a {
		height: 120px;
	}
		
	/*製品のご案内*/
	main#front-page-main section#product a {
		height: 120px;
	}

	/*ミニハーネスのご案内*/
	section#mini-harness a {
		padding: 10px;
		background-color: #E0F7FA;
	}

	section#mini-harness a .inner .text {
		margin-left: 10px;
	}

	section#mini-harness a .inner .text p.msg span {
		display: block;
	}

	section#mini-harness a .msg2 {
		background-color: transparent;
	}

	/*SDGｓへの取組み*/
	main#front-page-main section#sdgs .link-box a {
		height: 140px;
		background-size: cover;
	}

	main#front-page-main section#sdgs .lead-box {
		height: auto;
		margin-bottom: 10px;*/
	}

	main#front-page-main section#sdgs .lead-box h2 {
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(/wp/wp-content/uploads/2023/05/home-section-sdgs-box-bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 135px;
		color: #FFF;
		text-shadow: -3px -3px 8px #000, 3px 3px 8px #000;
	}

	main#front-page-main section#sdgs .lead-box .msg {
		padding: 10px;
	}

	main#front-page-main section#sdgs .lead-box .msg ul {
		padding-left: 1.5em;
	}

	main#front-page-main section#sdgs .sdgs-goals .upper-box {
		padding: 0 10px;
	}

	main#front-page-main section#sdgs .sdgs-goals .upper-box .box {
		margin-bottom: 15px;
	}

	main#front-page-main h2 {
		text-align: center;
	}

	main#front-page-main section#msg-01 .inner,
	main#front-page-main section#msg-02 .inner,
	main#front-page-main section#company .inner {
		line-height: 1.8em;
	}

	main#front-page-main section#msg-01 h2,
	main#front-page-main section#msg-02 h2 {
		text-align: left;
		font-size: 1.2em;
	}

	/*会社案内*/
	main#front-page-main section#company .lead-box {
		background-color: #f9f7f8;
		margin-top: 15px;
		padding: 10px;
	}

	main#front-page-main section#company .lead-box h2 {
		margin-top: 0;
	}

	main#front-page-main section#company .lead-box h3 {
		color: #937e70;
	}

	main#front-page-main section#company .link-box a {
		height: 140px;
		background-size: cover;
	}

	main#front-page-main section#company .link-box h2,
	main#front-page-main section#company .link-box a {
		color: #FFF;
	}

	main#front-page-main section#sdgs .attestation {
		padding: 0 10px;
	}

	main#front-page-main section#sdgs .attestation h3 {
		text-align: center;
		color: #224982;
		padding-bottom: 10px;
		border-bottom: 1px #224982 solid;
	}

	main#front-page-main section#sdgs .attestation .box .info {
		text-align: center;
		padding: 15px 0;
	}

	main#front-page-main section#sdgs .attestation .box .info a {
		display: inline-block;
		padding: 15px 10px;
		background-color: #FFF;
	}

	/*SDGsへの取組み*/
	section#sdgs .link-box a {
		height: 120px;
	}

	section#sdgs .msg-box .msg-body {
		padding: 18px 10px;
	}

	/*お問い合わせフォームへ*/
	main#front-page-main section#contact .main-box .form-box a {
		height: 100px;
	}
}

section {
	margin: 35px 20px;
}

/*security action mark*/
section#security_action {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
	
section#security_action .mark img {
	width: 130px;
	height: auto;
}
		
section#security_action .declaration {
	line-height: 1.5em;
	margin-left: 10px;
}