@import url("//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");

*, *::before, *::after {
 box-sizing: border-box
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd ,ul ,ol,li {
 margin: 0
}
ul[role="list"], ol[role="list"] {
list-style: none;
padding: 0;
}
ul,
li{
list-style-type: none;
padding: 0;
}
html:focus-within {
 scroll-behavior: smooth
}
body {
 min-height: 100vh;
 text-rendering: optimizeSpeed;
 line-height: 1.5;
	font-feature-settings: "palt";
}
a:not([class]) {
 text-decoration-skip-ink: auto
}
img, picture {
 max-width: 100%;
 display: block
}
input, button, textarea, select {
 font: inherit
}
@media(prefers-reduced-motion:reduce) {
 html:focus-within {
  scroll-behavior: auto
 }
 *, *::before, *::after {
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .01ms !important;
  scroll-behavior: auto !important
 }
}
img{
max-width:100%;
height:auto;
width:auto;
}

/*--　までまでリセット　　　----*/


:root {
--base-maxwidth: 1400px;
--base-padding: 20px;
--color-oyellow:#fec800;
--color-gleen:#509a51;
--color-red:#e24d4d;
--color-blue:#6a92dd;
}


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font: inherit;
 vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,th{
text-align: left;
}

body {
 color: #333;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
 font-size: 13px;
 font-weight: 400;
 line-height: 1.65;
}

a {
 color: inherit;
 text-decoration: none;
 transition: border-bottom-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
a:hover {
 color: var(--color-gleen);
 border-bottom-color: transparent;
}
strong, b {
 font-weight: 800;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 color: inherit;
 text-decoration: none;
}
a:hover img{
opacity: .8;
}



/*--  --  --  --  --  --  --  --  --  --  --  --  --  --  --  --  --  --   ---*/

header {
position: relative;
background:rgba(0,0,0,0.5);
padding-right: 80px;/*ハンバーガーメニューの隙間*/
padding-left: 330px;/*ロゴの隙間*/
height:80px;
}

header div.logo{
position: absolute;
top:0;
left:0;
display: block;
width: fit-content;
background-color: #fff;
border-radius: 0 7px 7px 0;
/*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);*/
margin: 15px 20px 20px 0;
padding: 15px 6em;
font-size: 14px;
text-align: center;
}


header div.logo p strong{
display: block;
font-size: 1.5em;
}
@media screen and (max-width: 1600px) {
header div.logo{
padding: 15px 2em;
}
header div.logo p strong{
font-size: 1.2em;
}
header {
padding-left: 185px;/*ロゴの隙間*/
}
}
@media screen and (max-width: 736px) {
header{
background: rgba(255,255,255, 1);
border-radius: 0;
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.25);
}
header div.logo{
margin: 0;
height: 80px;
border-radius:0;
text-align: left;
}
.hamburger-sw{
border-left: solid 1px #eee;
}
#hamburger:checked ~ .hamburger-sw{
border-bottom: solid 1px #eee;
}

header div.logo p strong{
}
header div.logo p strong br{
display: none;
}
}


	/* ハンバーガー */
.hamburger-sw{
background-color: #fff;
cursor: pointer;
position: absolute;
padding-bottom: 4em;
right: 0;
top: 0; /* ハンバーガーアイコンの位置（上から） */
width: 80px;
height: 80px ;
}
/* メニュー展開時にハンバーガーアイコンを固定 */
#hamburger:checked ~ .hamburger-sw{
	position: fixed;
	
}
/* ハンバーガーアイコン */
.hamburger-sw span{
	width: 40px;
	height: 2px;
	background: #333;
	position: absolute;
	top: 30%;
	left: 50%;
	transition: .3s;
	content: "";
}
.hamburger-sw span:nth-child(1) {
transform: translate(-50%, -50%);
top: 30%; /* 1番目のスパンの位置 */
}

