@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;
	}

.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;
}


.headline-a{
					display: inline-block;
  				position: relative;
					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;
}

.headline-a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: #ffffff;
  animation-name: out;
	/*animation-name: in, out;*/
  animation-duration: 1s;
  animation-delay: 0s, .5s;
  animation-timing-function: cubic-bezier(.75, 0, .2, 1);
  animation-fill-mode: forwards;
	/*animation-fill-mode: backwards, forwards;*/
}
.inner {
  animation-name: show;
  animation-duration: 1s;
}
/*@keyframes in {
  0% {
    transform-origin: 0 0;
    transform: scale3d(0, 1, 1);
  }
  100% {
    transform-origin: 0 0;
    transform: scale3d(1, 1, 1);
  }
}*/
@keyframes out {
  0% {
    transform-origin: 100% 0;
    transform: scale3d(1, 1, 1);
  }
  100% {
    transform-origin: 100% 0;
    transform: scale3d(0, 1, 1);
  }
}
@keyframes show {
  0%, 50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

/******▲メインアニメ▲******/

/******▼サブアニメ▼******/

.loading-area {
    display: flex;
    justify-content: center;
    gap: 0px;
}

.loading-area span {
    display: inline-block;
    color: #00a13e;
    font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
		font-size: 18px;
		line-height: 26px;
		font-weight: 600;
    /*animation: rotate 2s infinite linear;*/
		animation: rotate 2s linear;
    /*text-transform: lowercase;*/
}

.loading-area span:nth-child(2) {
    animation-delay: 0.1s;
}

.loading-area span:nth-child(3) {
    animation-delay: 0.2s;
}

.loading-area span:nth-child(4) {
    animation-delay: 0.3s;
}

.loading-area span:nth-child(5) {
    animation-delay: 0.4s;
}

.loading-area span:nth-child(6) {
    animation-delay: 0.5s;
}

.loading-area span:nth-child(7) {
    animation-delay: 0.6s;
}

.loading-area span:nth-child(8) {
    animation-delay: 0.7s;
}

.loading-area span:nth-child(9) {
    animation-delay: 0.8s;
}

.loading-area span:nth-child(10) {
    animation-delay: 0.9s;
}

.loading-area span:nth-child(11) {
    animation-delay: 1s;
}

.loading-area span:nth-child(12) {
    animation-delay: 1.1s;
}

.loading-area span:nth-child(13) {
    animation-delay: 1.2s;
}

.loading-area span:nth-child(14) {
    animation-delay: 1.3s;
}

.loading-area span:nth-child(15) {
    animation-delay: 1.4s;
}

.loading-area span:nth-child(16) {
    animation-delay: 1.5s;
}

.loading-area span:nth-child(17) {
    animation-delay: 1.6s;
}

.loading-area span:nth-child(18) {
    animation-delay: 1.7s;
}

.loading-area span:nth-child(19) {
    animation-delay: 1.8s;
}

.loading-area span:nth-child(20) {
    animation-delay: 1.9s;
}

@keyframes rotate {
70% {
        transform: rotateX(0deg);
				color: #28FF00;
    	}

50% {
    transform: rotateX(180deg);
		color: #ffff00;
	}	
	
100% {
    transform: rotateX(360deg);
		color: #00a13e;
	}

}

/******▲サブアニメ▲******/

/*.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;
}*/

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

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

/*.p_pos{
	margin: 0 auto 5px;
}*/

.TXT-01{
	/*overflow: hidden;*/
  position: relative;
}

	.TXT-01:before {
  animation: TXT-01 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	/*animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;*/
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes TXT-01 {
	
100% {
    transform: translateX(-100%);
  }
}

.p_size{
	width: 322px;
	height: 255px;
}

.img-wrap {
	margin: 5px 0px 0px 0px;
  overflow: hidden;
  position: relative;
}

.img-wrap:before {
  animation: img-wrap 3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	/*animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;*/
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}


@keyframes img-wrap {
	
100% {
    transform: translateX(100%);
  }
}


.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: 0px auto 10px;
					text-align: center;
					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;
}

/*.S_head_B{
					margin: 0px auto 0px;
					text-align: center;
					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;
		}*/

/*.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;
}*/

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

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


.txt_h{
					margin: 0px auto 2px 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{
					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_Br{
					margin: 0px auto 26px auto;
					width: 322px;
					text-align: right;
					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;
}


.S_head_B2{
					margin: 50px 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 auto 20px;
					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;
					border-bottom: 1px;
					border-style: solid;
					border-color: #000000;
		}

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


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

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

.S_head_S3{
					margin: -7px auto 20px;
					padding: 0px 0px 5px 0px;
					text-align: left;
					color: #00a13e;
					font-size: 16px;
					line-height: 30px;
					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;
		}



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