@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▼******/

.G-mao-B{display: none;}
.G-mao-S{display: block;}


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 40px 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;
}

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


.content_txt{
	margin: 0 auto;
	width: 322px;
}


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

.lead_S{
					padding: 0px 0px 10px 0px;
					margin: 60px auto 10px;
					text-align: left;
					color: #000000;
					font-size: 18px;
					line-height: 18px;
					font-weight: 600;
					font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
					border-bottom: 1px;
					border-style: solid;
					border-color: #000000;
}


.txt{
					margin: 0px auto 15px auto;
					width: 322px;
					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;
	}

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

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

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

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

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

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


.under_p{
	margin: 0 auto;
	width: 322px;
	/*display: flex;*/
}

.p_pos{
	margin: 0 auto -7px;
	width: 190px;
}

.p_size{
	width: 190px;
	height: auto;
}


.flow{
		position: relative; 
		margin: 0px auto 50px;
		/*display: flex;
		align-items: center;
		justify-content: space-between;*/
		text-align: center;
		width: 322px;
		height: auto;
	
}

.button{
	
			margin: 12px auto 0px;
			width:322px;
			height:40px;

			display: inline-block;
			text-align: center;
			text-decoration: none;
			border-radius: 8px;
			color: #00a23e;		
			font-weight: 400;
			border-style: solid;
			border-width: 1px;
			border-color: #00a23e;
    	/*background: #36abdf;*/
			/*border-top: #9BCBE2 solid 2px;
			border-left: #A0D3DA solid 2px;
			border-bottom: #207BA3 solid 2px;
			border-right: #207BA3 solid 2px;*/
			font-size: 16px;
			line-height: 40px;
			font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
	
			-moz-box-sizing: border-box;
   		-webkit-box-sizing: border-box;
   		-o-box-sizing: border-box;
   		-ms-box-sizing: border-box;
   		box-sizing: border-box;	
}

.button:hover {
			color: #ffffff;	
			font-weight: 400;
    	background: #00a23e;
		}

.m_pos{
	text-align: center;
	width:322px;
	margin: 10px 0px 0px 0px;
}

.m_size{
	height: 180px;
}

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