.address{
	width:100%; max-width:1150px;
	color:#cbcbcb;
	margin-top:3.11rem;
	margin-left:10px;
}

.address > DIV:first-child{
	line-height:26px;
}

.menu{
	position:absolute; 
	width:100%;
	height:80px;
	top:40px;
	background:#FFFFFF;
	display:flex; align-items:center;
	z-index:10;
	transition: 0.5s ease-in-out;
}

.menu > DIV:first-child{
	margin-left:3.78rem;
}

.menu > DIV:last-child{
	width:7.33rem; height:2.33rem;
	margin-right:3.78rem;
	color:#FFFFFF; background:#367e6c;
	border-radius:3px;
}

.menu > DIV:nth-child(2){
	height:100%; flex:1;
	justify-content:flex-end; align-items:center;
}
.menu > DIV:nth-child(2) > DIV{
	display:flex; justify-content:center; align-items:center;
	width:8.78rem; height:100%;
	font-size:1rem;
	cursor:pointer;
}
.menu > DIV:nth-child(2) > DIV.show{
	color:#367e6c;
	font-weight:bold;
	position:relative;
}
.menu > DIV:nth-child(2) > DIV.show::after{
	content: "";
	position:absolute;
	left:4px; bottom:0px; 
	width:100%; height:2px; background:#367e6c;
}

/*--------------------------*/
.menu > DIV:nth-child(2) > DIV:last-child{
	position:absolute;
	top:100%; left:0px;
	background:#FFFFFF;
	width:100%; height:0px;
}
.submenu{
	position:absolute;
	top:0; left:0px;
	width:100%; height:0px; overflow:hidden;
}
.submenu > DIV{
	width:100%;
	background:#FFFFFF;
	border-top: 1px solid #DDDDDD;
	display:flex; justify-content:flex-end;
	font-size:0.83rem;
}
.submenu > DIV > DIV{
	border-left: 1px solid #dddddd;
}
.submenu > DIV > DIV.show{
	background:#f8f8f8;
}

.submenu > DIV > DIV:not(:last-child){
	width:8.78rem;
}
.submenu > DIV > DIV:not(:last-child):hover{
	background:#f8f8f8;
}
.submenu > DIV > DIV:not(:last-child) > .item{
	width:100%;
	height:38px;
	display:flex; justify-content:center; align-items:center;
	color:#444444;
}
.submenu > DIV > DIV:not(:last-child) > .item:hover{
	font-weight:bold;
	color:#367e6c;
}

.submenu > DIV > DIV:not(:last-child) > .item:first-child{
	margin-top:16px;
}
.submenu > DIV > DIV:not(:last-child) > .item:last-child{
	margin-bottom:16px;
}
.submenu > DIV > DIV:last-child{
	width:16.11rem;
}
/*--------------------------*/



.menu > DIV:nth-child(2) > DIV:nth-child(5){
	margin-right:5.22rem;
}

.main_viewimg{
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden; 
	z-index:-1
}

.main_viewimg > .main_viewimgItem{
	position:absolute;
	width:100vw; height:100vh;
	overflow:hidden; 
	background:url('/img/background_01.png') no-repeat;
	background-size:cover;
}

.bgnavi{
	position:absolute;
	left:50%; bottom:5.56rem;
	transform:translateX(-50%);
	width:122px;
	height:24px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-radius:12px;
	display:flex; justify-content:space-around; align-items:center;
}
.bgnavi > DIV{
	width:10px; height:10px;
	border-radius:50%;
	background:#FFFFFF;
	cursor:pointer;
}

.bgnavi > DIV.show{
	background:rgba(255, 255, 255, 0);
	border: 2px solid #FFFFFF;
}

.maincontents{
	position:absolute;
	left:50%; top:50%; transform:translate(-50%, -50%);
	color:#FFFFFF;
	text-align:center;
}
.maincontents > DIV:nth-child(1){
	position:relative;
	left:50%; transform:translateX(-50%);
	width:61px; height:58px;
	margin-bottom:10px;
}
.maincontents > DIV:nth-child(1) > DIV{
	position:absolute;
	left:0; top:0;
}

