@charset "utf-8";

/* ===================================================================
 style info :共通
=================================================================== */


.page--title{
	border-left:6px solid #B9CEDB;
	border-right:6px solid #B9CEDB;
	color:#72A1BD;
	margin:80px auto 40px;
	text-align:center;
	font-size:2.5rem;
	width:min(90%,300px);
	font-weight:500;
	padding:0 0 5px;
	line-height:1;
}

/* -------------------------------------------------------------------
改行指定
------------------------------------------------------------------- */
.pcbreak{display:none;}
.spbreak{display:block;}
@media screen and (min-width:768px){
.pcbreak{display:block;}
.spbreak{display:none;}
}
.indent-block{
	display:block;
}

/* -------------------------------------------------------------------
リンクカラー+ホバー指定
------------------------------------------------------------------- */
.a-link_text a{
	color:var(--base-color);
	text-decoration:none;
}
.a-link_text_u a{
	color:var(--base-color);
}
.hover-on a{
	-webkit-transition:opacity ease 0.3s;
	-moz-transition:opacity ease 0.3s;
	transition:opacity ease 0.3s;
}
.hover-on a:hover{
	opacity: 0.6 !important;
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}
.a-text a{
	text-decoration:none;
	color:#333;
}

.a-text_color a{
	text-decoration:underline;
	color:#4472C4;
}
/* -------------------------------------------------------------------
TOPへ戻る指定
------------------------------------------------------------------- */
.pagetop a{
	position:absolute;
	right:0px;
	bottom:0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #000;
	z-index: 1;
}
.pagetop .arrow-top{
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(-45deg);
	margin-top: 5px;
}
@media screen and (min-width:768px){
.pagetop a{
	width: 50px;
	height: 50px;
	}
.pagetop .arrow-top{
	width: 13px;
	height: 13px;
	}
}

@media screen and (min-width:1149px){
.anc-nav-inner_sp{
	display:none;
	}
}
.anc-nav-inner_pc{
	background:#B3B3B3;
	margin:30px 0 ;
}
.anc-nav-inner_pc ul{
	display:flex;
	justify-content:center;
	gap:0 10px;
	background:#fff;
	margin: 0 auto 15px;
	width:1240px;
}
.anc-nav-inner_pc li a{
	display:block;
	padding:15px 8px;
	color:#fff;
	letter-spacing:1px;
	font-weight:500;
}
.anc--point{
	position:relative;
	z-index:-1;
	margin-top:-80px;
	padding-top:80px;
}
@media screen and (max-width:1150px){
.anc-nav-inner_pc{
	display:none;
	}
}


.anc-nav-inner_pc .ep1{background:#DA6248;}
.anc-nav-inner_pc .ep2{background:#02538C;}
.anc-nav-inner_pc .ep3{background:#D7CF41;}
.anc-nav-inner_pc .ep4{background:#4B9337;}
.anc-nav-inner_pc .ep5{background:#844022;}
.anc-nav-inner_pc .ep6{background:#221815;}
.anc-nav-inner_pc .ep7{background:#896138;}

.anc-nav-inner_sp .ep1{background:#DA6248;}
.anc-nav-inner_sp .ep2{background:#02538C;}
.anc-nav-inner_sp .ep3{background:#D7CF41;}
.anc-nav-inner_sp .ep4{background:#4B9337;}
.anc-nav-inner_sp .ep5{background:#844022;}
.anc-nav-inner_sp .ep6{background:#221815;}
.anc-nav-inner_sp .ep7{background:#896138;}

@media screen and (max-width:1150px){
.anc-nav-inner_sp{
	background:#fff;
	margin:30px 0 ;
}
.anc-nav-inner_sp ul{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
	background:#fff;
	margin: 0 auto 0px;
	width:95%;
}
.anc-nav-inner_sp li a{
	display:block;
	padding:15px 8px;
	color:#fff;
	letter-spacing:1px;
	font-weight:500;
	text-align:center;
	}
}


.arromic-notice{
	padding:5em 0;
	background:#e4ecf3;
	
}
.arromic-notice div{
	width:min(90%, 1000px);
	margin: 0 auto;
}
.arromic-notice div dt{
	text-align:center;
	color:#fff;
	padding:10px 0;
	background:#004b80;
	font-size:1.2rem;
	letter-spacing:1px;
	margin:0 0 20px;
}
.arromic-notice div dd{
	color:#4e4f51;
	letter-spacing:1px;
	line-height:1.75;
	font-size:.9rem;
}