@charset "utf-8";

/*見出し
--------------------------------------------------*/
/*.circle-title{
	position: relative;
}
.circle-title::before{
	content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
    background: var(--sub-color03);
}

@media screen and (min-width:768px) {
	.circle-title::before{
		width: 10px;
		height: 10px;
	}
}*/

h2{
	margin: 60px 0 30px 0;
}
h2 span{
	display: inline-block;
	background: var(--bg-grad01);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	padding-bottom: 13px;
	line-height: 1.4;
}
h2 span::before{
	content: '';
    display: block;
    background: url(/exam/assets/imgs/kasou/h2-deco.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 76px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
	
}
/*h2のリンクに下線を入れる*/
h2 a{
	border-bottom: 1px solid var(--sub-color02);
}
/*h2 span::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
}*/
h3{
	margin: 30px 0 25px 0;
}
h3 span{
	display: inline-block;
	font-size: 1.25rem;
	font-weight: bold;
	padding-bottom: 8px;
	position: relative;
	line-height: 1.4;
}
h3 span::before{
	content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: repeating-linear-gradient(90deg, var(--sub-color03) 0, var(--sub-color03) 6px, transparent 6px, transparent 10px);
    position: absolute;
	bottom: 0;
	left: 0;
}
h4{
	font-size: 1.125rem;
	color: var(--main-color);
	font-weight: bold;
	position: relative;
	padding-bottom: 9px;
	margin: 25px 0 20px 0;
	line-height: 1.4;
	
}
/*h4::after{
	content: '';
    display: block;
    background: url(/exam/assets/imgs/kasou/h4-deco.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 45px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
}*/
h4::after{
	content: '';
	display: block;
	width: 25px;
	height: 2px;
	background: var(--sub-color03);
    position: absolute;
    bottom: 0;
    left: 0;
}
h5{
	font-size: 1rem;
	padding-left: 20px;
	margin: 20px 0 15px 0;
	font-weight: bold;
	position: relative;
}
h5::before{
	content: '';
	display: block;
	background: var(--sub-color05);
	width: 13px;
	height: 3px;
	position: absolute;
	top: 12px;
	left: 0;
}
p.strong{
	font-size: 1rem;
	font-weight: bold;
	color: var(--main-color);
}

@media screen and (min-width:768px),print {
	h2 span{
		font-size: 1.875rem;
	}
	h3 span{
		font-size: 1.562rem;
	}
	h4{
		font-size: 1.375rem;
	}
	h5{
		font-size: 1.25rem;
	}
	h5::before {
    	top: 16px;
	}
	
	p.strong{
		font-size: 1.125rem;
	}
	
}


/*画像キャプション
--------------------------------------------------*/

figure figcaption,
.img-caption{
	font-size: 0.75rem;
	padding-left: 10px;
	position: relative;
}
figure figcaption::before,
.img-caption::before{
	content: '';
	display: block;
	background: var(--sub-color05);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	left: 0;
}
.img-caption img{
	display:block;
	margin:0 auto ;
}

@media screen and (min-width:768px),print {
	figure figcaption,
	.img-caption{
		font-size: 0.875rem;
	}
	figure figcaption::before
	.img-caption::before{
		top: 8px;
	}
}

/*ボタン
--------------------------------------------------*/

.button01 {
	margin: 15px 0;
}
.button01 a{
	display: inline-block;
	padding: 8px 50px 8px 20px;
	background: #f2f2f2;
	border-radius: 30px;
	color: #000;
	text-decoration: none;
	position: relative;
}
.button01 a::before{
	content: '';
	display: block;
	background: url("/exam/assets/imgs/common/ic-circle-arrow.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	transition: all .3s ease;
}
.button01 a::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 9px solid #fff;
	border-right: 0;
	position: absolute;
	top: 50%;
	right: 19px;
	transform: translateY(-50%);
	transition: all .3s ease;
}

.button02 {
	margin: 15px 0;
}
.button02 a{
	display: inline-block;
	padding: 8px 45px 8px 20px;
	background: #fff;
	border: 1px solid var(--main-color);
	border-radius: 30px;
	color: var(--main-color);
	text-decoration: none;
	position: relative;
}
.button02 a::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 9px solid var(--sub-color03);
	border-right: 0;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	transition: all .3s ease;
}