.hamburger-sw span:nth-child(2) {
transform: translate(-50%, -50%);
top: 48%; /* 1番目と3番目のスパンの間に配置 */
}

.hamburger-sw span:nth-child(3) {
transform: translate(-50%, 500%);
top: 50%; /* 3番目のスパンの位置 */
}
.hamburger-sw p {
position: absolute;
bottom: 5px;
right: 23px;
}
/* ハンバーガーアイコン･アニメーション */
#hamburger:checked ~ .hamburger-sw span:nth-child(1) {
	transform: translateX(-29%) rotate(45deg) translateY(10px);
	top: 30%;
}

#hamburger:checked ~ .hamburger-sw span:nth-child(2) {
	opacity: 0; /* 中央のスパンを非表示に */
}

#hamburger:checked ~ .hamburger-sw span:nth-child(3) {
	transform: translateX(-32%) rotate(-45deg) translateY(-11px);
	top: 50%; /* 中央に移動 */
}

/* メニューエリア */
.hbg_menu_area{
	position: fixed;
	height: 100%;
	background: #fafafa; /* メニューエリアの背景色 */
	z-index: 9998;
	transition: .3s;
	overflow-y: auto; /* メニュー内容が多い場合に縦スクロールする */
	top: 0;
	left: 100%;
	padding: 1em 0 2em;
	width:350px;
	font-weight: 500;
	font-size: 1.1em;
}
/* メニューリスト */
.hamburger-menulist{
	margin-right: 3%;
	padding-left: 5% !important; /* !important不要な場合もあり */
	list-style: none;
}
.hamburger-menulist li a{
	text-decoration: none;
	color: #333; /* メニューリストの文字色 */
	display: block;
	padding: .5em 0;
}
/* メニューエリア･アニメーション */
	/* 右から */
#hamburger:checked ~ .hbg_menu_area{
	left: calc( 100% - 350px );
}
	/* コンテンツカバー */
#hamburger:checked ~ .hamburger-cover{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9997;
	background: rgba(3,3,3,.5);
	display: block;
}
#hamburger{
display: none;
}








/*---メニュー部分（PC）----------------*/
header div.gm ul{
min-height: 80px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
header div.gm ul li{
font-weight: 500;
color: #fff;
text-align: center;
min-height: 80px;
 flex-grow: 1;/*幅ぴったり*/
}
header div.gm ul li:first-child{
margin-left: 20px;
}
header div.gm ul li a br.tablet{
display: none;
}
header div.gm ul li a{
height: 80px;

padding: 0 10px;
display: flex;
justify-content: center;
align-items: center;
}
header div.gm .member a{
background-color: var(--color-gleen);
font-size: 1.1em;
}
/* PC自のGMのhover文字色*/
@media screen and (min-width: 1199px) {
header div.gm ul li a:hover{
color:#FFff00;
mix-blend-mode:screen;
background-color: rgba(255,255,255,0.25);
}
}

@media screen and (max-width: 1260px) {
header div.gm ul li a br.tablet{
display:  block;
}
}
@media screen and (max-width: 500px) {
.hbg_menu_area{
	width: 100%;
}
#hamburger:checked ~ .hbg_menu_area{
	left: 0%;
}
}


ul.glossary,
.mem_nav{
width: 100%;
padding: 20px;
}
.mem_nav{
margin-top: 90px;
background: rgba(80,154,81,.2);
}
@media screen and (min-width: 1259px) {
}

.mem_nav h3{
text-align: center;
font-weight: 500;
font-size: 1.3em;
color: var(--color-gleen);
}
.mem_nav p{
text-align: center;
}
.mem_nav ul{
margin-top: 10px;
}
ul.glossary li,
.mem_nav ul li{
padding: 10px;
}
ul.glossary li a,
.mem_nav ul li a{
position: relative;
padding: 10px;
padding-left: 30px;
}
ul.glossary li a::before,
.mem_nav ul li a::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 22px;
  height: 22px;
  margin: auto;
  border-radius: 20px;
}
.mem_nav ul li a::before {
  background-color: var(--color-gleen);
}
ul.glossary li a::before{
  background-color: var(--color-red);
}
ul.glossary li a::after,
.mem_nav ul li a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 6px solid transparent;
  border-right: 0 solid transparent;
  border-left: 9px solid #fff;
  border-bottom: 6px solid transparent;
  box-sizing: border-box;
}

