@charset "UTF-8";

@page {
  margin: 5mm;
  size: 210mm 297mm; /* A4縦サイズの場合 */
}
@media print {
  /* 全体設定 */
  body {
    -webkit-print-color-adjust: exact; /* 印刷時でも背景色や背景画像を表示 */
    width: 950px; /* 印刷時の全ページ幅を統一（px数値はお好みで） */
		/*height: auto;*/
    /*zoom: 0.8;*//* なるべく多くのブラウザで切れないようにするため */
		/*ransform: scale(0.6);*/
		zoom: 0.7;
  }
	
		/*section {
    page-break-before: always; 
  }*/
	/* 各セクションで改ページが行われるようにしています */
}

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

a {text-decoration: none;}

html { scroll-behavior: smooth;}

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

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

header {
					position: fixed;
					padding-top: 20px;
					width: 100%;
					height: 100px;
					inset: 0;
					margin: 0px auto;
					z-index: 9999;
					background-color: #FFFFFF;
				}


#nav-drawer {}

.nav-unshown {display:none;}

#nav-open {display:none;}
#nav-open span, #nav-open span:before, #nav-open span:after {display:none;}
#nav-open span:before {display:none;}
#nav-open span:after {display:none;}
#nav-close {display:none;}
#nav-content {display: block;}
/*#nav-content {
					display:flex;
					justify-content: flex-end;
				}*/
#nav-input:checked ‾ #nav-close {display:none;}
#nav-input:checked ‾ #nav-content {display:none;}

.del {display:none;}

.search-pc{
	margin: 0px auto;
	width: 1000px;
	display: flex;
	justify-content: space-between;
	/*background-color: antiquewhite;*/
}

.search-sp {display:none;}

.search-w{
	/*visibility:hidden;*/
	width: 40%;
	margin: 5px 0px 0px 0px;
}

.pc_r {
				padding: 10px 0px 0px 0px;
				width: 50%;
				display: flex;
				justify-content: space-between;	
			}

.r-site{
		margin: 12px 0px 0px 0px;
		width: 110px;
		height: 30px;
		font-size: 14px;
		text-align: center;
		color: #00a23e;
		line-height: 26px;
		font-weight: 400;
		font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
		/*background-color: aquamarine;*/
		border:1px solid #00a23e;
		box-sizing: border-box;
		border-radius: 16px;
}

 .sp_r {display: none;}

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

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

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

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


#itemMenu {
width: 1800px;
display: flex;
justify-content: flex-end;
margin: 20px auto 0px;
/*text-align: right;*/
/*align-items: flex-end;*/
/*boxの影-------------------------*/
/*box-shadow:1px 1px 3px rgba(0,0,0,0.4);*/
/*background-color: #E5DBB2;*/
}

#itemMenu li {
padding-left: 60px;	
width:auto;
position:relative;
/*text-align: right;*/
/*background-color: #80E5E9;*/
}

.item{
	height: 28px;
	/*border-left: #b5b5b6 solid 2px;*/
	padding: 6px 0px 0px 0px;
}

.item_2{
	display: none;
}

/*.item_s{
	display: none;
}*/


#itemMenu li a {
font-size: 15px;
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: 10;
position:relative;
}

#itemMenu li a:hover {
	color: #00a33e;
}


#itemMenu li ul.sub {
height: 0;
width: 0;
overflow:hidden;
position:absolute;
z-index: 10;
top: 0;
left: -10px;
font-size: 14px;
padding-top: 5px;
padding-bottom: 6px;
/*background: #ffffff;*/
opacity: 0.5;
-webkit-transition: opacity 200ms linear, top 200ms ease-in;
/*border-radius:0 0 6px 6px;*/	
}

#itemMenu li:hover ul.sub {
height: auto;
/*width: 120%;*/
width:19em;
/*background: #ffffff;*/	
opacity: 1;
top: 26px;
}

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

#itemMenu li ul.sub li a {
/*width: 120%;*/
/*width:17em;*/	
font-size: 14px;
color: #ffffff;
text-align:left;
padding: 14px 14px;
font-weight: 600px;
font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
background-image:none;
/*background-color: #DDE8E9;*/
background-color: rgba(0,162,62,0.8);
text-shadow:none;
border: none;
}

#itemMenu li ul.sub li a:hover {
background-image:none;
background-color: rgba(7,122,51,0.9);
color: #FFFF83;
/*font-weight: 400;*/
/*background-color: #CCE2D0;*/
border: none;
}


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

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



main {
				position: relative; 
				margin: 160px auto 100px;
				width: 1000px;
				height: auto;
				background-color: #ffffff;
			}

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


/******▼メインアニメ▼******/

.HEADLINE{
					
					margin: 60px auto 5px;
					text-align: center;
}

.headline-a{
	display: inline-block;
  position: relative;
/*	margin: 60px auto 5px;
	text-align: center;*/
	color: #000000;
	font-size: 40px;
	line-height: 65px;
	font-weight: 400;
	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: 26px;
		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 {
 50% {
        transform: rotateX(0deg);
				color: #28FF00;
    }

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

}

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

.head_s{
					text-align: center;
					margin: 0px auto 75px auto;
					color: #00a13e;
					font-size: 26px;
					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: 770px;
	
}


.head_p{
	margin: 0 auto;
	width: 770px;
	display: flex;
}

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


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

	.TXT-01:before {
  animation: TXT-01 2s 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: 378px;
	height: auto;
}

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

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

.img-wrap:before {
  animation: img-wrap 4s 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%);
  }
}

/*  100% {
    transform: translateX(100%);
  }*/

/*.img-wrap {
	margin: 5px 0px 0px 0px;
  animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1);
}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }

  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}*/






/*.anim-box {
  background: linear-gradient(to right, #362ae0 0%,#3b79cc 50%,#42d3ed 100%);
  border-radius: 5px;
  max-width: 400px;
  height: 250px;
}*/

/*
.anim-box.fadein.is-animated {
  animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
*/


/*.anim-box {
  background-image: url("../../image/part_test/1-1.png");
  border-radius: 0px;
  width: 378px;
  height: 300px;
}*/

/*.anim-box {
  background: linear-gradient(to right, #362ae0 0%,#3b79cc 50%,#42d3ed 100%);
  border-radius: 5px;
  max-width: 378px;
  height: 300px;
  opacity: 0;
  transform: translateX(180px);
}*/

.anim-box.slidein.is-animated {
  animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  opacity: 1;
  transform: translateX(0);
}
 
@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
  40%,100% {
    opacity: 1;
  }
}
 




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

.lead_S{
					padding: 0px 0px 10px 0px;
					margin: 0px auto 10px;
					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;
					border-bottom: 1px;
					border-style: solid;
					border-color: #000000;
}



/*.lead{
					margin: 0px auto 83px;
					text-align: center;
					color: #000000;
					font-size: 18px;
					line-height: 34px;
					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: 24px;
					line-height: 32px;
					font-weight: 600;
					font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
		}

/*.S_head_S{
					margin: 0px auto 20px;
					text-align: center;
					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_h{
					margin: 0px 0px 3px auto;
					width: 378px;
					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 26px auto;
					width: 770px;
					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: 770px;
					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: 0px 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: 770px;
					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;
		}


.b-top{
				text-align: center;
				margin: 0px auto 20px;
			}



.button-top{

			width:120px;
			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;
			font-size: 20px;
			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-top:hover {
			color: #ffffff;	
			font-weight: 400;
    	background: #00a23e;
		}


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