@charset "UTF-8";

.clear { clear:both; } /*floatの解除*/

body{ background-color: #ffffff; }

a {text-decoration: none;}

html { scroll-behavior: smooth;}

.content {
					margin: 0px auto;
					width: 100%;
					height: auto;
					background-color: #ffffff;
					/*border-style: solid;
					border-width: 0px 0px 20px 0px;
					border-color: #94b8d6;*/
					}

/******▼header▼******/

header {
					padding-top:10px;
  				background: #ffffff;
					width: 322px;
					margin: 0px auto;
				}


/*=====================▼折りたたみメニュー▼=====================*/

.L_line{display: none;}
.LS_line{display: block;}

/*
#leftbar {
  padding:10px;
  background: #9B0926;
}
*/
/*
.chkbox input[type=checkbox] {
	width:			24px;
	height:			24px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}*/

#nav-drawer {
  position: relative;
	margin: -10px 0px 0px 277px;
	z-index: 5;
	width: 36px;
	padding: 0px 10px 0px 0px;
	/*background-color: antiquewhite;*/
	/*border-bottom-width: 1px;
	border-bottom-color: #FF0000;
	border-style: solid;*/
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:block;
	opacity: 0;
	position: absolute;
	width: 100px;
	height: 100px;
	right: -20px;
	top: -43px;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 25px;
  height: 30px;
	padding: 10px;
  vertical-align: middle;
	background-color: #00a23e;
/*	opacity: 0.4;*/
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
	margin: 5px 0px 0px 0px;
	/*right: 0px;*/
  height: 2px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 2px;
  background: #ffffff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -10px;
}
#nav-open span:after {
  bottom: -20px;
}


/*閉じる用の薄黒カバー*/
#nav-close {
	display: none; /*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	text-align: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 322px;/*最大幅（調整してください）*/
  height: 100%;
  background: #E6E6E6;/*背景色*/
	opacity: 0.95;
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%); /*左に隠しておく*/
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: 0.5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  /*box-shadow: 6px 0 25px rgba(0,0,0,.15);*/
}

.del {}

.close{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	box-sizing: border-box;
	/*border-color: #94b8d6;*/
	border-style: solid;
	background-color: #00a23e;
	height: 36px;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	line-height: 40px;
	font-family: 'Poppins', sans-serif;
}

.top_menu_txt_2{
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #000000;
		font-size: 14px;
		line-height: 22px;
		font-weight: 400;
		font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
}

.top_menu_txt_2:hover { color: #00a23e; }

.pc_r{display: none;}

.sp_r{
			margin-top: 20px;
			display: block;
			}

#itemMenu {
margin-top: 40px;
}

#itemMenu li {
margin: 30px auto;
width:50%;
position:relative;
text-align: center;
}

.item{
	height: 50px;
}

.item_2{
	height: 50px;
}

/*.item_s{
	height: 50px;
}*/


#itemMenu li a {
font-size: 14px;
line-height: 16px;
font-weight: 400;
font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
color: #000000;
text-decoration: none;
text-align:center;
padding: 1px 0;
display:block;

/*z-index: 100;*/
position:relative;
}

#itemMenu li a:hover {
	color: #00a23e;
	font-weight: 600px;
}


#itemMenu li ul.sub {
/*height: 0px;
width: auto;*/
position:absolute;
/*left: 0px;*/
z-index: 99;
/*top: 0px;*/
/*font-size: 10px;*/
/*padding-top: 0px;
padding-bottom: 0px;*/
background: #00a23e;
/*opacity: 1;*/
border-radius:20px 20px 20px 20px;
display: none;
/*overflow:hidden;	*/
/*-webkit-transition: opacity 200ms linear, top 200ms ease-in;*/
}

#itemMenu li:hover ul.sub {
/*position:absolute;*/
display: block;
padding: 0px 0px 0px 0px;
/*z-index: 100;	*/
left: -25%;
height: auto;
width: 150%;
/*background: #ffffff;*/	
/*opacity: 1;*/
top: 18px;
}

#itemMenu li ul.sub li {
/*float:none;*/
	
}

#itemMenu li ul.sub li a {
margin: 0px 0px 0px 0px;
font-size: 14px;
/*line-height: 12px;	*/
height: auto;
width: 183%;
left: -49%;	
color: #ffffff;
text-align:center;
padding: 15px 10px ;
font-weight: 400;
/*background-image:none;*/
/*background-color: #DDE8E9;*/
background: #00a23e;	
/*text-shadow:none;
border: none;*/
}
#itemMenu li ul.sub li a:hover {
/*background-image:none; */
/*background-color: #CCE2D0;*/
/*border: none;*/
background-color: #077A33;
color: #FFFF83;	
}

/*=====================▲折りたたみメニュー▲=====================*/

.search-sp{
	/*visibility:hidden;*/
	width: 83%;
	margin: -40px 0px 0px 0px;
	/*background-color: aquamarine;*/
}

.search-pc{display: none;}

.pc {display: none;}
.sp {display: block;}

.L_line{display: none;}

/******▲header▲******/


/******▼main▼******/

main {
					margin: 0px auto 5px;
					width: 322px;
					height: auto;
					/*background-color: #D3D3D3;*/
				}




.headline{
					
					margin: 25px auto 0px;
					text-align: center;
					color: #000000;
					font-size: 26px;
					line-height: 40px;
					font-weight: 600;
					font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
}

.head_s{
					text-align: center;
					margin: 0px auto 45px auto;
					color: #00a13e;
					font-size: 18px;
					line-height: 26px;
					font-weight: 600;
					font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
}

.His_txt{
				width: 322px;
				margin: 0px auto;
				/*display: flex;
				justify-content: space-between;*/
	
}

.g_txt{
	color: #00a13e;
}

.txt_2{
					margin: 0px auto 30px auto;
					width: 322px;
					/*column-gap: 70px;
					column-count: 2;*/
					text-align: justify;
					color: #000000;
					font-size: 14px;
					line-height: 26px;
					font-weight: 400;
					font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
}


/******▲main▲******/


