@charset "utf-8";
/*
Mainタグ内のデザインを記述する。
wysiwygエディターでも使用する。
各ページ固有のデザインは、各ページのヘッダー内の<style>タグ内に記述する。
wysiwygエディターで使用するタグには、『ID』や『クラス』を振らないように。
wysiwygエディターを使用しないページ（エリア）は『ID』や『クラス』を設定して良い。

wysiwygエディター使用タグ	h1, h2, h3, p, strong, em, u, ol, ul, li, a, img
*/


/* セクショニング
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main section{ padding: 2em 0 0;}
main section section,
main section section section{
padding: 0;
margin-bottom: 2em;}

/*------------------------main */

@media screen and (max-width: 1080px) {
main .wrapBox{
padding: 1em;
}
}



/* 見出し
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#pagetitle {

}
#pagetitle h1 {
color: #fff;
background: #009b43;
font-size: 28px;
text-align: center;
padding: 1em;
}

main h1 {

}

main h2 {
font-size: 26px;
color: #009b43;
margin-bottom: 1em;
}

main h3 {
font-size: 22px;
border-bottom: 1px solid #009b43;
padding-bottom: 5px;
margin-bottom: 10px;
}

main h4 {
font-size: 18px;
background: rgba(0, 155, 67, .2);
padding: 5px;
margin-bottom: 1em;
}

main h5{
font-size: 18px;
margin-bottom: 1em;
}


/* テキスト インライン
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main p {
font-size: 16px;
margin-bottom: 1em;
}

main strong { color:var(--accent_color); }
main em { font-style:normal; font-weight:bold; color:var(--main_color); }
main small { font-size:78%; font-weight:normal; }


.R { text-align:right; }
.L { text-align:left; }
.C { text-align:center; }


/* リンク
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main a { border:none; outline:none; color:var(--link_color); text-decoration:none; }
main a:hover { text-decoration:none; opacity:0.6; }
main a img:hover { opacity:0.8; filter:alpha(opacity=80); }


/* リスト
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main ul, ol { padding:0 2em 1em; }
main dt { font-weight:bold; }
main dd { margin-left:1em; }

main ul.ib li { display:inline-block; margin-right:2em; }

/* 表
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table { border-collapse:collapse; border-spacing: 0; width:100%; margin:1em auto; }
th, td { padding:0.5em; text-align:center; border:1px solid var(--main_color);  text-align: left;}
th { background: #efefef}
td {  }


/* 画像
–––––––––––––––––––––––––––––––––––––––––––––––––– */
figure { margin:1em; }
figcaption { text-align:center; font-size:0.7em; }












/* 追加
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.linkList{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.linkList li{
width: 32%;
margin-bottom: 10px;
font-size: 14px;
}
.linkList li a{
width: 100%;
text-align: center;
display: inline-block;
padding: 10px 1em;
color: #fff;
background: #009b43;
}
@media screen and (max-width: 1080px) {
.linkList li{
width: 100%;
}
}

span.btn_link a{ display: inline-block;
background: #009b43;
color: #fff;
padding: 5px 1em;
}


.btnBox{

}
.btnBox a{
display: block;
background: #336699;
color: #fff;
border-radius: 400px;
padding: 1em 2em;
text-align: center;
}