@media (hover: hover) {
	.button01 a:hover::before{
		right: 11px;
	}
	.button01 a:hover::after{
		right: 13px;
	}
	.button02 a:hover::after{
		right: 8px;
	}
}

/*テキストカラー
--------------------------------------------------*/

.font-red{
	color: #e61914;
}
.font-blue{
	color: var(--sub-color02);
}
.font-darkblue{
	color: #152364;
}
.font-green{
	color: #337255;
}
.font-gray{
	color: #666666;
}

/*テーブル設定
--------------------------------------------------*/
table {
	width: 100%;
	border-collapse: collapse;
	max-width: 100%;
	margin-top: 30px;
	font-size: 10px!important;
}
table caption {
	color: var(--main-color);
	font-size: 1rem;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin-bottom: 5px;
	caption-side: top;
}
table thead th {
	color: var(--sub-color04);
	background: var(--sub-color01);
	font-weight: bold;
	border: solid 2px #fff;
}
table th {
	padding: 2px 3px;
	border: solid 2px #fff;
	font-weight: bold;
	text-align: center;
	background: #c5d5eb;
	color: #000;
	white-space: normal;
    word-break: break-word;
}
table thead th a{
	color: var(--sub-color04);
}
table th a{
	color: #000;
}
table th a:visited{
	color: #666;
}
table td {
	padding: 2px 3px;
	background: #f2f2f2;
	border: solid 2px #fff;
}

@media (hover: hover) {
table thead th a:hover{
	color: #fff;
}
table th a:hover{
	color: var(--sub-color06);
}
}

@media screen and (min-width:768px),print{
	table {
		font-size: 0.875rem!important;
	}
}
@media screen and (min-width:992px),print{
	table {
	width: auto;
		font-size: 1rem!important;
	}
	table th,
	table td{
	padding: 4px 8px;
	}
	table caption {
		font-size: 1.125rem;
	}
}

/*リスト設定
--------------------------------------------------*/
.list,
.list-m,
.list-s,
.linklist,
.linklist,
.linklist-s,
.list-f,
.list-fs,
.linklist-f,
.linklist-fs,
.list-two,
.list-three,
.linklist-two,
.linklist-three,
.anchorlist{
	margin-top: 10px;
}
.list li,
.list-m li,
.list-s li,
.linklist li,
.linklist li,
.linklist-s li,
.list-f li,
.list-fs li,
.linklist-f li,
.linklist-fs li,
.list-two li,
.list-three li,
.linklist-two li,
.linklist-three li,
.anchorlist li{
	padding-left: 18px;
	position: relative;
}
.list li::before,
.linklist li::before,
.list-f li::before,
.linklist-f li::before,
.linklist-two li::before,
.linklist-three li::before,
.list-two li::before,
.list-three li::before{
	content: '';
	display: block;
	background: var(--sub-color01);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: 0;
	transition: all .3s ease;
}
.list-m li::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 9px solid var(--sub-color02);
	border-right: 0;
	position: absolute;
	top: 8px;
	left: 0;
	transition: all .3s ease;
}
.list-s li::before,
.linklist-s li::before,
.list-fs li::before,
.linklist-fs li::before{
	content: '';
	display: block;
	background: var(--sub-color05);
	width: 7px;
	height: 2px;
	position: absolute;
	top: 10px;
	left: 0;
	transition: all .3s ease;
}
.anchorlist li::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 4px solid var(--sub-color02);
	border-bottom: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	top: 9px;
	left: 0;
	transition: all .3s ease;
}
.list li a,
.list-m li a,
.list-s li a,
.linklist li a,
.linklist-s li a,
.linklist-f li a,
.linklist-fs li a,
.linklist-two li a,
.linklist-three li a,
.anchorlist li a{
	color: #000;
}
.list li a:visited,
.list-m li a:visited,
.list-s li a:visited,
.linklist li a:visited,
.linklist-s li a:visited,
.linklist-f li a:visited,
.linklist-fs li a:visited,
.linklist-two li a:visited,
.linklist-three li a:visited,
.anchorlist li a:visited{
	color: #666;
}
@media (hover: hover) {
	.list li a:hover,
	.list-m li a:hover,
	.list-s li a:hover,
	.linklist li a:hover,
	.linklist-s li a:hover,
	.linklist-f li a:hover,
	.linklist-fs li a:hover,
	.linklist-two li a:hover,
	.linklist-three li a:hover,
	.anchorlist li a:hover{
		color: var(--sub-color06);
	}
	.list li:has(> a:hover )::before,
	.list-m li:has(> a:hover )::before,
	.list-s li:has(> a:hover )::before,
	.linklist li:has(> a:hover )::before,
	.linklist-s li:has(> a:hover )::before,
	.linklist-f li:has(> a:hover )::before,
	.linklist-fs li:has(> a:hover )::before,
	.linklist-two li:has(> a:hover )::before,
	.linklist-three li:has(> a:hover )::before{
		left: 4px;
	}
	.anchorlist li:has(> a:hover )::before{
		top: 15px;
	}
}

