@charset "UTF-8";
@media (min-width: 768px) {

}

/* !Base=============================================== */
.bgc{background: #fafaed;}
.bgb{background-image: linear-gradient(#92e2ff 15%, #86f1e9 85%);}
.wrp{padding:20px;}
.m20{margin: 30px;}
.ce{width: 96%;margin: 0px auto;}

.br-sp{display: inline-block;}
.br-pc{display: none;}
img.pc{display: none;}
img.sp{display: block;margin-bottom: 20px;}
	
.pagination{
	clear: both;
	width: 100%;
	padding: 20px 0;
}
.pagination .screen-reader-text{
	display: none;
}
@media (min-width: 1280px) {
	.wrp{padding:20px calc((100% - 1080px) / 2);}
	.ce{width: 100%;}
	.br-sp{display: none;}
	.br-pc{display: inline-block;}
	img.pc{display: block;}
	img.sp{display: none;}
}

/*breadcrumbs*/
nav#breadcrumbs{
	margin: -10px auto;
	padding: 0px auto;
}

nav#breadcrumbs ul{
	margin:0;padding: 0px;
	display:flex;flex-flow:row wrap;align-items:stretch;
	background: url(img/icon_home.png) no-repeat left center;
	background-size: contain;
	font-size: 12px;line-height: 1;
}
#breadcrumbs ul li a{
	color: #5e5e5e;
}
#breadcrumbs ul li a:after{
	content: "\003e";
	color: #5e5e5e;
	padding: 5px;
}

/* !#title-contents=============================================== */
#title-contents{
	margin: 0px auto 30px auto;
	padding: 20px;
	background: #ffd9e1;
}
#title-contents h1{
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 15px 0px;
}

#title-contents span{
	display: block;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}


@media (min-width: 1280px) {
	#title-contents span{font-size: 30px;}
}

#title-contents span:after{
	position: absolute;
	display: block;
	width: 70px;
	height:90px;
	left: 85%;
	top: 15%;
	content: " ";
	background-repeat: no-repeat;
	background-size: contain;
	}
/*corporate*/
#title-contents.corporate span{background-image : url(img/tit_corporate.png);}
#title-contents.corporate{background: #ffd9e1;}
#title-contents.corporate span:after{left:85%;top:25%;width: 60px;height:70px;background-image: url(img/bg_title_corporate.png);}

/*awakura*/
#title-contents.awakura span{background-image : url(img/tit_awakura.png);}
#title-contents.awakura{background: #e4f685;}
#title-contents.awakura span:after{left:85%;top:55%;width: 90px;height:90px;background-image: url(img/bg_title_awakura.png);background-repeat: no-repeat;}

/*volunteer*/
#title-contents.volunteer span{background-image : url(img/tit_volunteer.png);}
#title-contents.volunteer{background: #cfe3f8;}
#title-contents.volunteer span:after{left:80%;top:55%;width: 75px;height:75px;background-image: url(img/bg_title_volunteer.png);background-repeat: no-repeat;}
/*camp*/
#title-contents.camp span{background-image : url(img/tit_camp.png);}
#title-contents.camp{background: #ffef71;}
#title-contents.camp span:after{left:80%;top:55%;width: 65px;height:65px;background-image: url(img/bg_title_camp.png);background-repeat: no-repeat;}
#title-contents.camp.camp_pear span{background-image : url(img/tit_camp_pear.png);}
/*outdoor*/
#title-contents.outdoor span{background-image : url(img/tit_outdoor.png);}
#title-contents.outdoor{background: #a6f0bb;}
#title-contents.outdoor span:after{left:80%;top:55%;width: 75px;height:75px;background-image: url(img/bg_title_outdoor.png);background-repeat: no-repeat;}
/*specal*/
#title-contents.specal span{background-image : url(img/tit_specal.png);}
#title-contents.specal{background: #c9f1f0;}
#title-contents.specal span:after{left:80%;top:55%;width: 75px;height:75px;background-image: url(img/bg_title_specal.png);background-repeat: no-repeat;}

@media (min-width: 1280px) {
	#title-contents h1{width: 1080px;}
	#title-contents span:after{width:70px;height:90px;left:90%;top:10%;}
/*corporate*/
	#title-contents.corporate span:after{width: 70px;height:90px;background-image: url(img/bg_title_corporate.png);}
}
/* !#title-page=============================================== */
#title-page{
	position: relative;
	width: 100%;
	margin: 0px auto 40px auto;
	padding: 0px;
	font-size: 30px;line-height: 1.3em;
	color: #005081;
}

#title-page span{
	padding: 10px 20px;
	background: #fff;
	font-weight: bold;
}

@media (min-width: 1280px) {
	#title-page span{padding:10px 50px;}
	#title-page{width: 1080px;}
	#title-page.icon.jr{padding-bottom: 30px;}
}

#title-page:before{
	display: block;
	position: absolute;
	content: " ";
	top:48%;
	left: 0px;
	height: 10px;
	width: 100%;
	background: #005081;
	z-index: -2;
}
#title-page.icon:after{
	display: block;
	position: absolute;
	content: " ";
	background: url(./img/bg_long02.png) no-repeat 98% center;
	background-size: 40px auto;
	top:10px;
	left: 0px;
	width: 100%;
	height: 40px;
	z-index: 2;
}

#title-page.icon.jr:after{
	display: block;
	position: absolute;
	content: " ";
	background: url(./img/bg_jr02.png) no-repeat 98% center;
	background-size: 40px auto;
	top:10px;
	left: 0px;
	width: 100%;
	height: 40px;
	z-index: 2;
}
@media (min-width: 1280px) {
	#title-page.icon:after{
		display: block;
		position: absolute;
		content: url(./img/bg_long02.png);
		background: none;
		top:-10px;
		left: 77%;
		width: auto;
		height: auto;
		z-index: 2;
	}
	
	#title-page.icon.jr:after{
		display: block;
		position: absolute;
		content: url(./img/bg_jr02.png);
		background: none;
		top:-10px;
		left: 77%;
		width: auto;
		height: auto;
		z-index: 2;
	}
}

/* !page-footer-nav=============================================== */
#page-footer-nav{
	padding-top: 30px;
	padding-bottom: 30px;
	background-image: linear-gradient(#92e2ff 15%, #86f1e9 85%);
}

#page-footer-nav>h2{
	position: relative;
	padding: 15px 0px;
}
#page-footer-nav>h2 span{
	display: block;
	font-size: 23px;
	font-weight: bold;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

#page-footer-nav>h2 span:after{
	position: absolute;
	display: block;
	width: 70px;
	height:90px;
	right: 10%;
	top: 10%;
	content: " ";
	background-size: contain;
	background-repeat: no-repeat;
	}
/*corporate*/
#page-footer-nav.corporate>h2{background: #ffd9e1;}
#page-footer-nav.corporate>h2 span{background-image : url(img/tit_corporate.png);}
#page-footer-nav.corporate>h2 span:after{right: 10%;top: 15%;width: 40px;height:60px;background-image: url(img/bg_title_corporate.png);}
/*awakura*/
#page-footer-nav.awakura>h2{background: #e4f685;}
#page-footer-nav.awakura>h2 span{background-image : url(img/tit_awakura.png);}
#page-footer-nav.awakura>h2 span:after{right: 10%;top: 35%;width:70px;height:70px;background-image: url(img/bg_title_awakura.png);}
/*volunteer*/
#page-footer-nav.volunteer>h2{background: #cfe3f8;}
#page-footer-nav.volunteer>h2 span{background-image : url(img/tit_volunteer.png);}
#page-footer-nav.volunteer>h2 span:after{right: 10%;top: 35%;width:70px;height:70px;background-image: url(img/bg_title_volunteer.png);}
/*camp*/
#page-footer-nav.camp>h2{background: #ffef71;}
#page-footer-nav.camp>h2 span{background-image : url(img/tit_camp.png);}
#page-footer-nav.camp>h2 span:after{right: 10%;top: 35%;width:50px;height:50px;background-image: url(img/bg_title_camp.png);}
/*outdoor*/
#page-footer-nav.outdoor>h2{background: #a6f0bb;}
#page-footer-nav.outdoor>h2 span{background-image : url(img/tit_outdoor.png);}
#page-footer-nav.outdoor>h2 span:after{right: 10%;top: 35%;width:70px;height:70px;background-image: url(img/bg_title_outdoor.png);}
/*specal*/
#page-footer-nav.specal>h2{background: #c9f1f0;}
#page-footer-nav.specal>h2 span{background-image : url(img/tit_specal.png);}
#page-footer-nav.specal>h2 span:after{right:0%;top:70%;width:60px;height:40px;background-image: url(img/bg_title_specal.png);}

@media (min-width: 1280px) {
	/*corporate*/
	#page-footer-nav.corporate>h2 span:after{right: 10%;top: 12%;width: 50px;height:70px;}
	/*specal*/
	#page-footer-nav.specal>h2{background: #c9f1f0;}
	#page-footer-nav.specal>h2 span{background-image : url(img/tit_specal.png);}
	#page-footer-nav.specal>h2 span:after{right: 10%;top: 35%;width:70px;height:70px;background-image: url(img/bg_title_specal.png);}
}



/*.footer-nav-list*/
.footer-nav-list{
	display: block;
	padding: 30px 10px 20px 10px;
	background: #ecfcfc;
}

.footer-nav-list li{
	padding: 0px 10px 10px 10px;
	width: 100%;
	vertical-align: middle;
}

.box_link a,
.footer-nav-list li a{
	display: block;
	position: relative;
	background: #fff;
	padding: 13px 50px 13px 20px;
	border: 3px solid rgba(0,156,193,1);
	border-radius: 25px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}

.footer-nav-list li a{
	padding: 28px 50px 28px 20px;
	border-radius: 8px;font-size: 13px;
}

.box_link a{
	display: inline-block;
}

.box_link a:after,
.footer-nav-list li a:after{
	position: absolute;
	top:38%;
	right: 10px;
	content: url(img/fa-chevron-circle-right.png);
}

.btn_box {
	margin: 40px auto 40px auto;
}
.btn_box a{
	width: 200px;
}

#page-footer-nav.outdoor .footer-nav-list li a:after{top:38%;}

.box_link a:hover,
.footer-nav-list li a:hover{
	color: #fff;
	border: 3px solid rgba(0,156,193,0);
	background-image: linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
}
.box_link a:hover:after,
.footer-nav-list li a:hover:after{
	content: url(img/fa-chevron-circle-right_hover.png);
}

.footer-nav-list.awakura li a.link2{
	padding: 17px 50px 17px 20px;
	line-height: 1.3;
}
.footer-nav-list li a small{
	font-size: 13px;
}

@media (min-width: 768px) {
	.footer-nav-list{
		display:flex;flex-flow:row wrap;align-items:center;justify-content:center;
	}
	
	.footer-nav-list li{
		width:40%;padding: 10px 20px;
	}
	#page-footer-nav.outdoor .footer-nav-list li a{
	line-height: 1.2;
	}
	#page-footer-nav.awakura .footer-nav-list li.link2 a,
	#page-footer-nav.outdoor .footer-nav-list li.link2 a{
		padding: 9px 50px 9px 20px;
	}
		#page-footer-nav.awakura .footer-nav-list li a.link2{
		padding: 23px 50px 22px 20px;
	}
	#page-footer-nav .footer-nav-list li a{
		display:flex;flex-flow:row wrap;align-items:center;
		padding: 10px 50px 10px 20px;
		border-radius: 8px;
		line-height: 1.2;min-height: 60px;
		height: 80px;overflow: hidden;
		}
}
	

@media (min-width: 1280px) {
	.footer-nav-list li{width:23%;padding: 10px 20px;}
	/*#page-footer-nav.outdoor*/
	#page-footer-nav.outdoor .footer-nav-list li{width:27%;}
	#page-footer-nav .footer-nav-list li a{
		display:flex;flex-flow:row wrap;align-items:center;
		padding: 10px 50px 10px 20px;
		border-radius: 8px;
		line-height: 1.2;min-height: 60px;
		height: 80px;overflow: hidden;
		}
	
	#page-footer-nav .footer-nav-list li a.link2{
		padding: 17px 50px 17px 20px;
	}
		
}

/* !title_box=============================================== */
.title_box{
	padding: 0px 0px 20px 0px
}
.title_box span{
	display: block;display: inline-block;
	margin: 11px;
	padding: 0px 30px 0px 30px;
	font-size: 10px;line-height: 1.4;
	color: #005081;
	font-weight: bold;
	background-repeat: no-repeat,no-repeat;
	background-size: auto auto,auto auto;
	background-position: left center,right center;
	background-image: url(img/bg_title_image_l.png),url(img/bg_title_image_r.png);
}

.awakura_introduction05 .title_box span{color: #fbfa41;background-image: url(img/bg_title_image_l2.png),url(img/bg_title_image_r2.png);}
@media (min-width: 880px) {
	.title_box span{font-size: 20px;line-height: 1.4;display: inline-block;}
}
@media (min-width: 1280px) {
	.title_box span{font-size: 24px;line-height: 1.4;display: inline-block;}
}

/* !catch-box=============================================== */
.catch-box{
	margin:20px 2%;
	padding: 10px;
	border: 10px solid #92e2ff;
	font-size: 20px;line-height: 1.5;
	background: #fff;
}
.catch-box span{
	display:block;
}

@media (min-width: 1280px) {
	.catch-box{
		max-width: 720px;
		margin: 10px auto;
		padding: 10px;
		border: 10px solid #92e2ff;
		font-size: 2rem;
	}
	.catch-box span{
		display: inline-block;
	}
}

/* !line=============================================== */
.line{
	width: 90%;
	max-width: 714px;
	margin: 15px auto 15px auto;
	border: none;
	border-bottom: 2px dashed #009db6;
}

.bg_line{
	background:url(./img/bg_line02.png) repeat-x left bottom;
	background-size: 10px 10px;line-height: 1.5;
}

/* !table=============================================== */
#main table{
	width: 90%;
	max-width: 714px;
	margin: 0px auto 50px auto;
	border: 2px solid #005281;
}
#main table th{
	padding: 10px;
	vertical-align: middle;
	line-height: 1.4;
	background: #ecfcfc;
	color:#333;
	border: 2px solid #005281;
}
#main table td{
	padding: 10px;
	vertical-align: middle;
	line-height: 1.4;
	background: #fff;
	color:#333;
	border: 2px solid #005281;
}
#main table.col4 td{width: 25%;}

@media (min-width: 1280px) {
	#main table.table_s{width: 345px;}
	#main table.table_m{width: 714px;}
}

/* !Swiper=============================================== */
    .swiper-container {
        width: 100%;
        height: auto;
        max-height: 200px;
        margin: 20px 0px;
        padding-bottom: 30px;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
       overflow: hidden;
    }
    .swiper-slide img{
    	display: block;
    	width: 100%;
    	height: auto;
    }
    .swiper-pagination{
	    bottom:0px;
    }
@media (min-width: 1280px) {
	.swiper-container {
        width: 100vw;
        height: 300px;
        max-height: 300px;
        padding-bottom: 30px;
		}
    .swiper-slide img{
    	min-height: auto;
    }
}
/* !Corporate=============================================== */
/*#corporate_history*/
#corporate_history{
	padding: 30px 0px;
	background: #fafaed;
}