ul.glossary{
margin-top: 10px;
background: rgba(226,77,77,.2);
}
ul.glossary li a{
padding: 10px;
padding-left: 30px;
}




/*---メニュー部分（SMP）----------------*/


@media screen and (max-width: 1260px) {
.gm{
padding: 20px;
margin-top:20px;
}

header div.gm ul li a br,
header div.gm ul li a br.tablet{
display: none;
}

header div.gm ul{
display: block;
}
header div.gm ul li{
color: #333;
padding: 10px;
text-align: left;
display: block;
min-height: 1em;
margin: 0;
line-height:1.5em;
}
header div.gm ul li a{
display: block;
height: auto;
position: relative;
padding-left: 30px;
}

header div.gm ul li:first-child{
margin-left: 0;
}
header div.gm .member a{
display: none;
}


header div.gm ul li a::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 22px;
  height: 22px;
  margin: auto;
  border-radius: 20px;
  background-color: var(--color-gleen);
}
header div.gm ul li a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 6px solid transparent;
  border-right: 0 solid transparent;
  border-left: 9px solid #fff;
  border-bottom: 6px solid transparent;
}

.mem_nav{
margin-top: 10px;
}
}

/*--　中ページ共通-------------------------------------------------------------------*/

.breadcrumbs{
background-color: #eee;
clear: both;
display: block;
padding: 20px;
padding-left: 330px;/*ロゴの隙間*/
}

@media screen and (max-width: 1600px) {
.breadcrumbs{
padding-left: 185px;/*ロゴの隙間*/
}
}
@media screen and (max-width: 600px) {
.breadcrumbs{
display: none;}
}

.breadcrumbs ul {
display: flex;
gap: 0 15px;
list-style: none;
padding: 0;
font-size: .9em;
}

.breadcrumbs ul li {
display: flex;
align-items: center;
}

.breadcrumbs ul li:first-child::before {
display: inline-block;
width: 1em;
height: 1em;
margin-right: 4px;
/*　background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20ZM11 13V19H13V13H11Z' fill='%23333333'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;　*/
content: '';
}

.breadcrumbs ul li:not(:last-child)::after {
display: inline-block;
margin-left: 15px;
color: #333333;
content: '/';
}

.breadcrumbs ul a {
color: #333333;
text-decoration: underline;
text-underline-offset : 4px;
}



/*----　重なり順　---*/
header {
z-index: 4;
}
header div.logo{
z-index: 5;
}
.hamburger-sw{
z-index: 9999;
}header



/*--　中ページコンテンツ------------------------------------------------------- --*/
/*-- タイトル回り---------- --*/


.pmain_area div{
padding: var(--base-padding);

margin: auto;
}
.pmain_area {
padding: var(--base-padding);
background: linear-gradient(90deg, rgba(80, 154, 81, 0.03), rgba(80, 154, 81, 0.36));
min-height: 1em; /* 必要に応じて調整 */
}
.pmain_area h2{
color: var(--color-gleen);
font-weight: 500;
font-size: 2em;
}
.pmain_area p,
.pmain_area h2{
max-width: var(--base-maxwidth);
text-align: center;
margin: auto;
}

/* 共通  の内容---------------------------------------------*/

.con_wrap{
max-width: var(--base-maxwidth);
padding: var(--base-padding);
margin: auto;
display: flex;
flex-flow: row wrap;
}
.con_wrap.page{
margin-top: 30px;
margin-bottom: 90px;
}