.maincontents > DIV:nth-child(1) > DIV:nth-child(2){
	animation: fadeIn 1s infinite alternate;
	animation-delay: 1s;
	-ms-animation: fadeIn 1s infinite alternate;
	-ms-animation-delay: 1s;
	
}
.maincontents > DIV:nth-child(1) > DIV:nth-child(3){
	animation: fadeIn 1s infinite alternate;
	animation-delay: 2s;
	-ms-animation: fadeIn 1s infinite alternate;
	-ms-animation-delay: 2s;
}
.maincontents > DIV:nth-child(1) > DIV:nth-child(4){
	animation: fadeIn 1s infinite alternate;
	animation-delay: 3s;
	-ms-animation: fadeIn 1s infinite alternate;
	-ms-animation-delay: 3s;
}

@-webkit-keyframes fadeIn {
       0% { opacity: 0; }
       100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
       0% { opacity: 0; }
       100% { opacity: 1; }
}

.maincontents > DIV:nth-child(2){
	font-size:2.78rem;
	text-transform:uppercase;
	letter-spacing: 13px;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 700;
	white-space:nowrap;
}
.maincontents > DIV:nth-child(3){
	width:49.22rem;
	height:0px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin-top:1rem;
	margin-bottom:1rem;
}
.maincontents > DIV:nth-child(4){
	font-size:1.11rem;
}

.maindisplay01{
	margin:auto;
	max-width:1220px;
	display:flex; justify-content:center; align-items:center; flex-wrap: wrap;
	padding-top:1.11rem;
	padding-bottom:1.11rem;
	position:relative;
}
.maindisplay01 > DIV{
	width:19.22rem;
	height:19.22rem;
	border-radius:50%;
	border: 1px solid #367e6c;
	margin:1.67rem;
	position:relative;
	display:flex; justify-content:center; align-items:center; flex-direction:column;
	text-align:center;
}

.maindisplay01 > DIV > DIV{
}

.maindisplay01 > DIV > DIV:first-child{
	font-weight:500;
}

.maindisplay01 > DIV > DIV:nth-child(2){
	height:5.56rem;
	display:flex; justify-content:center; align-items:center;
}

.maindisplay01 > DIV > DIV:nth-child(3){
	color:#666666;
}

.maindisplay01 > DIV > DIV:nth-child(4){
	display:none; justify-content:center; align-items:center;
	position:absolute;
	width:19.22rem; height:19.22rem;
	border-radius:50%; box-sizing:inherit; border: 2px solid #367e6c;
	top:50%; left:50%; transform:translate(-50%, -50%);
	background:rgba(255, 255, 255, 0.8);
	cursor:pointer;
}
.maindisplay01 > DIV > DIV:nth-child(4) > DIV{
	width:3.33rem; height:3.33rem; background:#367e6c; border-radius:50%; color:#FFFFFF;
	display:flex; justify-content:center; align-items:center;
}
.maindisplay01 > DIV.show > DIV:nth-child(4){
	display:flex;
	z-index:3;
}

.maindisplay01 > DIV > .right{
	position: absolute;
	width:3.52rem;
	height:1px;
	right:-3.52rem;
	background:#367e6c;
	box-shadow: 0px 0px 0px 9px #FFFFFF;
	top:50%; transform:translateY(-50%);
	z-index:2;
}





.maindisplay02{
	padding-top:4.44rem;
	padding-bottom:4.44rem;
	background:#f1f8f6;
}

.maindisplay02 > DIV{
	margin:auto;
	max-width:1152px;
	padding-left:2.50rem;
	padding-right:2.50rem;
	display:flex; justify-content:center; align-items:center; flex-direction:column;
}
.maindisplay02 > DIV > DIV:first-child{
	width:6px; height:6px; background:#367e6c;
	border-radius:50%;
	margin-bottom:1rem;
}
.maindisplay02 > DIV > DIV:nth-child(2){
	font-size:2.22rem;
	font-weight:500;
	text-align:center;
}
.maindisplay02 > DIV > DIV:nth-child(3){
	width:100%;
	display:flex; justify-content:center; flex-wrap: wrap;
}
.maindisplay02 > DIV > DIV:nth-child(3) > DIV{
	min-width:11.67rem;
	flex:1;
	margin:1.11rem;
	display:flex; align-items:center; flex-direction:column;
}
.maindisplay02 > DIV > DIV:nth-child(3) > DIV > DIV:first-child{
	width:6.44rem; height:6.44rem;
	border-radius:50%; background:#367e6c;

}
.maindisplay02 > DIV > DIV:nth-child(3) > DIV > DIV:nth-child(2){
	font-size:1.44rem; font-weight:500;
	margin-top:1.11rem; margin-bottom:1.11rem;
}
.maindisplay02 > DIV > DIV:nth-child(3) > DIV > DIV:nth-child(3){
	font-size:0.78rem; color:#666666; text-align:center;
	word-break:break-all;
	width:100%;
}