/*テーブル内のリストの設定*/
table .list li,
table .list-m li,
table .list-s li,
table .linklist li,
table .linklist li,
table .linklist-s li,
table .list-f li,
table .list-fs li,
table .linklist-f li,
table .linklist-fs li,
table .list-two li,
table .list-three li,
table .linklist-two li,
table .linklist-three li,
table .anchorlist li{
	padding-left: 13px;
}
table .list li::before,
table .linklist li::before,
table .list-f li::before,
table .linklist-f li::before,
table .list-two li::before,
table .list-three li::before,
table .linklist-two li::before,
table .linklist-three li::before{
	top: 5px;
}
table .list-m li::before{
	top: 6px;
}
table .list-s li::before,
table .linklist-s li::before,
table .list-fs li::before,
table .linklist-fs li::before{
	top: 8px;
}

@media screen and (min-width:768px),print {
	.list li::before,
	.list-m li::before,
	.linklist li::before,
	.list-f li::before,
	.linklist-f li::before,
	.list-two li::before,
	.list-three li::before,
	.linklist-two li::before,
	.linklist-three li::before{
		top: 10px;
	}
	.list-s li::before,
	.linklist-s li::before,
	.list-fs li::before,
	.linklist-fs li::before{
		top: 12px;
	}
	.anchorlist li::before{
		top: 11px;
	}
	
	/*テーブル内のリストの設定*/
table .list li,
table .list-m li,
table .list-s li,
table .linklist li,
table .linklist li,
table .linklist-s li,
table .list-f li,
table .list-fs li,
table .linklist-f li,
table .linklist-fs li,
table .list-two li,
table .list-three li,
table .linklist-two li,
table .linklist-three li,
table .anchorlist li{
	padding-left: 18px;
}
table .list li::before,
table .linklist li::before,
table .list-f li::before,
table .linklist-f li::before,
table .list-two li::before,
table .list-three li::before,
table .linklist-two li::before,
table .linklist-three li::before{
	top: 7px;
}
table .list-m li::before{
	top: 8px;
}
table .list-s li::before,
table .linklist-s li::before,
table .list-fs li::before,
table .linklist-fs li::before{
	top: 10px;
}
}

@media screen and (min-width:992px),print {
	
	/*テーブル内のリストの設定*/
table .list li::before,
table .linklist li::before,
table .list-f li::before,
table .linklist-f li::before,
table .list-two li::before,
table .list-three li::before,
table .linklist-two li::before,
table .linklist-three li::before{
	top: 10px;
}
table .list-m li::before{
	top: 11px;
}
table .list-s li::before,
table .linklist-s li::before,
table .list-fs li::before,
table .linklist-fs li::before{
	top: 12px;
}
}

