@charset "UTF-8";
/* CSS Document */

.sec_color01 {
	background:#e6f7f0;
}

.sec_color02 {
	background:#ebffff;
	padding-bottom:20px;
}

/*----------------------------------------------------*/ 
/* vi
-----------------------------------------------------*/ 

#vi {
	background:url(/lib/img/top/bg_vi.jpg) center top no-repeat;
}

#vi .vi_base {
	margin:0 auto;
}

#vi .vi_inner {
	margin:0 auto;
	position:relative;
	width:1024px;
}

#vi .vi_info {
	bottom:20px;
	left:564px;
	position:absolute;
	width:460px;
}

#vi .vi_info p {
	line-height:1;
	margin-bottom:5px;
	text-align:right;
}

#vi ul li {
	background-color:rgba(255,255,255,0.7);
	font-size:1.4rem;
	margin-bottom:1px;
}

#vi ul li.org {
	background-color:#ffbe00;
	margin-bottom:6px;
}

#vi ul li dl {
	margin-left:15px;
	width:440px;
}

#vi ul li dl dt {
	clear:left;
	color:#474747;
	float:left;
	padding:8px 0;
	width:8em;
}

#vi ul li dl dt:before {
	background:url(/lib/img/cmn/icon_arrow_03.png) no-repeat;
	content:"";
	display:inline-block;
	height:12px;
	margin-right:10px;
	vertical-align:middle;
	width:8px;
}

#vi ul li dl dd {
	margin-left:8em;
	padding:8px 0;
}

#vi .vi_info a {
	color:#474747;
}

#vi .vi_info a:hover {
	text-decoration:underline;
}


@media only screen and (max-width: 1024px) {

#vi .vi_base .pc {
	display:block;
}

#vi .vi_base .sp {
	display:none;
}

#vi .vi_base img {
	height:auto;
	width:100%;
}

#vi .vi_base {
	background:none;
}

#vi .vi_inner {
	margin:0;
	overflow:hidden;
	width:auto;
}

#vi .vi_info {
	bottom:20px;
	left:auto;
	right:25px;
	width:auto;
}

}


@media only screen and (max-width: 767px) {

#vi .vi_base .pc {
	display:none;
}

#vi .vi_base .sp {
	display:block;
}

#vi .vi_info {
	bottom:auto;
	position:static;
	width:auto;
}

#vi .vi_info p {
	display:none;
}

#vi ul li {
	background-color:#FFF;
	border-top:1px solid #cccdd1;
	margin-bottom:0;
}

#vi ul li.boxlink {
	cursor:pointer;
}

#vi ul li:first-child {
	border-top:none;
	margin-bottom:0;
}

#vi ul li dl {
	margin:0 25px;
	width:auto;
}

#vi ul li dl dt {
	box-sizing:border-box;
	padding:0.8em 0;
	width:7em;
}

#vi ul li dl dt:before {
	background:url(/lib/img/cmn/icon_arrow_03_sp.png) no-repeat;
	background-size:7px 12px;
	content:"";
	display:inline-block;
	height:12px;
	margin-right:10px;
	vertical-align:middle;
	width:7px;
}

#vi ul li dl dd {
	box-sizing:border-box;
	margin-left:0;
	padding:0.8em 0 0.8em 1em;
}

}


/*----------------------------------------------------*/ 
/* join
-----------------------------------------------------*/ 

.panel {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin-top:50px;
	vertical-align:top;
}

.panel li {
	background:#fff;
	border-bottom:2px solid #00c587;
	border-right:2px solid #00c587;
	box-sizing:border-box;
	margin-bottom:28px;
	position:relative;
	width:48.6%;
}

.panel li .fig img {
	float:left;
	height:auto;
	width:240px;
}

.panel li .txt {
	overflow:hidden;
	padding:20px 20px 0 20px;
}

.panel li h3 {
	font-size:1.7rem;
	font-weight:400;
	line-height:1.6;
	margin-bottom:2em;
}

