@charset "utf-8";

/* 全体の設定
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	word-wrap: break-word;
	overflow-x: hidden;
	background: url(../images/common/body_bg.jpg) repeat-y;
}

html {scroll-behavior: smooth;}

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


/* ROOT
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
	/* Color */
	--main-color: #86bc43;
	--sub-color_01: #333;
	
	--blue: #7dcdf5;
	--dark-blue: #00A0E9;
	--navy: #1d50a2;
	--green: #009245;
	--light-yellow: #f4f1df;
	--yellow: #e1b80d;
	--light-orange: #ED945D;
	--orange: #E35F0D;
	--vermilion: #dc503c;
	--red: #E60012;
	--light-gray: #D1D5D9;
	--gray: #707070;
	--dark-gray: #666666;
	--deep-dark-gray: #333;
	--white: #fff;
	--black: #000;

}


/* 基本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;
}

/* フォント */
.font-montserrat {
  font-family: "Montserrat", sans-serif;
}
.font-roboto {
  font-family: "Roboto", sans-serif;
}
.font-yuji-boku {
  font-family: "Yuji Boku", serif;
}

@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;}
}


/* 汎用コンテンツ
-------------------------------------*/
/* 必要なパーツをここに貼り付けて使ってください */

.tbl-border tr {
	border-bottom: 1px solid #00a99d;
}
.tbl-border tr:first-of-type {
	border-top: 1px solid #00a99d;
}
.tbl-border th {
	vertical-align: text-top;
    /* font-size: 1.075em; */
    text-align: center;
	padding-left: 1rem;
    padding-right: 1rem;
		white-space: nowrap;
}

table :is(th,td) {
	padding: .5em 1em;
}

@media screen and (max-width: 768px) {
	/* テーブル(同色下線) */
	.tbl-border.table768 th {padding-left: .5rem; padding-right: .5rem;}
	
	/* テーブル(tdタイトル) */
	.tbl-td-ttl.table768 tr td:first-of-type {padding-bottom: 0;}
	.tbl-td-ttl.table768 tr td:not(:first-of-type) {padding-top: 0;}
}