@charset "UTF-8";
/*====== pc layout ======*/
nav ul li:nth-child(2) a {
	color: #187fc4;
	border-bottom: 2px solid #187fc4;
}
section {
	margin-top: 100px;
	width: 1000px;
	line-height: 1.9;
}
section.first {
	margin-top: 60px;
}
.box {
	position: relative;
	width: 1000px;
    margin-top: 60px;
}
.box p {
	position: absolute;
}
.box .rink img,
.box .rink01 img,
.box .rink02 img {
	margin-right: 5px;
	vertical-align: text-bottom;
}

/*====== sec01 ======*/
.box.sec01{
	height: 745px;
}
.box.sec01 p.pic1 {
	top: 0;
	right: 0;
}
.box.sec01 p.txt1 {
	top: 10px;
	left: 0;
}
.box.sec01 p.pic2 {
	top: 364px;
	right: 228px;
}
.box.sec01 p.pic3 {
	bottom: 0;
	right: 0;
}
.box.sec01 p.txt2 {
	top: 374px;
	left: 0;
}
.box.sec01 p.rink {
	bottom: 0;
	left: 260px;
}
p.rink a,
p.rink01 a,
p.rink02 a {
	background: url(../images/concept/icon_glass_off.png) no-repeat left center;
	padding-left: 1.5rem;
    padding-top: 3px;
}

p.rink a:hover,
p.rink01 a:hover,
p.rink02 a:hover {
	background: url(../images/concept/icon_glass_on.png) no-repeat left center;
}

/*====== sec02 ======*/
.box.sec02{
	height: 535px;
}
.box.sec02 p.pic1 {
	top: 0;
	left: 0;
}
.box.sec02 p.txt1 {
	top: 35px;
	left: 277px;
}
.box.sec02 p.rink01 {
	top: 224px;
	right: 0;
}
.box.sec02 p.pic2 {
    bottom: 0;
	left: 0;
}
.box.sec02 p.txt2 {
	bottom: 60px;
	left: 277px;
}
.box.sec02 p.rink02 {
	bottom: 0;
	right: 0;
}


/*====== sec03 ======*/
.box.sec03{
	height: 670px;
	margin-bottom: 135px;
}
.box.sec03 p.pic1 {
	top: 0;
	left: 0;
}
.box.sec03 p.txt1 {
	top: 10px;
	left: 520px;
}
.box.sec03 p.pic2 {
    bottom: 0;
	left: 0;
}
.box.sec03 p.txt2 {
	top: 373px;
	left: 520px;
}
.box.sec03 p.rink {
	bottom: 0;
	right: 0;
}



/*==========================
=                          =
=        SP LAYOUT         =
=                          =
 =========================*/

@media (max-width: 767px) {
	nav ul li:nth-child(2) a {
		color: #171c61;
		border-bottom: none;
	}
	h2 img {
	    width: 40%;
	}
	section {
		margin-top: 15.5%;
		width: 100%;
		line-height: 1.6;
	}
	section.first {
		margin-top: 9.5%;
	}
	section h4 {
	    border-bottom: 4px solid yellow;
	    display: inline;
	    font-size: 4.4vw;
	}

	.box {
		position: static;
		width: 100%;
	    margin-top: 7%;
	}
	.box p {
		position: static;
	}
	.box .rink,
	.box .rink01,
	.box .rink02 {
		text-align: center;
	}
	.box .rink img,
	.box .rink01 img,
	.box .rink02 img {
		width: 3.5%;
		margin-right: 5px;
		vertical-align: text-bottom;
	}


	/*====== sec01 ======*/
	.box.sec01{
		height: 100%;
	}
	.box.sec01 p.pic1 {
	}
	.box.sec01 p.txt1 {
		margin: 7% 0;
	}
	.box.sec01 p.pic2 {
		width: 45%;
		float: left;
	}
	.box.sec01 p.pic3 {
		width: 45%;
		float: right;
    	margin-bottom: 7%;
  	}
	.box.sec01 p.txt2 {
		clear: both;
		overflow: hidden;
		margin-bottom: 10.6%;
	}
	.box.sec01 p.rink {
	}


	/*====== sec02 ======*/
	.box.sec02{
		height: 100%;
	}
	.box.sec02 p.pic1 {
	}
	.box.sec02 p.txt1 {
		margin: 7% 0 10.6%;
	}
	.box.sec02 p.rink01 {
		margin-bottom: 10.6%;
	}
	.box.sec02 p.pic2 {
	}
	.box.sec02 p.txt2 {
		margin: 7% 0 10.6%;
	}
	.box.sec02 p.rink02 {
	}


	/*====== sec03 ======*/
	.box.sec03{
		height: 100%;
		margin-bottom: 17.8%;
	}
	.box.sec03 p.pic1 {
	}
	.box.sec03 p.txt1 {
		margin: 7% 0 10.6%;
	}
	.box.sec03 p.pic2 {
	}
	.box.sec03 p.txt2 {
		margin: 7% 0 10.6%;
	}
	.box.sec03 p.rink {
	}




	/*====== アコーディオン ======*/
	.accoBtn {
		margin-top: 7%;
	}

	.accoBtn span {
	    display: block;
	    padding: 6.8% 0px;
	    background: url(../images/common/sp/accoBtn_on.png) no-repeat left top;
		background-size: 100%;
	    text-indent: 9999px;
	    white-space: nowrap;
	    overflow: hidden;
	}

	.accoBtn span.open {
	    background: url(../images/common/sp/accoBtn_off.png) no-repeat left top;
		background-size: 100%;
	}
}


/* Add 250623 */
.fsPDFlink{
	margin-bottom: 135px;
}
@media (max-width: 767px){
	.fsPDFlink{
		width: 85%;
		margin: 0 auto 5em;
	}
}