@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap;
}
.flexA {
	justify-content: space-around;
}
.flexB {
	justify-content: space-between;
}
.flexC {
	justify-content: center;
}
/*------------------------------------------------------------
	font
------------------------------------------------------------*/
.dio {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 920px;
	box-sizing: border-box;
}
@media all and (max-width: 896px) {
	.content {
		width: auto !important;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 39px;
	color: #172D72;
	font-size: 2.6rem;
	line-height: 1.63;
	letter-spacing: 0.22em;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.headLine01 .dio {
	margin-bottom: 21px;
	padding-bottom: 3px;
	display: block;
	font-size: 2rem;
	letter-spacing: 0.17em;
	background: linear-gradient(to right, #2B5484, #3877AB, #459CD7) no-repeat center bottom/62px 2px;
}
.headLine01 .sml {
	margin-bottom: 2px;
	display: block;
	font-size: 1.2rem;
	color: #000;
	letter-spacing: 0.38em;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 25px;
		font-size: 2.15rem;
		line-height: 1.86;
	}
	.headLine01 .dio {
		margin-bottom: 24px;
		padding-bottom: 4px;
		font-size: 2.25rem;
	}
	.headLine01 .sml {
		margin-bottom: 5px;
		font-size: 1.25rem;
		letter-spacing: 0.3em;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink a:hover {
	opacity: 0.7;
}
.pho a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comLink {
		margin: 0 -1px;
		text-align: center;
	}
}
/*------------------------------------------------------------
	comBg
------------------------------------------------------------*/
.comBg {
	position: relative;
}
.comBg .line01 {
	position: absolute;
	left: 25px;
	right: 85px;
	height: 1px;
	top: 8px;
	background-color: #696969;
	content: "";
}
.comBg .line02 {
	position: absolute;
	left: 85px;
	right: 27px;
	height: 1px;
	bottom: 10px;
	background-color: #696969;
	content: "";
}
.comBg .line03 {
	position: absolute;
	left: 10px;
	width: 1px;
	top: 24px;
	bottom: 10px;
	background-color: #696969;
	content: "";
}
.comBg .line04 {
	position: absolute;
	right: 11px;
	width: 1px;
	top: 10px;
	bottom: 26px;
	background-color: #696969;
	content: "";
}
.comBg:before {
	position: absolute;
	left: 10px;
	top: 8px;
	background: url("../../img/common/icon05.png") no-repeat;
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	content: "";
}
.comBg:after {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: url("../../img/common/icon06.png") no-repeat;
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	content: "";
}
.comBg .lineBorder {
	position: absolute;
	right: 15px;
	top: 5px;
	width: 66px;
}
@media all and (max-width: 896px) {
	.comBg .line01 {
		left: 20px;
		right: 65px;
		top: 7px;
	}
	.comBg .line02 {
		left: 65px;
		right: 20px;
		bottom: 9px;
	}
	.comBg .line03 {
		left: 6px;
		top: 20px;
	}
	.comBg .line04 {
		right: 8px;
		bottom: 20px;
	}
	.comBg:before {
		left: 7px;
		top: 6px;
		background-size: 10px auto;
		width: 10px;
		height: 10px;
	}
	.comBg:after {
		right: 7px;
		bottom: 8px;
		background-size: 10px auto;
		width: 10px;
		height: 10px;
	}
	.comBg .lineBorder {
		right: 11px;
		top: 4px;
		width: 52px;
	}
}
/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl li {
	width: 241px;
	margin: 0 24px 15px;
}
.comLinkUl a {
	padding: 20px 0 20px 4px;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.22em;
	border-radius: 50px;
	background-color: #B61E32;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.comLinkUl .blue a {
	 background : linear-gradient(90deg, rgba(44, 83, 131, 1) 0%, rgba(73, 159, 218, 1) 100%);
}
.comLinkUl a:hover {
	opacity: 0.7;
}
.comLinkUl span {
	padding: 0 28px 0 32px;
	display: inline-block;
	background: url("../../img/common/icon08.png") no-repeat left center,url("../../img/common/icon09.png") no-repeat right center;
	background-size: 19px auto,16px auto;
}
.comLinkUl .blue span {
	background: url("../../img/common/icon10.png") no-repeat left center,url("../../img/common/icon09.png") no-repeat right center;
	background-size: 21px auto,16px auto;
}
@media all and (max-width: 896px) {
	.comLinkUl {
		display: block;
		max-width: 340px;
		margin: 0 auto;
	}
	.comLinkUl li {
		width: auto;
		margin: 0 0 20px;
	}
	.comLinkUl li:last-child {
		margin-bottom: 0;
	}
	.comLinkUl a {
		padding: 23px 35px 23px 0;
		font-size: 1.65rem;
		border-radius: 25px;
		position: relative;
	}
	.comLinkUl a:before {
		margin-top: -10px;
		position: absolute;
		right: 21px;
		top: 50%;
		background: url("../../img/common/sp_icon01.png") no-repeat;
		background-size: 20px auto;
		width: 20px;
		height: 20px;
		content: "";
	}
	.comLinkUl span {
		padding: 0 0 0 40px;
		background: url("../../img/common/sp_icon02.png") no-repeat left center;
		background-size: 22px auto;
	}
	.comLinkUl .blue span {
		background: url("../../img/common/icon10.png") no-repeat left center;
		background-size: 18px auto;
	}
}
/*------------------------------------------------------------
	fixBox
------------------------------------------------------------*/
.fixBox {
	position: fixed;
	right: 0;
	top: 14px;
	z-index: 100;
}
.fixBox li{
	margin-bottom: 8px;
}
.fixBox a{
	width: 51px;
	height: 115px;
	display: block;
	color: #fff;
	font-size: 1.4rem;
	padding: 10px 8px 0 0;
	font-weight: bold;
	background: url("../../img/common/icon09.png") no-repeat bottom 15px center #B61E32;
	background-size: 19px auto,16px auto;
	border: 1px solid #881E32;
	border-right: none;
	border-radius: 10px 0 0 10px;
	box-sizing: border-box;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	direction: ltr;
	text-align: left;
	letter-spacing: 0.2em;
	    line-height: 1.2;
	/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; */
}
.fixBox a.tomishiro{
	height: 120px;
}
.fixBox a:hover {
	opacity: 0.7;
}
#cont08 .newsBox dl dd a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.fixBox {
		top: auto;
		bottom: 0;
		width: 100%;
	}
	.fixBox ul {
		display: flex;
		margin-bottom: -8px;
	}
	.fixBox li:first-child {
		margin-bottom: 0;
	}
	.fixBox li {
		width: 16.66%;
	}
	.fixBox a {
		width: auto;
		height: 80px;
		font-size: 1rem;
		padding: 42px 0 0;
		background: url("../../img/common/sp_icon02.png") no-repeat top 15px center #B61E32;
		background-size: 24px auto;
		border: none;
		border-radius: 0;
		writing-mode: lr-tb;
		-webkit-writing-mode: horizontal-tb;
		line-height:1.3;
		text-align: center;
		letter-spacing: 0.1em;
		font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		border-right: 1px solid #fff;
	}
	.fixBox a.tomishiro{
	height:80px;
}
	.fixBox li:last-child a {
		border-right: none;
	}
	.fixBox .access a {
		color: #5A5A5A;
		background: #fff url("../../img/common/sp_icon07.png") no-repeat center top 10px;
		background-size: 28px auto;
	}
	.fixBox .menu a {
		color: #fff;
		background: #5A5A5A url("../../img/common/sp_icon08.png") no-repeat center top 13px;
		background-size: 28px auto;
	}
}
@media all and (-ms-high-contrast:none){
	.fixBox a {
		padding-right: 17px;
	}
	.comLinkUl a {
		padding: 23px 0 17px 4px;
	}
}