/*============================
	Foundation
==============================*/
#page_title{
	margin-bottom: 1.5rem;
}

p.go_pagetop.separate{
	margin-bottom: 40px;
	border-bottom: #A8B6C8 1px solid;
}
/*============================
	Layout
==============================*/

/*============================
	Object
==============================*/

/*---------------
	component
----------------*/

.c-underline--red{
	border-bottom: #e6002d 1px solid;
}

/*---------------
	project
----------------*/
/*p-3power_main*/
.p-3power_main{
	position: relative;
	height: 303px;
	width: 840px;
	margin: 0 auto;
}
.p-3powerMain__btn{
	position: absolute;
	left:471px;
	border-radius: 4px;
	width: 320px;
	height: 55px;
	box-sizing: border-box;
	border: rgba(232,220,54,1.00) 4px solid;
	opacity: 0;
	transition: all 0.3s;
	background-color: rgba(255,254,87,0.4)
}
.p-3powerMain__btn:hover{
	opacity: 1;
	transform: scale(1.02,1.1);
	border-radius: 6px;
}
.p-3powerMain__btn a{
	display: block;
	width: 100%;
	height: 100%;
}
.p-3powerMain__btn:nth-of-type(1){
	top:110px;
}
.p-3powerMain__btn:nth-of-type(2){
	top:169px;
}
.p-3powerMain__btn:nth-of-type(3){
	top:228px;
}


div#main.tech_body h3.label.p-3powerLabel{
	padding-left: 2.75rem;
	position: relative;
}
.p-3powerLabel .num{
	display: block;
	position: absolute;
	top:0.6rem; left: 1rem;
}

/*p-illust*/
.p-illust--up{
	margin-top: -1rem;
}
.p-illust--down{
	margin-top: 1rem;
}

/*p-5theme*/
.p-5theme{
	position: relative;
	width: 870px;
	height: 440px;
	margin: 0 auto;
}
.p-5theme__bg{
	position: absolute;
	top:0px; left: 50%;
	margin-left: -220px;
}
.p-5theme__btns li{
	position: absolute;
	width: 270px;
	height: 184px;
	border-radius: 4px;
	box-shadow: 2px 3px 10px -1px rgba(0,0,0,0.4);
}
.p-5theme__btns li img{
	border-radius: 4px;
	overflow: hidden;
}
#theme_01{
	top:20px;
	left: 0px;
}
#theme_02{
	top:20px;
	right: 0px;
}
#theme_03{
	top:235px;
	left: 0px;
}
#theme_04{
	top:235px;
	left:300px;
}
#theme_05{
	top:235px;
	right:0px;
}
.p-5theme__btns li a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.p-5theme__btns li a::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: #3E76BF 4px solid;
	border-radius: 4px;
	background-color: rgba(201, 217, 237,0.3);
	opacity: 0;
	position: absolute;
	top:0px; left: 0px;
	transition: all 0.3s;
}
.p-5theme__btns li:hover a::after{
	opacity: 0.7;
	border-radius: 6px;
	transform: scale(1.07, 1.1);
}


@media print{

}