<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

*{margin:0; padding:0;}

body{
font-feature-settings: "palt";
font-size: 1.0rem;
margin:0 auto;
color: #353535;
font-family: 'Roboto', sans-serif;
/*  footerを下部 */
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
min-height: 100vh;
word-wrap:normal;
}



ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, figure {
margin: 0;
padding: 0;
font-weight: normal;
}

ul{list-style: none;}


/* テキストリンク */
a {text-decoration:none; color:#353535; outline: none;}
a:hover {color:#353535;}


/* 本文 */
p{
padding: 0;
margin: 0;
line-height: 170%;
word-wrap:normal;
}

/* 画像 */
img {
vertical-align: top;
font-size: 0;
line-height: 0;
max-width: 100%;
height: auto;
border-style:none;
}


/* clear */
.cle:before, .cle:after {content: " "; display: table;}
.cle:after {clear: both;}
.cle {*zoom: 1;}


hr{
height: 1px;
background-color: #11BA71;
border: none;
color: #11BA71;
margin: 5px 0 10px 0;
}

/* 選択範囲色 */
::selection {
background: #11BA71;
color: #fff;
}






/* -------------------------- */
/* --------flexbox 共通-------- */
/* -------------------------- */
.flex{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: auto;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items: flex-start;
}






/* -------------------------- */
/* --------  パンくず  ------- */
/* -------------------------- */
.breadcrumb{
padding: 2% 2% 2% 0%;
list-style: none;
font-size: 0.7em;
overflow: hidden;
}
.breadcrumb li{float: left;}
.breadcrumb li::after{
content: "&gt;";
margin: 5px;
}
.breadcrumb li:last-child::after{
content: "";
margin: 5px;
}




/* -------------------------- */
/* --------  page menu  ------- */
/* -------------------------- */
.p_menu{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;
align-items: flex-start;
border-bottom: 1px solid #11BA71;
}
.p_menu li{
margin-right: 25px;
}
.p_menu li a:after{
content: "";
background-image: url(../../../common/img/bt_icon_07.svg);
background-repeat: no-repeat;
background-position: center right;
background-size: 50%;
padding-right: 15px;
}
.p_menu li a{display: block; padding-bottom: 10px;}
.p_menu li a:hover{color: #11BA71;}

@media screen and (max-width: 751px) {
.p_menu{
border: none;
background-color:#EBEFEA;
padding: 10px 20px;
box-sizing: border-box;
}
.p_menu li{margin: 10px 30px 0 0 ;}
.p_menu li a{text-decoration: underline #11BA71; padding-bottom: 0px; }
}





/* -------------------------- */
/* --------txt img------- */
/* -------------------------- */
.txt_img{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-start;
}
.txt_img div{flex: 1; margin-right: 30px;}
.txt_img p{ margin-bottom: 20px;}

@media screen and (max-width: 960px) {
.txt_img img{width: 45%;}
.txt_img p br{ display: none;}
}
@media screen and (max-width: 751px) {
.txt_img{
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.txt_img img{
width: 70%;
display: block;
margin: 20px auto 20px auto;
}
.txt_img div{
width: 100%;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
margin-bottom: 40px;
}
.txt_img p{ margin-bottom: 30px; text-align: left;}
}



/* -------------------------- */
/* --------pdf-------- */
/* -------------------------- */
.pdf_info{
background-color: #EBEFEA;
font-size: 0.8rem;
padding: 10px;
display : -webkit-inline-box;
display : -ms-inline-flexbox;
display : -webkit-inline-flex;
display : inline-flex;
margin: 30px 0;
}
.pdf_info img{padding-right: 10px;}
.pdf_info p{line-height: 1.2rem;}

@media screen and (max-width: 751px) {
.pdf_info{display:inline-block;}
.pdf_info img{margin: 10px auto; display: block;}
.pdf_info p br{display: none;}
}

/* html
&lt;div class="pdf_info"&gt;
&lt;a href="https://helpx.adobe.com/jp/acrobat/using/display-pdf-in-browser.html" target="_blank"&gt;&lt;img src="../common/img/pdf_info.jpg" alt=""&gt;&lt;/a&gt;
&lt;p&gt;このページの資料をご覧になるにはAdobe Readerが必要です。&lt;br&gt;
プラグインをお持ちでない方はボタンよりソフトをダウンロードしてください。&lt;/p&gt;
&lt;/div&gt;
*/









/* -------------------------- */
/* --------  bt  ------- */
/* -------------------------- */

/* 緑線囲み */
.bt_01{
color: #11BA71;
border: 1px solid;
padding: 7px 35px 7px 15px;
background-image: url(../../../common/img/bt_icon_02.svg);
background-repeat: no-repeat;
background-position: center right 10px;
background-size: 5px;
background-color: #fff;
transition: 0.5s;
}
.bt_01:hover{
color: #11BA71;
background-color: #EBEFEA;
background-position: center right 5px;
}

/* 緑背景テキスト中心 &gt; */
.bt_02{
width: 100%;
display: block;
background-color: #11BA71;
color: #fff;
text-align: center;
padding: 10px 20px 10px 20px;
box-sizing: border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
transition: 0.5s;
}
.bt_02:hover{
color: #fff;
background-color: #009245;
}
.bt_02::after{
content: "";
background-image: url(../../../common/img/bt_icon_08.svg);
background-repeat: no-repeat;
background-position: center right;
background-size: 7px;
padding-right: 15px;
transition: 0.5s;
}
.bt_02:hover::after{
padding-right: 30px;
}


.bt_pdf{
position: relative;
display: block;
background: #666666;
color: #fff;
font-size: 0.9rem;
text-align: center;
padding:10px 40px 10px 30px;
box-sizing: border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
transition: 0.5s;
}
.bt_pdf:hover{
color: #fff;
background-color: #353535;
}
.bt_pdf::after{
content: "";
background: url(../../../common/img/pdf_icon.svg) no-repeat;
background-size: contain;
background-position: center;
display: inline-block;
width: 15px;
height: 19px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

/* 通常のボタン */
.bt_04{
text-decoration: underline;
color:#009245;
}







/* -------------------------- */
/* -------囲み------- */
/* -------------------------- */

/* 緑の枠線 */
.green_box{
border: 1px solid #11BA71;
padding: 30px;
box-sizing: border-box;
}
@media screen and (max-width: 751px) {
.green_box{padding: 20px;}
}

/* シャドウの枠線 */
.shadow_box{
box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1);
padding: 30px;
box-sizing: border-box;
}
@media screen and (max-width: 751px) {
.shadow_box{padding: 20px;}
}







/* -------------------------- */
/* ---事務局などアクセス情報テンプ-- */
/* -------------------------- */

.data_green_box{
border: 1px solid #11BA71;
padding: 10px;
box-sizing: border-box;
margin: 0 0 10px 0;
}

.data_green_box dt{
width:20%;
display: block;
color: #11BA71;
font-size: 0.9rem;
}

.data_green_box dd{
width: 79%;
display:block;
font-size: 0.9rem;
line-height: 1.4rem;
}

.data_green_box dd a{
width: 70%;
padding: 5px 20px;
font-size: 1rem;
margin: 5px 0 0 0;
}

@media screen and (max-width: 960px) {
.data_green_box dd a{ width: 100%; font-size: 0.9rem;}
}

@media screen and (max-width: 751px) {
.data_green_box dd a{ width: 100%;}
.data_green_box dt{ width: 30%;}
.data_green_box dd{ width: 70%;}
}





/* -------------------------- */
/* -------title-------- */
/* -------------------------- */
/* 中心に下線 */
.title_01{
position: relative;
text-align: center;
padding-bottom: 2px;
font-size: 1.5rem;
margin-bottom: 40px;
}
.title_01:before{
position: absolute;
bottom: -10px;
left: calc(50% - 40px);
width: 80px;
height: 3px;
content: '';
border-radius: 3px;
background:#11BA71;
}
@media screen and (max-width: 751px) {
.title_01{font-size: 1.3rem;}
}


/* グリーン文字 */
.title_02{
color: #11BA71;
font-size: 1.4rem;
margin-bottom: 15px;
}
@media screen and (max-width: 751px) {
.title_02{
color: #11BA71;
font-size: 1.3rem;
margin-bottom: 10px;
}
}


/* グレー背景 */
.title_03{
background-color: #666666;
text-align: center;
color: #fff;
padding: 7px 20px;
font-size: 1.2rem;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 30px 0 10px 0;
}
@media screen and (max-width: 751px) {
.title_03{font-size: 1.0rem;}
}
.title_03 span{
display: block;
font-size: 0.8rem;
}



/* グレー背景角丸 */
.title_04{
background-color: #666666;
text-align: center;
color: #fff;
padding: 5px 0;
font-size: 1.2rem;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
margin: 0 0 20px 0;
}


/* ページタイトル */
.p_title{
background-repeat: no-repeat;
background-position: top right;
background-size: 70%;
font-size: 1.7rem;
letter-spacing: 2px;
}
.p_title &gt; span{
display: block;
background-color: #11BA71;
background-image: url(../../../common/img/back_pattern_02.svg);
background-size: 7%;
color: #fff;
padding: 3.5vw 2vw;
width: 40vw;
text-align: center;
box-sizing: border-box;
margin-top: 3vw;
}
.p_title &gt; span &gt; span {
position: relative;
padding: 15px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.p_title &gt; span &gt; span::before,
.p_title &gt; span &gt; span::after {
position: absolute;
top: 0;
content: '';
width: 20px;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.p_title &gt; span &gt; span::before {
left: 0;
border-left: 1px solid #fff;
}
.p_title &gt; span &gt; span::after {
right: 0;
border-right: 1px solid #fff;
}
@media screen and (max-width: 960px) {
.p_title{font-size: 2.5vw;}
.p_title &gt; span &gt; span {padding: 10px 30px;}
}

@media screen and (max-width: 751px) {
.p_title{
padding: 25px 0;
font-size: 1.0rem;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background-size:cover;
align-items:center;
justify-content: center;
flex-direction:column;  /* 縦方向に並べる */
}
.p_title &gt; span{padding: 15px 30px; width: auto;}
.p_title &gt; span &gt; span {
position:inherit;
padding: 0;
}
.p_title &gt; span &gt; span::before,
.p_title &gt; span &gt; span::after {display: none;}
.p_title &gt; span &gt; span::before {border-left: 0;}
.p_title &gt; span &gt; span::after {border-right: 0;}
}




/* --------------------- */
/* -----アコーディオン------ */
/* --------------------- */
.accordion{margin: 30px 0;}
.accordion &gt; li{
border-top: 1px solid;
padding: 10px 0;
}

.accordion .ac-con{margin: 10px 0 0 15%;}
/*アコーディオンタイトル*/
.accordion .title {
cursor: pointer;
transition: all .5s ease;
}
/*アイコン*/
.accordion .title{
background-image: url(../../../common/img/bt_icon_05.svg);
background-repeat: no-repeat;
background-position: top right;
background-size: 22px auto;
}
/*　closeというクラスがついたら形状変化　*/
.accordion .title.close{background-image: url(../../../common/img/bt_icon_05_on.svg);}
/*アコーディオンで現れるエリア*/
.accordion .in-box {display: none;/*はじめは非表示*/}

@media screen and (max-width: 751px) {
.accordion h4{color: #11BA71;}
.accordion .ac-con{margin: 10px 0 0 0;}
}</pre></body></html>