.list_history{
	display:flex;flex-flow:row wrap;align-items:stretch;
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 30px 20px;
	background: #fff url(img/bg_line_history.png) repeat-y 25px top;
}

.list_history dt{
	position: relative;
	padding: 20px 0px 10px 50px;
	font-size: 16px;
	font-weight: bold;
	color: #005081;
	text-align: right;
}
.list_history dt:after{
	position: absolute;
	top:10px;
	left: -10px;
	content: url(img/bg_icon_history.png);
}
.list_history dd{
	width: 85%;
	margin: 0 0 0 15%;
	padding: 0px 0px 20px 0px;
	text-align: left;
	font-size: 16px;line-height: 1.5;
	color: #5e5e5e;
	border-bottom: 2px dashed #009cc1;
}
@media (min-width: 768px) {
	.list_history{
		display:flex;flex-flow:row wrap;align-items:stretch;
		width: 100%;
		margin: 0px auto 20px auto;
		padding: 30px 0px;
		background: #fff;
	}
	
	.list_history dt{
		position: relative;
		width:280px;
		padding: 20px 80px 20px 0px;
		font-size: 16px;
		font-weight: bold;
		color: #005081;
		text-align: right;
		background: #fff url(img/bg_line_history.png) repeat-y 238px top;
	}
	.list_history dt:after{
		position: absolute;
		top:10px;
		right: 20px;
		content: url(img/bg_icon_history.png);
	}
	.list_history dd{
		width: calc( 100% - 330px );
		margin: 0 30px 0 0;
		padding: 20px 0px 20px 20px;
		text-align: left;
		border-bottom: 2px dashed #009cc1;
		color: #5e5e5e;
		font-size: 16px;line-height: 1.5;
	}
}

@media (min-width: 1280px) {
	.list_history{width: 1080px;}
	.list_history dt{width:300px;background: #fff url(img/bg_line_history.png) repeat-y 255px top;}
	.list_history dd{width:710px;}
}

/*#corporate_about*/
#corporate_about{
	padding-top: 30px;
	padding-bottom: 30px;
}

.list_dl{
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 0px 20px  30px 20px;
	background: #fff;
	border: 3px solid #009cc1;
}

.list_dl>dt{
	padding: 20px 0px 10px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #005081;
	text-align: left;
}

.list_dl>dd{
	padding: 0px 0px 20px 0px;
	text-align: left;
	color: #5e5e5e;
	font-size: 16px;line-height: 1.5;
	border-bottom: 2px dashed #009cc1;
}
.list_dl li{padding: 10px 0px;}

@media (min-width: 768px) {
	.list_dl{
		display:flex;flex-flow:row wrap;align-items:stretch;
		padding: 15px 20px  30px 20px;
	}
	.list_dl li{padding: 0px 0px;}
	.list_dl li span{
		display: block;
	}
	.list_dl li span:nth-of-type(1){
		float: left;
		width: 150px;
	}	

	
	.list_dl.ssize{
	max-width: 820px;
	}
	
	.list_dl>dt{
		position: relative;
		width: 20%;
		padding: 20px 0px 20px 0px;
		font-size: 18px;
		border-bottom: 2px dashed #009cc1;
	}
	
	.list_dl>dd{
		width: 80%;
		padding: 20px 0px 20px 0px;
	}
}

@media (min-width: 1280px) {
	.list_dl{width:100%;}
	.list_dl dt{width: 15%;}
	.list_dl dd{width: 85%;}
}

.logo_s{margin-top: 40px;}
.logo_s img{
	width: 60px;
	height: auto;
}

/*#corporate_works*/
/*..box_works*/
.box_works{
	width: 92%;
	margin: 20px auto 30px auto;
	display:flex;flex-flow:row wrap;align-items:stretch;	
}
.box_works .image{
	text-align: center;
	max-height: 250px;
}
.box_works .image{
	max-width: 100%;
	max-height: 100%;
}
.box_works .text{
	text-align: left;
	font-size: 16px;line-height: 1.4;
}

.box_works .text p{
	padding: 20px 0px  20px 0px;
}
.box_works p.catch{
	color:#009cc1;
	font-size: 20px;
	font-weight: bold;
	padding: 30px 0px  0px 0px;
}

/*.box_works_list*/
.box_works_list ul{
	display:flex;flex-flow:row wrap;align-items:stretch;	
	width: 90%;
	margin: 0px auto 50px auto;
	padding: 15px;
	border: 3px solid #009cc1;
}
.box_works_list ul li{
	width: 100%;
	padding: 15px 15px 15px 35px;
	text-align: left;
	background: url(img/icon_lerf.png) no-repeat left center;
	border-bottom: 3px dashed #009cc1;
}

.box_works_list2{
	margin: 0px auto 0px auto;
	padding:15px 0px 50px 0px;
}

.box_works_list2 dl{
	display:flex;flex-flow:row wrap;align-items:stretch;	
	width: 90%;
	padding: 15px;
	margin: 0px auto;
	border: 3px solid #009cc1;
	background: #fff;
	text-align: left;
}

