@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

html, body {
	width: 100%;
	color: #202020;
	font-size: 16px;
	letter-spacing: 1px;
	/* -webkit-font-smoothing: antialiased; */
	font-smoothing: antialiased;
	font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, "游ゴシック Medium", YuGothic, YuGothicM, Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
}

html .en, body .en {
	font-family: 'Oswald', sans-serif, 'Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, "游ゴシック Medium", YuGothic, YuGothicM, Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
}

html .jp, body .jp {
	font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, "游ゴシック Medium", YuGothic, YuGothicM, Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
}
img {
	max-width: 100%;
}
a {
	text-decoration: none !important;
	-webkit-transition: all 1s ease !important;
	-moz-transition: all 1s ease !important;
	-o-transition: all 1s ease !important;
	transition: all  1s ease !important;
}


/* メニュー */
.gMenu>li[class*=current]:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 0;
	border-bottom: 1px solid #bc0000;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.gMenu>li:hover:before {
	width: 100% !important;
}
.gMenu>li a {
	font-weight: 300 !important;
	-webkit-transition: initial !important;
	-moz-transition: initial !important;
	-o-transition: initial !important;
	transition: initial !important;
}

.gMenu>li .gMenu_name {
	display: inline-block !important;
}

.gMenu .Top a::before{
	display: inline-block;
	content: url(/wp-content/uploads/2020/09/icon1.svg);
	width: 18px;
	height: 18px;
	vertical-align: bottom;
	margin-right: .2rem;
}

.gMenu .Service a::before{
	display: inline-block;
	content: url(/wp-content/uploads/2020/09/icon2.svg);
	width: 18px;
	height: 18px;
	vertical-align: bottom;
	margin-right: .2rem;
}

.gMenu .Product a::before{
	display: inline-block;
	content: url(/wp-content/uploads/2020/09/icon3.svg);
	width: 18px;
	height: 18px;
	vertical-align: bottom;
	margin-right: .2rem;
}

.gMenu .Company a::before{
	display: inline-block;
	content: url(/wp-content/uploads/2020/09/icon4.svg);
	width: 18px;
	height: 18px;
	vertical-align: bottom;
	margin-right: .2rem;
}

.gMenu .Access a::before{
	display: inline-block;
	content: url(/wp-content/uploads/2020/09/icon5.svg);
	width: 18px;
	height: 18px;
	vertical-align: bottom;
	margin-right: .2rem;
}

.gMenu .Contact a::before{
	display: inline-block;
	content: url(/wp-content/uploads/2020/09/icon6.svg);
	width: 18px;
	height: 18px;
	vertical-align: bottom;
	margin-right: .2rem;
}
.vk-mobile-nav-menu-btn {
	border-radius: 0;
}

/* メイン画像スライド */
@keyframes zoomUp {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.15);
	}
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
	animation: zoomUp 10s linear 0s 1 normal both;  
}

//imgタグだと下に隙間ができるのでblockに。
.slide-img img{
	display: block;
}

.swiper-container {
	width: 100%;
	height: 36vw;
}
.swiper-container h2 {
	position: absolute;
	bottom: 2vw;
	left: 2vw;
	z-index: 100;
	border: 0;
	color: #ffffff;
	padding: 0;
	margin: 0;
	font-size: 3.6rem;
}
.swiper-container h2 hr{
	border-top: 1px solid #ffffff !important;
}
.swiper-container h2 p{
	font-size: 1.6rem;
	letter-spacing: 4px;
}
.swiper-container-fade .swiper-slide img {
	width: 100%;
}
/* //メイン画像スライド */



/* ヘッダー */
.siteHeader {
	min-height: 100px !important;
}
.siteHeader .siteHeadContainer {
	margin: 0;
	padding: 2rem 1rem;
	display: flex;
	justify-content: space-between;
}
.siteHeader {
	width: 100%;
	position: relative;
	z-index: 1000;
	top: 0;
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
	min-height: 46px;
	border: none;
}
.swiper-container::before{
	display: inline-block;
	z-index: 2;
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/2020/09/header_bg.svg);
	background-position: top;
	background-size: 100%;
	content: "";
	background-repeat: no-repeat;
}



/* ボックス共通 */
.box {
	margin-bottom: 5rem;
}
.box h3 {
	border-bottom: none;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1.4rem;
	padding: 0;
}
.box h4 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 2rem;
}
.box p {
	font-weight: 300;
	font-size: 16px;
}
.box h3::after {
	border-bottom: none;
	border: none;
}
.block-title {
	margin-bottom: 3rem;
}
.block-title h3 {
	color: #cb0000;
}
.block-title h3 span {
	font-size: .8rem;
}
.block-title::after {
	content: '';
	display: block;
	border-bottom: 3px solid #cb0000;
	width: 60px;
}


