@charset "utf-8";
.menu04 a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 10px;
	background: #004097;
	transform: scale(1, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.menu04 a:hover::after {
	transform: scale(1, 1);
}

.repo_midashi{
	width: 100%;
	font-size: 16px;
	text-align: center;
	margin: 100px 0 150px;
}

.repo_mainbox{
	width: 392px;
	margin: 0 auto 100px;
}
.repo_mainbox p{
	width: 100%;
	font-size: 16px;
	margin: 0 auto 20px;
}
.repo_imgbox{
	width: 392px;
	height: 542px;
	border: solid 4px #004097;
	position: relative;
	margin: 0 auto 50px;
}
.repo_img{
	width: 392px;
	height: 542px;
	position: relative;
	z-index: 1;
}
.repo_img img{
	width: 392px;
	height: 542px;
}
.repo_icon{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
}
.repo_icon img{
	width: 100px;
	height: 100px;
}


.repo_backtit{
	width: 100%;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 50px;
}


.repo_back{
	width: 950px;
	margin: 0 auto 150px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.repo_backbox{
	width: 200px;
	margin: 0 auto 50px;
}

.repo_backimg{
	width: 200px;
	height: 280px;
	margin: 0 0 10px;
	position: relative;
	z-index: 1;
}
.repo_backimg img{
	width: 196px;
	height: 276px;
	border: solid 2px #004097;
}

.repo_backicon{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
	border: none;
}
.repo_backicon img{
	width: 50px;
	height: 50px;
	border: none;
}

.repo_backtxt{
	width: 100%;
}



/* レスポンシブデザイン */
@media (max-width: 768px) {
.repo_midashi{
	width: 90%;
	font-size: 16px;
	text-align: left;
	margin: 100px auto 80px;
}

.repo_mainbox{
	width: 90%;
	margin: 0 auto 100px;
}
.repo_mainbox p{
	width: 100%;
	font-size: 16px;
	margin: 0 auto 20px;
}
.repo_imgbox{
	width: calc( 100% - 8px );
	height: auto;
	border: solid 4px #004097;
	position: relative;
	margin: 0 auto 50px;
}
.repo_img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
.repo_img img{
	width: 100%;
	height: auto;
}
.repo_icon{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
}
.repo_icon img{
	width: 100px;
	height: 100px;
}


.repo_backtit{
	width: 100%;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 50px;
}


.repo_back{
	width: 90%;
	margin: 0 auto 80px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.repo_back a{
	width: 45%;
}

.repo_backbox{
	width: 100%;
	margin: 0 0 50px;
}

.repo_backimg{
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	position: relative;
	z-index: 1;
}
.repo_backimg img{
	width: calc( 100% - 4px );
	height: auto;
	border: solid 2px #004097;
}

.repo_backicon{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
	border: none;
}
.repo_backicon img{
	width: 50px;
	height: 50px;
	border: none;
}

.repo_backtxt{
	width: 100%;
}

}


@media screen and (min-width: 769px) {
/*　画面サイズが769pxからはここを読み込む　*/

}