.maindisplay03{
	padding-top:4.44rem;
	padding-bottom:4.44rem;
}

.maindisplay03 > DIV{
	margin:auto;
	max-width:1172px;
	display:flex; justify-content:center; align-items:center; flex-direction:column;
}
.maindisplay03 > DIV > DIV:first-child{
	width:6px; height:6px; background:#367e6c;
	border-radius:50%;
	margin-bottom:1rem;
}
.maindisplay03 > DIV > DIV:nth-child(2){
	font-size:2.22rem;
	font-weight:500;
	text-align:center;
}
.maindisplay03 > DIV > DIV:nth-child(2) > DIV:last-child{
	font-size:0.89rem; color:#444444;
}
.maindisplay03 > DIV > DIV:nth-child(3){
	width:100%;
	display:flex; justify-content:center; flex-wrap: wrap;
}
.maindisplay03 > DIV > DIV:nth-child(3) > DIV{
	flex:1;
	min-width:20rem;
	height:23.56rem;
	margin:10px;
	position:relative;
}
.maindisplay03 > DIV > DIV:nth-child(3) > DIV > DIV:nth-child(1){
	position:absolute;
	left:50%; transform:translateX(-50%);
	bottom:0;
	width:17.22rem;
	height:10.44rem;
	background:#FFFFFF;

}

.maindisplay03 .news > DIV:nth-child(1){
	margin-top:1.8rem; font-size:0.89rem;
	text-align:center;
}

.maindisplay03 .news > DIV:nth-child(2){
	margin-top:0.56rem; font-size:0.8rem;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	color:#222222;
}

.maindisplay03 .news > DIV:nth-child(3){
	margin-top:0.56rem; font-size:0.78rem;
	text-align:center;
	color:#999999;
	position:relative;
}

.newsBox > .hoverbox{
	display:none;
	position:absolute;
	width:100%; height:100%;
	left:0; 
	top:0;
	cursor:pointer;
}

.newsBox:hover > .hoverbox{
	display:flex; justify-content:center; align-items:center; flex-direction:column;
	background:rgba(0,0,0,0.5);
}
.newsBox:hover > .hoverbox > DIV{ 
	display:flex; justify-content:center; align-items:center;
}
.newsBox:hover > .hoverbox > DIV:nth-child(1){
	margin-bottom:0.83rem;
}
.newsBox:hover > .hoverbox > DIV:nth-child(2){
	margin-bottom:10.83rem;
	left:50%;
	width:7.78rem;
	height:2.56rem; border: 1px solid #FFFFFF;
	color:#FFFFFF;
}


.subtop{
	position:relative;
	height:22.78rem;
}
.subtop > DIV:first-child{
	position:absolute;
	left:50%; top:50%; transform:translate(-50%, -50%);
	font-size:3.06rem;
	font-weight:500; color:#FFFFFF;
	text-transform:uppercase;
}
.subtop > DIV:nth-child(2){
	position:absolute;
	left:50%; bottom:1.55rem; transform:translate(-50%, -50%);
	color:#FFFFFF; font-size:1rem; 
	justify-content:center;
}
.subtop > DIV:nth-child(2) > DIV{
	width:7.78rem; height:4.00rem;
	display:flex; justify-content:center; align-items:center;
	cursor:pointer;
	position:relative;
}
.subtop > DIV:nth-child(2) > DIV:hover{
	font-weight:bold;
}