/* 私たちについて */
.About-box::before{
	display: block;
	content: url(/wp-content/uploads/2020/09/scrolldown.svg);
	width: 120px;
	margin: 0 auto;
}
.About-box{
	background: url(/wp-content/uploads/2020/09/about_bg.svg) no-repeat;
	background-size: 46% auto;
	background-position: right bottom 20%;
}
.About-box-inner {
	width: 90%;
	margin: 0 auto;
	padding-top: 8rem;
}
.About-box-inner .About-box-img {
	position: relative;
	padding-bottom: 18%;
}
.About-box-inner .About-box-img .About-box-img2 {
	position: absolute;
	top: 12vw;
	left: 15vw;
}


/* 事業内容 */
.Service-box {
	background: url(/wp-content/uploads/2020/09/service_bg.svg) no-repeat;
	background-size: 46% auto;
	background-position: left bottom;
}
.Service-box-inner {
	width: 100%;
	margin: 0 auto;
	padding-top: 3rem;
	padding-bottom: 10%;
}
.Service-box-inner-txt {
	position: relative;
	left: 0;
	background-color: rgb(203 0 0 / 4%);
	width: 100%;
	padding: 5vw 50% 5vw 4vw;
}
.Service-box-inner-txt img {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 50%;
}


/* 製品サンプル */
.Product-box {
	background: url(/wp-content/uploads/2020/09/product_bg.svg) no-repeat;
	background-size: 46% auto;
	background-position: right bottom;
}
.Product-box-inner {
	width: 1440px;
	margin: 0 auto;
	padding-bottom: 13%;
}
.Product-box-inner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.Product-box-inner ul li {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.Product-box-inner ul li a {
	background-size: cover;
	background-position: center;
	font-size: 2rem;
	width: 100%;
	color: #ffffff;
	padding: 8rem 1rem 6.6rem;
	display: block;
	text-align: center;
	text-decoration: none;
}
.Product-box-inner ul li a:hover {
	transform:scale(1.1,1.1);
	transition: 1s all;
}
.Product-box-inner ul li a span {
	font-size: .8rem;
}
.Product-ccl {
	background: url(/wp-content/uploads/2020/09/ccl-1.jpg) no-repeat;
}
.Product-mirrorsurface {
	background: url(/wp-content/uploads/2020/09/ccl-1.jpg) no-repeat;
}
.Product-glasscoating {
	background: url(/wp-content/uploads/2020/09/ccl-1.jpg) no-repeat;
}
.Product-aging {
	background: url(/wp-content/uploads/2020/09/chemical-1.jpg) no-repeat;
}
.Product-others {
	background: url(/wp-content/uploads/2020/09/others.jpg) no-repeat;
}
.Product-crafts {
	background: url(/wp-content/uploads/2020/09/crafts-1.jpg) no-repeat;
}
.Product-nature {
	background: url(/wp-content/uploads/2020/09/nature.jpg) no-repeat;
}
.Product-creation {
	background: url(/wp-content/uploads/2020/09/creation-1.jpg) no-repeat;
}


/* 製品サンプルページ */
.page-header {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	background: url(http://adachicoat.com/wp-content/uploads/2020/09/mainimg1.jpg) no-repeat;
	background-size: cover;
	height: 300px;
}
.page-header::before {
	display: inline-block;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/2020/09/header_bg.svg);
	background-position: top;
	background-size: 100%;
	content: "";
	background-repeat: no-repeat;
}
.page-header_pageTitle {
	font-family: 'Oswald', sans-serif, 'Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, "游ゴシック Medium", YuGothic, YuGothicM, Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
	font-size: 2.4rem;
}
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
	margin: 1rem auto;
	font-size: 3rem;
	line-height: 1.1;
	border-bottom: 1px solid #ffffff;
	padding: 4rem 0 1rem;
}
.ProductPage-box {
	width: 1440px;
	margin: 0 auto 4rem;
}
.ProductPage-box .block-title h3 {
	color: #202020;
	text-align: center;
}
.ProductPage-box .block-title::after {
	display: initial;
}
.ProductPage-box .block-title h3 span {
	font-size: .8rem;
	font-weight: normal;
}
.ProductPage-box .block-title p {
	margin-top: 3rem;
}
.ProductPage-box-inner {
	width: 1440px;
	margin: 0 auto;
}
.ProductPage-box-inner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ProductPage-linkbox {
	background: none;
}
.ProductPage-linkbox-inner{
	padding-bottom: 0;
}
.ProductPage-linkbox-inner ul li a {
	width: auto;
	padding: .6rem;
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.ProductPage-linkbox-inner ul li a:after {
	content: "\f078";
	display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: .7rem;
	line-height: .8rem;
	margin-top: .4rem;
}
.ProductPage-linkbox-inner ul li a span {
	font-size: .7rem;
	line-height: .8rem;
	font-weight: lighter;
	display: block;
	margin-top: .4rem;
}
.ProductPage-linkbox-inner ul li a:hover {
	transform: initial;
	transition: initial;
	opacity: .7;
}


/* 会社概要 */
.Company-box {
	background: url(/wp-content/uploads/2020/09/product_bg.svg) no-repeat;
	background-size: 46% auto;
	background-position: left bottom;
	padding-bottom: 14%;
}
.Company-table {
	width: 600px;
	margin: 0 auto 2rem;
	border-top: none;
}
.Company-table th {
	color: #cb0000;
	border-bottom: none;
	white-space: nowrap;
}
.Company-table td {
	border-bottom: none;
}


/* お問い合わせ */
.cform {
	width: 700px;
	margin: 0 auto;
	border-top: none;
}
.cform th {
	border-bottom: none;
	color: #cb0000;
	font-weight: bold;
	white-space: nowrap;
}
.cform th span {
	border-radius: 4px;
	background-color: #cb0000;
	margin-left: .6rem;
	color: #ffffff;
	font-size: .7rem;
	padding: .1rem .4rem .2rem;
}
.cform td {
	border-bottom: none;
}
.table tbody tr td .form-control, .table tbody tr th .form-control, .table td .form-control, .table th .form-control, .table thead tr td .form-control, .table thead tr th .form-control, table tbody tr td .form-control, table tbody tr th .form-control, table td .form-control, table th .form-control, table thead tr td .form-control, table thead tr th .form-control {
	max-width: 100%;
}
.submit-btn {
	text-align: center;
	margin: 1rem auto;
}


/* フッター */
.siteFooter {
	border-top: none;
	background: url(http://adachicoat.com/wp-content/uploads/2020/09/footer_bg.jpg) no-repeat;
	color: #ffffff;
	background-size: cover;
	position: relative;
}
.siteFooter::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 40%);
}
.footerMenu ul li a {
	color: #ffffff;
	border-left: 1px solid #ffffff;
}
.footerWidget .widget_nav_menu a {
	border-bottom: none !important;
	color: #ffffff !important;
	text-align: right;
}
.footerWidget .widget_nav_menu a:hover {
	opacity: 0.7;
}





