@charset "utf-8";

/* 全体の設定
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	font-family: "Shippori Mincho", serif;
	margin: 0;
	word-wrap: break-word;
	overflow-x: hidden;
}

html {scroll-behavior: smooth;}

section {padding: clamp(3rem,6.5vw,5rem) 1rem;}


/* ROOT
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
	/* Color */
	--main-color: #aacf53;
	--sub-color_01: #333;
	
	--light-blue: #00a0e9;
	--blue: #0075be;
	--dark-blue: #00A0E9;
	--green: #009944;
	--red: #E60012;
	--light-gray: #eaeaea;
	--gray: #F2F2F2;
	--dark-gray: #808080;
	--deep-dark-gray: #333;
	--white: #fff;
	--black: #000;
	
	--gr-blue: linear-gradient(90deg, #cce0f4, #1e9cd7 58%, #0075be 90%, #005b97);
	--gr-blue2: linear-gradient(90deg, #1e9cd7, #0075be);
	--gr-light-blue: linear-gradient(90deg, #F2F9FD, #E5F2FF);
	
	/* 角丸 */
	--rounded-5-10: clamp(5px, 3vw, 10px);
	--rounded-10-25: clamp(10px, 3.5vw, 25px);

}


/* 基本CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    display: inline-block;
    text-decoration-line: none;
	color: inherit;
}

a:hover,a img:hover {
    color: inherit;
    opacity: 0.8;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

li {text-decoration: none;}

table {width: 100%; border-collapse: collapse;}
table :is(th,td) {padding: 1.5rem .5rem;}
table th {width: 30%;}
table p {margin: 0;}

/*input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}*/

button {
	background: none;
    border: none;
}

@media screen and (max-width: 960px) {
	table.table960 :is(th,td) {display: block; width: 100%;}
	table.table960 th {padding-bottom: 0;}
	table.table960 td {padding-top: .5rem;}
}
@media screen and (max-width: 768px) {
	table.table768 :is(th,td) {display: block; width: 100%;}
	table.table768 th {padding-bottom: 0;}
	table.table768 td {padding-top: .5rem;}
}
@media screen and (max-width: 560px) {
	table.table560 :is(th,td) {display: block; width: 100%;}
	table.table560 th {padding-bottom: 0;}
	table.table560 td {padding-top: .5rem;}
}


/* 汎用コンテンツ
-------------------------------------*/
/* 背景色 */
.bg__main {background-color: var(--main-color);}
.bg__sub01 {background-color: var(--sub-color_01);}

.bg__white {background-color: var(--white);}
.bg__black {background-color: var(--black);}
.bg__gray {background-color: var(--gray);}

.bg__graph {
    background: linear-gradient(0deg, transparent calc(100% - 1px), var(--light-gray) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), var(--light-gray) calc(100% - 1px)) center repeat;
    background-size: 14px 14px;
}

/* リンクボタン */
.link-btn__border-box {
	width: 100%;max-width: 300px;
    background-color: var(--white);
    text-align: center;
    border-top: 1px solid var(--deep-dark-gray);
    border-bottom: 1px solid var(--deep-dark-gray);
    padding: 1.75rem 0;margin-left: auto;margin-right: auto;
}
.link-btn__border-box span::after {
	content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid var(--deep-dark-gray);
    border-right: 1px solid var(--deep-dark-gray);
    transform: rotate(45deg) translateY(-3px);
    margin-left: .5rem;
}

.link-btn__simp-arrow {margin: .5rem auto;}
.link-btn__simp-arrow::after {
	content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid var(--deep-dark-gray);
    border-right: 1px solid var(--deep-dark-gray);
    transform: rotate(45deg) translateY(-3px);
    margin-left: .5rem;
}
.link-btn__simp-arrow.link-btn__prev::before {
	content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid var(--deep-dark-gray);
    border-left: 1px solid var(--deep-dark-gray);
    transform: rotate(45deg) translateY(-3px);
	margin-right: .5rem;
}
.link-btn__simp-arrow.link-btn__prev::after {
	display: none;
}

/* 見出し */
.ttl-border__blue {
	font-size: clamp(20px,4vw,32px);
	margin-left: auto;margin-right: auto;text-align: center;
}
.ttl-border__blue span {
	font-size: .75em;
}
.ttl-border__blue span::before {
	content: "";
	display: block;
	width: clamp(130px,36vw,200px);height: clamp(2px,1vw,4px);
	background: var(--gr-blue);
	margin: .5rem auto; 
}

.ttl-sub__acc {
	font-size: clamp(20px,4vw,32px);
	margin-left: auto;margin-right: auto;text-align: center;
}
.ttl-sub__acc span {display: block;font-size: .75em;}


/* 文字影 */
.shadow-black {
    filter: drop-shadow(0 0 6px var(--black));
}
.shadow-white {
    filter: drop-shadow(0 0 6px var(--white));
}

/* テーブル */
.tbl-border__blue :is(th,td) {
	border: 1px solid var(--light-blue);
	padding: 2.5rem 1.5rem;
	line-height: 1.5em;
}
.tbl-border__blue th {
	background: var(--gr-light-blue);
	font-size: clamp(18px,2vw,22px);color: var(--light-blue);
	vertical-align: text-top;
}

.tbl-ttl__blue tr {border-bottom: 8px solid var(--white);}
.tbl-ttl__blue tr:last-of-type {border: none;}
.tbl-ttl__blue :is(th,td) {
	padding: clamp(1rem,2.75vw,2.5rem) clamp(.75rem,2vw,1.5rem);
	line-height: 1.5em;
	margin-bottom: 1rem;
}
.tbl-ttl__blue th {
	background-color: var(--blue);
	font-size: clamp(18px,2vw,22px);color: var(--white);white-space: nowrap;
}
.tbl-ttl__blue td {
	background-color: var(--gray);
}

@media screen and (max-width: 560px) {
	/* テーブル */
	.tbl-border__blue tr {position: relative;transform: translateZ(0);}
	.tbl-border__blue tr:last-of-type {border-bottom: 1px solid var(--light-blue);}
	.tbl-border__blue tr::before {
		content: "";
        display: block;width: 100%;
		border-top: 1px solid var(--light-blue);
        position: absolute;
        left: 0;right: 0;top: 0;
        z-index: 1;
	}
	.tbl-border__blue th {
		position: absolute;top: 0;left: 0;
		padding: .5rem;border-top: none;
	}
	.tbl-border__blue td {padding: 1.5rem 1rem 2rem 35%;border: none;}
}

@media screen and (min-width: 561px) {
	/* リンクボタン */
	.record-list__cat .link-btn__simp-arrow::after {
		transform: rotate(45deg) translateY(-6px);margin-left: .35rem;
	}
}