.box_works_list2 dt{
	width: 90%;
	padding: 0px 0px 0px 35px;
	background:url(../images/home/category/leaf_.png) no-repeat left center;
	background-size: 20px 20px;
	font-size: 18px;
	color: #005081;
	font-weight: bold;
}
.box_works_list2 dd{
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px auto 20px auto;
	border-bottom: 2px dashed #009cc1;
}
@media (min-width: 1280px) {
	.box_works{width: 100%;}
	.box_works .image{order:2;width: 50%;}
	.box_works .text{order:1;width: 50%;}
	
	.camp_secret02 .box_works .image{order:1;width: 50%;}
	.camp_secret02 .box_works .text{order:2;width: 50%;}
	
	.box_works_list2 dl{width: 100%;}
	.box_works_list2 dt{width: 30%;padding: 15px 15px 15px 35px;border-bottom: 2px dashed #009cc1;}
	.box_works_list2 dd{width: 70%;padding: 15px;margin: 0px;}
	.corporate_works4 .box_works .catch{font-size: 19px;}
}

/*.recruit-box*/
.recruit-box{
	width: 100%;
	padding: 10px;
	margin: 20px auto;
	font-size: 16px;
	line-height: 1.5;
}

.entry-box{
	margin:20px 0px;
	padding: 10px;
	border: 10px solid #92e2ff;
	font-size: 2rem;
}
.entry-box span{
	display: block;
}
.three-box li{
	width: 100%;
	padding: 5px;
}
.recruit-box .txt{text-align: left;padding: 5px 10px;}

@media (min-width: 768px) {
	.three-box{
		display: flex;
	}
	.three-box li{
		width: 33.3333%;
		padding: 5px;
		text-align: center;
	}
	.recruit-box .txt{text-align:center;}
}
@media (min-width: 1280px) {
	.recruit-box{max-width: 890px;}
	.entry-box{
		margin: 40px 0px;
		padding: 20px;
		border: 10px solid #92e2ff;
		font-size: 20px;
	}
	.entry-box span{
		display: inline-block;
	}
}

/* !Awakura=============================================== */
/*awakura_history==================== */
	.awakura_history_list{
		max-width: 100%;
		margin: 0px auto;
		background:#fff  url(img/bg_line_history.png) repeat-y 25px top;
	}
	.awakura_history_list h3{
		width:90%;
		margin: 0px auto 0px auto;
		padding: 25px 0px 15px 40px;
		font-size: 20px;
		font-weight: bold;
		color: #009db6;
		text-align: left;
	}
	
	.awakura_history_list dl{
		position: relative;
		width:90%;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		border: 3px solid #009cc1;
		border-left: 10px solid  #009cc1;
		background: #fff;
	}
	
	.awakura_history_list dl:after{
		position: absolute;
		top:-45px;
		left: -5%;
		width: 35px;
		height: 35px;
		padding: 5px;
		display: block;
		content: " ";
		border-radius: 20px;
		border: 2px solid #009cc1;
		background-color: #fff;
		background-image: url(img/icon_lerf02.png),linear-gradient(30deg,#fff 15%, #fff 85%);
		background-repeat: no-repeat,repeat;
		background-position: center center,center center;
		background-size:20px 20px,100% 100%;
	}
	
	.awakura_history_list dl.open:after{
		background-image: url(img/icon_lerf02.png),linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
	}
	
	.awakura_history_list dt{
		margin: 15px 10px 15px 20px;
		color: #009cc1;
		font-size: 20px;
		font-weight: bold;
		background: url(img/icon_arrow_top.png) no-repeat right center;
	}
	
	.awakura_history_list dl.open dt{
		background: url(img/icon_arrow_under.png) no-repeat right center;
	}
	
	.awakura_history_list dd{
		display: none;
		margin: 10px;
		font-size: 16px;line-height: 1.4;
	}
	.awakura_history_innner{
		display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;
		border-bottom: 2px dashed  #009cc1;
		padding: 15px 10px 15px 0px;
	}
	.awakura_history_list dd .awakura_history_innner:last-child{
		border: none;
	}
	
	.awakura_history_innner p{
		width:360px;
		text-align: left;
		padding: 0px 30px 0px 0px;
	}
	.awakura_history_innner p strong{
		display: block;
		margin: 0px 0px 15px 0px;
		color: #009cc1;
		font-size: 20px;
		font-weight: bold;
	}
	
	.awakura_history_innner figure{
		width: 160px;
	}
	.awakura_history_innner figure img{
		width: auto;
		max-width: 160px;
	}
	
@media (min-width: 1280px) {
	.awakura_history_list{
		max-width: 900px;
		margin: 0px auto;
		display:flex;flex-flow:row wrap;align-items:stretch;	
		background:#fff  url(img/bg_line_history.png) repeat-y 25% top;
	}
	.awakura_history_list h3{
		width:25%;
		margin: 10px 50px 10px 0px;
		padding: 15px 30px 15px 0px;
		font-size: 20px;
		font-weight: bold;
		color: #009db6;
		text-align: right;
	}
	
	.awakura_history_list dl{
		position: relative;
		width:65%;
		margin: 10px 0px;
		padding: 0px;
		text-align: left;
		border: 3px solid #009cc1;
		border-left: 10px solid  #009cc1;
	}
	
	.awakura_history_list dl:before{
		position: absolute;
		top:5px;
		left: -38px;
		display: block;
		content: " ";
	    width: 0;
	    height: 0;
	    border-top: 15px solid transparent;
		border-right: 15px solid #009cc1;
		border-bottom: 15px solid transparent;
		border-left: 15px solid transparent;
	}
	
	.awakura_history_list dl:after{
		position: absolute;
		top:5px;
		left: -75px;
		width: 35px;
		height: 35px;
		padding: 5px;
		display: block;
		content: " ";
		border-radius: 20px;
		border: 2px solid #009cc1;
		background-color: #fff;
		background-image: url(img/icon_lerf02.png),linear-gradient(30deg,#fff 15%, #fff 85%);
		background-repeat: no-repeat,repeat;
		background-position: center center,center center;
		background-size:20px 20px,100% 100%;
	}
	
	.awakura_history_list dl.open:after{
		background-image: url(img/icon_lerf02.png),linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
	}
	
	.awakura_history_list dt{
		margin: 15px 10px 15px 20px;
		color: #009cc1;
		font-size: 20px;
		font-weight: bold;
		background: url(img/icon_arrow_top.png) no-repeat right center;
	}
	
	.awakura_history_list dl.open dt{
		background: url(img/icon_arrow_under.png) no-repeat right center;
	}
	
	.awakura_history_list dd{
		display: none;
		margin: 10px;
		font-size: 16px;line-height: 1.4;
	}
	.awakura_history_innner{
		display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;
		border-bottom: 2px dashed  #009cc1;
		padding: 15px 10px 15px 0px;
	}
	.awakura_history_list dd .awakura_history_innner:last-child{
		border: none;
	}
	
	.awakura_history_innner p{
		width:360px;
		text-align: left;
		padding: 0px 30px 0px 0px;
	}
	.awakura_history_innner p strong{
		display: block;
		margin: 0px 0px 15px 0px;
		color: #009cc1;
		font-size: 20px;
		font-weight: bold;
	}
	
	.awakura_history_innner figure{
		width: 160px;
	}
	.awakura_history_innner figure img{
		width: auto;
		max-width: 160px;
	}
}
/*awakura_access==================== */
.title_map{
	padding: 50px 0px 20px 0px;
	font-size: 20px;font-weight: bold;
	color: #005081;
}
.map-access_txt{
	font-size: 20px;
	color: #005081;
}
.map-access{
	padding:0px 0px 20px 0px;
	font-size: 18px;line-height: 1.5;
}
.awakura_access_list{
}
.awakura_access_list li{
	width: 96%;
	margin: 0px auto;
	padding:10px;
}

.awakura_access_list p{
	padding: 15px;
	line-height: 1.5;
}
.awakura_access_list p.image{
	padding: 2% 1.5%;
	background: url(img/waku01.png) no-repeat left top;
	background-size:cover;
	text-align: center;
}
.awakura_access_list .image img{
	width: 97%;
	margin: 1%;
	display: block;
}
.awakura_access_list h3{
	padding: 15px 0px 0px 0px;
	color: #009cc1;
	font-weight: bold;
	font-size: 20px;
}

@media (min-width: 1280px) {
.awakura_access_list{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;
}
.awakura_access_list li{
	width: 33%;
	padding:10px;
}
}

/* !Awakura Guide=============================================== */
.awakura_guide01{
	padding: 50px 0px 0px 0px;
	background-image: url(img/flag_left.png),url(img/flag_right.png);
	background-position: left top,right top;
	background-repeat: no-repeat,no-repeat;
	background-size: 25% auto,25% auto;
}

.awakura_guide_list{
	width: 96%;
	margin: 20px auto;
}
.awakura_guide_list li{
	padding: 0px 10px 20px 30px;
	text-align: left;
	font-size: 16px;line-height: 1.5;
	background: url(img/icon_lerf02.png) no-repeat left top;
	background-size: 20px 20px;
}

.awakura_guide_list_notes{
	padding: 40px 0px 20px 0px;
	text-align: left;
}

.awakura_guide04 h3{
	padding: 20px;
	color: #009cc1;
	font-size: 20px;line-height: 1.5;
	font-weight: bold;
}
.awakura_guide04 p{
	width: 96%;
	margin: 10px auto;
	text-align: left;line-height: 1.5;
}

@media (min-width: 1280px) {
.awakura_guide_list{width: 720px;}
.awakura_guide04 p{width: 720px;}
.awakura_guide_list_notes{text-align:center;}
}

/* !Awakura introduction=============================================== */
.introduction-box{
	max-width: 1040px;
	margin: 20px;
	font-size: 16px;line-height: 1.5;
}

.introduction-box p.notes{
	font-size: 16px;line-height: 1.5;
}

.introduction-box02 li h3,
.introduction-box h3{
	padding: 15px 0px 0px 0px;
	color: #009cc1;
	font-weight: bold;
	font-size: 20px;
}

/*.awakura_introduction01*/
.awakura_introduction01 .title,.awakura_introduction04 .title{margin: 20px auto;}
.awakura_introduction01 .introduction-box{margin: 20px auto;}
.awakura_introduction01 .introduction-box li:first-child{
	font-size: 16px;line-height: 1.5;
	color: #5e5e5e;text-align: left;
}
.awakura_introduction01 .introduction-box p{padding: 20px 0px;}
	
/*.introduction05*/
.bgf{background: #495b98;color: #fff;}
.awakura_introduction05 h3{color: #fbfa41;font-size: 20px;font-weight: bold;padding: 20px 0px;}
.awakura_introduction05 .introduction-box p.notes{margin: 20px 0px;text-align: center;}

/*.introduction-box02*/
.introduction-box02 li h3,
.introduction-box02 li p{
	padding: 10px 20px 10px 20px;
	font-size: 16px;line-height: 1.5;
}

@media (min-width: 1280px) {
	.introduction-box p.notes{
		margin: -30px 0px 40px 50px;
		text-align: left;
	}
	.awakura_introduction01 .introduction-box li:first-child{
		display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
		width: 70%;text-align: left;
		font-size: 20px;line-height: 1.5;
	}
	.introduction-box{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;}
	.awakura_introduction05 .introduction-box p.notes{margin: -40px 0px 40px 50px;}
	
	.introduction-box02{
		display:flex;flex-flow:row nowrap;
	}
	.introduction-box02 li{
		display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;
		width: 50%;
		text-align: left;
	}
}

/* !volunteer=============================================== */
.volunteer01{
	padding: 30px 0px 60px 0px;
	background-image: url(img/flag_left.png),url(img/flag_right.png),url(img/line_lerf.png);
	background-position: left top,right top,center 97%;
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-size: 25% auto,25% auto,auto auto;
}
.volunteer01 p{
	margin: 0px 20px 20px 20px;
	font-size: 16px;line-height: 1.5;
}

.volunteer_mes{
	width: auto;
	max-width: 720px;
	margin: 20px auto;
	padding: 50px 0px;
	background: url(img/volunteer_bg01.png) no-repeat center center;
	background-size: 100% auto;
	font-size: 16px;line-height: 2;
	text-align: center;
}

.volunteer02 h3{
	width: auto;
	max-width: 820px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 5px 0px;
	color: #009cc1;
	font-size: 20px;line-height: 1.5;
	font-weight: bold;
	text-align: left;
}

.volunteer02 p{
	width: auto;
	max-width: 820px;
	margin: 0px auto 20px auto;
	text-align: left;
	font-size: 16px;line-height: 1.5;
}

/*.volunteer_telbox*/
.volunteer_telbox{
	max-width: 660px;
	margin: 20px auto;
	background: #ecfcfc;
	border: 5px solid #009cc1;
	color: #000;
}

.volunteer_telbox p{
	padding: 15px;
	font-size: 14px;
	line-height: 1.4;
}
.volunteer_telbox p a{
	color: #000;
}

.volunteer_telbox small{
	display: block;
	font-size: 14px;line-height: 1.4;
}

.volunteer_tel02 strong{
	background: url(img/icon_tel.png) no-repeat left center;
	padding-left:30px;
	font-size: 30px;font-weight: bold;
}
.volunteer_tel02 small{font-size: 20px;}
.volunteer_tel02 em{font-weight: bold;}

@media (min-width: 1280px) {
	.volunteer01{padding: 100px 0px 100px 0px;}
	.volunteer01 p{margin: 0px 0px 20px 0px;font-size: 20px;line-height: 1.5;}
	.volunteer_mes{padding: 70px 0px;line-height: 3em;}
	.volunteer_telbox{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;}
	.volunteer_tel02 strong{padding-left:30px;font-size: 40px;font-weight: bold;}
}

/* !Camp=============================================== */

/*.list_qa*/
.menu-bar{
	text-align: center;
}

.menu-bar h2{
	padding: 50px 0px 30px 0px;
	font-size: 20px;font-weight: bold;
	color: #005081;
}

.menu-bar ul li{
	text-align: left;
	padding: 15px 10px 15px 10px;
}

.menu-bar ul li:before{
	content:"\203A";
}

.menu-bar ul li button{
	color: #666;
	padding: 15px 10px 15px 10px;
	margin: 0px;padding: 0px;
	cursor: pointer;
}

.menu-bar ul li a{
	color: #666;
	padding: 10px 10px 10px 0px;
}
.menu-bar ul li a:hover{
	color: #009cc1;
	text-decoration: underline;
}
.menu-bar ul li:hover button{
	color: #009cc1;
	text-decoration: underline;
}

/*.list_qa*/
.list_qa{
	width: 94%;
	margin: 0px auto 20px auto;
	text-align: left;
}

.list_qa dt{
	width:100%;
	padding: 20px 40px 20px 20px;
	font-size: 20px;line-height: 1.5;
	background: #ecfcfc url(img/icon_arrow_under.png) no-repeat 96% center;
	font-weight: bold;
	color: #5e5e5e;cursor: pointer;
	border: 3px solid #009cc1;
	
}
.list_qa dt span{color: #009cc1;padding: 5px;}

.list_qa dt.open{
	color: #009cc1;
	background: #ecfcfc url(img/icon_arrow_top.png) no-repeat 96% center;
	border-bottom:0px solid #fff;
}

.list_qa dd{
	width: 100%;
	display: none;
	margin: 0px auto;
	padding: 15px;
	font-size: 16px;line-height: 1.7;
	background: #fff;
	border: 3px solid #009cc1;
	border-top: 3px dashed #009cc1;
}


@media (min-width: 1280px) {
	.menu-bar{
	min-width: 200px;
	text-align: left;
	}
	#qa01{
		display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;
	}
	#qa01 .title_box{margin-left: -130px;}
	.list_qa{width: 860px;margin: 0px auto 20px 210px;}
	#qa01 .list_qa{margin-left: 0px;}
	.list_qa dt{width: 860px;}
	.list_qa dd{width: 860px;}
}

/* !Staff=============================================== */
.staff_list_block{
	display:flex;flex-flow:row wrap;justify-content:start-flex;align-items:stretch;
	max-width: 1080px;
	margin: auto auto 50px auto;
}
.staff_list_box{
	width: 90%;
	max-width:100%;
	margin: 10px auto;
	padding: 30px;
	border: 3px solid #009db6;
	background: #fff;
}
.staff_list_box figure {
	min-height: 167px;
}
.staff_list_box figure img{
	max-width: 100%;
	width: auto;
	height: auto;
}
@media (min-width: 1080px) {
	.staff_list_box{
		/*display:flex;flex-flow:column wrap;justify-content:center;align-items:stretch;*/
		max-width:100%;
		margin: 10px 10px;
		padding: 30px;
		border: 3px solid #009db6;
		background: #fff;
	}
}

@media (min-width: 1280px) {
	.staff_list_box{
		margin:-3px 0px 0px -3px;
		max-width: 33.333%;
	}
}

.staff_list_box:hover{
	background-image: linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
}

.staff_list_box .staff_catch{
	display:flex;flex-flow:column wrap;justify-content:center;align-items:stretch;
	position: relative;
	max-width: 296px;
	min-height: 95px;
	margin: 10px auto 20px auto;
	padding: 10px 20px 10px 20px;
	color: #555555;
	font-size: 16px;line-height: 1.8;
	background:#fff  url(img/bg_staff_catch01.png);
}
.staff_list_box .staff_catch:after{
	position: absolute;
	bottom: -10px;
	right: -10px;
	width: 30px;
	height: 30px;
	content: " ";
	background:url(img/icon_lerf03.png) no-repeat center bottom;
	background-size: 30px 30px
}

.staff_list_box .staff_name{
	padding: 10px 0px 10px 0px;
	font-size: 20px;line-height: 1;
	color: #009db6;
}

.staff_list_box .staff_place{
	margin: 0px 0px 0px 0px;
	font-size: 16px;line-height: 1;
	color: #5e5e5e;
}

.staff_list_box .staff_more{
	display: inline-block;
	position: relative;
	margin: 20px 0px 0px 0px;
	padding: 13px 60px 13px 30px;
	border: 3px solid rgba(0,156,193,1);
	border-radius: 25px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}
.staff_list_box .staff_more{
	display: inline-block;
}
.staff_list_box .staff_more:after{
	position: absolute;
	top:13px;
	right: 10px;
	content: url(img/fa-chevron-circle-right.png);
}

.staff_list_box:hover .staff_more{
	border: 3px solid #fff;
	color: #fff;
}

.staff_list_box:hover .staff_more:after{
	content: url(img/fa-chevron-circle-right_hover.png);
}

.staff_detail_title{
	padding: 0px 0px 0px 0px;
	background-image: url(img/flag_left.png),url(img/flag_right.png);
	background-position: left center,right center;
	background-repeat: no-repeat,no-repeat;
	background-size: 25% auto,25% auto;
}

@media (min-width: 1280px) {
	.staff_detail_title{
		background-position: left top,right top;
	}
}

.staff_detail_title span{
	display: inline-block;
	margin: 10px auto;
	padding: 0px 50px 0px 50px;
	font-size: 24px;line-height: 1.4;
	color: #005081;
	font-weight: bold;
	background-repeat: no-repeat,no-repeat;
	background-size: auto auto,auto auto;
	background-position: left center,right center;
	background-image: url(img/bg_title_image_l.png),url(img/bg_title_image_r.png);
}

.staff_detailbox figure img{
	width:90%;
	height: auto;
}
.staff_detailbox .txt{
	padding: 20px 0px;
	font-size: 16px;line-height: 1.8;
	color:#5e5e5e;
}

@media (min-width: 1280px) {
	.staff_detailbox{
		margin: 20px auto;
		display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	}
	.staff_detailbox figure{
		width:55%;
	}
	.staff_detailbox figure img{
	max-width: 500px;
	}
	.staff_detailbox .txt{
		width:45%;
		padding: 0px 0px;
		text-align: left;
		font-size: 20px;line-height: 1.8;
		color:#5e5e5e;
	}
}
#staff02 h2,#staff03 h2{
	overflow: hidden;
	background-repeat: no-repeat,no-repeat;
	background-size:auto auto,auto auto;
	background-position: left center,right center;
	background-image: url(img/bg_lerf01.png),url(img/bg_lerf01.png);
}

#staff02 h2 span,#staff03 h2 span{padding: 20px 0px;background: #fafaed;}
#staff03 h2 span{background: #fff;}

#staff02 .list_dl{
	margin: 40px auto;
	width: 100%;
	max-width: 890px;
}

.staff_history_box{
	max-width: 890px;
	margin: 40px auto;
	padding: 30px;
	text-align: left;
	font-size: 16px;line-height: 1.6;
	border: 3px solid #009db6;
	background: #fff;
}

@media (min-width: 1280px) {
	#staff02 .list_dl dt{
		width: 30%;
	}
	
	#staff02 .list_dl dd{
		width: 70%;
	}
}

/* !Volunteer leader=============================================== */
#volunteer_leader{
	
}
.staff_list_block{
	max-width: 860px;
	margin: auto auto 50px auto;
}
.leader_detailbox{
	background: url(img/bg_leader_detail.png) no-repeat center bottom;
}
.leader_detailbox figure img{
	width:auto;
	height: auto;
}
.leader_detailbox .txt{
	display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
	padding: 20px 0px  60px 0px;
	font-size: 16px;line-height: 1.8;
	color:#5e5e5e;
}
#staff03 .list_dl{width:100%;max-width: 890px;margin: 30px auto;}

@media (min-width: 768px) {
	.leader-box{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;}
	#staff03 .list_dl dt{width: 30%;}
	#staff03 .list_dl dd{width: 70%;}
	#staff03 .list_dl dt:nth-of-type(3),
	#staff03 .list_dl dd:nth-of-type(3){border: none;padding-bottom: 0;}
}


	.leader-box{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;}
	.leader-box .menu-bar{min-width: 200px;text-align: left;}
	.leader-box .menu-bar .banner{margin-top: 30px;}
	.leader-box .leader-list-block{min-width:calc( 100% - 230px );}
	.leader-box .camp-block{min-width:calc( 100% - 230px );}
	.leader_detailbox figure img{width: 500px;}


/* !OB_leaders=============================================== */
.ob_leaders_box{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 30px;
	border: 3px solid #009cc1;
	background: #fff;
}

.ob_leaders_box figure{
	width: 30%;
}
.ob_leaders_box figure img{
	margin: 25px 15px 15px 15px;
}
.ob_leaders_box figure figcaption{
	font-size: 26px;line-height: 1.6;
	color: #009cc1;
}
.ob_leaders_box figure figcaption span{
	display: block;
	font-size: 16px;line-height: 1.6;
	color: #5e5e5e;
}

.ob_leaders_box ul{
	width:70%;
}

.ob_leaders_box ul li{
	margin: 0px 25px 0px 35px;
	padding: 25px 15px 25px 15px;
	text-align: left;
	font-size: 16px;line-height: 1.6;
	border-bottom: 2px dashed #009cc1;
}
/* !Outdoor=============================================== */
.twitter01 p{
	margin: -10px 20px 20px 20px;
	font-size: 16px;
}
.twitter-box{
	width: 300px;
	margin: 20px auto;
}
.twitter-box li{
	width: 300px;
	padding: 20px 0px;
	background: url(img/bg_flag01.png) repeat-x left bottom;
}

.twitter-box.home{
	margin: 0 auto;
	justify-content:center;
	background: none;
}
.twitter-box.home li{
	margin: 0 auto;
	padding: 0 0 20px;
	background: none;
}

.twitter-box li a{
	position: relative;
	display: block;
	color: #fff;
	text-align: center;
	padding-top:215px;
	min-height: 320px;
	background: url(img/bg_twitter01.png) no-repeat center top;
	background-size: 300px auto;
}

.twitter-box li span{
	display: block;
	position: absolute;
	bottom: 45px;
	left: 95px;
	padding: 8px 50px 8px 10px;
	color: #fff;
	border: 3px solid #fff;
	border-radius: 20px;
	font-size: 15px;line-height: 1;
	background:url(img/fa-chevron-circle-right_hover.png) no-repeat 90% center;
}

.twitter-box li.kobe a{background-image: url(img/bg_twitter01.png);}
.twitter-box li.kobe a:hover{background-image: url(img/bg_twitter01_over.png);}
.twitter-box li.eagles a{background-image: url(img/bg_twitter02.png);}
.twitter-box li.eagles a:hover{background-image: url(img/bg_twitter02_over.png);}
.twitter-box li.okayama a{background-image: url(img/bg_twitter03.png);}
.twitter-box li.okayama a:hover{background-image: url(img/bg_twitter03_over.png);}
.twitter-box li.umekyo a{background-image: url(img/bg_twitter04.png);}
.twitter-box li.umekyo a:hover{background-image: url(img/bg_twitter04_over.png);}
.twitter-box li.wagaya a{background-image: url(img/bg_twitter05.png);}
.twitter-box li.wagaya a:hover{background-image: url(img/bg_twitter05_over.png);}
.twitter-box li.tenmozu a{background-image: url(img/bg_twitter06.png);}
.twitter-box li.tenmozu a:hover{background-image: url(img/bg_twitter06_over.png);}
.twitter-box li.nagoya a{background-image: url(img/bg_twitter07.png);}
.twitter-box li.nagoya a:hover{background-image: url(img/bg_twitter07_over.png);}
.twitter-box li.camp a{background-image: url(img/bg_twitter08.png);}
.twitter-box li.camp a:hover{background-image: url(img/bg_twitter08_over.png);}
.twitter-box li.bus a{background-image: url(img/bg_twitter09.png);}
.twitter-box li.bus a:hover{background-image: url(img/bg_twitter09_over.png);}
.twitter-box li a:hover span{
	color: #00aced;
	background-color: #fff;
	background-image:url(img/fa-chevron-circle-right.png);
}

