@charset "UTF-8";
/* CSS Document */

/*concept-box*/

.concept-box h4::after {
	margin-right: -30px;
}


/*lay01*/

.lay01 .box01 {
	background-image: url("images/img01.jpg");
}


/*lay01 box04*/

.lay01 .box04 h6 {
	padding-top: 20px;
	text-align: right;
}

.lay01 .box04 h6 a {
	font-family: 'Noto Serif JP', serif;
	font-size: 20px;
color: #16447c;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: normal;
	padding-right: 120px;
	position: relative;
}

.lay01 .box04 h6 a::after {
	content: "";
	position: absolute;
right: 0px;
top: 0px;
	background-image: url("../common/images/link-arrow04.svg");
background-position: right center;
background-repeat: no-repeat;
	background-size: auto 9px;
	width: 103px;
	height: 100%;
	transition: .5s;
}

.lay01 .box04 h6 a:hover {
	opacity: 1;
}

.lay01 .box04 h6 a:hover::after {
	margin-right: -10px;
}




.sp-view {
    display: none;
}

html, body {
    height: 100%;
}