/*通常リスト:横並び*/
.list-f:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.list-f{
	margin-left:10px;
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .list-f {
	height: 1%;
}
.list-f {
	display: block;
}
/* Hides from IE-mac */

.list-f li {
	border: none;
	margin: 0px;
	/*background-image: url(/exam/assets/imgs/common/ic_list.gif);
	background-repeat: no-repeat;
	background-position:  1px 0.4em;*/
	padding: 1px 0 1px 16px;
	width: auto;
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*通常リスト:横並び(小さめ)*/
.list-fs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.list-fs{
	margin-left:10px;
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .list-fs {
	height: 1%;
}
.list-fs {
	display: block;
}
/* Hides from IE-mac */

.list-fs li {
	/*background-image: url(/exam/assets/imgs/common/ic_list_s.gif);
	background-repeat: no-repeat;
	background-position: 2px 0.6em;*/
	padding-left:15px;
	width: auto;
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}

/*入れ子にしたとき、画像が出てしまうのを防ぐ*/
.none li{
	background:none;
	padding-left:0px;
}

/*リンクリスト：横並び*/
.linklist-f:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.linklist-f{
	/*margin-left: 10px;*/
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .linklist-f {
	height: 1%;
}
.linklist-f {
	display: block;
}
/* Hides from IE-mac */

.linklist-f li{
	/*background-image: url(/exam/assets/imgs/common/ic_linklist.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;;*/
	padding: 1px 0 1px 15px;
	width: auto;
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}

/*リンクリスト：横並び(小さめ)*/
.linklist-fs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.linklist-fs{
	/*margin-left: 10px;*/
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .linklist-fs {
	height: 1%;
}
.linklist-fs {
	display: block;
}
/* Hides from IE-mac */

.linklist-fs li{
	/*background-image: url(/exam/assets/imgs/common/ic_linklist_s.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.5em;*/
	padding: 1px 0 1px 15px;
	width: auto;
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*2022_05_下層ページコンテンツ幅改修*/
/*-----3カラムリスト-----*/
.list-three{
	margin-left:10px;
	margin-top:10px;
}
.list-three li {
	border: none;
	margin: 0px;
	background-image: url(/exam/assets/imgs/common/ic_list.gif);
	background-repeat: no-repeat;
	background-position: 1px 0.4em;
	padding: 1px 5px 1px 16px;
	width:33%;
	float:left;
	box-sizing:border-box;
}
/*3カラムリストClearFix*/
.list-three:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.list-three {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .list-three {
	height: 1%;
}
.list-three {
	display: block;
}
/* Hides from IE-mac */
/*2022_05_下層ページコンテンツ幅改修*/
/*-----2カラムリスト-----*/
.list-two{
	margin-left:10px;
	margin-top:10px;
}
.list-two li {
	border: none;
	margin: 0px;
	background-image: url(/exam/assets/imgs/common/ic_list.gif);
	background-repeat: no-repeat;
	background-position: 1px 0.4em;
	padding: 1px 5px 1px 16px;
	width:50%;
	float:left;
	box-sizing: border-box;
}
/*2カラムリストClearFix*/
.list-two:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.list-two {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .list-two {
	height: 1%;
}
.list-two {
	display: block;
}
/* Hides from IE-mac */
/*2022_05_下層ページコンテンツ幅改修*/
/*-----3カラムリンクリスト-----*/
.linklist-three{
	/*margin-left:10px;*/
	margin-top:10px;
}
.linklist-three li {
	border: none;
	margin: 0px;
	background-image: url(/exam/assets/imgs/common/ic_linklist.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding: 1px 5px 1px 15px;
	width:33%;
	float:left;
	box-sizing:border-box;
}
/*3カラムリンクリストClearFix*/
.linklist-three:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.linklist-three {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .linklist-three {
	height: 1%;
}
.linklist-three {
	display: block;
}
/* Hides from IE-mac */

/*-----2カラムリンクリスト-----*/
.linklist-two{
	/*margin-left:10px;*/
	margin-top:10px;
}
.linklist-two li {
	border: none;
	margin: 0px;
	background-image: url(/exam/assets/imgs/common/ic_linklist.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding: 1px 5px 1px 15px;
	width:50%;
	float:left;
	box-sizing:border-box;
}
/*2カラムリンクリストClearFix*/
.linklist-two:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.linklist-two {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .linklist-two {
	height: 1%;
}
.linklist-two {
	display: block;
}
/* Hides from IE-mac */

/*---- 単体リンク ----*/
p.link a{
	/*display: block;*/
	padding-left: 18px;
	position: relative;
}
p.link a::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 9px solid var(--sub-color03);
	border-right: 0;
	position: absolute;
	top: 4px;
	left: 0;
	transition: all .3s ease;
}

@media (hover: hover) {
p.link a:hover::before{
	left: 4px;
}
}

@media screen and (min-width:768px),print {
p.link a::before {
    top: 6px;
}
}

/*---- リンク用アイコン ----*/

.ic-link a{
	position: relative;
}
.ic-link a::before{
	content: '';
	display: block;
	background: url("/exam/assets/imgs/common/ic-circle-arrow.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: -3px;
	right: -25px;
	transition: all .3s ease;
	
}
.ic-link a::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 9px solid #fff;
	border-right: 0;
	position: absolute;
	bottom: 4px;
	right: -20px;
	transition: all .3s ease;
	
}

.ic-newwin{
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}
.ic-pdf,
.ic-word,
.ic-excel,
.ic-zip{
	padding: 3px;
	font-family: var(--font-en);
	font-weight: bold;
	font-size: 0.75rem;
	color: #fff;
	border-radius: 3px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}
.ic-pdf{
	background: #e61914;
}
.ic-word{
	background: var(--sub-color01);
}
.ic-excel{
	background: #337255;
}
.ic-zip{
	background: #434343;
}

/*　テーブル内のアイコン　*/
table .ic-pdf,
table .ic-word,
table .ic-excel,
table .ic-zip{
	font-size: 10px;
	padding: 1px;
}

@media screen and (min-width:768px),print {
table .ic-pdf,
table .ic-word,
table .ic-excel,
table .ic-zip{
	font-size: 0.75rem;
	padding: 3px;
}
}

/*番号リスト:ローマ大文字*/
ol {
	list-style-type: decimal;
	margin-left: 30px;
}
.ollist-ur {
	list-style-type: upper-roman;
}
/*番号リスト:ローマ小文字*/
.ollist-lr {
	list-style-type: lower-roman;
}
/*番号リスト:アルファベット大文字*/
.ollist-ua {
	list-style-type: upper-alpha;
}
/*番号リスト:アルファベット小文字*/
.ollist-la {
	list-style-type: lower-alpha;
}

/*ボックス
--------------------------------------------------*/
.box01,
.box02,
.box03,
.box04{
	padding: 20px;
	border-radius: 20px; 
}
.box01{
	background: #f2f2f2;
}
.box01 .box-title{
	display: inline-block;
	padding: 0 5px;
	font-size: 1.062rem;
	font-weight: bold;
	color: var(--main-color);
	line-height: 1.4;
	background: linear-gradient(360deg,#f7d877 0,#f7d877 10px, transparent 10px);
	margin-bottom: 15px;
}

.box02{
	border: 1px solid var(--main-color);
}
.box02 .box-title{
	font-size: 1.062rem;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 15px;
	position: relative;
}
.box02 .box-title::after{
	content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: repeating-linear-gradient(90deg, var(--sub-color03) 0, var(--sub-color03) 6px, transparent 6px, transparent 10px);
    position: absolute;
	bottom: 0;
	left: 0;

}

.box03{
	background: var(--bg-grad01);
	color: #fff;
}
.box03 .box-title{
	font-weight: bold;
	color: var(--sub-color04);
	margin-bottom: 10px;
}

.box04{
	border: 1px solid var(--sub-color03);
}
.box04 .box-title{
	font-weight: bold;
	color: var(--main-color);
	margin-bottom: 10px;
}

@media screen and (min-width:768px),print {
	.box01 .box-title,
	.box02 .box-title{
		font-size: 1.25rem;
	}
}


/*ページネーション
--------------------------------------------------*/
.pager .pagination {
	display: flex;
	justify-content: center;
}
.pager .pagination li a,
.pager .pagination li span {
	margin: 0 5px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000;
    width: 30px;
    height: 30px;
    background: #f2f2f2;
    position: relative;
    border-radius: 50px;
    border: 1px solid #f2f2f2;
	transition: all .3s ease;
}
.pager .pagination li.first a,
.pager .pagination li.pre a,
.pager .pagination li.last a,
.pager .pagination li.next a,
.pager .pagination li a.link_first,
.pager .pagination li a.link_before,
.pager .pagination li a.link_last,
.pager .pagination li a.link_next  {
	background: var(--main-color);
	border: 1px solid var(--main-color);
	transition: all .3s ease;
	text-indent: 5rem;
	white-space:nowrap;
	overflow: hidden;
	color: var(--main-color);
}

.pager .pagination li.first a::before,
.pager .pagination li.pre a::before,
.pager .pagination li.last a::before,
.pager .pagination li.next a::before,
.pager .pagination li.first a::after,
.pager .pagination li.last a::after,
.pager .pagination li a.link_first::before,
.pager .pagination li a.link_before::before,
.pager .pagination li a.link_last::before,
.pager .pagination li a.link_next::before,
.pager .pagination li a.link_first::after,
.pager .pagination li a.link_last::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 9px solid #fff;
	border-right: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.pager .pagination li.pre a::before,
.pager .pagination li a.link_before::before{
	left: 9px;
	transform: translateY(-50%) rotate(180deg);
}
.pager .pagination li.next a::before,
.pager .pagination lia.link_next::before{
	left: 11px;
	transform: translateY(-50%);
}
.pager .pagination li.first a::before,
.pager .pagination li a.link_first::before{
	left: 5px;
	transform: translateY(-50%) rotate(180deg);
}
.pager .pagination li.first a::after,
.pager .pagination li a.link_first::after{
	left: 13px;
	transform: translateY(-50%) rotate(180deg);
}

.pager .pagination li.last a::before,
.pager .pagination li a.link_last::before{
	left: 7px;
	transform: translateY(-50%);
}
.pager .pagination li.last a::after,
.pager .pagination li a.link_last::after{
	left: 15px;
	transform: translateY(-50%);
}
.pager .pagination li a.current,
.pager .pagination li span.current_page {
	color: var(--main-color);
	border: 1px solid var(--main-color);
}

@media (hover: hover) {
	.pager .pagination li a:hover {
		color: var(--main-color);
		border: 1px solid var(--main-color);
	}
	.pager .pagination li.first a:hover,
	.pager .pagination li.pre a:hover,
	.pager .pagination li.last a:hover,
	.pager .pagination li.next a:hover,
	.pager .pagination li a.link_first:hover,
	.pager .pagination li a.link_before:hover,
	.pager .pagination li a.link_last:hover,
	.pager .pagination li a.link_next:hover {
		background: var(--sub-color02);
		border: 1px solid var(--sub-color02);
	}
}

@media screen and (min-width:768px),print {
	.pager .pagination li a,
	.pager .pagination li span{
		width: 40px;
		height: 40px;
	}
	.pager .pagination li.first a::before,
.pager .pagination li.pre a::before,
.pager .pagination li.last a::before,
.pager .pagination li.next a::before,
.pager .pagination li.first a::after,
.pager .pagination li.last a::after,
.pager .pagination li a.link_first::before,
.pager .pagination li a.link_before::before,
.pager .pagination li a.link_last::before,
.pager .pagination li a.link_next::before,
.pager .pagination li a.link_first::after,
.pager .pagination li a.link_last::after{
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 12px solid #fff;
}

.pager .pagination li.pre a::before,
.pager .pagination li a.link_before::before{
	left: 12px;
}
.pager .pagination li.next a::before,
.pager .pagination lia.link_next::before{
	left: 14px;
}
.pager .pagination li.first a::before,
.pager .pagination li a.link_first::before{
	left: 6px;
}
.pager .pagination li.first a::after,
.pager .pagination li a.link_first::after{
	left: 18px;
}
.pager .pagination li.last a::before,
.pager .pagination li a.link_last::before{
	left: 9px;
}
.pager .pagination li.last a::after,
.pager .pagination li a.link_last::after{
	left: 20px;
}
}

/*ClearFix
----------------------------------------*/
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.topicsbox p {
	margin-top: 1em;
}

/*アンカー
----------------------------------------*/
/*.anchor {
	padding-top: 60px;
	margin-top: -60px;
}*/

/*フォントサイズ追加
----------------------------------------*/
.fs-7 {
    font-size: 0.9rem!important;
}

/*画像幅調整*/
/*.photo-width-s{
	min-width: 25%;
}
.photo-width{
	min-width: 25%;
}
.fixedbox .thumb-width{
	max-width: 100%;
}
@media screen and (max-width:1200px) {
.photo-width{
	min-width: 40%;
}
}
@media screen and (max-width:768px) {
.photo-width-s{
	min-width: 0;
}
.photo-width{
	min-width: 0;
}
.fixedbox .thumb-width{
	max-width: 50%;
}
}*/


/*動画
----------------------------------------*/

.youtube,
.youtube4x3{
  position: relative;
  width: 100%;
}
.youtube{
  padding-top: 56.25%;
}
.youtube4x3{
  padding-top: 75.25%;
}
.youtube iframe,
.youtube4x3 iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.movie {
/*border:1px solid #9D9D9D;
background: #eee;*/
/*padding: 20px;*/
/*margin: 20px;*/
width: 100%;
}
.movie.wd50{
width:46%;
padding: 2%;
}

a.youtube-link{
display:block;
position: relative;
}
a.youtube-link > img{
border:1px solid #ccc;
box-sizing:border-box;
}
.youtube-link .youtube-icon img{
	display:block;
    position: absolute;
    top: 45%;
    left: 45%;
	opacity: 0.8;
	width:32px;
	transition:opacity 0.3s ease 0s;
}
.youtube-link .youtube-icon1col img{
	display:block;
    position: absolute;
    top: 45%;
    left: 50%;
	opacity: 0.8;
	width:32px;
	transition:opacity 0.3s ease 0s;
}
@media (hover: hover) {
.youtube-link:hover .youtube-icon img,
.youtube-link:hover .youtube-icon1col img{
opacity: 0.1;
}
}

@media screen and (min-width:992px),print {
.movie {
	margin: 20px;
width: 70%;
}
}
	

/*ライン
----------------------------------------*/

/*ブロック要素の下にラインがつく*/
.line{
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.line::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: repeating-linear-gradient(90deg, var(--sub-color02) 0, var(--sub-color02) 6px, transparent 6px, transparent 10px);
	position: absolute;
	bottom: 0;
	left: 0;
}

.line hr{
	display: none;
}

/*本学から移行
----------------------------------------*/

/*表示しない*/
.hidden{
	display:none;
}

/*----- テキスト位置 -----*/
.text-center{
	text-align:center !important;
}
.text-right{
	text-align:right !important;
}
.text-left{
	text-align:left !important;
}
.text-middle{
	vertical-align:middle;
}
.text-top{
	vertical-align:top;
}
.text-bottom{
	vertical-align:bottom;
}

/*----- 位置設定 -----*/
/*1/2サイズ*/
.harf-l{
	float: left;
	width: 49%;
}
.harf-r{
	float: right;
	width: 49%;
}

/*1/3サイズ*/
.three-l{
	width: 33%;
	float: left;
}
.three-c{
	width: 33%;
	float: left;
	padding-left: 0.5%;
}
.three-r{
	width: 33%;
	float: right;
}

/*フロート左*/
.float-l{
	float:left;
	width:auto;
	margin-right: 5px;
}
/*フロート右*/
.float-r{
	float:right;
	width:auto;
	margin-left: 5px;
}


/*マージン
---------------------------------------*/
/*マージン設定*/
/*マージン全方向０*/
.margin-0{
	margin:0 !important;
}
/*マージン全方向10*/
.margin-10{
	margin:10px !important;
}
/*マージン全方向20*/
.margin-20{
	margin:20px !important;
}
/*マージン全方向30*/
.margin-30{
	margin:30px !important;
}
/*マージン左右０*/
.margin-rl0{
	margin-right:0 !important;
	margin-left:0 !important;
}
/*マージン左右10*/
.margin-rl10{
	margin-right:10px !important;
	margin-left:10px !important;
}
/*マージン左右20*/
.margin-rl20{
	margin-right:20px !important;
	margin-left:20px !important;
}
/*マージン左右30*/
.margin-rl30{
	margin-right:30px !important;
	margin-left:30px !important;
}
/*マージン左右　中央*/
.margin-rlauto{
	margin-right:auto !important;
	margin-left:auto !important;
}
/*マージン上下０*/
.margin-tb0{
	margin-top:0 !important;
	margin-bottom:0 !important;
}
/*マージン上下10*/
.margin-tb10{
	margin-top:10px !important;
	margin-bottom:10px !important;
}
/*マージン上下20*/
.margin-tb20{
	margin-top:20px !important;
	margin-bottom:20px !important;
}
/*マージン上下30*/
.margin-tb30{
	margin-top:30px !important;
	margin-bottom:30px !important;
}
/*マージン上０*/
.margin-top0{
	margin-top:0 !important;
}
/*マージン上5*/
.margin-top5{
	margin-top:5px !important;
}
/*マージン上10*/
.margin-top10{
	margin-top:10px !important;
}
/*マージン上20*/
.margin-top20{
	margin-top:20px !important;
}
/*マージン上30*/
.margin-top30{
	margin-top:30px !important;
}
/*マージン上40*/
.margin-top40{
	margin-top:40px !important;
}
/*マージン下０*/
.margin-bottom0{
	margin-bottom:0 !important;
}
/*マージン下5*/
.margin-bottom5{
	margin-bottom:5px !important;
}
/*マージン下10*/
.margin-bottom10{
	margin-bottom:10px !important;
}
/*マージン下20*/
.margin-bottom20{
	margin-bottom:20px !important;
}
/*マージン下30*/
.margin-bottom30{
	margin-bottom:30px !important;
}
/*マージン左０*/
.margin-l0{
	margin-left:0 !important;
}
/*マージン左5*/
.margin-l5{
	margin-left:5px !important;
}
/*マージン左10*/
.margin-l10{
	margin-left:10px !important;
}
/*マージン左20*/
.margin-l20{
	margin-left:20px !important;
}
/*マージン左30*/
.margin-l30{
	margin-left:30px !important;
}
/*マージン右０*/
.margin-r0{
	margin-right:0 !important;
}
/*マージン右10*/
.margin-r10{
	margin-right:10px !important;
}
/*マージン右20*/
.margin-r20{
	margin-right:20px !important;
}
/*マージン右30*/
.margin-r30{
	margin-right:30px !important;
}

/*コンテンツ連携用
---------------------------------------*/

.font-s{
	font-size:12px;
}
.img-r{
	float:right;
	margin:0 0 20px 20px ;
}
.img-l{
	float:left;
	margin:0 20px 20px 0;
}
/*リスト以外インデント*/
/*1em*/
.indent-1 {
	text-indent: -1em;
	margin-left: 1em;
}
/*1.1em*/
.indent-1-1 {
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
.indent-1-2 {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
.indent-1-3 {
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
.indent-1-4 {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
.indent-1-5 {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
.indent-1-6 {
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
.indent-1-7 {
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
.indent-1-8 {
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
.indent-1-9 {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
.indent-2 {
	text-indent: -2em;
	margin-left: 2em;
}
/*2em*/
.indent-2-8 {
	text-indent: -2.7em;
	margin-left: 2.7em;
}
/*3em*/
.indent-5 {
	text-indent: -5em;
	margin-left: 5em;
}
/*リスト用インデント幅*/
/*1em*/
ul.indent-1 li {
	text-indent: -1em;
	padding-left: 1em;
}
/*1.1em*/
ul.indent-1-1 li {
	text-indent: -1.1em;
	padding-left: 1.1em;
}
/*1.2em*/
ul.indent-1-2 li {
	text-indent: -1.2em;
	padding-left: 1.2em;
}
/*1.3em*/
ul.indent-1-3 li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}
/*1.4em*/
ul.indent-1-4 li {
	text-indent: -1.4em;
	padding-left: 1.4em;
}
/*1.5em*/
ul.indent-1-5 li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
/*1.6em*/
ul.indent-1-6 li {
	text-indent: -1.6em;
	padding-left: 1.6em;
}
/*1.7em*/
ul.indent-1-7 li {
	text-indent: -1.7em;
	padding-left: 1.7em;
}
/*1.8em*/
ul.indent-1-8 li {
	text-indent: -1.8em;
	padding-left: 1.8em;
}
/*1.9em*/
ul.indent-1-9 li {
	text-indent: -1.9em;
	padding-left: 1.9em;
}
/*2em*/
ul.indent-2 li {
	text-indent: -2em;
	padding-left: 2em;
}
/*2.6em*/
ul.indent-2-6 li {
	text-indent: -2.6em;
	padding-left: 2.6em;
}
/*3em*/
ul.indent-3 li {
	text-indent: -3.0em;
	padding-left: 3.0em;
}