@charset "utf-8";
/* ===================================================================
CSS information

 file name  :page.css
 style info :各ページ
=================================================================== */

/* -----------------------------------------------------------
    TOP
----------------------------------------------------------- */
#top main > #case_box {
	background: #e5e5e5;
	padding: 5%;
}

#top main > #case_box .article_box {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3%;
	width: calc(100% + 2vw);
	position: relative;
}

#top main > #case_box .article_box article {
	width: calc(100% / 3 - 2vw);
	height: 300px;
	margin-top: 2vw;
	margin-left: 2vw;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

#top main > #case_box .article_box article:nth-child(-n+3) {
	margin-top: 0;
}

#top main > #case_box .article_box article:nth-child(3n+1) {
	margin-left: 0;
}

#top main > #case_box .article_box article:nth-child(1):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/AdobeStock_128892578-1024x680.jpeg) no-repeat center / cover;
}
#top main > #case_box .article_box article:nth-child(2):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/ITV.jpg) no-repeat center / cover;
}
#top main > #case_box .article_box article:nth-child(3):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2021/07/EV-charging-stations-1024x731.jpg) no-repeat center / cover;
}
#top main > #case_box .article_box article:nth-child(4):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/fire-alarm-system-1024x738.jpeg) no-repeat center / cover;
}
#top main > #case_box .article_box article:nth-child(5):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2022/06/housou.jpg) no-repeat center / cover;
}
#top main > #case_box .article_box article:nth-child(6):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2018/03/AdobeStock_490448800.jpg) no-repeat center / cover;
}
#top main > #case_box .article_box article:nth-child(7):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2018/03/24969140_l.jpg) no-repeat center / cover;
}
#top main > #case_box .article_box article:nth-child(8):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/LAN.jpg) no-repeat center / cover;
}

#top main > #case_box .article_box article:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
	transition: all .5s ease;
}

#top main > #case_box .article_box article:hover:after {
	transform: scale(1.2);
}

#top main > #case_box .article_box article a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 3.5%;
}

#top main > #case_box .article_box article:last-child a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #ffffff;
	height: 100%;
}

#top main > #case_box .article_box article:last-child a:hover {
	background: #ffb800;
}

#top main > #case_box .article_box article:last-child a:hover > div {
	background: #ffffff;
}

#top main > #case_box .article_box article:last-child a:hover > div i {
	color: #ffb800;
}

#top main > #case_box .article_box article:last-child a > div {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background: #ffb800;
	transition: all .5s ease;
}

#top main > #case_box .article_box article:last-child a > p {
	font-weight: bolder;
	margin: 5% 0 0;
}

#top main > #case_box .article_box article:last-child a > div i {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: normal;
	color: #ffffff;
	transition: all .5s ease;
}

#top main > #case_box .article_box article h3 {
	color: #ffffff;
	text-shadow: 0px 0px 5px rgba(63,58,57,0.2), 0px 0px 5px rgba(63,58,57,0.2), 0px 0px 5px rgba(63,58,57,0.2);
}

#top main > #case_box .article_box article h3 span:nth-child(1) {
	font-size: 24px;
	font-size: 2.4rem;
	position: relative;
	z-index: 0;
}

#top main > #case_box .article_box article h3 span:nth-child(1):after {
	content: "";
	background: #ffb800;
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: 3px;
	left: 0;
	z-index: -1;
}

#top main > #case_box .article_box article h3 span:nth-child(2) {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	display: block;
	margin: 0.5% 0 0;
}

.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(1):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/AdobeStock_128892578-1024x680.jpeg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(2):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/ITV.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(3):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2021/07/EV-charging-stations-1024x731.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(4):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/fire-alarm-system-1024x738.jpeg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(5):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2022/06/housou.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(6):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2018/03/AdobeStock_490448800.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(7):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2018/03/24969140_l.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(8):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/LAN.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(9):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2022/06/okugaisyoumei11-1024x728.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(10):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/index001.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(11):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/AdobeStock_114827993-1024x539.jpeg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(12):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/AdobeStock_742921681-1024x683.jpeg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facilities .cs_box > article:nth-child(13):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/09/AdobeStock_118025436-1024x683.jpeg) no-repeat center / cover;
}

.case_top main .clm .cont_box > #cs_facility .cs_box > article:nth-child(1):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/10/AdobeStock_101449057.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facility .cs_box > article:nth-child(2):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/10/AdobeStock_55135502.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facility .cs_box > article:nth-child(3):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/10/AdobeStock_105308692.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facility .cs_box > article:nth-child(4):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/10/AdobeStock_95732526.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facility .cs_box > article:nth-child(5):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/10/AdobeStock_87038815.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facility .cs_box > article:nth-child(6):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2017/10/Wind-power-generation-system.jpg) no-repeat center / cover;
}
.case_top main .clm .cont_box > #cs_facility .cs_box > article:nth-child(7):after {
	background: url(https://www.otowadenki.co.jp/cms/wp-content/uploads/2021/09/PV太陽光雷対策.jpeg) no-repeat center / cover;
}