.panel li p.date {
	font-size:1.5rem;
	line-height:1.2;
	margin-bottom:3px;
}

.panel li p.more {
	bottom:20px;
	margin:0;
	position:absolute;
	right:20px;
}

.panel li:first-child {
	width:100%;
}

.panel li:first-child h3 {
	color:#006e5c;
	font-size:2.7rem;
	font-weight:500;
	line-height:1.5;
	margin-bottom:0.7em;
}

.panel li:first-child p.date {
	margin-bottom:12px;
}

.panel li:first-child .fig img {
	height:auto;
	width:410px;
}

.sec_color01 ul.btn01 {
	margin-bottom:75px;
}

.panel_bnr {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	display:flex;
	margin-bottom:75px;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	vertical-align:top;
}

.panel_bnr li {
	background:#FFF;
/*	border-right:2px solid #00c587;*/
	box-sizing:border-box;
	position:relative;
	width:22.6%;
    margin-right: 2.45rem;
}

.panel_bnr li a div {
	background:#00c587;
	border-radius:0px 0px 0px 6px;
	-moz-border-radius:0px 0px 0px 6px;
	-webkit-border-radius:0px 0px 0px 6px;
	color:#fff;
	display:block;
	font-size:2.1rem;
	font-weight:500;
	padding:1em 0;
	text-align:center;
}

.panel_bnr li a div p {
	line-height:1.4;
	margin-bottom:0;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

@media only screen and (max-width: 1024px) {

.panel li .fig {
	float:left;
	height:auto;
	width:50%;
}

.panel li .fig img {
	float:none;
	height:auto;
	width:100%;
}

.panel li .txt {
	padding:10px 10px 0 10px;
}

.panel li h3 {
	font-size:1.4rem;
	line-height:1.5;
}

.panel li p.date {
	font-size:1.3rem;
}

.panel li p.more {
	bottom:10px;
	right:10px;
}

.panel li:first-child h3 {
	font-size:1.8rem;
	line-height:1.4;
}


}

@media only screen and (max-width: 767px) {
	
.panel {
	margin-bottom:44px;
	margin-top:25px;
}

.panel li {
	margin-bottom:24px;
	width:100%;
}

.panel li.boxlink {
	cursor:pointer;
}

.panel li .fig {
	float:none;
	width:auto;
}

.panel li .fig img {
	float:none;
	height:auto;
	width:100%;
}

.panel li .txt {
	overflow:visible;
	padding:20px 20px 0 20px;
}

.panel li p.date {
	font-size:1.1rem;
}

.panel li p.more {
	display:none;
}

.panel li:first-child .fig img {
	width:100%;
}

.panel li:first-child h3 {
	font-size:1.5rem;
}

.panel li p.detail {
	font-size:1.2rem;
}

.sec_color01 ul.btn01 {
	margin-bottom:65px;
}


.panel_bnr {
	margin-bottom:42px;
}

.panel_bnr li {
	margin-bottom:22px;
	text-align:center;
	width:48%;
}

}


/*----------------------------------------------------*/ 
/* manage
-----------------------------------------------------*/ 

.manage_panel {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	display:flex;
	margin:40px 0 75px;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	vertical-align:top;
}

.manage_panel li {
	border-bottom:1px solid #09d6cf;
	box-sizing:border-box;
	padding:14px 0;
	width:44.5%;
}

.manage_panel li.boxlink {
	cursor:pointer;
}

.manage_panel li div {
	float:left;
	width:160px;
}

.manage_panel li div img {
	height:auto;
	width:135px;
}

.manage_panel li dl {
	overflow:hidden;
}

.manage_panel li dl dt {
	font-size:1.8rem;
	margin-bottom:0.4em;
}

.manage_panel li dl dd {
	padding-bottom:3px;
}

.manage_panel li dl dd span {
	display:block;
	font-size:1.4rem;
	margin-bottom:1.2em;
}

.manage_panel li dl dd a.btn01 {
	font-size:1.2rem;
	line-height:1.2;
	padding:2px 18px 2px 10px;
}

@media only screen and (max-width: 767px) {
	
.manage_panel {
	margin:25px 0 44px;
}

.manage_panel li {
	background:#FFF;
	border-right:1px solid #09d6cf;
	display:table;
	margin-bottom:14px;
	width:100%;
}

.manage_panel li div {
	box-sizing:border-box;
	display:table-cell;
	float:none;
	padding:0 10px;
	vertical-align:top;
	width:40%;
}

.manage_panel li div img {
	width:auto;
}

.manage_panel li dl {
	box-sizing:border-box;
	display:table-cell;
	overflow:visible;
	padding-right:10px;
	vertical-align:top;
	width:60%;
}

.manage_panel li dl dt {
	font-size:1.2rem;
}

.manage_panel li dl dd span {
	color:#474747;
	font-size:1.1rem;
}

.manage_panel li dl dd .btn01 {
	display:none;
}


}


/*----------------------------------------------------*/ 
/* about
-----------------------------------------------------*/ 

.top_about {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	display:flex;
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin:40px auto 70px;
	vertical-align:top;
}

.top_about .detail {
	box-sizing:border-box;
	width:48%;
}

.top_about h3 {
	color:#006e5d;
	font-size:1.8rem;
	font-weight:500;
	margin-bottom:1em;
}

.top_about .fbw {
	background:#FFF;
	border-bottom:2px solid #00c587;
	border-right:2px solid #00c587;
	width:48%;
	box-sizing:border-box;
}

.top_about p.about_txt {
	font-size:1.4rem;
}

@media only screen and (max-width: 767px) {

.top_about {
	margin:20px 25px 58px 25px;
}

.top_about .detail,
.top_about .fbw {
	width:100%;
}

.top_about p.about_txt {
	margin-bottom:35px;
}

.top_about p.posR {
	margin-bottom:40px;
	text-align:center;
}

}

/*----------------------------------------------------*/ 
/* facebook 
-----------------------------------------------------*/ 

.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

/*----------------------------------------------------*/ 
/* top uniq footer 
-----------------------------------------------------*/ 

#footer .ft_inner {
	padding:60px 0 40px;
}

