@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500|Noto+Sans+TC&display=swap');

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600&display=swap');

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.Noto_Sans_JP{
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
.mincho,
.Noto_Serif_JP{
	font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


article, aside, dialog, figure, footer, header, menu, nav, section{
	display: block;
	@media print, screen and (max-width: 767px) {margin:0;}/*@media print, screen and (min-width: 768px) 
*/
	padding:0;
}



body{
	padding:0;
	margin:0;
	color:#222;
}
ul, ol, dl,dt,dd,div,ol,ul,li{
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}
li{list-style-type:none;}

textarea{font-size:100%;}

a{outline:none;border:0;}

img{vertical-align: middle;border:0;}

#genzai a:hover img,
header a:hover img,
.top_mainimg a:hover img,
.wrapper a:hover img,
.wrapper input[type="image"]:hover,
footer a:hover img{
	opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a:link{color:#057231;text-decoration:none;}
a:visited{color:#057231;text-decoration:none;}
a:hover{color:#e50202;text-decoration:underline;}
a:active{color:#057231;text-decoration:none;}

/*位置と状態*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.cen{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.bold{font-weight:bold;}

/*余白*/
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb5em{margin-bottom:5em;}
.mt3em{margin-top:3em;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f11{font-size:11px;}
.jisage{
	padding-left:1em;
	text-indent:-1em;
}
input[type="checkbox"],
input[type="text"],
select{
	margin:0 4px 0 0;
}
img.waku{
	padding:2px;
	background:#fff;
	border:1px solid #ccc;
}
/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:middle;
}
.red{color:#CC3300;}

.logo{
	display:block;
	float:left;
	width:249px;
	height:46px;
	margin:6px 0 0 0;
	background: url(../img/logo.png) no-repeat;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
.logo:hover{
opacity:0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}


.head_btn_sns li img{width: 100%;}

@media print, screen and (max-width: 767px) {
		header{
		min-height: 55px;
		}
		.pan{
		padding-inline:2%;
		box-sizing: border-box;
		line-height: 20px;
		font-size: 11px;
		text-align:right;
		margin-bottom: 2em;
		}
		.head_btn_sns{
		display: inline-block;
		margin:6px 0 0 0;
		}
		.head_btn_sns li{
		width: 40px;
		display: inline-block;
		}
		.head_btn_sns li+li{margin-left: 6px;}
		.header_inner{
		display: none
		}
		/*サイズ切り替えで動いてほしくない画像boxにはfont-size:12px;を追記する*/
		.header_inner .btnarea{
		display: none
		}
		/*インフォエリア*/
		.bk_header_info{
		display: none
		}
}/*@media print, screen and (min-width: 768px) 
*/



/*ナビ*/
nav{
margin:0 auto;
}
nav:after{content: "";display: block;clear: both;}




/*-----------------------------------------------
共通
-----------------------------------------------*/
.wrapper {	/*大枠。スクロールすると切れるのを防ぐ*/
width:100%;
overflow:hidden;
}
/*-----------------------------------------------
footer
-----------------------------------------------*/
footer{
	width:100%;
	overflow:hidden;
}



.footer_inner{
padding-block:20px;
padding-inline:2%;
background: linear-gradient(to bottom, #093C0F 0%, #0B5212 88%);
	margin:0 auto;
}

.pagetop{
	height:32px;
	line-height:32px;
	text-align:center;
	margin-bottom: 20px;
}
dl.footer_contents{
}
dl.footer_contents:after{content: "";display: block;clear: both;}

dl.footer_contents dt{
	margin:0 0 16px 0;
}
dl.footer_contents dd{
	margin:0 0 36px 6px;
}
dl.footer_contents dd:last-child{
	margin:0 0 22px 6px;
}
dl.footer_contents dd ul{
	overflow:hidden;
}
dl.footer_contents dd ul li{
	float:left;
	margin:0 24px 10px 0;
	line-height:1.3;
}
dl.footer_contents dd ul li span{
	font-size:11px;
	color:#A9D0B4;
}
dl.footer_contents dd ul li a{
	padding:0 0 0 16px;
	background:url(../img/icon_yellow_ya.png) no-repeat 0 2px;
}
footer a:link{color:#fff; text-decoration: none;}
footer a:visited{color:#fff; text-decoration: none;}
footer a:hover{color:#fff;text-decoration:underline;}
footer a:active{color:#fff; text-decoration: none;}

.copyright{
	color:#69AC76;
	text-align:right;
	font-size:11px;
}


/*しおり*******/

.title_txt{
text-align: center;
font-size: 36px;
color: #0A5312;
}

.switch_content {
max-width: 500px; /* 全体の幅 */
border-top: 3px solid #0A5312; /* 全体を囲む枠線 */
background-color: #EFF0F1;
margin-inline: auto;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
padding: 20px;
margin-bottom: 70px;
box-sizing: border-box;
}

#switch {
display: none; /* チェックボックスを除去 */
}

.button {
display: block;
position: relative;
padding: 0px 10px;
background-color: #DBDDDE;
width: 4em;
}

.shiori_mokuji .fa,
.shiori_mokuji{
color: #0A5312;
font-size: 18px;
font-weight: bold;
}



.icon { /* アイコン全体のスタイル */
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-52%);
  width: 22px;
  height: 22px;

}

.icon::before, .icon::after{ /* 「×」印のスタイル */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; /* 棒の幅（太さ） */
  height: 15px; /* 棒の高さ */
  background: #666; /* 棒の色 */
  transition: 0.5s all; /* クリック時のアニメーション設定 */
}

.icon::before{  transform: translate(-50%,-50%) rotate(90deg);}
.icon::after{  transform: translate(-50%,-50%) rotate(0deg);}

.open,.close {
  margin-left: 27px;
		font-size: 12px;
}

.open { /* 表示ボタンのスタイル */
  display: inline-block; /* デフォルトは表示 */
}

.close { /* 閉じるボタンのスタイル */
  display: none; /* デフォルトは非表示 */
}

.contents { /* コンテンツのスタイル */
  display: none; /* デフォルトは非表示 */
  padding:20px;
}

 /* 以降、チェック時（クリック後）のスタイル */

#switch:checked + .button > .icon::before{

  transform: translate(-50%,-50%) rotate(90deg);
}

#switch:checked + .button > .icon::after{

  transform: translate(-50%,-50%) rotate(90deg);
}

#switch:checked + .button > .open{
  display: none; /* 表示ボタンを非表示 */
}

#switch:checked + .button > .close{
  display: inline-block; /* 閉じるボタンを表示 */
}

#switch:checked ~ .contents {
  display: block; /* コンテンツを表示 */
}

.shiori_mokuji_li{
padding-left: 1em;
}
.shiori_mokuji_li li{
font-weight: bold;
font-size: 16px;
list-style-type: disc;
}

.shiori_mokuji_li li a:not(:hover) {color:#222;text-decoration:none;}
.shiori_mokuji_li li a:hover{color:#222;text-decoration:underline;opacity: 0.5;}

.shiori_mokuji_li li ul{
padding-left: 1em;
}

.shiori_mokuji_li li ul li{
font-weight: normal;
font-size: 15px;
}

#shiori{

@media print, screen and (max-width: 767px) {margin-inline: 1%;}/*@media print, screen and (min-width: 768px) */
}
#shiori section.space{
margin-bottom: 90px;
}
@media print, screen and (max-width: 767px) {
		#shiori img{
		max-width: 100%;
		}
		.shiori_flx img{
		display: block;
		margin-inline: auto;
		}
}/*@media print, screen and (min-width: 768px) */

.shiori_ttl0{
position: relative;
display: inline-block;
padding: 20px;
@media print, screen and (max-width: 767px) {padding: 10px;}/*@media print, screen and (min-width: 768px) */
width: 100%;
font-size: 16px;
background: #008b2c;
border-radius: 6px;
margin-bottom: 50px;
box-sizing: border-box;
}

.shiori_ttl0:before {
content: "";
position: absolute;
top: 100%;
left: 60px;
margin-left: -15px;
border: 10px solid transparent;
border-top: 15px solid #008b2c;
}

.shiori_ttl0 p{
color: #fff;
font-size: 26px;
font-weight: bold;
}

.shiori_ttl1{
font-weight: bold;
font-size: 20px;
padding: 10px;
color: #0A5312;
border-top: 2px solid #0A5312;
border-bottom: 2px solid #0A5312;
margin-bottom: 20px;
}

.shiori_ttl2{
color: #0A5312;
font-weight: bold;
font-size: 26px;
}
.shiori_come{
font-weight: bold;
font-size: 20px;
}

.shiori_come span{
 background:linear-gradient(transparent 60%, #ff6 60%);
}
.shiori_checkli li{
font-size: 16px;
text-indent: -1em;
padding-left: 2em;
margin-bottom: 20px;}

.shiori_checkli li:before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f05d';
color: #008b2c;
font-size: 30px;
margin-right: 4px;
font-weight: normal;
}


.shiori_checkli li ol{
list-style-type: decimal;
}

.shiori_checkli li ol li{
list-style-type: decimal;
text-indent: 0em;
padding-left: 0em;
margin-left: 2em;
margin-bottom: 0px;
}

.shiori_checkli li ol li:before {
content: '';
display: none;
}

.shiori_checkli li span{
color: #c70909;
}

.shiori_checkli li span.txt_s
{
color: #222;
font-size: 12px;}

.shiori_checkchace{
font-weight: bold;
font-size: 16px;
}

.shiori_pad1{
padding-inline:1em;}

.linkposi{
display: block;
margin-top:-150px;
padding-top:150px;
}

.ml1em{
margin-left: 1em;
}

.triangle {
background: #fafafa;
margin: 0 auto;
position: relative;
}

/* ラベル部分 左上に表示 */
.triangle::before {
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent;
border-left: 4em solid #666; /* ラベルの色はここで変更 */
position: absolute;
z-index: 0;
}
.triangle::after {
content: "1";
display: block;
top: 5px;
/*transform: rotate(-45deg);*/
color: #fff; /* 文字色はここで変更 */
left: 0.6em;
position: absolute;
font-size: 18px;
z-index: 1;
}
.shiori_setsubili01.li001 li:nth-child(7) p{
font-size: 15px;}

.shiori_setsubili01 li:nth-child(1) .triangle::after {
content: "1";
}

.shiori_setsubili01 li:nth-child(2) .triangle::after {
content: "2";
}

.shiori_setsubili01 li:nth-child(3) .triangle::after {
content: "3";
}

.shiori_setsubili01 li:nth-child(4) .triangle::after {
content: "4";
}

.shiori_setsubili01 li:nth-child(5) .triangle::after {
content: "5";
}

.shiori_setsubili01 li:nth-child(6) .triangle::after {
content: "6";
}

.shiori_setsubili01 li:nth-child(7) .triangle::after {
content: "7";
}
.shiori_setsubili01 .triangle p{
padding: 4px 4px 4px 5em;
font-size: 13px;
line-height: 1.5;
}
.shiori_setsubili01.li001 li img{
box-sizing: border-box;
padding: 20px;
max-width: 100%;
}
.shiori_setsubili01.li002 li img{
box-sizing: border-box;
padding: 20px;
max-width: 100%;
}
.shiori_setsubili01 li img{
display: block;
margin-inline: auto;
}

.shiori_setsubili01 li{
margin-bottom: 2em;
}

.shiori_setsubi_svgsize img{
max-width: 600px;
margin-inline: auto;
display: block;
}

/**/
.attentionli ol{
list-style-type: decimal;
margin-left: 2em;
}

.attentionli ol li{
list-style-type: decimal;
text-indent: 0em;
padding-left: 0em;
margin-bottom: 0px;
}




.attentionli li ol {
list-style: none;
counter-reset: number;
margin-left: 0em;
}
.attentionli li ol li {
list-style: none;
position: relative;
padding-left: 2em;
}
.attentionli li ol li::before {
counter-increment: number;
content: '（' counter(number) '）';
position: absolute;
left: 0;
}

.shiori_setsubi_tbl{
margin-bottom: 2em;
}

.shiori_setsubi_tbl table{
border: 1px solid #ccc;
}

.shiori_setsubi_tbl table th{
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
@media print, screen and (max-width: 767px) {padding: 8px;}/*@media print, screen and (min-width: 768px) */
}
.shiori_setsubi_tbl table td{
width: 32%;
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
@media print, screen and (max-width: 767px) {font-size: 90%;padding: 8px;}/*@media print, screen and (min-width: 768px) */
}

.th_vertical{
writing-mode: vertical-rl;
}