.subtop > DIV:nth-child(2) > DIV:hover::after{
	content: "";
	position: absolute;
	left:0px; width:100%; height:2px; 
	/*background:#FFFFFF;*/
	bottom:0px;
}
.subtop > DIV:nth-child(2) > DIV.show{
	font-weight:bold;
}
.subtop > DIV:nth-child(2) > DIV.show::after{
	content: "";
	position: absolute;
	left:0px; width:100%; height:2px; background:#FFFFFF;
	bottom:0px;
}
.subtop > DIV:nth-child(2):hover > DIV.show::after{
	
}
.subtop > DIV:nth-child(2):hover > DIV:hover::after{
	/*background:#FFFFFF;*/
}

.subtop > DIV:nth-child(3){
	position:absolute;
	width:100%; height:1px; background:rgba(255, 255, 255, 0.3);
	left:0px; bottom:3.56rem;
}
.subtop > DIV:nth-child(4){
	position:absolute;
	height:30px;
	color:#FFFFFF;
	left:10px; right:10px; 
	bottom:47px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.subcontainer{
	width:100%;
	display:flex; justify-content:center; align-items:center;
}
.subcontainer > DIV{
	width:64.00rem;
	margin-left:10px; margin-right:10px;
}

.subcontainer > DIV > .title{
	display:flex; justify-content:center; align-items:center;
	font-size:2.50rem;
	font-weight:bold;
	margin-top:5.00rem;
	margin-bottom:3.89rem;
	color:#222222;
}

.subcontainer > DIV > .titlement > DIV:nth-child(1){
	color:#333333;
	font-size:1.67rem;
	display:flex; justify-content:center; align-items:center;
}

.subcontainer > DIV > .titlement > DIV:nth-child(2){
	color:#367e6c;
	font-size:1.67rem; font-weight:bold;
	display:flex; justify-content:center; align-items:center;
}
.subcontainer > DIV > .titleimg{
	position:relative;
	display:flex; justify-content:center; align-items:center;
	margin-top:2.78rem;
	margin-bottom:1.94rem;
	height:12.83rem; 
}
.subcontainer > DIV > .titleimg > DIV{
	font-size:1.44rem;
	color:#FFFFFF;
}
.subcontainer > DIV > .titleimg > DIV > SPAN{
	font-size:1.67rem; 
	font-weight:700;
	color:#88f7db; 
}
.sub01_item01{
	max-width:64.56rem;
	display:flex; justify-content:center; flex-wrap: wrap;
	margin-bottom:6.78rem;
}
.sub01_item01 > DIV{
	flex:1;
	min-width:10.00rem;
	border: 1px solid #dddddd;
	height:8.06rem;
	margin:5px;
	display:flex; flex-direction:column;
}
.sub01_item01 > DIV > DIV:first-child{
	height:2.67rem;
	font-size:0.89rem;
	border-bottom: 1px solid #dddddd;
	display:flex; justify-content:center; align-items:center;
	color:#333333; background:#f8f8f8;
}
.sub01_item01 > DIV > DIV:last-child{
	flex:1;
	color:#666666;
	font-size:0.89rem;
	display:flex; justify-content:center; align-items:center;
	text-align:center;
}

.sub01_d02_list{
}

.sub01_d02_list_line{
	display:flex;
	margin-bottom:1.67rem;
}
.sub01_d02_list_line > div:first-child{
	width:21.33rem;
	font-size:1.94rem;
	font-weight:500;
	color:#367e6c;
	border-top: 1px solid #367e6c;
	padding-top:1.39rem;
}
.sub01_d02_list_line > div:last-child{
	flex:1;
	margin-left:2.22rem;
}

.sub01_d02_list_line > div:last-child > DIV{
	height:3.00rem;
	color:#666666;
	font-size:0.89rem; font-weight:300;
	display:flex; align-items:center;
	border-top: 1px solid #dddddd;
}

.sub01_d03_item1{
	display:flex; justify-content:center; align-items:center;
}

.sub01_d03_item1 > DIV{
	width:49.89rem; height:19.67rem;
	border-radius:9.84rem;
	background:rgba(54, 126, 108, 0.1);
	position:relative;
}

.sub01_d03_item1 > DIV > DIV{
	position:absolute;
	top:50%; transform:translateY(-50%);
	width:16.44rem; height:16.44rem;
	border-radius:50%;
	display:flex; flex-direction:column; align-items:center;
}
.sub01_d03_item1 > DIV > DIV:nth-child(1){
	left:1.67rem;
	background:rgba(54, 126, 108, 0.8);
}
.sub01_d03_item1 > DIV > DIV:nth-child(2){
	left:50%; top:50%; transform:translate(-50%, -50%);
	background:rgba(17, 152, 147, 0.8);
}
.sub01_d03_item1 > DIV > DIV:nth-child(3){
	right:1.67rem;
	background:rgba(53, 140, 190, 0.8);
}

.sub01_d03_item1 > DIV > DIV > DIV:nth-child(1){
	margin-top:3.22rem;
	font-size:2.00rem;
	color:#FFFFFF;
	font-weight:500;
	text-align:center;
}

.sub01_d03_item1 > DIV > DIV > DIV:nth-child(2){
	margin-top:1.39rem;
	font-size:0.89rem;
	color:#FFFFFF;
	font-weight:300;
	text-align:center;
	letter-spacing: -25%;
}
.sub01_d03_item2{
	display:flex; flex-direction:column; align-items:center;
	margin-top:1.67rem;
	border-bottom: 1px solid #DDDDDD;
}
.sub01_d03_item2 > DIV:nth-child(1){
	width:15px; height:2px; background:#367e6c;
}
.sub01_d03_item2 > DIV:nth-child(2){
	margin-top:5px;
	font-size:1.11rem;
	font-weight:500;
}
.sub01_d03_item2 > DIV:nth-child(3){
	margin-top:5px;
	margin-bottom:1.67rem;
	font-size:0.89rem;
	font-weight:300;
	color:#666666;
}

.sub01_d04_item1{
	display:flex; flex-direction:column; align-items:center;
}
.sub01_d04_item1 > DIV:nth-child(1){
	width:9.22rem; height:9.22rem;
	border-radius:50%;
	background:#367e6c;
	font-size:2.11rem; font-weight:500;
	color:#FFFFFF;
	display:flex; justify-content:center; align-items:center;
	position:relative;
}
.sub01_d04_item1 > DIV:nth-child(1)::after{
	content: "";
	position: absolute;
	left:50%;
	width:1px; height:4.11rem; background:#367e6c;
	bottom:-4.11rem;
}

.sub01_d04_item1 > DIV:nth-child(2){
	width:100%; height:1px;
	margin-top:4.11rem;
	display:flex;
}

.sub01_d04_item1 > DIV:nth-child(2) > DIV{
	flex:1; width:100%; height:100%;
	position:relative;
}

.sub01_d04_item1 > DIV:nth-child(2) > DIV:first-child::after{
	content: "";
	position:absolute;
	top:0px; right:0px;
	width:50%; height:1px; background:#367e6c;
}

.sub01_d04_item1 > DIV:nth-child(2) > DIV:not(:first-child):not(:last-child)::after{
	content: "";
	position:absolute;
	top:0px; left:0px;
	width:100%; height:1px; background:#367e6c;
}

.sub01_d04_item1 > DIV:nth-child(2) > DIV:last-child::after{
	content: "";
	position:absolute;
	top:0px; left:0px;
	width:50%; height:1px; background:#367e6c;
}


.sub01_d04_item1 > DIV:nth-child(3){
	width:100%;
	display:flex;
	margin-top:4.11rem;
	
}

.sub01_d04_item1 > DIV:nth-child(3) > DIV{
	flex:1;
	display:flex; align-items:center; flex-direction:column;
	position:relative;
}

.sub01_d04_item1 > DIV:nth-child(3) > DIV:after{
	content: "";
	position:absolute;
	top:-4.11rem;
	left:50%;
	width:1px; height:4.11rem; background:#DDDDDD;
}
.sub01_d04_item1 > DIV:nth-child(3) > DIV:before{
	content: "";
	position:absolute;
	top:-4.11rem;
	left:50%; transform:translate(-50%, -50%);
	width:6px; height:6px; border-radius:50%; border: 1px solid #367e6c;
	background:#FFFFFF;
	z-index:10;
}

.sub01_d04_item1 > DIV:nth-child(3) > DIV > DIV{
	width:12.22rem; height:2.78rem; border-radius:1.38rem;
	display:flex; justify-content:center; align-items:center;
	border: 1px solid #367e6c;
}

.sub01_d04_item1 > DIV:nth-child(3) > DIV > DIV:first-child{
	color:#367e6c; font-size:1rem; font-weight:500;
}

.sub01_d04_item1 > DIV:nth-child(3) > DIV > DIV:not(:first-child){
	margin-top:10px; color:#666666; font-size:0.89rem; 
}



.sub01_d05_item1{
	display:flex; flex-wrap: wrap; justify-content:center;
}
.sub01_d05_item1 > DIV > DIV:first-child{
	margin:20px 10px 10px 10px;
	width:20.40rem; height:11.11rem;
	background:#f8f8f8;
}
.sub01_d05_item1 > DIV > DIV:not(first-child){
	display:flex; justify-content:center; align-items:center;
	height:3.11rem;
	color:#444444; font-size:1rem;
}
.sub01_d06_item1{
	
}
.sub01_d06_item2{
	margin-top:2.22rem;
	display:flex; flex-wrap: wrap;
}
.sub01_d06_item2 > DIV{
	flex:1;
	min-width:20rem;
}

.sub02_item01_1{
	width:100%; display:flex; flex-wrap: wrap;
}
.sub02_item01_1 > DIV{
	flex:1; min-width:15.28rem;
	height:19.78rem;
	margin:5px; 
	background:#eeeeee url('/img//sub02/mobile.png') no-repeat;
	background-position: center 20px;
	background-size:12.22rem auto;
	display:flex; justify-content:center; align-items:flex-end;
}




.sub02_item01_2{
	min-height:7.67rem;
	display:flex; align-items:center; flex-wrap: wrap;
	border-bottom: 1px dashed #dddddd;
}

.sub02_item01_2 > DIV:nth-child(1){
	height:100%; 
	display:flex; align-items:center;
}

.sub02_item01_2 > DIV:nth-child(1) > DIV:nth-child(1){
	width:4.11rem; height:4.11rem; border-radius:50%;
	background:#3d8371;
	display:flex; justify-content:center; align-items:center;
}

.sub02_item01_2 > DIV:nth-child(1) > DIV:nth-child(2){
	width:15.56rem;
	padding-left:0.78rem; color:#3d8371;
	font-size:1rem; font-weight:500;
}


.sub02_item01_2 > DIV:nth-child(2){
	width:1px; height:2.11rem;
	background:#DDDDDD;
}


.sub02_item01_2 > DIV:nth-child(3){
	padding-left:1.44rem;
	font-size:0.78rem;
	color:#666666;
}

.sub02_item01_2 > DIV:nth-child(3) > DIV{
	min-height:1.45rem;
	text-indent: -10px;
	display:flex; align-items:center;
}






.sub02_item02_1{
	padding-top:1.33rem; padding-bottom1.33rem;
	display:flex; align-items:center; flex-wrap: wrap;
	border-bottom: 1px solid #dddddd;
}

.sub02_item02_1 > DIV{
	flex:1; min-width:150px;
	margin-top:1.33rem; margin-bottom:1.33rem;
	display:flex; align-items:center; flex-direction:column;
}

.sub02_item02_1 > DIV > DIV:first-child{
	width:4.11rem; height:4.11rem;
	border-radius:50%; background:#3d8371;
	display:flex; justify-content:center; align-items:center;
}

.sub02_item02_1 > DIV > DIV:nth-child(2){
	color:#3d8371;
	font-weight:500;
	font-size:1rem;
	height:2.39rem; display:flex; justify-content:center; align-items:center;
}

.sub02_item02_1 > DIV > DIV:nth-child(3){
	color:#666666;
	font-size:0.78rem;
}


.sub02_item02_2{
	padding-top:1.67rem;
	padding-bottom:1.67rem;
	border-bottom: 1px dashed #DDDDDD;
}
.sub02_item02_2 > DIV:first-child{
	color:#333333; font-size:1rem; font-weight:500;
}
.sub02_item02_2 > DIV:nth-child(2) > DIV{
	color:#666666; font-size:0.78rem; 
	padding-left:10px;
	text-indent:-10px;
	min-height:1.56rem;
	display:flex; align-items:center;
}

.sub02_item03_1{
	width:100%; display:flex; flex-wrap: wrap;
}

.sub02_item03_1 > DIV{
	flex:1; min-width:19.44rem;
	height:19.78rem;
	margin:5px; 
	background:#eeeeee url('/img//sub02/pc.png') no-repeat;
	background-position: center;
	display:flex; justify-content:center; align-items:center;
}


.sub02_item03_2{
	min-height:7.67rem;
	display:flex; align-items:center; flex-wrap: wrap;
	border-bottom: 1px dashed #dddddd;
}

.sub02_item03_2 > DIV:nth-child(1){
	height:100%; 
	display:flex; align-items:center;
}

.sub02_item03_2 > DIV:nth-child(1) > DIV:nth-child(1){
	width:4.11rem; height:4.11rem; border-radius:50%;
	background:#3d8371;
	display:flex; justify-content:center; align-items:center;
}

.sub02_item03_2 > DIV:nth-child(1) > DIV:nth-child(2){
	width:15.56rem;
	padding-left:0.78rem; color:#3d8371;
	font-size:1rem; font-weight:500;
}



.sub02_item03_2 > DIV:nth-child(2){
	width:1px; height:2.11rem;
	background:#DDDDDD;
}
.sub02_item03_2 > DIV:nth-child(3){
	padding-left:1.44rem;
	font-size:0.78rem;
	color:#666666;
}

.sub02_item03_2 > DIV:nth-child(3) > DIV{
	min-height:1.45rem;
	display:flex; align-items:center;
}

.sub03_item01_1{
	width:100%; display:flex; justify-content:center; flex-wrap: wrap;
}
.sub03_item01_1 > DIV{
	flex:1; min-width:10.00rem; max-width:10.22rem;
	height:7.33rem;
	margin:5px; 
	border: 1px solid #DDDDDD;
	display:flex; justify-content:center; align-items:center;
}



.sub03_item02_1{
	margin-top:1.11rem;
	height:8.78rem;
	border: 1px solid #dddddd;
	display:flex; align-items:center; flex-wrap: wrap;
}
.sub03_item02_1 > DIV:nth-child(1){
	width:21.33rem; height:100%;
	background:#f8f8f8;
	border-right: 1px solid #dddddd;
	display:flex; justify-content:center; align-items:center;
}
.sub03_item02_1 > DIV:nth-child(2){
	width:12.67rem; height:100%;
	border-right: 1px solid #dddddd;
	font-weight:bold;
	font-size:0.89rem;
	display:flex; justify-content:center; align-items:center;
}

.sub03_item02_1 > DIV:nth-child(3){
	height:100%;
	color:#666666;
	font-size:0.78rem;
	padding-left:1.61rem; line-height:28px;
	display:flex; justify-content:center; flex-direction:column;
}
.sub03_item02_1 > DIV:nth-child(3) > DIV{
	padding-left:10px;
	text-indent:-10px;
}





.sub05_item01_1{
	width:100%; display:flex; flex-wrap: wrap;
}
.sub05_item01_1 > DIV{
	flex:1; min-width:25rem;
	height:20.44rem;
	margin:5px; 
	border: 1px solid #DDDDDD;
	display:flex; justify-content:center; align-items:center; flex-direction:column;
	position:relative;
}
.sub05_item01_1 > DIV > DIV:first-child{
	position:absolute;
	width:100%; height:2px;
	left:0px; top:0px;
	margin-top:-1px;
}
.sub05_item01_1 > DIV > DIV:nth-child(2){
	width:7.11rem; height:7.11rem; border-radius:50%;
	display:flex; justify-content:center; align-items:center;
}
.sub05_item01_1 > DIV > DIV:nth-child(3){
	font-size:1.22rem;
	margin-top:1.00rem;
}
.sub05_item01_1 > DIV > DIV:nth-child(4){
	font-size:2.22rem;
	margin-top:0.56rem;
}
.sub05_item01_1 > DIV > DIV:nth-child(5){
	font-size:0.89rem;
	margin-top:0.56rem;
	color:#666666;
}



.sub05_item02_1{
	width:100%; display:flex; flex-wrap: wrap;
}
.sub05_item02_1 > DIV{
	flex:1; min-width:20.00rem;
	height:16.06rem;
	margin:5px; 
	background:#f8f8f8;
	position:relative;
	display:flex; justify-content:center; align-items:center; flex-direction:column;
}
.sub05_item02_1 > DIV::after{
	content: "";
	position:absolute;
	width:4.78rem; height:4.78rem; border-radius:50%;
	background:#FFFFFF;
	left:50%; transform:translateX(-50%);
	top:3.22rem;
}
.sub05_item02_1 > DIV > DIV{
	z-index:10;
}
.sub05_item02_1 > DIV > DIV:nth-child(2){
	margin-top:0.83rem;
	color:#222222;
	font-size:1.33rem;
	text-transform:uppercase;
}
.sub05_item02_1 > DIV > DIV:nth-child(3){
	margin-top:5px;
	color:#999999;
	font-size:0.89rem;
}
.sub05_item02_1 > DIV > DIV:nth-child(4){
	margin-top:1.11rem;
	color:#666666;
	font-size:0.89rem;
	text-align:center;
}
.logo{
	width:5.39rem;
}


.sub03_d01_hamburger{
	position:relative;
	width:16px;
	height:14px;
	display:flex; 
	flex-direction:column; justify-content:space-between; align-items:flex-end;
	cursor:pointer;
}

.sub03_d01_hamburger div{
	height:2px; 
	background:#212121;
	width:100%;
	transition: 0.3s ease-in-out;
}

.sub03_d01_hamburger.show {
	justify-content:center; align-items:center;
}

.sub03_d01_hamburger.show div{
	left:0px;
	position:absolute;
	width:20px;
	background:#FFFFFF;
}
.sub03_d01_hamburger.show div:first-child{
	transform: rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.sub03_d01_hamburger.show div:nth-child(2){
	left:-20px; 
	display:none;
	opacity: 0;
}
.sub03_d01_hamburger.show div:last-child{
	transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}

.slidemenu{
	position: fixed;
	top:0; left:100%;
	width:100%; height:100%;
	overflow:hidden;
	background:rgba(55, 126, 108, 1);
	color:#FFFFFF; font-size:16px; font-weight:400;
}
.slidemenu > DIV:first-child{
	border-top: 1px solid #5f9889;
	margin-top:50px;
	height:20px;
}
.slidemenu > DIV > DIV{
}
.slidemenu > DIV > DIV:first-child{
	height:40px; display:flex; justify-content:center; align-items:center;
	text-transform:uppercase;
	font-size:18px;
}
.slidemenu > DIV > DIV:last-child{
	height:0px; position:relative; overflow:hidden; background:#266656;
}
.slidemenu > DIV > DIV:last-child > .submenuBox{
	position:absolute; width:100%;
}
.slidemenu > DIV > DIV:last-child > .submenuBox > DIV{
	display:flex; justify-content:center; align-items:center;
	height:44px; font-size:14px;
}

/********************************************************/
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
}

.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display:flex; justify-content:center; align-items:center;
	/*text-indent: 15px;*/
	transition: all 0.2s ease-in;
}
.select-styled:after {
	content: "";
	position: absolute;
	right:10px;
	width:6px; height:6px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	border: 1px solid transparent;
	border-color: transparent transparent #FFFFFF #FFFFFF;
	transition: all 0.2s ease-in;
}
.select-styled:hover {
}
.select-styled:active, .select-styled.active {
}
.select-styled:active:after, .select-styled.active:after {
	margin-top:4px;
	transform:rotate(-225deg);
	-webkit-transform:rotate(-225deg);
	-ms-transform:rotate(-225deg);
}

.select-options {
	display: none;
	position: absolute;
	top: calc(100% + 1px);
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background: rgba(0, 0, 0, 0.8);
}
.select-options li {
	margin: 0;
	padding: 10px 0;
	/*text-indent: 15px;*/
	transition: all 0.15s ease-in;
	font-weight:300;
}
.select-options li:hover {
	font-weight:bold;
}
.select-options li[rel="hide"] {
	display: none;
}

/********************************************************/


.sub06_padding{ flex:1; margin-top:28px; height:19.17rem; background:#f1f8f6; padding:2.22rem; }