.con_ttl{
width: 220px;
min-height: 6em;
padding-right: 40px;
position: relative;
}
.con_main{/*
width: calc( 100% - 220px );
padding-left: 40px;*/
width: calc(100% - 250px);
padding-left: 90px;
}
.con_ttl::after{
content: '';
width: 2px;
height: 5em;
position: absolute;
top:0;
right: 0px;
}




@media screen and (max-width: 736px) {
.con_wrap{
display: block;
}
.con_ttl,
.con_main{
width: 100%;
}
.con_ttl::after{
content: '';
width: 100%;
height: 2px;
position: absolute;
right: 0px;
top: auto;
bottom: -5px;
}
.con_main{
padding-left: 0;
}
.con_ttl{
padding-right:0;
min-height:2em;
}
}
.con_ttl h3{
font-size: 28px;
font-weight: 600;
margin-bottom: 2em;
}
.con_ttl h3 span{
font-size: .7em;
display: block;
font-weight: 600;
}


/* 緑だった場合 */
.con_ttl.c_green{
padding-right: 20px;
position: relative;
}
.con_ttl.c_green h3{
color: var(--color-gleen);
}

.con_ttl.c_green::after{
background-color:#509a519c ;/*var(--color-gleen)*/
}

/* 青だった場合 */
.con_ttl.c_blue{
padding-right: 20px;
position: relative;
}
.con_ttl.c_blue h3{
color: var(--color-blue);
}

.con_ttl.c_blue::after{
background-color:#7ea1e2 ;/*var(--color-blue)*/
}















footer{
width: 100%;
font-size: 13px;
margin: auto;
text-align: center;

display:flex;
flex-wrap: wrap;

justify-content:space-between;

}



footer section:nth-child(1) {
width : 33em;
padding: var(--base-padding);
}
footer section:nth-child(2) {
width :calc( 100% - 33em );
background-color: var(--color-gleen);
color: #fff;

display: flex;
justify-content: center;
align-items: center;
}


footer nav ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

footer nav ul li {
letter-spacing: 0.15em;
position: relative;
padding: 0 20px;
margin: 10px;
}

footer nav ul li::after {
height: 1em;
width: 1px;
background-color: #fff;
content: "";
position: absolute;
top: 0.3em;
right: -10px;
}

footer nav ul li a:hover{
color: #ffff00;
}

footer nav ul li:last-child::after {
    display: none;
}
@media screen and (max-width: 736px) {
footer {
display: block;
}
footer section:nth-child(1) ,
footer section:nth-child(2) {
width :100%;
}
footer section:nth-child(2) {
padding: 20px;
}
footer nav ul li {
letter-spacing: 0;
margin: 5px;
}
footer section:nth-child(1)  strong{
display: block;
}

}





.copyright{
background-color: #000;
text-align: center;
font-size: 12px;
color: #fff;
padding: var(--base-padding);
}
.copyright div{
height: 100px;

display:flex;
justify-content:center;
align-items:center;
}

/* ------------------------------
上に上がるボタン
------------------------------ */

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 0px;
  line-height: 1;
  z-index: 99;
}
#page-top a {
  background-color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  width: 50px;
		height: 50px;
  text-align: center;
		position: relative;
  display: block;
  border: solid #6a92dd 1px;
  opacity: 0.9;
  transition: all .3s ease;
		margin-bottom: 20px;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}
#page-top a::before {
  content: '';
  width: 20px;
  height: 20px;
  border-top: solid 2px #4069b8;
  border-right: solid 2px #4069b8;
  position: absolute;
  left: 15px;
  transform: rotate(-45deg);
  top: 21px;
		margin-bottom:20px;
}

@media screen and (max-width: 736px) {
#page-top a {
  padding: 14px 5px;
}
}

/* ------------------------------
アニメーション
------------------------------ */