@media (min-width: 768px) {
	.twitter-box{
		width: auto;max-width:750px;
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	}
	.twitter-box.home{
		justify-content:center;
		background: none;
	}
	.twitter-box li{
		width: 360px;
		padding: 20px 0px 40px 0px;
	}
	.twitter-box li a{
		position: relative;
		display: block;
		color: #fff;
		text-align: center;
		padding-top:250px;
		min-height: 360px;
		min-width: 370px;
		background: url(img/bg_twitter01.png) no-repeat center top;
		background-size: auto auto;
	}
	
	.twitter-box li span{
		display: block;
		position: absolute;
		bottom: 40px;
		left: 110px;
		padding: 10px 60px 10px 20px;
		color: #fff;
		border: 3px solid #fff;
		border-radius: 20px;
		font-size: 16px;line-height: 1;
		background:url(img/fa-chevron-circle-right_hover.png) no-repeat 90% center;
	}
}

@media (min-width: 1280px) {
	.twitter-box{
		width: auto;max-width:1080px;
		background-image: url(img/bg_flag01.png),url(img/bg_flag01.png);
		background-position: left 380px, left 780px;
		background-repeat: repeat-x,repeat-x;
	}
	
	.twitter-box.home{
		justify-content:center;
		background: none;
	}
	.twitter-box li{
		width: 360px;
		padding: 20px 0px;
		background: none;
	}
}

/* !Camp_album=============================================== */
#camp_album01{
	max-width: 1080px;
	margin: 0px auto 20px auto;
	padding: 0px 1rem;
	text-align: left;
	font-size: 16px;line-height: 1.6;
}
.camp-album-section{
	max-width: 1080px;
	margin: 20px auto;
	padding: 20px 0px;
	background:#ecfcfc;
}

.camp-album-block{
	max-width: 1040px;
	margin: 0px auto 20px auto;
}
.camp_album_box{
width: 96%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
border-bottom: 3px dashed #009cc1;
}
	
@media (min-width:1040px) {
	.camp-album-block{
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;
		max-width: 1040px;
		margin: 0px auto 20px auto;
	}
	.camp_album_box{
	width: 33.333%;
	margin-bottom: 30px;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 30px;
	border-bottom: 3px dashed #009cc1;
	}
	
	.camp_album_box:last-child,
	.camp_album_box:nth-last-of-type(3),
	.camp_album_box:nth-last-of-type(2){
		border: none;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
}

.album_title{
	display:flex;flex-flow:column wrap;justify-content:center;align-items:stretch;
	max-width: 296px;
	min-height: 70px;
	margin: 0px auto 0px auto;
}
.album_title span{
	display: inline-block;
	margin: 10px;
	padding: 0px 30px 0px 30px;
	font-size: 18px;line-height: 1.4;
	color: #005081;
	font-weight: bold;
	background-repeat: no-repeat,no-repeat;
	background-size: auto 30px,auto 30px;
	background-position: left center,right center;
	background-image: url(img/bg_title_image_l.png),url(img/bg_title_image_r.png);
}

.album_catch{
	display:flex;flex-flow:column wrap;justify-content:center;align-items:stretch;
	position: relative;
	max-width: 296px;
	min-height: 75px;
	margin: 10px auto 20px auto;
	padding: 0px 20px 0px 20px;
	color: #555555;
	font-size:16px;line-height: 1.6;
	text-align: left;
	background:#fff  url(img/bg_staff_catch01.png);
}
.album_catch li{
	padding: 0px;margin: 0px;
}
.album_catch:after{
	position: absolute;
	bottom: -10px;
	right: -10px;
	width: 30px;
	height: 30px;
	content: " ";
	background:url(img/icon_lerf03.png) no-repeat center bottom;
	background-size: 30px 30px
}

.camp_album_box .album_data{
	max-width: 296px;
	margin: 0px auto 0px auto;
	display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	border: 1px solid #005081;
	font-size:14px;line-height: 1.4;
	color: #5e5e5e;
}

.camp_album_box .album_data dt{
	display:flex;flex-flow:row wrap;align-items:center;align-items:stretch;
	width: 82px;
	padding: 5px;
	border: 1px solid #005081;
	background: #ecfcfc;
}

.camp_album_box .album_data dd{
	display:flex;flex-flow:row wrap;align-items:center;align-items:stretch;
	width: calc( 100% - 82px);
	padding: 5px;
	border: 1px solid #005081;
	background: #fff;
	text-align: left;
}
.camp_album_box .album_data dd:last-child{min-height: 3.5em;}
.album_code{
	margin: 10px auto;
}
.album_code a{
	display:flex;flex-flow:row wrap;align-items:space-between;align-items:stretch;
	position: relative;
	width: 266px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 20px;
	border: 3px solid rgba(0,156,193,1);
	border-radius: 25px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	background: #fff;
}

@media (min-width:1040px) {
.album_code a{
	display:flex;flex-flow:row wrap;align-items:space-between;align-items:stretch;
	position: relative;
	width: 296px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 20px;
	border: 3px solid rgba(0,156,193,1);
	border-radius: 25px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	background: #fff;
}
}
.album_code span{
	display: block;
	width: 55px;
	font-size: 14px;line-height: 1.3;
	border-right: 1px solid rgba(0,156,193,1);
}
.album_code strong{
	display: block;
	display:flex;flex-flow:row wrap;align-items:center;
	padding-left: 10px;
	width: calc( 100% - 100px);
	font-size:24px;line-height: 1;
}

.album_code a:after{
	position: absolute;
	top:13px;
	right: 10px;
	content: url(img/fa-chevron-circle-right.png);
}

.album_code a:hover{
	color: #fff;
	border: 3px solid rgba(0,156,193,0);
	background-image: linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
}
.album_code a:hover span{border-right: 1px solid #fff;}
.album_code a:hover:after{
	content: url(img/fa-chevron-circle-right_hover.png);
}

/*camp_list01==================== */
#camp_list01{
	margin: -30px 0px 20px 0px;
}
.camp-list-section{
	max-width: 1080px;
	margin: 20px auto;
	padding: 20px 0px;
	background:#ecfcfc;
}

.camp-list-block{
	max-width: 1040px;
	margin: 0px auto 20px auto;
}

.camp_list_box{
	position: relative;
	width: 96%;
	margin: 0px auto;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 3px dashed #009cc1;
}

.camp_list_box:last-child,
.camp_list_box:nth-last-of-type(3),
.camp_list_box:nth-last-of-type(2){
	border: none;
	margin-bottom: 0px;
}

.list_title{
	display:flex;flex-flow:column wrap;justify-content:center;align-items:stretch;
	max-width: 296px;
	max-height: 70px;height: 70px;overflow: hidden;
	margin: 0px auto 10px auto;
	background: #fffce1;
	border: 8px solid #fcf276;
	color: #005081;
}
.list_title span{
	display: inline-block;
	margin: 0px;
	padding: 0px 30px 0px 30px;
	font-size: 18px;line-height: 1.3;
	font-weight: bold;
}

.camp_list_box:hover .list_title{
	background-image: linear-gradient(45deg,#67bbe0 15%, #00dfd5 85%);
	border: 8px solid #a2f1ff;
	color: #fff;
}
.camp_list_box figure{
	position: relative;
	margin: 0px auto;
	width: 297px;max-width: 100%;
	height: 198px;
	overflow: hidden;
}
.camp_list_box figure img{
	width: 100%;
	height: auto;
	width: 297px;max-width: 100%;
	height: 198px;
	}
.camp_list_box:hover figure:after{
	display: block;
	content: " ";
	position: absolute;z-index:10;
	top:0px;
	left: 0px;
	width: 296px;
	height: 215px;
	background: #92E2FF;
	opacity: 0.5;
}
.list_catch{
	display:flex;flex-flow:column wrap;justify-content:center;align-items:stretch;
	max-width: 296px;
	min-height: 80px;
	margin: 10px auto 20px auto;
	padding: 5px 10px 10px 5px;
	font-size:16px;line-height: 1.6;
	text-align: left;
	background:#fe6883;
	color: #fff;
}
.list_catch li{
	position: relative;
	margin: 0px;
	padding:5px 5px 5px 25px;
	border-bottom: 2px dashed #fff;
	font-weight: bold;
}
.list_catch li:before{
	position: absolute;
	top:5px;
	left: 0px;
	content: "★ ";
	color: #f9faac;
}
.camp_list_box:hover .list_catch{
	background-image: linear-gradient(45deg,#67bbe0 15%, #00dfd5 85%);
}

/*one*/
.list_catch.one{padding: 0px 0px;min-height: 88px;}
.list_catch.one li{padding:10px;text-align: center;border: none;}
.list_catch.one li:before{position: static;}

.camp_list_box .list_data{
	max-width: 296px;
	margin: 0px auto 0px auto;
	display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	border: 1px solid #005081;
	font-size:14px;line-height: 1.4;
	color: #5e5e5e;
}

.camp_list_box .list_data dt{
	display:flex;flex-flow:row wrap;align-items:center;align-items:stretch;
	width: 82px;
	padding: 5px;
	border: 1px solid #005081;
	background: #ecfcfc;
}

.camp_list_box .list_data dd{
	display:flex;flex-flow:row wrap;align-items:center;align-items:stretch;
	width: calc( 100% - 82px );
	max-height: 3.4em;overflow: hidden;
	padding: 5px;
	border: 1px solid #005081;
	background: #fff;
	text-align: left;
}
.camp_list_box .list_data dd:last-child{max-height: 3.5em;height: 3.5em;overflow: hidden;}

/*.list_more*/
.list_more{
	margin: 10px auto;
}
.list_more span{
	display: block;
	width: 256px;
	max-width: 100%;
	margin: 0px auto 0px auto;
	padding: 13px 0px 13px 20px;
	border: 3px solid rgba(0,156,193,1);
	border-radius: 25px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	background: #fff;
}


@media (min-width:1040px) {
	.camp-list-block{
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;
		max-width: 1040px;
		margin: 0px auto 20px auto;
	}
	.camp_list_box{
		position: relative;
		width: 33.333%;
		max-height: 300px;
		margin: 0px;
		max-height: 680px;
		margin-bottom: 30px;
		padding-bottom: 85px;
		border-bottom: 3px dashed #009cc1;
	}
	.list_more span{
		display: block;
		position: absolute;
		bottom: 30px;
		left: 50px;
		width: 256px;
		margin: 0px auto 0px auto;
		padding: 13px 0px 13px 20px;
		border: 3px solid rgba(0,156,193,1);
		border-radius: 25px;
		font-weight: bold;
		font-size: 16px;
		text-align: left;
		background: #fff;
	}
}


.list_more span:after{
	position: absolute;
	top:13px;
	right: 10px;
	content: url(img/fa-chevron-circle-right.png);
}

.camp_list_box:hover .list_more span{
	color: #fff;
	border: none;
	padding: 16px 3px 16px 23px;
	background-image: linear-gradient(45deg,#67bbe0 15%, #00dfd5 85%);
}
.camp_list_box:hover .list_more span:after{
	top:16px;
	right: 13px;
	content: url(img/fa-chevron-circle-right_hover.png);
}

/* !Camp_details=============================================== */
.camp_details00{
	margin: 50px auto 30px;
	text-align: center;
}
.camp_details00 img{max-width: 96%;}

/*camp_details_top*/
.camp_details_top{
	max-width: 1040px;
	margin: 0px auto;
}
.camp_details_top>li:first-child{
	width:100%;
	margin: 0px auto;
	text-align: center;
}

.camp_details_top>li:last-child{
	position: relative;
}

.camp_details_top .catch{
	margin: 0px auto 20px 10px;
	text-align: left;
	font-size: 24px;line-height: 1.5;
	font-weight: bold;
	color: #009cc1;
}

/*.camp_details_top_catch*/
.camp_details_top_catch{
	max-width: 96%;
	min-height: 80px;
	margin: 10px auto 20px 10px;
	padding: 5px 10px 10px 5px;
	font-size:16px;line-height: 1.6;
	text-align: left;
	background:#fe6883;
	color: #fff;
}
.camp_details_top_catch li{
	position: relative;
	margin: 0px;
	padding:5px 5px 5px 25px;
	border-bottom: 2px dashed #fff;
	font-weight: bold;
}
.camp_details_top_catch li:before{
	position: absolute;
	top:5px;
	left: 0px;
	content: "★ ";
	color: #f9faac;
}

/*camp_details_top_photo*/
.camp_details_top_photo{
	width: 96%;
	bottom: 0px;
	left: 10px;
	text-align: center;
}


@media (min-width:880px) {
	.camp_details00 img{max-width: 490px;}
	.camp_details_top{
		display:flex;flex-flow:row wrap;align-items:center;align-items:stretch;
		max-width: 1040px;
		margin: 0px auto;
	}
		.camp_details_top>li:first-child{
		width: 600px;
	}
	.camp_details_top>li:first-child img{
		width: 600px;
		height:400px;
	}
	.camp_details_top>li:last-child{
		position: relative;
		width: calc( 100% - 600px );
	}
	.camp_details_top_photo{
		width: 96%;
		display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;
		position: absolute;
		bottom: 0px;
		left: 10px;
	}
}

.camp_details_top_photo img{
	display: block;
	width: 200px;
	height: calc( ( 200px / 3 ) * 2 );
	margin: 0px auto 10px auto;
}

/*.list_camp_hotel*/
.list_camp_hotel{
	max-width: 880px;
	margin: -10px auto 30px auto;
}

.list_camp_hotel li{
	padding: 15px 10px 15px 30px;
	text-align: left;
	font-size: 16px;line-height: 1.5;
	background: url(img/icon_lerf02.png) no-repeat left center;
	background-size: 20px 20px;
	border-bottom: 3px dashed #009cc1;
}

/*.list_camp_details*/
.list_camp_details{
	max-width: 880px;
	margin: 0px auto 30px auto;
	display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	border: 1px solid #005081;
	font-size:14px;line-height: 1.4;
	color: #5e5e5e;
}

.list_camp_details dt{
	display:flex;flex-flow:row wrap;align-items:stretch;
	width: 40%;
	padding: 15px;
	border: 1px solid #005081;
	background: #ecfcfc;
	text-align:left;
}

.list_camp_details dd{
	display:flex;flex-flow:row wrapalign-items:stretch;
	width: calc( 100% - 40%);
	padding: 15px;
	border: 1px solid #005081;
	background: #fff;
	text-align: left;
}

/* !outdoor_album=============================================== */
#outdoor01{
	margin: -20px auto 20px 10px;
	text-align: left;
	font-size:16px;line-height: 1.4;
}
.outdoor_album_box{
	width: 100%;
	margin-bottom: 0px;
	padding: 20px 0px;
	background: #fff;
	border: 3px solid #009cc1;
}
.outdoor_album_box h3{
	padding: 15px;
	text-align: center;text-align: left;
	font-size:24px;line-height: 1.4;
	font-weight: bold;
	color:#009cc1;
}

.outdoor_album_box h3 span{
	padding: 5px;
	border-bottom: 2px dashed #009cc1;
}

.outdoor_album_box .notes{
	padding:10px 15px;
	text-align: right;text-align: left;
	color:#005081;
	font-size:16px;line-height: 1.4;
}

.outdoor_album_box>ul{
	max-width: 90%;
	margin: 20px auto;
}

.outdoor_album_photo{
	width: 90%;
	margin: 10px auto;
	text-align: center;
}

.outdoor_album_photo img{
	display: block;
	margin-bottom: 10px;
}

.outdoor_album_box>ul li:last-child{
	padding:0px 20px;
	text-align: left;
	font-size:16px;line-height: 1.7;
}

.album_code2{
	display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
}
.album_code2.mbt20{
	margin: 20px 0;
}
.album_code2 a{
	width: 80%;
	margin: 5px;
	padding: 15px 0;
	text-align: center;
	font-size: 14px;line-height: 1.4;font-weight: bold;
	border-radius: 8px;
	background: #009cc1;
	color: #fff;
}
@media (min-width: 768px) {
	.outdoor_album_box>ul{
		display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;
		max-width: 800px;
		margin: 20px auto;
	}
	.outdoor_album_box>ul li:first-child{
		max-width: 330px;
	}
	.outdoor_album_photo{
		width: 100%;
		margin: 10px 0px;
		display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;
	}
	
	.outdoor_album_photo img{
		display: block;
		width: 150px;
		height: 115px;
		margin-bottom: 0px;
	}
	.album_code2 a{
		width: 40%;
		margin: 5px;
		padding: 15px 0;
		text-align: center;
		font-size: 16px;line-height: 1.4;
		border-radius: 8px;
		background: #009cc1;
		color: #fff;
	}
}

/* !outdoor_list-box=============================================== */
#outdoor_list01{
	margin: -20px auto 20px 10px;
	text-align:center;
	font-size:16px;line-height: 1.4;
}
.outdoor_list-box{
	width: 300px;
	margin: 20px auto;
}
.outdoor_list-box li{
	width: 300px;
	padding: 20px 0px;
	background: url(img/bg_flag01.png) repeat-x left bottom;
}

.outdoor_list-box li a{
	position: relative;
	display: block;
	color: #fff;
	text-align: center;
	padding-top:215px;
	min-height: 320px;
	background: url(img/bg_outdoor01.png) no-repeat center top;
	background-size: 300px auto;
}

.outdoor_list-box li span{
	display: block;
	position: absolute;
	bottom: 55px;
	left: 85px;
	padding: 8px 50px 8px 10px;
	color: #009cc1;
	background-color: #fff;
	border: 3px solid #009cc1;
	border-radius: 20px;
	font-size: 15px;line-height: 1;
	background:#fff url(img/fa-chevron-circle-right.png) no-repeat 90% center;
}

.outdoor_list-box li.kobe a{background-image: url(img/bg_outdoor01.png);}
.outdoor_list-box li.kobe a:hover{background-image: url(img/bg_outdoor01_over.png);}
.outdoor_list-box li.eagles a{background-image: url(img/bg_outdoor02.png);}
.outdoor_list-box li.eagles a:hover{background-image: url(img/bg_outdoor02_over.png);}
.outdoor_list-box li.okayama a{background-image: url(img/bg_outdoor03.png);}
.outdoor_list-box li.okayama a:hover{background-image: url(img/bg_outdoor03_over.png);}
.outdoor_list-box li.umekyo a{background-image: url(img/bg_outdoor04.png);}
.outdoor_list-box li.umekyo a:hover{background-image: url(img/bg_outdoor04_over.png);}
.outdoor_list-box li.wagaya a{background-image: url(img/bg_outdoor05.png);}
.outdoor_list-box li.wagaya a:hover{background-image: url(img/bg_outdoor05_over.png);}
.outdoor_list-box li.tenmozu a{background-image: url(img/bg_outdoor06.png);}
.outdoor_list-box li.tenmozu a:hover{background-image: url(img/bg_outdoor06_over.png);}
.outdoor_list-box li.nagoya a{background-image: url(img/bg_outdoor07.png);}
.outdoor_list-box li.nagoya a:hover{background-image: url(img/bg_outdoor07_over.png);}
.outdoor_list-box li a:hover span{
	color: #fff;
	background-color: #fff;
	padding: 11px 53px 11px 13px;
	background-image:url(img/fa-chevron-circle-right_hover.png), linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
	border: none;
}

.outdoor_list-box li.none{background: none;}
.outdoor_list-box li.last a{
	padding-top: 0px;
	background: none;
}


@media (min-width: 768px) {
	.outdoor_list-box{
		width: auto;max-width:750px;
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	}
	.outdoor_list-box li{
		width: 360px;
		padding: 20px 0px 40px 0px;
	}
	.outdoor_list-box li a{
		position: relative;
		display: block;
		color: #fff;
		text-align: center;
		padding-top:250px;
		min-height: 360px;
		min-width: 370px;
		background: url(img/bg_twitter01.png) no-repeat center top;
		background-size: auto auto;
	}
	.outdoor_list-box li.last a{
		padding-top: 30px;
		background: none;
	}
	
	.outdoor_list-box li span{
		display: block;
		position: absolute;
		bottom: 50px;
		left: 110px;
		padding: 10px 60px 10px 20px;
		color: #009cc1;
		border: 3px solid #009cc1;
		border-radius: 20px;
		font-size: 16px;line-height: 1;
		background:#fff url(img/fa-chevron-circle-right.png) no-repeat 90% center;
	}
	.outdoor_list-box li a:hover span{
		padding: 13px 63px 13px 23px;
	}
}

@media (min-width: 1280px) {
	.outdoor_list-box{
		width: auto;max-width:1080px;
		background-image: url(img/bg_flag01.png),url(img/bg_flag01.png);
		background-position: left 380px, left 780px;
		background-repeat: repeat-x,repeat-x;
	}
	.outdoor_list-box li{
		width: 360px;
		padding: 20px 0px;
		background: none;
	}
}

/* !Camp_album_details=============================================== */
#camp_details00 .txt{
	margin: 0px auto 20px 10px;
	text-align:left;
	font-size:16px;line-height: 1.7;
}
/*.album_code_btn */
.album_code_btn a{
	display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	position: relative;
	max-width: 408px;
	margin: 0px auto 0px auto;
	padding: 15px 20px 15px 20px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	background: #01BF77;
	color: #fff;
}
.album_code_btn span{
	display: block;
	display:flex;flex-flow:row wrap;align-items:center;
	max-width: 30%;
	padding-right: 10px;
	font-size: 16px;line-height: 1.3;
	border-right: 1px solid #fff;
}
.album_code_btn strong{
	display: block;
	display:flex;flex-flow:row wrap;align-items:center;
	padding-left: 10px;
	max-width: 70%;
	font-size:30px;line-height: 1;
}

.album_code_btn a:hover{
	opacity: 0.5;
}

/* camp_album_link */
.camp_album_link a{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	position: relative;
	width: 296px;
	margin: 20px auto 20px auto;
	padding: 25px 0px 25px 20px;
	border: 3px solid rgba(0,156,193,1);
	border-radius: 35px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	background: #fff;
}
.camp_album_link span{
	display: block;
	width: 55px;
	font-size: 14px;line-height: 1.3;
	border-right: 1px solid rgba(0,156,193,1);
}
.camp_album_link strong{
	display: block;
	display:flex;flex-flow:row wrap;align-items:center;
	padding-left: 10px;
	width: calc( 100% - 100px );
	font-size:24px;line-height: 1;
}

.camp_album_link a:after{
	position: absolute;
	top:23px;
	right:10px;
	content: url(img/fa-chevron-circle-right.png);
}

.camp_album_link a:hover{
	color: #fff;
	border: 3px solid rgba(0,156,193,0);
	background-image: linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
}

/*camp_album_link*/
.happy_smile_link a{
	display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;
	font-size: 18px;line-height: 1;
	font-weight: bold;
	color: #5e5e5e;
}

.happy_smile_link a:before{
	content: url(img/icon_star01.png);
}

/* !Volunteer single=============================================== */
#volunteer_single01 p{
	padding: 70px 0px 100px 0px;
	text-align: center;
	font-size: 20px;line-height: 1.9;
	background: url(img/volunteer_single_iamge02.png) no-repeat center center;
}