/* メディアクエリ */
@media (max-width: 1439px) {
	.Product-box-inner {
		width: 100%;
	}
	.ProductPage-box-inner {
		width: 100%;
	}
	.About-box-inner .About-box-img .About-box-img2 {
		bottom: 0;
		right: 0;
		left: initial;
		top: initial;
	}
}
@media (min-width: 1200px) {
	.gMenu_outer {
		right: 0;
		float: none;
		width: inherit;
		min-height: 4em;
		display: initial;
	}
	.navbar-header {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ProductPage-linkbox-inner {
		width: 1200px;
	}
}

@media (max-width: 1199px) {
	.siteHeader .siteHeadContainer {
		display: block;
	}
	.gMenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.gMenu>li {
		width: 50%;
	}
	.About-box-inner .About-box-img .About-box-img1 {
		width: 70%;
	}
	.About-box-inner .About-box-img .About-box-img2 {
		width: 60%;
		right: 15px;
	}
	.About-box-inner .About-box-txt {
		padding-top: 2rem;
	}
	.ProductPage-box {
		width: 100%;
	}
}

@media (min-width: 992px){
	.siteHeader_logo img {
		width: 200px;
	}
}

@media (max-width: 991px){
	.swiper-container h2 {
		font-size: 3rem;
	}
	.swiper-container h2 p {
		font-size: 1.2rem;
	}
	.Service-box-inner {
		padding-bottom: 60%;
	}
	.Service-box-inner {
		width: 100%;
		padding: 0 0 10% 0;
		position: initial;
	}
	.Service-box-inner-txt {
		width: 100%;
		display: block;
		padding: 3rem 1rem;
		position: initial;
	}
	.Service-box-inner-txt img {
		visibility: visible;
		animation-name: fadeInRight;
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: initial;
	}
}

@media (min-width:768px){
	.PC {
		display: initial;
	}
	.SP {
		display: none;
	}


}

@media (max-width:767px){
	.PC {
		display: none;
	}
	.SP {
		display: initial;
	}

	.siteHeader {
		min-height: initial;
	}
	.siteHeader .siteHeadContainer {
		display: block;
	}
	.siteHeader_logo {
		padding: 0;
	}
	.swiper-container {
		height: 300px;
	}
	.swiper-container h2 {
		font-size: 2.2rem;
		left: 6px;
		right: 6px;
	}
	.swiper-container h2 p {
		font-size: 1rem;
		margin-bottom: 0;
	}
	hr {
		margin-top: .6rem;
		margin-bottom: .6rem;
	}
	.box {
		margin-bottom: 3rem;
	}
	.About-box-inner .About-box-img {
		padding-bottom: 25%;
	}
	.About-box::before {
		width: 100px;
	}

	.Company-table {
		width: 100%;
	}
	.cform {
		width: 100%;
	}
	.About-box {
		background-size: 80% auto;
		background-position: right bottom;
		padding-bottom: 20%;
	}
	.Service-box {
		background-size: 80% auto;
		padding-bottom: 10%;
	}
	.Product-box {
		background-size: 80% auto;
		padding-bottom: 20%;
	}
	.Company-box {
		background-size: 80% auto;
		padding-bottom: 20%;
	}
	.Contact-box-inner table th {
		display: block;
	}
	.Contact-box-inner table td {
		display: block;
	}
}




@-webkit-keyframes example {
	100% {
		opacity: 1;
	}
}
@keyframes example {
	100% {
		opacity: 1;
	}
}