/*左右　ゆらゆら*/
.yurayura {
animation: shake 5s infinite;
}
@keyframes shake {
0% { transform: rotate(8deg);/*時計回りに20度傾いた状態からスタート*/
}
50% {transform: rotate(-8deg);/*反時計回りに20度まで回転*/
}
100% { transform: rotate(8deg);/*時計回りに20度の位置まで回転*/
}
}





/*-common-----------------------------*/






/* ------------------------------
共有
------------------------------ */
img {
 max-width: 100%;
 height: auto;
 width /***/ : auto;
}
.cl {overflow: hidden;}

/* ---------------------------- 
幅
/* ---------------------------- */
.w100 {width: 100%;}
.w70 {width: 68%;}
.w60 {width: 60%;}
.w40 {width: 40%;}
.w30 {width: 25%;}
.w48 {width: 48%;}
.w50 {width: 50%;}

.fr {float: right;}
.fl {float: left;}

@media screen and (max-width: 736px) {
.w100,
.w50,
.w70,
.w60,
.w40,
.w48,
.w30 {width: 100%;}
.fr,.fl {float:none;}
}
.pc{ display: block;}
.smp{ display: none;}
@media screen and (max-width: 736px) {
.pc{ display: none;}
.smp{ display: block;}
}

.parent_center{
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 736px) {
.parent_center{
display: block;
}
}
/*------------------------
背景色
-------------------------*/
.bg_white {background: #ffffff ;}
.bg_gray {background: #F3F3F3;}
.bg_yellow {background: #FFFFD0;}

.bg_gray2{background: linear-gradient(180deg, #fff 0%, #fff calc(100% - 200px), #eee calc(100% - 200px), #eee 100%);}
@media screen and (max-width: 1200px) {
.bg_gray2{background: linear-gradient(180deg, #fff 0%, #fff 30%, #eee 30%, #eee 100%);}
}
@media screen and (max-width: 736px) {
.bg_gray2{background: linear-gradient(180deg, #fff 0%, #fff 22%, #eee 30%, #eee 100%);}
}
/*------------------------
文字色
-------------------------*/
.c_black {color: #000000;}
.c_yerow {color: #FF0;}
.c_white {color: #ffffff;}
.c_oyerow: {color: var(--color-oyellow);}
.c_green: {color: var(--color-gleen);}
.c_red: {color: var(--color-red);}
.c_blue: {color: var(--color-blue);}

/*----------------------*/
/*位置 */
/*----------------------*/
.p05 {padding: 5px;}
.p20 {padding: 20px;}
.p0510 {padding: 5px 10px;}
.pl05 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl50 {padding-left: 50px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr50 {padding-right: 50px;}
.pt05 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pb05 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mb05 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb-05em{margin-bottom: -.5em;}
.ml05 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.mr05 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mrlauto{ margin-left: auto; margin-right:auto;}
.va_b {vertical-align: bottom;}
.va_t {vertical-align: top;}
.va_m {vertical-align: middle;}
/*----------------------*/
/*文字関連 */
/*----------------------*/
.ta_l {text-align: left;}
.ta_c {text-align: center;}
.ta_r {text-align: right;}
.ti_1 {text-indent: -1em; padding-left: 1em;}
.bold {font-weight: bold !important;}
.normal {font-weight: normal !important;}
.f80 {font-size: 80% !important;}
.f90 {font-size: 90% !important;}
.f100 {font-size: 100%;}
.f110 {font-size: 110%;}
.f120 {font-size: 120%;}
.f130 {font-size: 130%;}
.f140 {font-size: 140%;}
.flh23 {line-height: 2.3em;}
.flh16 {line-height: 1.6em;}
.flh20 {line-height: 2em;}
.weight400 {font-weight: 400;}
.weight500 {font-weight: 500;}
.weight600 {font-weight: 600;}

/*----------------------*/
/*ライン*/
/*----------------------*/
.l_b2 {
 border: 2px solid #000 !important;
}

/*----------------------*/
/*table*/
/*----------------------*/

.tbl_p10_0,
.tbl_p10_0 td,
.tbl_p10_0 th{
padding: 10px 0;
}
.tbl_p10_0 th{
padding-right: 10px;
}

.tbl_p20_0,
.tbl_p20_0 td,
.tbl_p20_0 th{
padding: 20px 0;
}
.tbl_p20_0 th{
padding-right: 20px;
}
.tbl_bl td,
.tbl_bl th{
border-bottom: solid 1px #ccc;
}
.tbl_bl tr:first-child th,
.tbl_bl tr:first-child td{
border-top: solid 1px #ccc;
}

/*----------------------*/
/*リスト*/
/*----------------------*/
ol {
 padding-left: 25px;
}
ol li {
 line-height: 1.5em;
}
ul.ul_inl li {
 display: inline;
}
ul.ul_disc li {
 background: url(../imgs/icon_o.gif) no-repeat 0em 0.56em;
 padding-left: 15px;
}
.ul_discg li a, .ul_disc a {
 text-decoration: underline;
}

/*-四角背景　>　アイコン---*/
.ul_m10_0 li{
margin: 10px 0;
}
.ul_m20_0 li{
margin: 20px 0;
}
.ul_arrows_green li{
	position: relative;
	padding-left:20px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}

.ul_arrows_green li::before{
position: absolute;
content: "";
top:0.35em;
left: 0;
width: 14px;
height: 14px;
background: var(--color-gleen);
}
.ul_arrows_green li::after{
position: absolute;
content: "";
left: 3px;
top: 0.75em;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*----------------------*/
/*ボタン*/
/*----------------------*/
a.btn_green,
a.btn_blue{
width: fit-content;
padding: 10px;
background-color: var(--color-blue);
color: #fff;
text-align: center;
position: relative;
padding-right : 70px;
padding-left: 20px;
display: inline-block;
}
a.btn_green{
background-color: var(--color-green);
transition : all 0.5s ease 0s;
}
a.btn_blue{
background-color: var(--color-blue);
transition : all 0.5s ease 0s;
}
a.btn_green::before,
a.btn_blue::before{
content: '';
width: 40px;
height: 1px;
background-color: #fff;
position: absolute;
right: 15px;
bottom: 15px;
transition : all 0.5s ease 0s;
}
a.btn_green::after,
a.btn_blue::after{
content: '';
width: 11px;
height: 11px;
border-left: solid 1px #fff;
transform: rotate(-45deg);
position: absolute;
right: 10px;
bottom: 17px;
transition : all 0.5s ease 0s;
}

a.btn_green:hover{
background-color: rgba(80,154,81,0.8);
}
a.btn_blue:hover{
background-color: rgba(106,146,221,0.8);
}
a.btn_green:hover::after,
a.btn_blue:hover::after{
right: 7px;
}
a.btn_green:hover::before,
a.btn_blue:hover::before{
right: 12px;
}

/*----------------------*/
/*アイコン*/
/*----------------------*/


a[target="_blank"] {
	display: inline-block;
	padding-right: 20px;
	background: url("../imgs/icon_window.svg") no-repeat right center;
}

a[href$=".xls"], a[href$=".xlsx"] {
	display: inline-block;
	padding-right: 20px;
	background: url("../imgs/icon_xlsx.svg") no-repeat right center;
}

a[href$=".pdf"] {
	display: inline-block;
	padding-right: 20px;
	background: url("../imgs/icon_pdf.svg") no-repeat right center;
}

a[href$=".zip"] {
	display: inline-block;
	padding-right: 20px;
	background: url("../imgs/icon_zip.svg") no-repeat right center;
}
a[target="_blank"].icon_none,
a[href$=".xls"].icon_none,
a[href$=".pdf"].icon_none,
a[href$=".zip"].icon_none{
background: none;
	padding-right: 0px;

}