/*.list_face*/
.list_face>li{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
	
	margin: 0px auto 15px auto;
}
.list_face figure{
	width: 100%;
	padding-bottom: 20px;
	display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
}
.list_face .box{
	position: relative;
	display:flex;flex-flow:row wrap;
}

.list_face .box:after{
	position: absolute;
	display: block;content: " ";
	top:-12px;
	right: calc( 50% - 12px );
	width: 20px;
	height: 20px;
	border-left: 3px solid #009cc1;
	border-top: 3px solid #009cc1;
	background: #fff;
	transform: rotate(45deg);
}


/*.box.q*/
.list_face .box.q{
	padding: 20px 20px 20px 80px;
	border: 3px solid #009cc1;
	font-size: 20px;line-height: 1.5;
	background: #fff url(img/icon_volunteer_q.png) no-repeat 15px center;
	color: #009cc1;
}
.list_face .box.q:after{
	border-left: 3px solid #009cc1;
	border-top: 3px solid #009cc1;
	background: #fff;
}

/*.box.a*/
.list_face li.left{
	padding-bottom: 30px;
	border-bottom: 3px dashed #009cc1;
}

.list_face .box.a{
	padding: 20px 20px 20px 80px;
	text-align: left;
	font-size: 16px;line-height: 1.5;
	border: 3px solid #ff6883;
	background: #fff7f7 url(img/icon_volunteer_a.png) no-repeat 15px 20px;
	color: #5e5e5e;
}
.list_face .box.a:after{
	border-left: 3px solid #ff6883;
	border-top: 3px solid #ff6883;
	background: #fff7f7;
}
@media (min-width: 1280px) {
			.list_face>li{
				display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
				width: 900px;
				margin: 0px auto 15px auto;
			}
			.list_face figure{
				width: 20%;
				padding-bottom: 0px;
				display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
			}
			.list_face .left figure{order:0;justify-content:flex-start;padding-right: 20px;}
			.list_face .right figure{order:2;justify-content:flex-end;padding-left: 20px;}
			.list_face .box{
				position: relative;
				width: 80%;
				display:flex;flex-flow:row wrap;
			}
			
			.list_face .box:after{
				position: absolute;
				display: block;content: " ";
				top:calc( 50% - 12px );
				right: -12px;
				width: 20px;
				height: 20px;
				border-left: 3px solid #009cc1;
				border-top: 3px solid #009cc1;
				background: #fff;
				transform: rotate(135deg);
			}
			.list_face .left .box:after{left: -12px;transform: rotate(-45deg);}
			
			/*.box.q*/
			.list_face .box.q{
				padding: 20px 20px 20px 80px;
				border: 3px solid #009cc1;
				font-size: 20px;line-height: 1.5;
				background: #fff url(img/icon_volunteer_q.png) no-repeat 15px center;
				color: #009cc1;
			}
			.list_face .box.q:after{
				border-left: 3px solid #009cc1;
				border-top: 3px solid #009cc1;
				background: #fff;
			}
			
			/*.box.a*/
			.list_face li.left{
				padding-bottom: 30px;
				border-bottom: 3px dashed #009cc1;
			}
			
			.list_face .box.a{
				padding: 20px 20px 20px 80px;
				text-align: left;
				font-size: 16px;line-height: 1.5;
				border: 3px solid #ff6883;
				background: #fff7f7 url(img/icon_volunteer_a.png) no-repeat 15px 20px;
				color: #5e5e5e;
			}
			.list_face .box.a:after{
				border-left: 3px solid #ff6883;
				border-top: 3px solid #ff6883;
				background: #fff7f7;
			}
}
/*#volunteer_single03*/
#volunteer_single03{
	padding: 20px auto 40px auto;
}
#volunteer_single03 ul{
	max-width: 880px;
	margin: -10px auto 30px auto;
	padding: 15px 25px 35px 25px;
	border: 3px solid #009cc1;
}

#volunteer_single03 ul li{
	padding: 15px 10px 15px 30px;
	text-align: left;
	font-size: 16px;line-height: 1.5;
	background: url(img/icon_lerf02.png) no-repeat left center;
	background-size: 20px 20px;
	border-bottom: 3px dashed #009cc1;
}

/* !.camp-map-block=============================================== */
.camp-map-box{
	margin: 0px auto 30px auto;
	padding: 20px 0px;
	background: #fff;
	border: 3px solid #009cc1;
}
.camp-map-box>ul{
	display:flex;flex-flow:row nowrap;justify-content:center;
	width: 90%;
	margin: 0px auto 30px auto;
}
.camp-map-box p{
	width: 90%;
	margin: 0px auto 30px auto;
	text-align: center;
}
.camp-map-box img{
	display: block;
	margin: 0px auto 30px auto;
}

/* !.aoukaze=============================================== */
.aoukaze01{
	background: url(./img/sp_kaze_bg01.png) no-repeat center bottom;
	font-size: 20px;line-height: 2.5;
}

.aoukaze04{
	margin: 25px 0px 65px 0px;
	background: url(./img/sp_kaze_bg02.png) no-repeat center top;
	font-size: 16px;line-height: 2.5;
	color:#005081;
}
.aoukaze04 p{
	padding: 15px;
}
.aoukaze04 p.ri{
	max-width: 480px;
	text-align: right;
	margin: 10px auto;
}

/* !.daichi=============================================== */
.daichi01{
	background: url(./img/sp_daichi_bg01.png) no-repeat center bottom;
	font-size: 20px;line-height: 2.5;
}

