@charset "UTF-8";

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

body{ background-color: #ffffff;}

a {text-decoration: none;}

/*html {}*/

html { scroll-behavior: smooth;}

.content {
						margin: 20px auto 0px;
						width: 1000px;
						height: auto;
						background-color: #ffffff;
						/*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;
}

.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: flex-start;	
			}

 .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: 1000px;
display: flex;
justify-content: flex-end;
margin: 10px 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:21em;
/*background: #ffffff;*/	
opacity: 1;
top: 26px;
}

#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: 220px auto 50px;
				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;
}

.head_s{
					text-align: center;
					margin: 0px auto 85px 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;

	}

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

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


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


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

.p_pos{
	
}

.p_size{
	width: 385px;
}

#emb{
	/*background-color: aqua;*/
	text-align: center;
	height: 10px;
	margin: 0px auto 150px;
}

#bus{
	/*background-color: aqua;*/
	text-align: center;
	height: 10px;
	margin: 0px auto 150px;
}

#pro{
	/*background-color: aqua;*/
	text-align: center;
	height: 10px;
	margin: 0px auto 150px;
}

.head_ps{
	margin: 0 auto 5px;
	width: 400px;
	display: flex;
}

.photo-1{
	width:200px;
	height:138px;
	/*background-color:gray;*/
	background-image:url("../../../image/SRC_C/part_3/3-3.png"); 
	background-repeat:no-repeat;
	background-size:235px;
	background-position: -35px -5px;	
}

.photo-2{
	width:200px;
	height:138px;
	/*background-color:gray;*/
	background-image:url("../../../image/SRC_C/part_3/3-4.png"); 
	background-repeat:no-repeat;
	background-size:285px;
	background-position: -25px -45px;	
}

.photo-3{
	width:200px;
	height:138px;
	/*background-color:gray;*/
	background-image:url("../../../image/SRC_C/part_3/3-5.png"); 
	background-repeat:no-repeat;
	background-size:222px;
	background-position: -20px -10px;	
}

.photo-4{
	width:200px;
	height:138px;
	/*background-color:gray;*/
	background-image:url("../../../image/SRC_C/part_3/3-6.png"); 
	background-repeat:no-repeat;
	background-size:235px;
	background-position: -15px -0px;	
}

.photo-5{
	width:200px;
	height:138px;
	/*background-color:gray;*/
	background-image:url("../../../image/SRC_C/part_3/3-7.png"); 
	background-repeat:no-repeat;
	background-size:340px;
	background-position: -95px -30px;	
}

.photo-6{
	width:200px;
	height:138px;
	/*background-color:gray;*/
	background-image:url("../../../image/SRC_C/part_3/3-8.png"); 
	background-repeat:no-repeat;
	background-size:225px;
	background-position: -0px -0px;	
}


/*.ps_pos{
	
}

.ps_size{
	width: 130px;
}*/





.lead_B{
					margin: 50px auto 30px;
					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;
}

.g_color{
					color: #00a13e;
					font-size: 24px;
					font-weight: 600;
					font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic', serif;
}



.lead{
					margin: 0px auto 0px;
					/*margin: 0px auto 85px;*/
					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: 100px 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{
					margin: 0px auto 70px 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-t{
					margin: 0px auto 20px auto;
					width: 672px;
					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;
}

.Product{
	display: flex;
	justify-content: space-between;
	margin: 0px auto 70px auto;
	width: 770px;
	/*background-color: antiquewhite;*/
	
}


.item-t{
	width: 476px;
	
	
}

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


.drorn{
	margin: 65px 0px 0px 0px;
	width:266px;
	height:auto;
	/*background-color:gray;*/
	background-image:url(../../../image/SRC_C/part_3/drorn.png); 
	background-repeat:no-repeat;
	background-size:375px;
	background-position: -47px 0px;	
}


.face{
	margin: 65px 0px 0px 0px;
	width:266px;
	height:auto;
	/*background-color:gray;*/
	background-image:url(../../../image/SRC_C/part_3/face.png); 
	background-repeat:no-repeat;
	background-size:600px;
	background-position: -160px 0px;	
}


.car{
	margin: 65px 0px 0px 0px;
	width:266px;
	height:auto;
	/*background-color:gray;*/
	background-image:url(../../../image/SRC_C/part_3/CAR.png); 
	background-repeat:no-repeat;
	background-size:400px;
	background-position: -35px 0px;	
}


.ship{
	margin: 65px 0px 0px 0px;
	width:266px;
	height:auto;
	/*background-color:gray;*/
	background-image:url(../../../image/SRC_C/part_3/ship-02.png); 
	background-repeat:no-repeat;
	background-size:420px;
	background-position: 0px -30px;	
}

.txt_c{
					margin: 0px auto 0px auto;
					width: 770px;
					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_c:hover{
					color: #00a13e;
}

.column{
	margin: 160px auto 70px auto;
	width: 770px;
	border: solid 1px #00a13e;
	border-radius: 10px;
}

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


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

.column-txt{
	margin: 10px auto 25px auto;
	width: 714px;
	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;
}

.column-profile{
	margin: 15px auto 10px auto;
	width: 714px;
	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;
}



.u-system{
	margin: 80px auto 70px;
	width: 680px;
	display: flex;
	justify-content: space-between;
	/*background-color: antiquewhite;*/
}

.system-etc{
	width: 300px;
	/*background-color: beige;*/
}


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

.head_pt{
	margin: 0 auto 0px;;
	width: 240px;
}

.pt_pos{
	margin: 10px 0px 0px 0px;
	text-align: center;
}

.pt_size{
	width: 240px;
}


.head_fu{
	margin: 0 auto 0px;;
	width: 300px;
}

.fu_pos{
	margin: 35px auto 0px;
	text-align: center;
	/*background-color: aqua;*/
}

.fu_size{
	width: 280px;
}


.flow-detail{
		text-align: center;
		position: relative; 
		margin: -13px auto 18px;
		/*text-align: center;*/
		/*display: flex;
		align-items: center;
		justify-content: space-between;*/
		width: auto;
		height: auto;
		/*background-color: antiquewhite;*/
	
}


.detail-b{
	
			width:160px;
			height:35px;

			display: inline-block;
			text-align: center;
			text-decoration: none;
			border-radius: 30px;
			color: #00a23e;		
			font-weight: 400;
			border-style: solid;
			border-width: 1px;
			border-color: #00a23e;
			background: #ffffff;
    	/*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: 32px;
			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;	
}

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


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