@charset "UTF-8";

#mv { background-image:url(./img/mv.jpg); }

/* anchorLink */
.anchorLink { padding-left:2.5em; }
.anchorLink li::marker { color:#00ACE4; font-weight:bold; }

/* flexBox */
.flexBox { align-items:flex-start; }

/* localPublic */
.localPublic {  }
/* border */
#a02, #a03, #a04 { padding-top:5em; }
#a02::before, #a03::before, #a04::before {
	content:""; position:absolute; top:0; left:50%; transform:translate(-50%,0);
	width:960px; height:2px; background:#0F283C; z-index:-1;
}
#a02::after, #a03::after, #a04::after {
	content:""; position:absolute; top:-.9em; left:170px; transform:rotate(45deg);
	width:2em; height:2em; background:#FFF;
	border-bottom:2px solid #0F283C; border-right:2px solid #0F283C; box-sizing:border-box;
}

.flexBox h5  { width:300px; margin-top:0; }
.flexBox div { width:630px; }
/* dl */
.single,
dl { position:relative; display:flex; border:2px solid #0F283C; margin:1.25em 0 0 0; }
dl:first-child { margin:0; }
.single::before,
dl::before {
	content:""; position:absolute; top:0; left:25%;
	background:#0F283C; width:2px; height:150%; z-index:-1;
}
dl:last-child::before,
p:last-child::before { content:none; }
dt, dd { width:50%; padding:1em; text-align:center; }
dt { display:flex; justify-content:center; align-items:center; background:#6F7E8A; font-weight:bold; color:#FFF; }
dd { background:#FFF; }
dt a { color:#FFF; }
#b02 { background:#0F283C; }
/* right */
.right, .right02, .right03, .right03 dd dl, .right03 > dd:nth-child(3) { border:none; }
.right    { display:block; }
.right dt { width:100%; border:2px solid #0F283C; }
.right dd { width:50%; margin-left:auto; margin-top:.5em; border:2px solid #0F283C; }
.right::before, .right02::before  { height:110%; }
/* right02 */
.right02, .right03       { justify-content:flex-end; flex-wrap:wrap; }
.right02 dt, .right03 dt { border:2px solid #0F283C; border-right:none; }
.right02 dd, .right03 dd { width:50%; margin-left:50%; margin-top:.5em; border:2px solid #0F283C; }
.right02 dt + dd, .right03 dt + dd { margin:0; border-left:none; }
/* right03 */
.right03 dl    { justify-content:space-between; flex-wrap:wrap; }
.right03 dl dd { width:49.5%; margin-left:0; }
.right03 > dd  { margin:0; }
.right03 > dd:nth-child(3) { width:100%; padding:0; }
/* single */
.single { width:100%; background:#6F7E8A; padding:1em; color:#FFF; justify-content:center; font-weight:bold; }
.single a { color:#FFF; }
/* asterisk */
.asterisk    { position:relative; }
.asterisk em { position:absolute; bottom:.1em; right:.3em; }
/* arrow */
dd.arrow { position:relative; margin-top:1.5em; text-align:left; }
dd.arrow::before {
	content:""; position:absolute; top:-.75em; left:50%; transform:translate(-50%,0) rotate(45deg);
	width:1.5em; height:1.5em; background:#0F283C; z-index:-1;
}
dd.arrow ul { margin-bottom:0; }


@media (max-width: 768px){
	#a02::before, #a03::before, #a04::before { width:90%; }
	#a02::after, #a03::after, #a04::after { left:50%; transform:translate(-50%,0) rotate(45deg); }

	.flexBox       { display:block; }
	.flexBox > div { width:100%; }
	.single, dl { display:block; text-align:center; }
	dt, dd { width:100%; }
	.single::before, dl::before { left:5%; }
	.right dd { width:90%; }
	.right02 dt, .right03 dt { border-right:2px solid #0F283C; border-bottom:none; }
	.right02 dd, .right03 dd { width:90%; margin-left:10%; }
	.right02 dt + dd, .right03 dt + dd { width:100%; border-left:2px solid #0F283C;  border-top:none; }
	.right03 > dd:nth-child(3) { margin-left:0; }
	.right03 dl dd { width:100%; }
}