@charset "utf-8";
/* CSS Document */
body{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:17px;
	line-height: 2.2em;
	overflow-x: hidden;
}
html{
	scroll-behavior: smooth;
	scroll-padding-top: 120px;
}
img {
	max-width: 100%;
}
a:hover{
	opacity: 0.8;
}
.gothic{font-family: 'Noto Sans JP', sans-serif;}
.mincho{font-family: 'Noto Serif JP', serif!important;}
.spacer-header{
	height:120px;
}
.imgcenter{
	display: block;
	margin: 0 auto;
}
.centertxt{
	text-align: center;
}
.righttxt{
	text-align: right;
}
header.global{
	background:#fff;
	width:100%;
	height:120px;
	padding:50px 50px;
	position: fixed;
	z-index: 100;
	top:0px;
}
header.global h1{
/*    text-shadow: 0px 0px 2px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 4px #FFFFFF;*/
}
header.global p{
	font-size:15px;
/*    text-shadow: 0px 0px 2px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 2px #FFFFFF;*/
}
header.global a{
	color:#000;
	text-decoration: none;
}
.contact{
	position: fixed;
	top:57px;
	right:140px;
	z-index: 9999999;
	height:auto;
	overflow: hidden;
}
.container{
	width:1000px;
	margin:0 auto;
}
.c750{
	width:750px;
	margin:0 auto;
    overflow: hidden;
    height:auto;
}
.c800{
	width:800px;
	margin:0 auto;
    overflow: hidden;
    height:auto;
}
.c850{
	width:850px;
	margin:0 auto;
    overflow: hidden;
    height:auto;
}
.basecolor{color:#13579D;}
.bold{
	font-weight: 700;
}
.between{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.subtitle{
	font-size:15px;
	color:#13579D;
	text-align: center;
	line-height: 1.5em;
}
hr.base{
	background:#13579D;
	border:none;
	height:1px;
}
hr.normal{
	background:#13579D;
	border:none;
	height:1px;
}

.gray{
	background:#e7eef5;
}
.news{
	padding:20px;
}
.news li{
	list-style-type: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:15px;
	margin:20px 0;
	flex-wrap: wrap;
}
.cate{
	background:#13579D;
	width:110px;
	height:25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#ffffff;
	font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
}
.exc{
	width:560px;
	line-height: 1.5em;
}
.access{
	width:800px;
	line-height: 1.5em;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}
.spacer20{height:20px;}
.spacer57{height:57px;}
.spacer200{height:200px;}

.flexbox{
	margin:0 auto;
	width:900px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap:20px;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap:20px;
}
.box{
	width:185px;
	height:77px;
	border:1px solid #13579D;
	border-left:7px solid #13579D;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#13579D;
	font-weight: 600;
	text-align: center;
	line-height: 1.3em;
}
.flexbox a{
	text-decoration: none;
}
.profile{
    width:512px;
}
.profile2{
    width:100%;
}

.profile ul li,.profile2 ul li{
    list-style-type: none;
    line-height: 2em;
}
footer.global{
	width:100%;
	height:300px;
	position: relative!important;
	background:#13579D;
	color:#fff;
}

footer.global a{
	color:#fff;
	text-decoration: none;
}
footer.global .container{
	width:1000px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
h1{
	font-size:25px;
	font-weight: 500;
	letter-spacing: 5px;
	line-height: 25px;
}
h2{
	font-size:25px;
	font-weight: 500;
	letter-spacing: 5px;
	text-align: center;
	margin:0 50px;	
}

.pc{display: block;}
.sp{display: none;}
.f36{font-size: 36px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}

.footlogo{
	width:350px;
	max-width: 100%;
	margin-top: 50px;
}
.footlogo p{
	font-size:12px;
	line-height: 1.5em;
}
.footmenu{
	font-size:12px;
	display: flex;
	justify-content: flex-start;
	flex-flow: column;
	flex-wrap: wrap;
	width:350px;
	height:120px;
	line-height: 2em;
	margin:50px 0 0;
}
.footmenu li{
	list-style-type: none;
}
.merit{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.merit_txt{
	width:456px;
}
.topadj{
	margin-top: 12px;
}
.voice{
	color:#13579D;
	font-weight: 700;
	line-height: 1.5em;
}
nav{
	display: none;
	margin-bottom: 50px;
}
.nav-open{
	position: relative;
}
.nav-open::before{/* 閉じている時 */
	content: "詳細を見る▼";
	position: absolute;
	right: 20px;
}
.nav-open.active::before{/* 開いている時 */
	content: "閉じる×";
}
.vswitch{
	text-align: right;
	margin-top: -40px;
	margin-bottom: 40px;
	cursor: pointer;
}
.voicetxt{
	width:520px;
	margin-top: -12px;
}
.vnav{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;

}
.primg{
	float:right;
	margin:10px 0 10px 20px;
}
.wrap{
	height:auto;
	overflow: hidden;
}
.subinfo{
	font-size:14px;
}
.list{
	line-height: 1.8em;
}
.list hr{
	margin:10px 0;
}
.book{
	width:100%;
	height:auto;
	overflow: hidden;
	padding:20px;
	border:1px solid #13579D;
	line-height: 1.8em;
}
.bookimg{
	float: right;
}
.forminfo{
	font-size:15px;
	line-height: 1.5em;
}
.forminfo ul li{
	margin-bottom: 15px;
	list-style-type: none;
	position: relative;
	padding-left:1em;
}
.forminfo ul li:before{
	content:"・";
	left: 0;
  	position: absolute;
}
.red{color:#ff0000;}
.inqform{
	font-size:16px;
	line-height: 2em;
}
.small{
	font-size:12px;
}
.inqform{
	width:100%;
	table-layout: fixed;
}
.inqform tbody{
	width:100%;
}
.inqform th{
	padding:10px 0;
	font-weight: 400;
	text-align: left;
	line-height: 1.5em;
	width:10em;
	vertical-align: top;
}
.inqform td{
	padding:10px 10px;
	vertical-align: top;
	width:auto;
}
input,select,textarea{
	width:100%!important;
	border:1px solid #ccc;
	appearance: auto;
	padding:2px 10px;
}
select{
	cursor: pointer;
}
.button{
	width:auto!important;
	padding:0px 20px;
	border:2px solid #13579D;
	color:#13579D;
	font-weight: 800;
	display: block;
	margin: 0 auto;
}
.privacy{
	font-size:22px;
}
.pagenation{
    text-align: center;
}
.pagenation a{
    text-decoration: none;
}


.pagination {
  margin: 40px 0 0;
	
}
.page-numbers {
  display: inline-block;
  margin-right: 2em;
  padding: 0px 5px 0px;
  /*border-radius: 5px;*/
  font-size:13px;
  font-weight: 800;
    line-height: 1.6em;
}
.page-numbers.current{
	/*background:#ccc;*/
	color:#000;
    border-bottom: #13579d solid 2px;
/*    text-decoration: underline;*/
}
.newlabel{
    background:#dd0000;
    padding:0 5px;
    font-size:13px;
    color:#ffffff;
    line-height: 1.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    margin:5px 0 0 0px;
}
.alignleft{
    float:left;
}
.newslist{
    line-height: 3.5em;
}
.newslist li{
    list-style-type: none;
}
@media screen and (max-width: 1000px) {
	footer.global .container{
		width:100%;
		padding:0 10px;
	}
	.footmenu{
		display: none;
	}
}

@media screen and (max-width: 900px) {
	.pc{display: none;}
	.sp{display: block;}
	.flexbox{
		margin:0 auto;
		width:900px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		gap:20px;
	}
	.c750{
		width:100%;
		padding:0 20px;
        height:auto;
        overflow: hidden;
	}
	.c800{
		width:100%;
		padding:0 10px;;
        height:auto;
        overflow: hidden;
	}
	.c850{
		width:100%;
		padding:0 15px;
        height:auto;
        overflow: hidden;
	}
	.flexbox{
		margin:0 auto;
		width:100%;
		padding:10px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		gap:20px;
	}
	.access{
		width:100%;
		padding:0 10px;
		line-height: 1.5em;
		display: flex;
		flex-wrap: wrap;
		gap:20px;
		justify-content: space-between;
		align-items: flex-start
	}
	.merit{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		gap:30px;
	}
	.vnav{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		gap:30px;
	}
    .profile,.profile2{
        width:100%;
        padding:0 10px;
    }
	.spacer200{
		height:150px;
	}
    .flex{
        justify-content: center;
    }
}
@media screen and (max-width: 500px) {
	html{
		scroll-padding-top: 100px;
	}
	header.global{
		width:100%;
		height:100px;
		padding:30px 20px;
		position: fixed;
		z-index: 100;
		top:0px;
	}
	header.global p{
		font-size:12px;
	}
	.spacer-header{
		height:100px;
	}


	h1{
		font-size:18px;
		font-weight: 500;
		letter-spacing: 5px;
		line-height: 18px;
	}
	h2{
		font-size:18px;
		font-weight: 500;
		letter-spacing: 5px;
		text-align: center;
		margin:0 50px;	
	}
	.contact{
		position: fixed;
		top:15px;
		right:62px;
	}
	.primg{
		float:inherit;
		margin:20px auto;
		display: block;
	}
	.spacer200{
		height:100px;
	}
}