.daichi03{
	margin: 25px 0px 0px 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-image: linear-gradient(#92e2ff 15%, #86f1e9 85%);

}
.daichi03_box{
	padding-top: 30px;
	padding-bottom: 30px;
	background: #ecfcfc;
}
.daichi03_box ul{
	display:flex;flex-flow:row wrap;justify-content:center;;align-items:center;
}
.daichi03_box ul li{
	padding: 15px;
}

/* !.okinawa=============================================== */
.okinawa01{
	padding-bottom: 100px;
	background: url(./img/bg_okinawa01.png) no-repeat center bottom;
	font-size: 20px;line-height: 2.5;
}
.okinawa03{
	margin: 15px 5% 15px 5%;
}
.okinawa04{
	margin: 25px 0px 85px 0px;
	font-size: 16px;line-height: 2.5;
	color:#005081;
}
.okinawa04 p{
	padding: 15px;
}

/* !.long=============================================== */
.long01{
	padding-bottom: 100px;
	background: url(./img/bg_long01.png) no-repeat center bottom;
	font-size: 20px;line-height: 2.5;
}
.long03{
	margin: 15px 5% 85px 5%;
	font-size: 16px;line-height: 2.5;
}

@media (min-width: 1280px) {
	.long03{
		margin: 15px auto 85px auto;
	}
}
/* !.jr=============================================== */
.jr01{
	padding-bottom: 100px;
	background: url(./img/bg_jr01.png) no-repeat center bottom;
	font-size: 20px;line-height: 2.5;
}
.jr03{
	margin: 15px 5% 85px 5%;
	font-size: 16px;line-height: 2.5;
}

@media (min-width: 1280px) {
	.jr03{
		margin: 15px auto 85px auto;
	}
}

/* !.camp_secret04=============================================== */
.camp_secret01 .box_works .text,
.camp_secret02 .box_works .text,
.camp_secret03 .box_works .text{
	font-size: 16px;line-height: 1.6em;
}
.camp_secret01,
.camp_secret02,
.camp_secret03{background: url(./img/secret_point01.png) no-repeat center 20px;padding-top: 130px;}	
.camp_secret02{background-image: url(./img/secret_point02.png);background-color: #fafaed;}	
.camp_secret03{background-image: url(./img/secret_point03.png);}	
	
	
.camp_secret01 .catch,
.camp_secret02 .catch,
.camp_secret03 .catch{
	color:#009cc1;
	font-size: 20px;line-height: 1.4em;
	font-weight: bold;
	text-align: left;
	padding: 30px 0px  0px 0px;
}
.camp_secret04{
	padding: 150px 0px 50px 0px;
	background: url(./img/camp_secret_bg01.png) no-repeat center top;
	background-size: 100% auto;
}
.camp_secret04 a{
	display: block;
	margin: 0 auto;
	max-width: 200px;
}
.camp_secret05{
	padding: 20px 0px;
	background: url(./img/camp_secret_bg02.png) no-repeat center top;
	background-size: 100% auto;
}

@media (min-width: 1280px) {
	.camp_secret01,
	.camp_secret02,
	.camp_secret03{padding-top: 30px;background-image: none;}	
	.camp_secret04{
	padding: 120px 0px 100px 0px;
	background: url(./img/camp_secret_bg01.png) no-repeat center top;
	background-size: auto auto;
}
.camp_secret01_icon,
.camp_secret02_icon,
.camp_secret03_icon{
	width: 1020px;
	margin: 0 auto;
	background: url(./img/secret_point03.png) no-repeat left top;
}
.camp_secret01_icon{background-image: url(./img/secret_point01.png);}
.camp_secret02_icon{background-image: url(./img/secret_point02.png);background-color: #fafaed;}
.camp_secret03_icon{background-image: url(./img/secret_point03.png);}



.camp_secret04 a{
	max-width: 100%;
}
.camp_secret05{
	padding: 100px 0px;
	background: url(./img/camp_secret_bg02.png) no-repeat center top;
	background-size: auto auto;
}
}

/* !outdoor_secret=============================================== */
.outdoor_ri{
	margin: 0;
	text-align: right;
}
@media (min-width: 1280px) {
.outdoor_ri{
	text-align: right;
	margin-bottom: -50px;
}
}
/*.outdoor_secret01*/
.outdoor_secret01{
	padding: 30px 0px  50px 0px;
	background: url(./img/bg_outdoor_sercret01.png) no-repeat center top;
	background-size: auto auto;
}

.outdoor_secret01>p{
	margin: 25px 0px 30px 0px;
	font-size: 20px;line-height: 2.4em;
	font-weight: bold;
}

/*.outdoor_secret02*/
.outdoor_taisetsu{
	margin: 25px 0px 50px 0px;
	font-size: 16px;line-height: 1.4em;
}
.outdoor_taisetsu li{
	margin: 5px 0px;
	padding: 15px 0px;
	background: #61c061;
	color: #fff;
}
.outdoor_taisetsu li h3{
	padding: 0px 0px 10px 0px;
}
.outdoor_taisetsu li:nth-of-type(2){background: #569be8;}
.outdoor_taisetsu li:nth-of-type(3){background: #efa63f;}
.outdoor_taisetsu li:nth-of-type(4){background: #f27958;}
.outdoor_secret02>p{
	margin: 25px 0px 30px 0px;
	font-size: 16px;line-height: 2.4em;
}
@media (min-width: 1280px) {
	.outdoor_taisetsu{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
		margin: 25px 0px 50px 0px;
		font-size: 16px;line-height: 1.4em;
	}
	.outdoor_taisetsu li{
		display:flex;flex-flow:column wrap;justify-content:center;align-items:center;
		width: 49%;
		margin: 5px 0px;
		padding: 15px 0px;
		background: #61c061;
		color: #fff;
	}
}

/*.outdoor_secret03*/
.outdoor_point{
	margin: 25px 0px 50px 0px;
	font-size: 16px;line-height: 1.4em;
}
.outdoor_point li{
	margin: 5px 0px;
	padding: 15px 0px;
}
.outdoor_point li img{
	width: 342px;
}
.outdoor_point li h3{
	padding: 0px 0px 10px 0px;
	font-size: 20px;line-height: 1.4em;
	color: #009cc1;font-weight: bold;
}
@media (min-width: 1280px) {
	.outdoor_point{
		display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;
		margin: 25px 0px 50px 0px;
		font-size: 16px;line-height: 1.4em;
	}
	.outdoor_point li{
		width: 33%;
		margin: 5px 0px;
		padding: 15px 0px;
	}
}

/*.outdoor_secret04*/

.outdoor_secret04_box{
	position: relative;
	max-width: 890px;
	margin: 30px auto;
	padding: 20px 20px 0px 20px;
	font-size: 16px;line-height: 2em;
	color: #fff;
	background-color: #00bf75;
	text-align: left;
}
.outdoor_secret04_box .outdoor_tel a{
	display: block;
	background: #fff;
	width: 300px;
	margin: 25px 0px;
	padding: 18px 12px;
	text-align: center;
	font-size: 16px;line-height: 1em;
	border-radius: 50px;
	color: #5e5e5e;
}
.outdoor_secret04_box .outdoor_tel a span{
	display: block;
	margin-top: 5px;
	padding-left: 20px;
	font-size: 23px;line-height: 1em;
	background: url(img/outdoor_sercret_sanka04.png) no-repeat 5px center;
	color: #009cc1;
	}
@media (min-width: 1280px) {
	.outdoor_secret04_box .sercret_sanka02{position: absolute;bottom: 40px;right: 40px;}
	.outdoor_secret04_box .sercret_sanka03{position: absolute;bottom: 5px;right: 20px;}
}

.outdoor_secret05{
	padding: 30px 0px;
	background: url(./img/bg_outdoor_sercret02.png) no-repeat center top;
	background-size: 100% auto;
}
.outdoor_secret05 .ce{
	padding: 30px 0px;
}

@media (min-width: 1280px) {
	.outdoor_secret05{
		padding: 100px 0px;
		background: url(./img/bg_outdoor_sercret02.png) no-repeat center top;
		background-size: auto auto;
	}
}


/* !speca=============================================== */
.specal_index01{
	margin-top: -10px;
	margin-bottom: 20px;
}
.specal_index02{
	position: relative;
	padding: 10px 10px 150px 10px;
	background-image: url(./img/bg_specal_index00b.png),linear-gradient(#92e2ff 15%, #86f1e9 85%);
	background-repeat: no-repeat;
	background-position: center 99%;
}
.specal_index02 ul{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
}
.specal_index02 ul li{
	width: 328px;
	height: 328px;
	margin: 10px auto;
	padding: 10px;
	font-weight: bold;
	font-size: 20px;line-height: 1.5em;
	border: 6px solid #fff;
	border-radius: 200px;
	box-shadow: -3px 3px 0px 3px rgba(0,0,0,0.2);
	background: url(./img/bg_specal_index01.png) no-repeat center top;
}
.specal_index02 ul li:hover{
	border: 6px solid #f8dc00;
}
.specal_index02 ul li a{
	display: block;
	position: relative;
	height: 328px;
}
.specal_index02 ul li p{
	position: absolute;
	width: 100%;
	bottom: 43px;
	left: 0px;
	text-align: center;
	color: #fff;
}
.specal_index02 ul li p span{
	display: block;
	width: 130px;
	margin: 10px auto 0px auto;
	padding: 8px 50px 8px 10px;
	color: #fff;
	border: 3px solid #fff;
	border-radius: 20px;
	font-size: 15px;line-height: 1;
	background:url(img/fa-chevron-circle-right_hover.png) no-repeat 100px center;
}
.specal_index02 ul li:hover p span{
	padding: 11px 53px 11px 13px;
	background-image:url(img/fa-chevron-circle-right_hover.png) ,linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
	background-position: 103px center,center center;
	border: none;
}

.specal_index02 ul li:nth-of-type(1){
	background-image: url(./img/bg_specal_index01.png);
}
.specal_index02 ul li:nth-of-type(2){
	background-image: url(./img/bg_specal_index02.png);
}

.specal_index02 ul li:nth-of-type(3){
	background-image: url(./img/bg_specal_index03.png);
}

.specal_index02 ul li:nth-of-type(4){
	background-image: url(./img/bg_specal_index04.png);
}

.specal_index02 ul li:nth-of-type(5){
	background-image: url(./img/bg_specal_index05.png);
}

@media (min-width: 1280px) {
.specal_index02{
	position: relative;
	min-height: 1000px;
	padding: 10px;
	background-image: url(./img/bg_specal_index00a.png), url(./img/bg_specal_index00b.png),linear-gradient(#92e2ff 15%, #86f1e9 85%);
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-position: center center,center center,center center;
}
.specal_index02 ul li{
	position:absolute;
	top:0px;
	left: 45%;
	margin: 0px auto;
	}

	.specal_index02 ul li:nth-of-type(1){
		top:50px;left: calc( 50% - 164px );
	}
	.specal_index02 ul li:nth-of-type(2){
		top:250px;left: calc( 30% - 164px );
	}
	
	.specal_index02 ul li:nth-of-type(3){
		top:250px;left: calc( 70% - 164px );
	}
	
	.specal_index02 ul li:nth-of-type(4){
		top:600px;left: calc( 38% - 164px );
	}
	
	.specal_index02 ul li:nth-of-type(5){
		top:600px;left: calc( 62% - 164px );
	}
}


/* !outdoor_trial=============================================== */
.trial03{
	margin: 0px auto 30px;
}
.trial03 dl{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	max-width: 720px;
	margin: 0px auto 20px;
}
.trial03 dl dt{
	width:9%;
	padding-right: 15px;
}
.trial03 dl dd{
	width:90%;
	text-align: left;
	line-height: 1.5;
}
.trial03 dl dd:after{
	display: block;
	padding-top: 20px;
	text-align: center;
	content: url(img/icon_arrow_under.png);
}
.trial03 dl:nth-of-type(3) dd:after{display: none;}
.trial03 dd span.trial_list{
	position: relative;
	display: block;
	padding: 15px 15px;
	font-size: 18px;line-height: 1.5;
	color: #fff;
	border-radius: 5px;
}
.trial03 dl dd span.trial_list:before{
	display: block;
	position: absolute;
	content: " ";
	transform: rotate(45deg);
	top:calc( ( 100% - 20px ) / 2 ) ;
	left: -10px;
	width: 20px;
	height: 20px;
	background: #f27958;
}
.trial03 .trial_list01 span.trial_list{
	background: #f27958;
}

.trial02 .box_works_list2 dt small{
	display: block;
	font-size: 0.8em;
}

.trial03 dl.trial_list02 dd span.trial_list:before,
.trial03 .trial_list02 span.trial_list{
	background: #61c061;
}
.trial03 .trial_list02 span.trial_box{
	display: block;
	margin: 10px 0px 10px 30%;
	padding: 15px;
	background: #e0ffe0;
	border: 1px dashed #61c061;
}

.trial03 dl.trial_list03 dd span.trial_list:before,
.trial03 .trial_list03 span.trial_list{
	background: #569be8;
}
.trial03 .trial_list03 span.trial_box{
	display: block;
	margin: 10px 0px 10px 0%;
	padding: 15px;
	background: #ddedff;
	border: 1px dashed #569be8;
}
@media (min-width: 1280px) {
.trial03 .trial_list02 span.trial_box,
.trial03 .trial_list03 span.trial_box{
	margin: 10px 0px 10px 30%;
}
}
.trial03 .trial_list03 span.trial_box strong{
	display: block;
	margin: 0 0 15px;
	color: #005081;
}

/* !.camp_program01=============================================== */
.camp_program01 ul{
	max-width: 1000px;
}
.camp_program01 ul li{
	width: 90%;margin: auto;
}
@media (min-width: 1280px) {
	.camp_program01 ul{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
		max-width: 1000px;
	}
	.camp_program01 ul li{
		width: 50%;
	}
}
.camp_program01 ul li img{
	max-height: 380px;
}
.camp_program01 ul li p{
	width: 300px;
	margin: 0 auto;
	padding: 20px 0 40px;
	font-size: 16px;line-height: 1.8;
	text-align: left;
}

/*.camp_program04*/
.camp_program04 ul{
	max-width: 890px;
	margin: 0 auto 30px;
	padding: 20px;
	text-align: left;
	border: 5px solid #009cc1;
}

.camp_program04 ul li{
	padding: 15px;
	border-bottom: 2px dashed #009cc1;
}

.camp_program04 ul li h3{
	padding-left: 30px;
	font-size: 18px;line-height: 1.5;
	font-weight: bold;
	background: url(./img/icon_lerf02.png) no-repeat left top;
	background-size: auto 20px;
	color: #009cc1;
}
.camp_program04 ul li h3 strong{
	display: block;
	color: #005081;
	font-size: 20px;line-height: 1;
	font-weight: bold;
}
.camp_program04 ul li p.bus{
	display:flex;flex-flow:row wrap;align-items:center;
	min-height: 60px;
	padding-top: 90px;
	background: url(./img/camp_program_icon01.png) no-repeat left 10px;
}
.camp_program04 ul li p.sun{
	display:flex;flex-flow:row wrap;align-items:center;
	min-height: 60px;
	padding-top: 90px;
	background: url(./img/camp_program_icon02.png) no-repeat left 10px;
}
.camp_program04 ul li p.time{
	display:flex;flex-flow:row wrap;align-items:center;
	min-height: 60px;
	padding-top: 90px;
	background: url(./img/camp_program_icon03.png) no-repeat left 10px;
}

.camp_program04 ul li:nth-of-type(2) p strong{
	display: block;
	margin-bottom: 10px;
	font-size: 18px;line-height: 1.5;
	font-weight: bold;
	color: #009cc1;
}

@media (min-width: 1280px) {
	.camp_program04 ul li:nth-of-type(1){
		display:flex;flex-flow:row wrap;align-items:center;
	}
	.camp_program04 ul li p.bus{
		background: url(./img/camp_program_icon01.png) no-repeat 55px top;
		padding-left: 180px;padding-top: 0px;
	}
	.camp_program04 ul li p.sun{
		background: url(./img/camp_program_icon02.png) no-repeat 55px top;
		padding-left: 130px;padding-top: 0px;
	}
	.camp_program04 ul li p.time{
		padding-left: 180px;padding-top: 0px;
		background: url(./img/camp_program_icon03.png) no-repeat 55px top;
	}
	.camp_program04 ul li:nth-of-type(2){
		display:flex;flex-flow:row wrap;align-items:center;
	}
	
	.camp_program04 ul li:nth-of-type(2) figure{
		background: url(./img/camp_program_icon02.png) no-repeat 55px top;
		width: 40%;
	}
	
	.camp_program04 ul li:nth-of-type(2) p.box{
		width: 60%;
		line-height: 1.6;
	}
}

/*.camp_program06*/
.camp_program_box{
	max-width: 890px;
	margin: 0 auto 30px;
	padding: 20px;
	text-align: left;
	border: 5px solid #009cc1;
}
.camp_program_box>h3{
	position: relative;
	display: block;
	margin-bottom: 10px;
	padding: 0 0 0 60px;
	font-size: 24px;line-height: 1.5;
	font-weight: bold;
	color: #005081;
	background: url(./img/icon_lerf02.png) no-repeat left center;
	background-size: auto 100%;
}
.camp_program_box>h3.first{margin-bottom: 100px;}
.camp_program_box>h3>span{
	display: block;
	position: absolute;
	top:50px;left:0px;
	padding:5px 10px;
	font-size: 14px;line-height: 1.3;font-weight: normal;
	border: 3px solid #005081;
	border-radius: 5px;
	background: #fff;
}
@media (min-width: 1280px) {
.camp_program_box>h3.first{margin-bottom: 10px;}
.camp_program_box>h3>span{
	display: block;
	position: absolute;
	top:-10px;left: 160px;
	padding:5px 10px;
	font-size: 16px;line-height: 1.3;font-weight: normal;
	border: 3px solid #005081;
	border-radius: 5px;
	background: #fff;
}
.camp_program_box>h3>span:before{
	position: absolute;
	content: "";z-index: 2;
	top: 50%;left: -30px;
 	margin-top: -8px;
	border: 8px solid transparent;
	border-right: 22px solid #fff;
 	}
.camp_program_box>h3>span:after{
	position: absolute;
	content: "";z-index: 1;
	top: 50%;left: -36px;
 	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 24px solid #005081;
}

}
.camp_program_box ul{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;
	max-width: 90%;
}
.program_border{
	display: block;
	max-width: 100%;
	margin: 25px auto;
	border: none;
	border-top: 3px dashed #009cc1;
}
.program_border.mbl{
	margin: 55px auto 35px auto;
}
.border02{
	margin: -90px 0 20px 0;
	text-align: center;
}
.border02 span{
	position:relative;
	display: inline-block;z-index: 2;
	padding-right: 10px;
	font-size: 18px;font-weight: bold;
	color: #009cc1;
	background: #fff;
}
.border02 span:before{
	position:relative;
	display: inline-block;
	top:25px;
	width: 100px;height: 60px;
	content: "\0020";
	background: url(./img/icon_pro04.png) no-repeat center bottom;
	background-size: cover
}

@media (min-width: 1280px) {
	.border02{
		margin: -90px 0 20px 0;
		text-align: center;
	}
	.program_border.mbl,
	.program_border{
		position: relative;
		display: block;
		margin: 25px auto;
		border: none;
		border-top: 3px dashed #009cc1;
	}
	
	.program_border.bus2:after,
	.program_border.bus1:after{
		display: block;z-index: 3;
		position: absolute;
		top:-20px;left: 100px;
		width: 100%;height: 10px;
		content: url(./img/icon_pro01.png);
	}
	.program_border.bus2:after{content: url(./img/icon_pro05.png);}
	
	.camp_program_box ul li{
			max-width: 50%;
	}
}

.camp_program_box p{
	font-size: 16px;line-height: 1.5;
	color: #5e5e5e;
}
.camp_program_box p span.catch{
	font-size: 18px;line-height: 1.5;
	font-weight: bold;
	color: #009cc1;
}
.camp_program_box p span.strong{
	font-weight: bold;
}

.back_top{font-size: 14px;text-align: right;padding: 10px 0 30px;display: block;width: 100%;}

.camp_program_box .icon01{
	padding-right: 120px;
	background: url(./img/icon_pro02.png) no-repeat right center;
}
.camp_program_box.icon02{
	background: url(./img/icon_pro06.png) no-repeat 95% 10px;
}
.camp_program_box .icon03{
	padding-bottom: 100px;
	background: url(./img/icon_pro03.png) no-repeat center bottom;
}
@media (min-width: 1280px) {
	.camp_program_box.icon02{
		/*background: url(./img/icon_pro06.png) no-repeat 40% 20px;*/
		background: url(./img/icon_pro06.png) no-repeat 55% 20px;
	}
}
/* !.camp_pear=============================================== */
.camp_pear01 ul{
	max-width: 1000px;
}
.camp_pear01 ul li{
	width: 90%;margin: auto;
}
.camp_pear01 .catch{
	color:#009cc1;
	font-size: 20px;line-height: 1.4em;
	font-weight: bold;
	text-align: left;
	padding: 30px 0px  0px 0px;
	}
@media (min-width: 1280px) {
	.camp_pear01 ul{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
		max-width: 1000px;
	}
	.camp_pear01 ul li{
		width: 50%;
		display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:flex-start;
	}
	.camp_pear01 ul li:first-child{justify-content:center;}
	.camp_pear01 p{margin: 30px 0;}
}
.camp_pear01 ul li img{
	max-height: 380px;
}

/*camp_pear02*/
.camp_pear02 ul{
	display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
	max-width: 1000px;
}
.camp_pear02 ul li{
	width: 90%;
	margin: auto;
	padding: 30px 0 0;
}
.camp_pear02 ul li:first-child{order: 5;}
.camp_pear02 ul.order li:first-child{order: 0;}
.camp_pear02_icon{
	margin: 0 auto;
	padding-top: 100px;
	background: url(../images/camp/pear/camp_pear_image05.png) no-repeat center top;
}
@media (min-width: 1280px) {
	.camp_pear02 ul{
		
		max-width: 1000px;
	}
	.camp_pear02 ul li{
		max-width: 50%;
		padding: 30px 0;
	}
	.camp_pear02 ul li:first-child{order: 0;}
	.camp_pear02 ul.order li:first-child{order: 0;}
	.camp_pear02 ul li figure{
		display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;
	}
	.camp_pear02_icon{
		width: 1020px;
		margin: 0 auto;
		padding-top: 0;
		background: url(../images/camp/pear/camp_pear_image05.png) no-repeat left top;
	}
}
.camp_pear02 ul li h3{text-align: left;}
.camp_pear02 ul li p{
	margin: 30px;
	text-align: left;
	font-size: 16px;line-height: 1.4em;
}
.camp_pear02 .catch{
	color:#009cc1;
	font-size: 20px;line-height: 1.4em;
	font-weight: bold;
	text-align: left;
	padding: 30px 0px  0px 0px;
	}


/*---------------------------------------------
	Thu edit 05/10/2019
---------------------------------------------*/
#pager .page_link {
	padding: 0 5px;
}

/*========================================
Re:vite
Date : 20190716 add
url : /camp/camp_program/
    : /camp/camp_program/detail/
========================================*/
.rv_camp_program01 ul{
	max-width: 1000px;
}
.rv_camp_program01 ul li{
	width: 90%;margin: auto;
}
@media (min-width: 1280px) {
	.rv_camp_program01 ul{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: stretch;
		max-width: 1000px;
	}
	.rv_camp_program01 ul li{
		width: 50%;
		margin: 0;
	}
}
.rv_camp_program01 ul li img{
	max-height: 380px;
}
.rv_camp_program01 ul li p{
	width: 300px;
	margin: 0 auto;
	padding: 20px 0 40px;
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
}

.rv_camp-recruiting {
	display: block;
	padding: 30px 10px 20px 10px;
}
.rv_camp-recruiting p {
	width: 100%;
	padding: 0 0 10px 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	color: #009fb5;
}
.rv_camp-recruiting a {
	width: 100%;
	display: block;
	position: relative;
	background: #fff;
	padding: 20px 50px 20px 10px;
	border: 4px solid rgba(0,156,193,1);
	border-radius: 8px;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
}
.rv_camp-recruiting a:after{
	position: absolute;
	top: 34%;
	right: 20px;
	width: 20px;
	height: 20px;
	content: '';
	/*background: url(../img/fa-chevron-circle-right.png) center / contain no-repeat;*/
	background: url(img/fa-chevron-circle-right.png) center / contain no-repeat;
}
.rv_camp-recruiting a:hover{
	color: #fff;
	border: 4px solid rgba(0,156,193,0);
	background-image: linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
}
.rv_camp-recruiting a:hover:after{
	/*background: url(../img/fa-chevron-circle-right_hover.png) center / contain no-repeat;*/
	background: url(img/fa-chevron-circle-right_hover.png) center / contain no-repeat;
}

@media (min-width: 768px) {
	.rv_camp-recruiting {
		height: 380px;
		/*background: url(../images/camp_program-image_bk01.png) center / contain no-repeat;*/
		background: url(https://jof-camp.com/new/wp-content/themes/jof/assets/images/camp/camp_program/camp_program-image_bk01.png) center / contain no-repeat;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}
	.rv_camp-recruiting p {
		font-size: 20px;
	}
	.rv_camp-recruiting a {
		width: 50%;
		margin: 0 24% 0 25%;
		font-size: 28px;
	}
	.rv_camp-recruiting a:after{
		position: absolute;
		top: 34%;
		right: 20px;
		width: 24px;
		height: 24px;
	}
}

@media (min-width: 1280px) {
	.rv_camp-recruiting {
		height: 380px;
		background: url(https://jof-camp.com/new/wp-content/themes/jof/assets/images/camp/camp_program/camp_program-image_bk01.png) center / auto no-repeat;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}
	.rv_camp-recruiting p {
		font-size: 20px;
	}
	.rv_camp-recruiting a {
		width: 36%;
		margin: 0 31% 0 32%;
		font-size: 30px;
	}
	.rv_camp-recruiting a:after{
		position: absolute;
		top: 34%;
		right: 20px;
		width: 24px;
		height: 24px;
	}
}

.rv_camp-program-list_title {
	width: 100%;
}
.rv_camp-program-list_line {
	width: 100%;
	margin: 0 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.rv_camp-program-list_line img {
	width: 100%;
}
.rv_camp-program-list {
	display: block;
	padding: 10px 10px 20px 10px;
}
.rv_camp-program-list ul {
	width: 100%;
}
.rv_camp-program-list li {
	margin: 0;
	padding: 0px 10px 10px 10px;
	width: 100%;
	vertical-align: middle;
}

.rv_camp-program-list li a{
	display: block;
	position: relative;
	background: #fff;
	padding: 13px 50px 13px 20px;
	border: 3px solid rgba(0,156,193,1);
	border-radius: 25px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

.rv_camp-program-list li a{
	padding: 28px 50px 28px 20px;
	border-radius: 8px;font-size: 13px;
}

.rv_camp-program-list li a:after{
	position: absolute;
	top: 42%;
	right: 10px;
	/*content: url(../img/fa-chevron-circle-right.png);*/
	content: url(img/fa-chevron-circle-right.png);
}

.rv_camp-program-list li a:hover{
	color: #fff;
	border: 3px solid rgba(0,156,193,0);
	background-image: linear-gradient(30deg,#92e2ff 15%, #86f1e9 85%);
}
.rv_camp-program-list li a:hover:after{
	/*content: url(../img/fa-chevron-circle-right_hover.png);*/
	content: url(img/fa-chevron-circle-right_hover.png);
}

.rv_camp-program-list li a small{
	font-size: 13px;
}

@media (min-width: 768px) {
	.rv_camp-program-list_title {
		height: 70px;
		/*background-image: url(../images/camp_program-image_bk02-l.png), url(../images/camp_program-image_bk02-r.png);*/
		background-image: url(https://jof-camp.com/new/wp-content/themes/jof/assets/images/camp/camp_program/camp_program-image_bk02-l.png), url(https://jof-camp.com/new/wp-content/themes/jof/assets/images/camp/camp_program/camp_program-image_bk02-r.png);
		background-position: left bottom, right bottom;
		background-repeat: no-repeat, no-repeat;
		background-size: 250px auto, 250px auto;
	}
	.rv_camp-program-list_line img {
		width: 50%;
	}
	.rv_camp-program-list ul {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	.rv_camp-program-list li {
		width: 40%;
		padding: 10px 20px;
	}
	.rv_camp-program-list li a{
		height: 84px;
		padding: 0 20px 0 15px;
		display: flex;
		align-items: center;
	}
}

@media (min-width: 1280px) {
	.rv_camp-program-list_title {
		height: 100px;
		background-size: auto auto, auto auto;
	}
	.rv_camp-program-list li {
		width: 23%;
		padding: 10px 20px;
		float: left;
	}
}

.rv_sp-content_hidden {
	display: none;
}
.rv_pc-content_hidden {
	display: block;
}
@media (min-width: 768px) {
	.rv_sp-content_hidden {
		display: block;
	}
	.rv_pc-content_hidden {
		display: none;
	}
}

.rv_positon_rel {
	position: relative;
}
.rv_contents-align_r {
	text-align: right;
}
.rv_txt-indent_1 {
	padding-left: 1em!important;
	text-indent: -1em!important;
}
.rv_txt-indent_3 {
	padding-left: 0;
	text-indent: 0;
}
.rv_txt-indent_5 {
	padding-left: 0;
	text-indent: 0;
}

.rv_camp-detail_ballon-1, .rv_camp-detail_ballon-2, .rv_camp-detail_ballon-3 {
	position: relative;
	width: 100%;
	height: auto;
	padding: 18px 20px;
	/*background: url(../images/camp_program-image_balloon01-sp.png) top left / 100% 100% no-repeat;*/
	background: url(https://jof-camp.com/new/wp-content/themes/jof/assets/images/camp/camp_program/camp_program-image_balloon01-sp.png) top left / 100% 100% no-repeat;
	box-sizing: border-box;
}
.rv_camp-detail_ballon-1 p, .rv_camp-detail_ballon-2 p, .rv_camp-detail_ballon-3 p {
	font-size: 16px;
	line-height: 1.5;
}
.rv_camp-detail_txt {
	width: 100%;
	margin: 10px;
}
.rv_camp-detail_txt p {
	width: calc(100% - 1em);
	padding-left: 1em!important;
	text-indent: -1em!important;
	font-size: 16px;
	line-height: 1.5;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.rv_camp-detail_ballon-1, .rv_camp-detail_ballon-2, .rv_camp-detail_ballon-3 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 18px 40px;
		/*background: url(../images/camp_program-image_balloon01-sp.png) top left / 100% 100% no-repeat;*/
		background: url(https://jof-camp.com/new/wp-content/themes/jof/assets/images/camp/camp_program/camp_program-image_balloon01-sp.png) top left / 100% 100% no-repeat;
		box-sizing: border-box;
	}
}
@media (min-width: 1280px) {
	.rv_camp-detail_ballon-1 {
		position: absolute;
		top: 75px;
		right: 50px;
		width: 394px;
		height: 130px;
		padding: 20px 10px 0 40px;
		/*background: url(../images/camp_program-image_balloon01.png) top left / contain no-repeat;*/
		background: url(https://jof-camp.com/new/wp-content/themes/jof/assets/images/camp/camp_program/camp_program-image_balloon01.png) top left / contain no-repeat;
		box-sizing: border-box;
	}
	.rv_camp-detail_ballon-2 {
		position: absolute;
		bottom: 0;
		right: 40px;
		width: 394px;
		height: 150px;
		padding: 22px 40px 0 50px;
		/*background: url(../images/camp_program-image_balloon02.png) top left / contain no-repeat;*/
		background: url(https://jof-camp.com/new/wp-content/themes/jof/assets/images/camp/camp_program/camp_program-image_balloon02.png) top left / contain no-repeat;
		box-sizing: border-box;
	}
	.rv_camp-detail_ballon-3 {
		position: absolute;
		top: 75px;
		right: 50px;
		width: 394px;
		height: 150px;
		padding: 22px 10px 0 40px;
		/*background: url(../images/camp_program-image_balloon02.png) top left / contain no-repeat;*/
		background: url(https://jof-camp.com/new/wp-content/themes/jof/assets/images/camp/camp_program/camp_program-image_balloon02.png) top left / contain no-repeat;
		box-sizing: border-box;
	}
	.rv_camp-detail_txt {
		width: 60%;
		margin: 10px 4% 10px 35%;
	}
	.rv_txt-indent_3 {
		padding-left: 3em!important;
		text-indent: -3em!important;
	}
	.rv_txt-indent_5 {
		padding-left: 5.5em!important;
		text-indent: -5.5em!important;
	}
}

.rv_camp_detail_cont, .rv_camp_detail_clear {
	max-width: 850px;
	margin: 10px 10px 0;
	padding: 0 0 20px;
}
.rv_camp_detail_cont figure {
	max-width: 375px;
	margin: 10px 0 0;
	float: left;
}
.rv_camp_detail_cont-txt {
	width: 100%;
	margin: 0;
	float: right;
	position: relative;
}
.rv_camp_detail_cont-txt figure {
	position: absolute;
	top: 95px;
	right: 0;
	margin: 0;
}
.rv_camp_detail_clear {
	max-width: 1000px;
	padding: 0 0 50px;
}

.rv_camp_detail_com {
	width: 100%;
	margin: 0;
	padding: 20px;
	border: 3px dashed #ff9a9d;
	border-radius: 30px;
	box-sizing: border-box;
}
.rv_camp_detail_com-2 {
	width: 100%;
	margin: 10px 0 0;
	padding: 10px 20px;
	border: 3px dashed #ff9a9d;
	border-radius: 30px;
	box-sizing: border-box;
	position: relative;
}
.rv_camp_detail_com-3 {
	width: 100%;
	margin: 10px 0 20px;
	padding: 20px;
	border: 3px dashed #ff9a9d;
	border-radius: 30px;
	box-sizing: border-box;
	position: relative;
	top: 0;
	right: 0;
}
.rv_camp_detail_com p, .rv_camp_detail_com-2 p, .rv_camp_detail_com-3 p {
	padding: 0!important;
	font-size: 16px;
}
.rv_camp_detail_com-3 figure {
	position: absolute;
	top: -30px;
	right: -5px;
	width: 70px;
}

.rv_camp_detail01 ul{
	max-width: 1000px;
}
.rv_camp_detail01 ul li{
	width: 90%;
	margin: auto;
}
.rv_camp_detail01 ul li img{
	max-height: 380px;
}
.rv_camp_detail01 ul li p{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 40px;
	font-size: 16px;line-height: 1.8;
	text-align: left;
}

@media (min-width: 768px) {
	.rv_camp_detail_cont figure {
		max-width: 276px;
		margin: 20px 20px 0 0;
		float: left;
	}
	.rv_camp_detail_cont-txt {
		width: calc(100% - 296px);
		margin: 0;
		float: right;
		position: relative;
	}
	.rv_camp_detail_cont-txt figure {
		position: absolute;
		top: 40px;
		right: -30px;
		width: 70px;
		margin: 0;
	}
}
@media (min-width: 1280px) {
	.rv_camp_detail_cont figure {
		max-width: 276px;
		margin: 20px 20px 0 0;
		float: left;
	}
	.rv_camp_detail_cont-txt {
		width: calc(100% - 296px);
		margin: 0;
		float: right;
		position: relative;
	}
	.rv_camp_detail_cont-txt figure {
		position: absolute;
		top: 40px;
		right: -30px;
		width: auto;
		margin: 0;
	}
	.rv_camp_detail_com-2 {
		width: 95%;
		margin: 10px 0 0;
		padding: 10px 20px;
		border: 3px dashed #ff9a9d;
		border-radius: 30px;
		box-sizing: border-box;
		position: relative;
	}
	.rv_camp_detail_com-3 {
		width: 60%;
		margin: 10px 0 0;
		padding: 20px;
		border: 3px dashed #ff9a9d;
		border-radius: 30px;
		box-sizing: border-box;
		position: absolute;
		top: 20px;
		right: 40px;
	}
	.rv_camp_detail_com-3 figure {
		position: absolute;
		top: -20px;
		right: 10px;
		width: auto;
	}
	.rv_camp_detail_com {
		width: 300px;
		position: absolute;
		top: 0;
		right: 20px;
	}
	.rv_camp_detail_com p {
	}
	.rv_camp_detail01 ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		max-width: 1000px;
	}
	.rv_camp_detail01 ul li{
		max-width: 58%!important;
		margin: 0;
		position: relative;
	}
	.rv_camp_detail01 ul li:nth-child(2n - 1){
		width: 58%;
	}
	.rv_camp_detail01 ul li:nth-child(2n){
		width: 42%;
	}
	.rv_camp_detail01 ul li figure {
		margin-right: 20px;
	}
	.rv_camp_detail01 ul li p{
		width: calc(100% - 10px);
		margin: 0 auto 0 10px;
		padding: 0;
	}
}

.rv_title_box{
	padding: 0px 0px 20px 0px
}
.rv_title_box span {
	display: block;display: inline-block;
	margin: 11px;
	padding: 0px 30px 0px 30px;
	font-size: 18px;
	line-height: 1.4;
	color: #005081;
	font-weight: bold;
	background-repeat: no-repeat,no-repeat;
	background-size: auto auto,auto auto;
	background-position: left bottom, right bottom;
	background-image: url(img/bg_title_image_l.png),url(img/bg_title_image_r.png);
}

@media (min-width: 880px) {
	.rv_title_box span {
		font-size: 20px;
		line-height: 1.4;
		background-position: left center,right center;
		display: inline-block;
	}
}
@media (min-width: 1280px) {
	.rv_title_box span {
		font-size: 24px;
		line-height: 1.4;
		background-position: left center,right center;
 		display: inline-block;
	}
}

.rv_camp_detail_item-t10, .rv_camp_detail_item-t50, .rv_camp_detail_item-t20, .rv_camp_detail_item-t70, .rv_camp_detail_item-t80 {
	margin-top: 10px;
}
.rv_pd_le_10px {
	padding-left: 10px!important;
}
.rv_pd-bt_20px {
	padding-bottom: 20px!important;
}
.rv_pd-bt_40px {
	padding-bottom: 40px;
}
.rv_pd-bt_50px {
	padding-bottom: 50px;
}
.rv_pd-bt_70px {
	padding-bottom: 70px;
}

.rv_pd-bt_60px, .rv_pd-bt_80px {
	padding-bottom: 10px;
}
.rv_icon01 {
	/*background: url(../img/icon_rv01.png) right 20px bottom 30px / 130px 100px no-repeat;*/
	background: url(img/icon_rv01.png) right 20px bottom 30px / 130px 100px no-repeat;
}
.rv_icon02 {
	padding: 0 0 90px 0!important;
	/*background: url(../img/icon_rv02.png) no-repeat center bottom;*/
	background: url(img/icon_rv02.png) no-repeat center bottom;
}
.rv_icon03 {
	/*background: url(../img/icon_rv03.png) no-repeat center bottom;*/
	background: url(img/icon_rv03.png) no-repeat center bottom;
}
.rv_icon04 {
	/*background: url(../img/icon_rv03.png) no-repeat right 50px bottom 105px;*/
	background: url(img/icon_rv03.png) no-repeat right 50px bottom 105px;
}
.rv_icon05 {
	/*background: url(../img/icon_rv12.png) top right / 160px 93px no-repeat;*/
	background: url(img/icon_rv12.png) top right / 160px 93px no-repeat;
}
.rv_icon06 {
	/*background: url(../img/icon_rv13.png) no-repeat top 240px right 20px;*/
	background: url(img/icon_rv13.png) no-repeat top 240px right 20px;
}
.rv_icon07 {
	/*background: url(../img/icon_rv09.png) no-repeat top 490px left 80%, url(../img/icon_rv13.png) no-repeat top 320px left 50px;*/
	background: url(img/icon_rv09.png) no-repeat top 470px left 80%, url(img/icon_rv13.png) no-repeat top 180px left 50px;
}
.rv_icon08 {
	/*background: url(../img/icon_rv10.png) no-repeat top 60px right 0px;*/
	background: url(img/icon_rv10.png) no-repeat top 60px right 0px;
}
.rv_icon09 {
	/*background: url(../img/icon_rv04.png) top 170px left 48% / 70px 63px no-repeat;*/
	background: url(img/icon_rv04.png) top 170px left 48% / 70px 63px no-repeat;
}

@media (min-width: 768px) {
	.rv_icon06 {
		/*background: url(../img/icon_rv08.png) no-repeat top right;*/
		background: none;
	}
	.rv_icon07 {
		/*background: url(../img/icon_rv09.png) no-repeat top 300px left 65%, url(../img/icon_rv08.png) no-repeat top 40px left 50%;*/
		background: url(img/icon_rv09.png) no-repeat top 380px left 85%, url(img/icon_rv08.png) top 40px left 50% no-repeat;
	}
	.rv_icon08 {
		/*background: url(../img/icon_rv10.png) no-repeat top 20px right 150px;*/
		background: url(img/icon_rv10.png) no-repeat top 20px right 150px;
	}
	.rv_icon09 {
		/*background: url(../img/icon_rv04.png) no-repeat top 10px left 60%;*/
		background: url(img/icon_rv04.png) no-repeat top 10px left 60%;
	}
}
@media (min-width: 1280px) {
	.rv_camp_detail_item-t10 {
		margin-top: 10px;
	}
	.rv_camp_detail_item-t50 {
		margin-top: 50px;
	}
	.rv_camp_detail_item-t20 {
		margin-top: 20px;
	}
	.rv_camp_detail_item-t70 {
		margin-top: 70px;
	}
	.rv_camp_detail_item-t80 {
		margin-top: 80px;
	}
	.rv_pd-bt_40px {
		padding-bottom: 40px;
	}
	.rv_pd-bt_50px {
		padding-bottom: 50px;
	}
	.rv_pd-bt_60px {
		padding-bottom: 60px;
	}
	.rv_pd-bt_70px {
		padding-bottom: 70px;
	}
	.rv_pd-bt_80px {
		padding-bottom: 80px;
	}
	.rv_icon01 {
		/*background: url(../img/icon_rv01.png) no-repeat right bottom;*/
		background: url(img/icon_rv01.png) no-repeat right bottom;
	}
	.rv_icon02 {
		padding: 0 0 90px 0!important;
		/*background: url(../img/icon_rv02.png) no-repeat center bottom;*/
		background: url(img/icon_rv02.png) no-repeat center bottom;
	}
	.rv_icon03 {
		/*background: url(../img/icon_rv03.png) no-repeat center bottom;*/
		background: url(img/icon_rv03.png) no-repeat center bottom;
	}
	.rv_icon04 {
		padding-bottom: 100px;
		/*background: url(../img/icon_rv03.png) no-repeat right bottom 30px;*/
		background: url(img/icon_rv03.png) no-repeat right bottom 30px;
	}
	.rv_icon05 {
		/*background: url(../img/icon_rv07.png) no-repeat top right 40px;*/
		background: url(img/icon_rv07.png) no-repeat top right 40px;
	}
	.rv_icon06 {
		/*background: url(../img/icon_rv08.png) no-repeat top right;*/
		/*background: url(img/icon_rv08.png) no-repeat top right;*/
		background: none;
	}
	.rv_icon07 {
		/*background: url(../img/icon_rv09.png) no-repeat top 330px left 45%, url(../img/icon_rv08.png) no-repeat top 40px left 40%;*/
		background: url(img/icon_rv09.png) no-repeat top 290px left 45%, url(img/icon_rv08.png) no-repeat top 40px left 40%;
	}
	.rv_icon08 {
		/*background: url(../img/icon_rv10.png) no-repeat top 20px right 350px;*/
		background: url(img/icon_rv10.png) no-repeat top 20px right 320px;
	}
	.rv_icon09 {
		/*background: url(../img/icon_rv04.png) no-repeat top 10px left 48%;*/
		background: url(img/icon_rv04.png) no-repeat top 10px left 48%;
	}
}


/*========================================
Re:vite
Date : 20200608 add
url : index
========================================*/
.rv_top-banner_ar {
	margin: 0;
	padding: 0;
}
.rv_top-main-banner {
	width: 100%;
	height: 350px;
	background: url(../images/top/TOP_main.jpg) top center / auto no-repeat;
	overflow: hidden;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.rv_top-main-banner img {
	width: auto;
	max-width: none;
}
.rv_top-main-link {
	margin: 0;
	padding: 0;
}
.rv_top-main-link ul {
	width: 100%;
	max-width: 946px;
	margin: 50px auto 0;
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.rv_top-main-link li {
	width: calc(25% - 8px);
}
.rv_top-main-link li img {
	width: 100%;
	max-width: 188px;
	max-height: 188px;
}

@media screen and (max-width: 374px){
	.rv_top-main-banner {
		width: 100%;
		height: 160px;
		background: url(../images/top/TOP_main.jpg) top center / auto 160px no-repeat;
	}
	.rv_top-main-banner img {
		width: auto;
		height: 160px;
	}
	.rv_top-main-link ul {
		margin: 20px auto 0;
	}
}
@media screen and (min-width: 375px) and (max-width: 767px) {
	.rv_top-main-banner {
		width: 100%;
		height: 180px;
		background: url(../images/top/TOP_main.jpg) top center / auto 180px no-repeat;
	}
	.rv_top-main-banner img {
		width: auto;
		height: 180px;
	}
	.rv_top-main-link ul {
		margin: 20px auto 0;
	}
}


/*========================================
add 20200609
pc side-banner / SP footer-banner
========================================*/
.rv_pc-side-banner {
	width: 354px;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 100px;
	right: -354px;
	z-index: 10;
}
.rv_pc-side-banner ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}
.rv_pc-side-banner li {
	margin: 0;
	padding: 0;
}
.rv_pc-side-banner li:first-of-type {
	text-align: center;
}
.rv_pc-side-banner li:first-of-type img {
	width: 90%;
}
.rv_pc-side-banner li:nth-of-type(2) {
	margin: 0 0 10px;
}
.rv_pc-side-banner li:last-of-type {
	text-align: right;
}
.rv_pc-side-banner li:last-of-type img {
	width: 120px;
}

.rv_sp-footer-banner {
	width: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: none;
}
.rv_sp-footer-banner .rv_sp-footer-banner-title {
	margin: 0;
	padding: 0;
}
.rv_sp-footer-banner .rv_sp-footer-banner-title img {
	width: 100%;
	display: block;
}
.rv_sp-footer-banner ul {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 4px;
	left: 0;
	display: flex;
	flex-wrap: wrap;
}
.rv_sp-footer-banner li {
	width: calc(50% - 20px);
	margin: 0 10px;
}
.rv_sp-footer-banner li img {
	width: 100%;
}

@media (max-width: 768px) {
	.rv_pc-side-banner {
		display: none;
	}
	.rv_sp-footer-banner {
		display: block;
	}
}