#footer .ft_inner > ul {
	margin-left:115px;
}

#footer .ft_inner > ul > li {
	margin-bottom:2em;
}

#footer .ft_inner > ul > li > ul > li {
	font-size:1.4rem;
	font-weight:500;
	margin-bottom:0.8em;
}

#footer .ft_inner > ul > li > dl > dt {
	font-size:1.4rem;
	font-weight:500;
	margin-bottom:0.6em;
}

#footer .ft_inner > ul > li > dl > dd {
	font-size:1.2rem;
	line-height:1.6;
}

#footer .copyright {
	clear:both;
	font-size:1.2rem;
	padding-top:25px;
}

#footer .ft_bnr_top {
	background:#006e5c;
}

#footer .ft_bnr_top ul {
	letter-spacing:-.40em;
	margin:0 auto;
	padding:20px 0;
	text-align:right;
	vertical-align:middle;
	width:1024px;
}

#footer .ft_bnr_top ul li {
	display:inline-block;
	letter-spacing:normal;
	line-height:1;
	margin:0 8px;
}

#footer .ft_bnr_top .copyright {
	display:none;
}

@media only screen and (max-width: 1024px) {

#footer .ft_inner {
	display:none;
}

#footer .ft_bnr_top ul {
	letter-spacing:-.40em;
	margin:0;
	padding:15px 0 10px;
	text-align:center;
	width:100%;
}

#footer .ft_bnr_top ul li {
	display:inline-block;
	letter-spacing:normal;
	line-height:1;
	margin:0 8px;
}

#footer .ft_bnr_top .copyright {
	display:block;
	padding:0 0 20px;
}

}