/* CSS Document */
/* layout */

/*=================================
	Initialization of style
===================================*/

@font-face{ 
  font-family: 'mplus-1p-regular';
  src: url('https://mplus-webfonts.sourceforge.jp/mplus-1p-regular.eot');
  src: url('https://mplus-webfonts.sourceforge.jp/mplus-1p-regular.eot?#iefix') format('embedded-opentype'),
       url('https://mplus-webfonts.sourceforge.jp/mplus-1p-regular.woff') format('woff'),
       url('https://mplus-webfonts.sourceforge.jp/mplus-1p-regular.ttf') format('truetype');
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: 'rounded-mplus-1p', sans-serif;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	background:#fff;
	font-weight:400;
	}

a:link,
a:visited {
	text-decoration: none;
	color: #0064ae;
}
a:hover,
a:active {
	text-decoration: none;
	color: #0064ae;
}

div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,figure,article,section,header,footer {
	margin: 0;
	padding: 0;
	font-weight: 400;
}
img, a img {
	border:none;
	vertical-align: bottom;
}
h1,h2,h3,h4{
	font-size:1em;
}
a img {
	-webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
	     -o-transition: 0.1s ease-in-out;
	        transition: 0.1s ease-in-out;
}
a:hover,
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=90);
}

hr {
	content: "."; 
	display: block; 
	height: 0;
	margin:0;
	clear: both; 
	visibility: hidden;
}

/* List_group */
ul,ol,li { list-style: none;}

/* inline-style */
address {
	font-style: normal;
	font-size: 70%;
	}
	address a,
	address a:link,
	address a:visited {
		text-decoration: none;
		color: #fff;
	}
	address a:hover,
	address a:active {
		text-decoration: underline;
		color: #fff;
	}

/* table */
table { width:100%;}
tr,th,td {}

/*=============================
	Layout-Base
===============================*/

.cd-nav{display: none;}
.pn{display:block;}
.sp{display: none;}

/* header
-------------------------*/
header {
	background: #fff;
	width: 100%;
	height:auto;
	margin:0 auto;
	border-top:5px solid #0065ae;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	z-index: 100;
	position: fixed;
	}
header article{
	text-align:left;
	padding-top:5px;
	max-width:1200px;
	margin:auto;
}
header h1{
	font-weight: normal;
	font-size: 70%;
	float:left;
	}

header .hdr{
	float: right;
	width: 380px;
	font-size: 11px;
	overflow: hidden;
	}
header .hdr ul{overflow: hidden;}
header .hdr ul li{float: left;}
header .hdr ul:nth-child(1){width: 160px; float: left; }
header .hdr ul:nth-child(1) li{font-weight: bold;}
header .hdr ul:nth-child(1) li button{
	color: #333;
	display: block;
	background: #eee;
	text-align: center;
	padding: 4px 8px;
	margin:  0 3px;
	font-weight: normal;
	border: none;
	font-size: 1.1rem;
	cursor: pointer;
	}
header .hdr ul:nth-child(2){width: 205px; float: right;}
header .hdr ul:nth-child(2) a{color: #333;}
header .hdr ul:nth-child(2) li{padding: 0 5px 0 0;}
header .hdr ul:nth-child(2) li::after{content: "|"; padding: 0 0 0 5px;}
header .hdr ul:nth-child(2) li:last-child::after{content: "";padding: 0;}


header .hdr .small , header .hdr .middle ,header .hdr .large{
	color: #333;
	display: block;
	background: #eee;
	text-align: center;
	padding: 1px 8px;
	margin:  0 3px;
	font-weight: normal;
	border: none;
	font-size: 1.1rem;
	cursor: pointer;
	}



/* gnav -------------------------*/

.gnav{width:100%;padding: 10px 0 15px;}
.gnav > ul{
	width:1200px;
	margin:auto;
	}
.gnav > ul{
	position:relative;
	overflow: hidden;
	z-index:100;
}
.gnav > ul > li{
	float:left;
	width:10.6%;
	box-sizing: border-box;
	padding: 8px 0 0 0;
	margin:0% 0%;
	/*position:relative;
	white-space: nowrap;
	z-index:100;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
}
.gnav > ul > li:nth-child(2) a{background: url(../images/common/navi_icon06.png) no-repeat 0 20%;}
.gnav > ul > li:nth-child(3) a{background: url(../images/common/navi_icon01.png) no-repeat 0 20%;}
.gnav > ul > li:nth-child(4) a{background: url(../images/common/navi_icon02.png) no-repeat 0 20%;}
.gnav > ul > li:nth-child(5) a{background: url(../images/common/navi_icon03.png) no-repeat 0 20%;}
.gnav > ul > li:nth-child(6) a{background: url(../images/common/navi_icon05.png) no-repeat 0 20%;}
.gnav > ul > li:nth-child(7) a{background: url(../images/common/navi_icon04.png) no-repeat 0 20%;}
.gnav > ul > li a{
	vertical-align: text-bottom;
	color: #333;
	font-weight: bold;
	font-size: 100%;
	padding: 0 0 0 22px
	}
.gnav > ul > li:nth-child(4) a{padding: 0 0 0 33px;}

.gnav > ul > li.stlogo {width:285px; padding: 0 0 0 0; text-align: left;}
.gnav > ul > li.stlogo a{padding: 0;}

@media screen and (max-width: 960px){
.gnav > ul > li.stlogo {width:200px;}
}


/* footer
-------------------------*/
footer {
	background: url(../images/common/ft_bg.jpg) no-repeat top center , url(../images/common/ft_bg2.jpg) repeat-x top center;
	width:100%;
	text-align: center;
}
footer .logo{width: 50%; margin: auto;}
.foot-inner{ padding: 88px 0 0 ;}
.foot-inner nav { text-align: center; margin: 20px 0;}
.foot-inner nav > ul{overflow: hidden;display: inline-block;}
.foot-inner nav > ul > li{
	font-size:90%;
	font-weight: 500;
	float: left;
	padding: 0 5px;
}
.foot-inner nav > ul > li::after{content: "|";padding: 0 0 0 8px;}
.foot-inner nav > ul > li:last-child::after{content: "";padding: 0;}
.foot-inner nav > ul > li a{color: #333;}

#copyright{background:#0067b3;}
#copyright address{
	background-color:#0067b3 !important;
	padding:10px 0;
	text-align: center;
	}
#copyright address{color:#fff !important;}


#totop{position: fixed; bottom: 50px; right: 0; z-index: 100;}


/*=============================
	Common-class
===============================*/
/* float */
.fLeft { float: left;}
.fRight { float: right;}

/* float-clear */
.clear { clear:both;}

/* image-layout */
.imgleft { float:left;margin-right:20px;}
.imgleft img {display:block;}
.imgright { float:right;}
.imgright img {display:block;}
.center{text-align:center;}
/*
.pagetop{
	margin-top:20px;
	text-align:right;
}	
.pagetop a:before {
	content : '>';
	padding-left:10px;
}
*/

/* table
-------------------------*/
/* table */
table { width:100%;}
tr,th,td {}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

/*=============================
	TopPage setting
===============================*/

/* mainimg
-------------------------*/
.mainbg{width: 100%;
	background: url(../images/top/top_main_line.jpg) repeat-x bottom , #0064ae;
	padding: 92px 0 20px;
}
.mainimg{
	width:100%;
	margin:auto;
	box-sizing: border-box;
	}
.mainimg .bxslider img{
	width:100%;
	box-sizing: border-box;
	}
.mainimg .bxslider li{}

@media screen and (min-width:1190px) {.mainimg{width:1190px;}}


/* main-contents
-------------------------*/
/* top-emergency */
.top-emergency{background: #e52556; /*border-top: 8px solid #00b2a5;*/}
.top-emergency dl{
	width: 1200px;
	margin: auto;
	color: #fff;
	overflow: hidden;
	text-align: left;
	padding: 6px 0;
	}
.top-emergency dt{
	background: url(../images/top/icon_em.png) no-repeat 1px 25%; 
	padding: 0.2% 0 0.1% 30px;
	float: left;
	width: 20%;
	}
.top-emergency dd{
	width: 80%;
	padding: 2px 0 0 0;
	float: right;
	}
.top-emergency dd a{
	color: #fff;
}
#contents .main-contents{
	width:1200px;
	margin: auto;
	overflow: hidden;
	}

/* top-info */

.top-info{overflow: hidden; width: 100%; margin: 20px 0;}
.top-info .top-info-ttl{float: left; width: 25%;padding: 45px 0 20px;}
.top-info h3{
	color: #0064ae;
	font-size: 190%;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 40px;
	}
.top-info h3 span{
	font-size: 50%;
	font-weight: normal;
	letter-spacing: 0;
	display: block;
	color: #919191;
	}
.top-info .btn{width: 50%; margin: auto;}

#contents .top-info .tabarea{
	width:70%;
	float: right;
	text-align: left;
}
#contents .top-info .tab{overflow: hidden;}
#contents .top-info .tab li{
	padding:0.5em 0 0.25em;
	margin:0.3em 0.1em;
	width: 24.5%;
	text-align: center;
	display: block;
	font-size: 90%;
	float: left;
	background: #ebebeb;
	cursor:pointer;
	font-weight: bold;
	color: #666666;
	}
#contents .top-info .tab .select{
	background:#00b2a5;
	color: #fff;
}
#contents .top-info .tab .select:nth-child(2){background: #0e66ac;}
#contents .top-info .tab .select:nth-child(3){background: #dd2859;}
#contents .top-info .tab .select:nth-child(4){background: #666666;}

#contents .top-info .tab ~ div{
	margin:0.2em 0;
	padding:0.5em 0;
	min-height:5em;
}
#contents .top-info .tabarea .info{}
#contents .wordArea dl{
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	font-size: 90%;
	}
#contents .wordArea dt{float: left;}
#contents .wordArea dt span{
	margin: 0 10px;
	color: #fff;
	padding: 3px 15px 0;
	font-size: 14px;
	font-weight: bold;
	background-color: #333;
}
#contents .wordArea dt span.news{background:#00b2a5;}
#contents .wordArea dt span.bustour{background:#0e66ac;}
#contents .wordArea dt span.hiking{background:#dd2859;}
#contents .wordArea dt span.recruit{background:#666;}
#contents .wordArea dd {}


/* btn */
#contents .btn a{
	display: block;
	color: #fff;
	width: 100%;
	background: #e52556;
	border-radius: 50px;
	padding: 2px 0;
	font-size: 80%;
	font-weight: bold;
	}
#contents .btn a span{background: url(../images/common/arw.png) no-repeat 0px 0px; padding-left:22px; }
 

#contents .btn02 a{
	display: block;
	color: #333;
	width: 350px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	padding:3% 2%;
	font-size:96%;
	font-weight: bold;
	border: 1px solid #eeeeee;
	text-align: center;
	}
#contents .btn02 a span{background: url(../images/common/arw06.png) no-repeat 99%; padding-right:22px; }





/* top-4pack */
.top-4pack{overflow: hidden;padding: 40px 0 60px;}
.top-4pack li{float: left; width: 25%; font-weight: bold;}
.top-4pack li img{margin-bottom: 10px;}
.top-4pack a:hover{opacity: 1;}
.top-4pack a:hover img{opacity: 1;}
/* top-guide */
.top-guide{background: #f3f3f3; padding: 30px 0;}
.top-guide ul{overflow: hidden;}
.top-guide li{
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
	width: 45%;
	float: left;
	margin: 2%;
	}
.top-guide li img{width: 100%;}
.top-guide li figcaption{
	padding: 30px;
	background: url(../images/common/line.gif) repeat-x top;}
.top-guide li h3{font-weight: bold; font-size: 110%; margin-bottom: 10px;}
.top-guide li .btn{width: 60%; margin: auto;}


.sns-area{margin: 80px 0; overflow: hidden;}
.sns-area h3{
	font-weight: bold;
	font-size: 150%;
	color: #e32355;
	background: url(../images/common/logo_s.jpg) no-repeat top center;
	padding: 28px 0 0;
	margin-bottom: 30px;
}
.sns-area h4{text-align: center; margin-bottom: 20px;}
.sns-area ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content:space-between;
	}
.sns-area ul li{width: 50%;}
.tw-sns{border: 1px solid #e2e8ec; width: 500px; height: 402px;}

/* bnr */
.bnr img{ 
	width:100%;
}
.bnr{
	margin-top:50px;
}
.col2 li{
	float:left;
	margin-bottom:10px;
}
.col2 li:nth-child(2n){
	float:right;
}
.col3 li{
	float:left;
	width:32%;
	margin-right:1.8%;
	margin-bottom:10px;
}
.col3 li:nth-child(3n){
	float:right;
	margin-right:0px;
}

/*=============================
	Sub(Lower)Page setting
===============================*/
/* sub_mainimg
-------------------------*/
.sub_main{width: 100%;padding: 80px 0 0;}
.sub_main h2{
	color: #fff;
	text-align: left;
	font-size: 180%;
	font-weight: bold;
	padding: 90px 0 70px;
	width:1200px;
	margin: auto;
	letter-spacing: 1px;
	}

.main_pattern1{background: url(../images/common/h2_bg.jpg) no-repeat center bottom , url(../images/common/h2_bg_2.jpg) repeat-x bottom center;}
.main_pattern2{background: url(../images/ecomanagement/h2_bg.jpg) repeat center bottom;}
.main_pattern3{background: url(../images/greeting/h2_bg.jpg) repeat center bottom;}
.main_pattern4{background: url(../images/safetymanagement/h2_bg.jpg) repeat center bottom, url(../images/common/h2_bg_2.jpg) repeat-x bottom center;}
.main_pattern5{background: url(../images/hiking/h2_bg.jpg) repeat center bottom;}
.main_pattern5 h2{padding: 55px 0 35px;}

.main_pattern5_2{background: url(../images/hiking/h2_bg.jpg) repeat center bottom;}
.main_pattern5_2 h2{padding:95px 0 65px;}

.main_pattern6{background: url(../images/travelcenter/h2_bg.jpg) repeat center bottom;}
.main_pattern7{background: url(../images/recruit/h2_bg.jpg) repeat center bottom;}
.main_pattern8{background: url(../images/hakendriver/h2_bg.jpg) repeat center bottom, url(../images/common/h2_bg_2.jpg) repeat-x bottom center;}

.main_pattern9{background: url(../images/common/h2_sdgsbg.png) no-repeat center bottom; background-size: auto 175px;}
@media screen and (min-width: 1024px){
	.main_pattern9{background: url(../images/common/h2_sdgsbg.png) no-repeat center bottom; background-size: auto 175px;}
}


/* bread_crumb
-------------------------*/
.bread_crumb_list {
	padding:5px 0;
	width:100%;
	margin: auto;
	background:#fff;
	}
ol.bread_crumb {
	text-align:left;
	margin:0 auto;
	width:1200px;
}
.bread_crumb li {
	display:inline;
	color:#333;
	font-size:75%;
	font-weight:500;
	}
.bread_crumb .material-icons{
	vertical-align:-0.2em !important;
	}
.bread_crumb li:after {
    content : '>';
    padding-left:10px;
    margin-right:5px;
	}
.bread_crumb li:last-child:after {
    content : '';
	}
.bread_crumb li a {
	color:#333;
	text-decoration:underline;
	}
.bread_crumb li a:hover{
	text-decoration:none;}
.bread_crumb li.current {}

/* subCont/sideSide
-------------------------*/
#contents .sideSide{
	/*width: 16.5%;*/
	/*float: right;*/
	text-align: left;
	margin: 40px 0;
	}
#contents .sideSide h3{color: #0064ae; font-weight: bold; font-size: 120%; margin-bottom: 10px;}
#contents .sideSide ul.linkbtn{background: #0064ae; padding: 15px; font-size: 87%;}
#contents .recruitSide ul.linkbtn{font-size: 80%;}
#contents .sideSide li a{
	display: block;
	width: 100%;
	border-bottom: 1px solid #3280c9;
	color: #fff;
	padding: 6px 0;
	}
#contents .sideSide li:last-child a{border-bottom: none; padding: 6px 0 0;}

#contents .subCont{
	width: 80%;
	float: left;
	text-align: left;
	margin: 40px 0;
	font-size: 92%;
	}
#contents .subCont h3{line-height: 120%;}
#contents .subCont h3.h3type1{
	color: #0064ae;
	font-weight: bold;
	font-size: 160%;
	margin: 60px 0 20px;
	padding: 0 0 0 24px;
	letter-spacing: 2px;
	overflow: hidden;
	}
#contents .subCont h3.icon1{background: url(../images/common/icon01.gif) no-repeat 0 30%;}
#contents .subCont h3.icon2{background: url(../images/common/icon02.gif) no-repeat 0 20%;}
#contents .subCont h3.icon3{background: url(../images/common/icon03.gif) no-repeat 0 20%;}
#contents .subCont h3.icon4{background: url(../images/common/icon04.gif) no-repeat 0 20%;}
#contents .subCont h3.h3type2{
	color: #0064ae;
	font-weight: bold;
	font-size: 160%;
	margin: 60px 0 20px;
	padding: 5px 0 15px 24px;
	letter-spacing: 2px;
	border-bottom: 3px solid #0064ae;
	}
#contents .subCont h3.h3type2-gr{border-bottom: 3px solid #e7e7e7;}
#contents .subCont h3.htop{margin: 0 0 20px;}

#contents .subCont h3.icon5{
	background: url(../images/hiking/course/icon.jpg) no-repeat 0 20%;
	padding: 15px 0 12px 60px;
	letter-spacing: 0;
}

#contents .subCont h3.hikingh3 span{display: none;}




#contents .subCont h4.h4type1{
	color: #333;
	background: #eee;
	border-left:3px solid #0064ae;
	font-weight: bold;
	font-size: 110%;
	padding: 12px 15px 10px;
	letter-spacing: 1px;
	margin: 40px 0 20px;
	}
#contents .subCont h4.htop{margin: 0 0 20px;}
#contents .subCont h4.h4type1-ff{background: #fff;}

#contents .subCont h4.h4type2{
	color: #333;
	font-weight: normal;
	font-size: 110%;
	padding: 8px 0 8px;
	letter-spacing: 1px;
	margin: 40px 0 20px;
	border-bottom: 1px dashed #bababa;
	}

#contents .subCont h4.h4type3{
	background: #e4edf5;
	border-left:3px solid #0064ae;
	color: #0e66b8;
	font-weight: bold;
	font-size: 140%;
	padding: 15px 15px 12px;
	letter-spacing: 1px;
	margin: 40px 0 20px;
	}
#contents .subCont h4.h4type3 span{color: #333; font-size: 80%; margin-right: 10px;}


#contents .subCont h5.h5type1{
	color: #333;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 1px;
	margin: 20px 0 10px;
	position: relative;
    padding-left: 1.4em;
}
#contents .subCont h5.h5type1::after {
     position: absolute;
     top: 42%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 17px;
     height:17px;
     border: solid 4px #00dbde;
     border-radius:100%;
}

#contents .subCont h5.h5type2{
	color: #333;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 1px;
	margin: 40px 0 15px;
    padding:0 0 15px;
	border-bottom: 1px dashed #ddd;
}

#contents .subCont h5.h5type3{
	color: #333;
	font-weight: bold;
	letter-spacing: 1px;
	background: url(../images/hiking/course/icon02.jpg) no-repeat 2px;
	border-bottom: 1px dashed #ddd;
	padding: 10px 10px 10px 35px;
	margin:30px 0 20px;
	font-size: 120%;
}




/* txtBox */
#contents .subCont .txtBox1 p{padding: 10px 15px;}
#contents .subCont .txtBox2{overflow: hidden; padding: 10px 0;}
#contents .subCont .txtBox2 .fLeft{width: 36%;}
#contents .subCont .txtBox2 .fRight{width: 62%;}
	#contents .subCont .txtBox2-2{overflow: hidden; padding: 10px 0;}
	#contents .subCont .txtBox2-2 .fLeft{width: 62%;}
	#contents .subCont .txtBox2-2 .fRight{width: 36%;}
#contents .subCont .txtBox3{overflow: hidden;padding: 10px 0;}
#contents .subCont .txtBox3 .fLeft{width: 24%;}
#contents .subCont .txtBox3 .fRight{width: 76%;}

#contents .subCont .txtBox4{overflow: hidden; padding: 10px 0;}
#contents .subCont .txtBox4 .fLeft{width: 46%;}
#contents .subCont .txtBox4 .fRight{width: 52%;}
	#contents .subCont .txtBox4-2{overflow: hidden; padding: 10px 0;}
	#contents .subCont .txtBox4-2 .fLeft{width: 52%;}
	#contents .subCont .txtBox4-2 .fRight{width: 46%;}


/* ullist */
#contents .subCont .ullist1{padding: 10px 15px;}
#contents .subCont .ullist1 li{padding-left:1.8em;text-indent:-1.8em; padding-bottom: 10px;}

#contents .subCont .ullist1-2{padding: 0px 15px;}
#contents .subCont .ullist1-2 li,#contents .subCont .ullist1-3 li{padding-left:1em;text-indent:-1em; padding-bottom: 10px;}
#contents .subCont .ullist1-3{padding: 5px 0}


/* text */
.colB{color: #0064ae;}
.colG{color: #00b2a5;}
.colR{color: #e41d56;}
.font-sm{font-size: 90%;}
.font-sm2{font-size: 80%;}
.font12{font-size: 120%;font-weight: bold;}
.font13{font-size: 130%;font-weight: bold;}
.font15{font-size: 150%;font-weight: bold;}
.font18{font-size: 180%;font-weight: bold;}
.font22{font-size: 220%;font-weight: bold;letter-spacing: 1px;}
.font30{font-size: 300%;font-weight: bold;letter-spacing: 1px;}


.txtr{text-align: right;}
a.link{color: #e41d56; background: url(../images/common/arw03.png) no-repeat left 7px;
padding: 2px 12px;}
.point1{color: #e02959; font-size: 120%;font-weight: bold;}
.point2{color: #00b2a5; font-size: 220%;font-weight: bold; letter-spacing: 1px;}
.point3{color: #00b2a5; font-size: 130%;font-weight: bold;}

hr.style01{
	border: 1px solid #d5d5d5; margin: 15px 0; content: "";visibility: visible; height: 2px;}

/* margin/padding */
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mb20{margin-bottom:20px;}
.mb60{margin-bottom: 60px;}
.pt40{padding-top: 40px;}


/* table */
.dTble01 {
	width:100%;
    margin: 0 auto;
	border: none;
    border-collapse: collapse;
	text-align: left;
	}
.dTble01 th {
    width:230px;
	padding: 15px;
    margin: 0;
	vertical-align:middle;
    font-weight: 800;
	color: #2c6fb5;
	background:#e0e3e7;
	border-bottom:2px solid #eee;
	}
.dTble01 td {
    padding: 15px;
    margin: 0;
    vertical-align: middle;
	color: #666;
	background:#fff;
	border-bottom:2px solid #eee;
	}
.dTble01 dl dt::before{content: "■"; color: #009391;}
.dTble01 dl dd{margin-bottom: 10px; margin-left: 15px;}
.dTble01 dl dd:last-child{margin-bottom: 0;}
.dTble01 span{color: #FF0000;}	
.dTble01 .cen{ text-align:center;}

.dTble01-2 td {
	border-left:2px solid #eee;
	border-right:2px solid #eee;
	}

.dTble02 {
	width:100%;
    margin: 0 auto;
	border: none;
    border-collapse: collapse;
	text-align: left;
	}
.dTble02 th {
    width:50%;
	padding: 15px 25px;
    margin: 0;
	vertical-align:middle;
    font-weight: 500;
	background:#f5f5f5;
	border-bottom:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	}
.dTble02 th:last-child{border-right: none;}
.dTble02 td {
    padding: 15px 25px;
    margin: 0;
    vertical-align: middle;
	color: #666;
	background:#fff;
	border-bottom:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	}
.dTble02 td:last-child{border-right: none;}

.dTble03 , .topicstxt table{
	width:100%;
    margin: 0 auto;
	border: none;
    border-collapse: collapse;
	text-align: left;
	}
.dTble03 th  , .topicstxt table th{
    width:230px;
	padding: 10px;
    margin: 0;
	vertical-align:middle;
    font-weight: 500;
	color: #333;
	background:#f5f5f5;
	border:1px solid #dfdfdf;
	}
.dTble03 td  , .topicstxt table td{
    padding: 10px;
    margin: 0;
    vertical-align: middle;
	color: #666;
	background:#fff;
	border:1px solid #dfdfdf;
	}

.dTble03 input[type="text"],
.dTble03 input[type="email"],
.dTble03 textarea,
.dTble03 select {
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #c4c4c4;
	background: #fff;
}

.dTble03 input.in-half{width: 70%;}
.dTble03 input.in-half1{width: 19%;}
.dTble03 input.in-half2{width: 40%;}

/* video */
.video{margin: auto; text-align: center;}

/* management */
.management table{margin: 60px 0;}
.management table th{
	width: 250px;
	color: #00b2a5;
	font-size: 120%;
	font-weight: normal;
	border-right: 1px solid #e1e1e1;
	}
.management table th span{
	border: 5px solid #00b2a5;
	border-radius: 60px;
	width: 58px;
	height: 58px;
	text-align: center;
	line-height: 50px;
	display: block;
	font-size: 140%;
	margin-bottom: 10px;
	}
.management table td{ padding:0 30px; line-height: 200%;}
.management table td h4{
	margin:12px 0 10px;
	font-size: 130%;
	color: #2c6fb5;
	}
.management table td .point1{font-weight: normal;}
.management table td table{border-collapse:collapse;margin: 10px 0;}
.management table td table th{
	border: 1px solid #e1e1e1;
	padding: 5px;
	background: #f8f8f8;
	color: #4e4e4e;
	font-size: 95%;
	}
.management table td table td{
	border: 1px solid #e1e1e1;
	padding: 5px;
	background: #fff;
	color: #4e4e4e;
	font-size: 95%;
	}

.management table td .pdfico{margin: 5px 0;}
.management table td .pdfico p{
	 display:inline-block;
	 vertical-align:middle;
	}
.management table td .photoList{margin: 10px 0 30px;}
.management table td .photoList li{display: inline-block;vertical-align: bottom; margin-bottom: 5px;}

.management table td .m-tit{font-size: 16px; color: #00b2a5;}

.management table td .m-btn{text-align: center;}
.management table td .m-btn a {display: inline-block; margin: 2rem auto 1rem auto; background-color: #2c6fb5; color: #fff; padding: 1rem 2rem; }
.management .chirashi{display: flex; justify-content: center;}
.management .chirashi .chirashi-img{width: 40%; height: auto; display: inline-block; padding: 1rem .5rem;}
.management .chirashi a{display:inline-block;}
.management .chirashi .chirashi-img img{ width: 1000%; height: auto;}

/* omotenashi safety */
.first-txt1{
	position: relative;
	background: url(../images/omotenashi/txtbg.jpg) no-repeat top left, #f4f7fa;
	width: 100%;
	height: 270px;
	}
.first-txt2{
	position: relative;
	background: url(../images/safety/txtbg.jpg) no-repeat top left, #f9fbfc;
	width: 100%;
	height: 270px;
	}
.first-txt1 h3 , .first-txt2 h3{
	color: #2c6fb5;
	font-weight: bold;
	font-size: 200%;
	font-style: italic;
	position: absolute;
	top: 15px;
	left:0;
	padding: 20px 0 15px 180px;
	background: url(../images/omotenashi/h3bg.jpg) no-repeat left center;
	}
.first-txt2 h3{
	background: url(../images/safety/h3bg.jpg) no-repeat left center;
	}
.first-txt1 p , .first-txt2 p{
	display: block;
	width: 470px;
	position: absolute;
	top: 90px;
	left: 40px;
	font-size: 90%;
}

.ullist-com2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content:space-between;
	margin: 30px 0;
	}
.ullist-com2 li{
	width: 48.5%;
	border: 1px solid #efefef;
	padding:3% 1.5%;
	text-align: center;
}
.ullist-com2 li p{margin-bottom: 20px;}

.com2-2 li{
	background: #0e66b8;
	color: #fff;
	font-weight: bold;
	padding: 1.5% 0;
	border: none;
	margin: 0.5% 0;
	}

.safetyList{
	margin-top: 20px;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content:space-around;
}
.safetyList li{
	float: left;
	text-align: center;
	font-size: 94%;
	font-weight: bold;
	color: #fff;
	background: #01b3a7;
	width: 130px;
	height: 130px;
	border-radius: 120px;
	padding-top: 45px;
	margin-bottom: 20px;
	}
.safetyList li:last-child{padding-top: 30px;}






/* charterbus  */
.point_txt_box{background: #f5f5f5;padding: 4%;}
.ullist2 ,.ullist3, .ullist4{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	/*justify-content:space-between;均等に間隔を空ける*/
	justify-content:flex-start;/*左揃え*/
	}
.ullist4 li{float: left; width: 23%; margin: 1%;}
.ullist3 li{float: left; width: 30%; margin: 1%;}
.ullist2 li{float: left; width: 48%; margin: 1%;}
.colall li{width: 100%; margin: 1%;}
.ullist2 li img ,.ullist3 li img ,.ullist4 li img{margin-bottom: 10px;}

/* charterbus yoyaku  */
.yoyakuBox{margin-top: 20px;}
.yoyakuBox dt{
	background: #de2255;
	color: #fff;
	text-align: center;
	padding: 12px 0;
	font-weight: bold;
	font-size: 120%;
	}
.yoyakuBox dd{border: 2px solid #de2255; padding: 15px 30px;}
.yoyakuBox dd p{margin: 5px 0;}
.yoyakuBox .btn{  width: 40%; margin:20px auto;}
#contents .yoyakuBox .btn a{background: #de2255;font-size: 110%;padding: 8px 0; color: #fff;}

.yoyakuBox2 dt{background: #00b2a5;}
.yoyakuBox2 dd{border: 2px solid #00b2a5; }
.yoyakuBox2 .btn{  width: 40%; margin:20px auto;}
#contents .yoyakuBox2 .btn a{background: #00b2a5;font-size: 110%;padding: 8px 0; color: #fff;}
#contents .yoyakuBox2 p a{color: #00b2a5;}

.yoyakuBox2 ul{word-wrap: break-word;}
ul.telBox{background: #f2f9ff; overflow: hidden; padding: 3%;}
ul.telBox li{
	float: left;
	text-align: left;
	font-weight: bold;
	width: 30%;
	margin:1% 1.6%;
}
ul.telBox li p{font-weight: bold;}

.yoyakuBox2 h4{
	text-align: left;
	background: #00b2a5;
	color: #fff;
	padding: 10px;
	font-size: 120%;
	margin: 20px 0;
	}

.yoyakuBox2 table{border-collapse:collapse;}
.yoyakuBox2 table thead th{
	color: #fff;
	font-size: 120%;
	width: 44%;
	}
.yoyakuBox2 table thead th:nth-child(2n+1){padding:0 3% 10px 0;}
.yoyakuBox2 table thead th:nth-child(2n+0){padding:0 0 10px 3%;}
.yoyakuBox2 table thead th span{background: #de2255;border-radius: 30px; display: block; width: 100%; padding: 5px 0;}
.yoyakuBox2 table thead th:nth-child(2n+0) span{background: #0d66b8;}

.yoyakuBox2 table tbody td{text-align: left;width: 44%;}
.yoyakuBox2 table tbody td .stepBox{
	background: #eeeeee;
	border-radius: 10px;
	padding: 3%;
	}

.yoyakuBox2 table tbody td .stepBox span{display: none;}	
.yoyakuBox2 table tbody td:nth-child(2n+1){padding:0 3% 10px 0;}
.yoyakuBox2 table tbody td:nth-child(2n+0){padding:0 0 10px 3%;}

.stepArea{position: relative;}
.stepArea .arw{position: absolute;z-index: -1; left: 0; right: 0; width: 100px; margin: auto;}
.stepArea .arw01{bottom: 380px;}
.stepArea .arw02{bottom: 220px;}
.stepArea .arw03{bottom: 180px;}
.stepArea .arw04{bottom: 60px;}
.stepArea .arw05{bottom: 50px;}



/* charterbus qa  */
/* アコーディオン
------------------------------------------------------------ */
.accordionArea{margin-top: 40px;}
.accordionArea dl.accordion:last-child{border-bottom:1px solid #d5d5d5;}
dl.accordion {padding:10px 0px; width:100%;border-top:1px solid #d5d5d5; }
dl.accordion dt {
    background:url(../images/icon+.png) 99% center no-repeat,#fff;
	padding:2% 35px 2% 2.8em;
	font-weight:normal;
	text-indent:-2.8em;
	}
dl.accordion dt span{background: #00b2a5; color: #fff; padding:8px 10px; margin-right: 5px;font-weight: 600;}
dl.accordion dt.open {background:url(../images/icon-.png) 99% center no-repeat,#fff;}
dl.accordion dd {padding:2% 3%;display:none;}
dl.accordion dd span.ttl{background: #0e66b8;color: #fff; padding: 2px 30px; }
dl.accordion dd span.ttl2{background: #00b2a5;color: #fff; padding: 2px 30px; }
dl.accordion dd span.ttl3{background: #df2858;color: #fff; padding: 2px 30px; }

dl.accordion dd img{padding:2%;}


/* recruit  */

.recruitBox{
	border: 1px solid #ddd;
	border-top: 3px solid #0064ae;
	padding: 3%;
	}
.recruitBox h5{
	color: #e52556;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid #ddd;
	padding:0 2% 2%;
	margin-bottom: 2%;
	letter-spacing: 1px;
}
.recruitBox table{width: 100%;}
.recruitBox table th{color: #00b2a5; font-weight: normal; padding: 15px;width: 160px;}
.recruitBox table td{padding: 15px;}

.recruitflow{margin: 4% 0;}
.recruitflow ul{overflow: hidden;}
.recruitflow ul li{
	float:left;
	border: 1px solid #0e66b8;
	position: relative;
	display: inline-block;
 	margin:0 1.2% 0 0;
	min-width: 24%;
 	max-width: 230px;
	font-size: 120%;
	}
.recruitflow ul li::before{
content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 10px;
  border-left: 12px solid #0e66b8;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.recruitflow ul li:last-child{margin: 0; position: static;}
.recruitflow ul li:last-child::before{display: none;}
.recruitflow ul li dl{overflow: hidden;}
.recruitflow ul li dl dt{
	background: #0e66b8;
	color: #fff;
	font-weight: bold;
	float: left;
	padding: 9px 14px;
}
.recruitflow ul li dl dd{
	color: #0e66b8;
	padding: 9px 8px 5px;
	float: left;
	font-size: 80%;
	}
.recruitflow ul li dl dd span{
	color: #333;
	font-size: 78%;
	line-height: 120%;
	margin-left: 5px;
	}
#contents .recruitbtn{width: 300px; margin: auto;}
#contents .recruitbtn a{
	background:url(../images/recruit/icon1.gif) no-repeat 90% , url(../images/recruit/icon2.gif) no-repeat 79% ,#c81c61;
	border-radius: 0;
	padding: 15px 10px 14px 35px;
	font-size: 120%;
	}

#contents ul.checklist{margin: 0 0 0 15px;}
#contents ul.checklist li{
	background: url(../images/recruit/icon03.jpg) no-repeat center left;
	padding: 2px 0 2px 22px;
	color: #d61c65;
	}

/* entoryform  */

.entoryform{border: 1px solid #e4e4e4; border-radius: 10px; margin: 30px 0;}
.entoryform p{padding: 5px 0 0;}
.entoryform p.colB{padding: 15px 18px 5px;}
.entoryform th{
	vertical-align: top;
	padding: 20px;
	width: 200px;
	border-bottom: 1px dotted #bcbcbc;
	font-weight: normal;
	}
.entoryform td{padding: 20px;border-bottom: 1px dotted #bcbcbc;}

.entoryform tr:last-child th , .entoryform tr:last-child td{border-bottom: none;}

.entoryform table input[type="text"],
.entoryform table input[type="email"],
.entoryform table textarea,
.entoryform table select {
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #c4c4c4;
	border-radius: 5px;
	background: #fff;
}
.entoryform table select {padding: 8px 10px;}
.entoryform table input.in-half{width: 30%;}

.entoryform table input.in-half1,
.entoryform table select.in-half1{width: 12%;}
.entoryform table input.in-half2,
.entoryform table select.in-half2{width: 22%;}
.entoryform table input.in-half3,
.entoryform table select.in-half3{width: 35%;}
.entoryform table input.in-half4,
.entoryform table select.in-half4{width: 40%;}


.entoryform table input.in-gr , .entoryform table textarea.in-gr{background: #ebebeb;}

.formBtn ,.formBtn02{
	font-size:120%;
	color: #fff;
	border:2px solid #eb2152;
	background: #eb2152;
	overflow: hidden;
	cursor: pointer;
	padding:15px 60px;
	display: inline-block;
	margin:20px 0;
	text-transform: uppercase;
	font-weight: 600;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	letter-spacing: 2px;
	}
.formBtn:hover ,.formBtn02:hover {
	background: #fff;
	color:#eb2152;
	}

.formBtn02{border:2px solid #0e66b8;background: #0e66b8;}
.formBtn02:hover {color:#0e66b8;}
.formNote{
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	margin: 30px 0;
	background: #f5f5f5;
	padding: 3%;
	line-height: 220%;
	}
dl.formNote2{
	overflow: hidden;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	}
dl.formNote2 dt{
	float: left;
	width: 30%;
	background: #0e66b8;
	color: #fff;
	padding: 4% 3%;
	font-size: 110%;
	line-height: 200%;
	}
dl.formNote2 dd{
	float: right;
	width: 70%;
	padding:2% 3% 2%;
	}

#contents .subCont .formNote .ullist1-2{padding: 0;}
#contents .subCont .formNote .ullist1-2 li{line-height: 180%;}
#contents .subCont .formNote .ullist1-2 li:last-child{padding-bottom: 0;}



/* hiking */

/* side */
dl.hiking_side_menu{margin: 20px 0; background: #fff;}
dl.hiking_side_menu dt{
	background: #0e66b8;
	color: #fff;
	font-size: 100%;
	text-align: center;
	padding: 5px 0;
	}
dl.hiking_side_menu dd{
	border: 1px solid #0e66b8;
	}
#contents dl.hiking_side_menu dd .btn{margin: 10px;}
#contents dl.hiking_side_menu dd .btn a{
	background: #00b2a5;
	text-align: center;
	padding: 5px 0;
	}
#contents dl.hiking_side_menu dd .btnsec01 a span
{background: url(../images/hiking/icon01.gif) no-repeat 1px 1px,#00b2a5 ;}
#contents dl.hiking_side_menu dd .btnsec02 a span
{background: url(../images/hiking/icon02.gif) no-repeat 1px 1px,#00b2a5 ;}
#contents dl.hiking_side_menu dd .btnsec03 a span
{background: url(../images/hiking/icon03.gif) no-repeat 1px 1px,#00b2a5 ;}

#contents dl.hiking_side_menu dd #btnsec03{
	text-align: center;
	background: url(../images/hiking/icon03.gif) no-repeat 35px 7px,#00b2a5 ;
	border: none;
	color: #fff;
	padding: 5px 0;
	width: 90%;
	font-size: 80%;
	font-weight: bold;
	border-radius: 50px;
	cursor: pointer;
	}


dl.hiking_side_menu dd p{
	font-size: 80%;
	text-align: center;
	line-height: 140%;
	margin-top: 10px;
}
dl.hiking_side_menu .hiking_input{margin:10px auto 0; width:160px;}
dl.hiking_side_menu dd input{padding:2px;font-size: 1.3rem;}
.courseN1{width: 20%;}
.courseN2{width: 28%;}
.courseN3{width: 42%;}

.hiking_side_bnr{min-width: 200px; margin-bottom: 20px;}


/* -- main ---*/

#contents .hiking-info .wordArea dl{background: url(../images/common/arw05.gif) no-repeat 5px 18px; padding: 10px 20px;}
#contents .hiking-info .wordArea dt span.pics3{background: #e52455;}

/*
.hiking-recom{
	background: url(../images/hiking/course_bg.jpg) repeat;
	padding: 70px 30px 20px;
	border-radius: 4px;
	margin: 60px 0 30px;
	position: relative;
	}
.hiking-recom h4{
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	}

.hiking-recom ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content:flex-start;
	background: #fff;
	}
.hiking-recom ul li{}
.hiking-recom ul li figure{margin-bottom: 10px;}
.hiking-recom ul li a{color: #333; line-height: 130%;}
*/
.hiking-recom{
	background: url(../images/hiking/course_bg.jpg) repeat;
	padding: 70px 30px 20px;
	border-radius: 4px;
	margin: 60px 0 30px;
	position: relative;
	}
.hiking-recom h4{
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	}

.hiking-recom ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content:flex-start;
	background: #fff;
	padding:15px 10px;
	}
.hiking-recom ul li{}
.hiking-recom ul li figure{margin-bottom: 10px;}
.hiking-recom ul li a{color: #333; line-height: 130%;}

.hiking-recom .slider {margin:0;}
.hiking-recom .slider img {width: 100%;height: auto;}
.hiking-recom .single-item {max-width: 600px;margin: 0 auto 50px;}
.hiking-recom .slick-prev::before, .hiking-recom .slick-next::before {font-size: 24px;}
.hiking-recom .multiple-item .slick-next {right: -22px;z-index: 99;}
.hiking-recom .multiple-item .slick-prev {left: -22px;z-index: 100;}
.hiking-recom .multiple-item li {margin: 0 5px;}
.hiking-recom .thumb-item {
	max-width: 700px;
	margin: 0 auto 5px;
	padding: 0 5px;
	}
.hiking-recom .thumb-item-nav {
	max-width: 700px;
	margin: 0 auto;
	}
.hiking-recom .thumb-item-nav li{margin: 5px;}
.hiking-recom .lazy-item {width: 400px;margin: 0 auto 50px;}
.hiking-recom .lazy-item li {margin: 0 5px;}
@media screen and (max-width: 480px) {
.hiking-recom ul{padding:2% 0;}
.hiking-recom .multiple-item .slick-next {right: 0px;z-index: 99;}
.hiking-recom .multiple-item .slick-prev {left: 0px;z-index: 100;}
}


.hiking-plan{background: url(../images/hiking/hiking_btn_bg01.jpg) no-repeat top, url(../images/hiking/hiking_btn_bg03.jpg) no-repeat bottom, url(../images/hiking/hiking_btn_bg02.jpg) repeat-y ;
}

.hiking-plan p{
	display: block;
	text-align: center;
	background: url(../images/hiking/txt_img01.png) no-repeat 15% center , url(../images/hiking/txt_img01-02.png) no-repeat 85% center;
	font-size: 130%;
	line-height: 180%;
	padding: 80px 0 50px;
	}
.hiking-plan ul{
	width: 75%;
	margin:0 auto;
	padding-bottom: 50px;
	overflow: hidden;}
.hiking-plan li{float: left;
	width: 27%;
	margin: 3%;
}


/* hiking/karugamo */
.karugamo01{
	padding: 100px 0 65px;
	margin-bottom: 10px;
	background: url(../images/hiking/karugamo/img02.jpg) no-repeat left ,url(../images/hiking/karugamo/arw.jpg) no-repeat bottom center;}
.karugamo01 span{
	display: block;
	margin: auto;
	background: #0e66b8;
	text-align: center;
	width: 64%;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	padding: 1% 0;
	border-radius: 5px;
	}
.karugamo01 strong{
	display: block;
	margin: auto;
	width: 64%;
	text-align: right;
	font-weight: normal;
	font-size: 80%;
	}
.karugamo02{
	background: url(../images/hiking/karugamo/img02.jpg) no-repeat left ,url(../images/hiking/karugamo/arw.jpg) no-repeat bottom center;
	padding: 0 0 90px;
	margin-bottom: 10px;
	}
.karugamo02 dl{
	background: #fff;
	border: 2px solid #0e66b8;
	border-radius: 5px;
	}
.karugamo02 dt{
	background: #0e66b8;
	color: #fff;
	text-align: center;
	padding: 2% 0;
	font-size: 160%;
	font-weight: bold;
	letter-spacing: 1px;
	}
.karugamo02 dd{
	padding: 2%;
	}
.karugamo02 dd ul{
	background: url(../images/hiking/karugamo/pl.jpg) no-repeat center;
	overflow: hidden;}
.karugamo02 dd li{
	float: left;
	text-align: center;
	width: 46%;
	}
.karugamo02 dd li:last-child{float: right;}
.karugamo02 dd li h5{
	font-weight: bold;
	font-size: 115%;
	color: #e52455;
	padding: 2% 0;
	border-bottom: 1px dashed #bcbcbc;
	margin-bottom: 2%;
	height: 90px;
	letter-spacing: 1px;
	}
.karugamo02 dd li h5.txthr{line-height: 80px; font-size: 130%;}
.karugamo02 dd li h5 span{font-size: 70%;}
.karugamo02 dd li h5 span.txtr{display: block; text-align: right; margin-right:38px;}
.karugamo02 dd li p{font-size: 90%; line-height: 180%;}
.karugamo02 dd li:last-child p{margin-top: 30px;}

.karugamo02 h5.point{
	font-weight: 400;
	text-align: center;
	font-size: 160%;
	margin: 5% 0 2%;
	}
.karugamo02 h5.point span{background: url(../images/hiking/karugamo/ttl_bg_l.jpg) no-repeat left, url(../images/hiking/karugamo/ttl_bg_r.jpg) no-repeat right;
	padding: 0 30px;}
.karugamo02 table{width: 80%; margin: auto;border-spacing: 8px;}
.karugamo02 table th{
	width: 20%;
	background: #00b2a5;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	padding: 7px 0 5px;
	font-size: 120%;
	}
.karugamo02 table td{padding:0 2%;font-size: 90%;}
.karugamo02 table td strong{background: url(../images/hiking/karugamo/txt_bg.jpg) repeat-x 15px; padding: 0 2px;}


.karugamo03{
	background: #0e66b8;
	border-radius: 5px;
	color: #fff;
	padding: 10% 4% 2%;
	margin: 95px 0 10px;
	position: relative;
	}
.karugamo03 h4{
	position: absolute;
	top: -85px;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	}
.karugamo03 article{overflow: hidden}
.karugamo03 article ul{float: left; width: 75%;}
.karugamo03 article ul li{
	line-height: 40px;
	margin-bottom: 10px;
	padding: 0 0 0 45px;
	font-weight: 800;
	font-size: 110%;
	}
.karugamo03 article ul li:nth-child(1){background: url(../images/hiking/karugamo/icon01.jpg) no-repeat left;}
.karugamo03 article ul li:nth-child(2){background: url(../images/hiking/karugamo/icon02.jpg) no-repeat left;}
.karugamo03 article ul li:nth-child(3){background: url(../images/hiking/karugamo/icon03.jpg) no-repeat left;}
.karugamo03 article ul li:nth-child(4){background: url(../images/hiking/karugamo/icon04.jpg) no-repeat left;}
.karugamo03 article ul li:nth-child(5){background: url(../images/hiking/karugamo/icon05.jpg) no-repeat left;margin-bottom: 0;}
.karugamo03 article figure{float: right; width: 20%; padding: 40px 0; margin: 0;}
.karugamo03 article figure span{display: none;}
.contact_Box{background: url(../images/hiking/karugamo/tel_bnr_bg.jpg) no-repeat top center;}
.contact_Box .inner{padding: 85px 60px 50px; line-height: 150%;}

.contact_Box h4{
	margin-bottom: 25px;
	font-size: 160%;
	padding-bottom: 15px;
	}
.contact_Box h4 span{border-bottom: 3px solid #f1f1f1;padding-bottom: 5px;}

.contact_Box dl.teltime{overflow: hidden; padding: 20px 0 0;}
.contact_Box dl.teltime dt{
	float: left;
	background: #0e6ac7;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	width: 20%;
	}
.contact_Box dl.teltime dd{float: right; width: 78%;padding: 5px 0;}


/* hiking/photo */

.hiking_photo_List{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content:flex-start;
	overflow: hidden;
	}
.hiking_photo_List li{
	float: left;
	width: 28%;
	margin: 2.5% 2.5% 1%;
	font-size: 90%;
	}
.hiking_photo_List li figure{background: #f5f5f5; padding: 5%;}
.hiking_photo_List li figure img{ height: auto;}
.hiking_photo_List li figure figcaption{margin-top: 5px;}
.hiking_photo_List li article{padding:2% 5%;}
.hiking_photo_List li article h4{
	font-weight: bold;
	font-size: 120%;
	color: #00b2a5;
	}

.hiking_photo_Tbl1{
	margin: 20px 0;
	border: 1px solid #0e66b8;
	color: #0e66b8;
	border-collapse:collapse;
	}
.hiking_photo_Tbl1 th{
	font-weight: normal;
	padding: 8px 15px;
	border: 1px solid #0e66b8;
	}
.hiking_photo_Tbl1 td{padding: 8px 15px;border: 1px solid #0e66b8;}


.hiking_photo_Tbl2{background: #f2ecdf; padding: 4%; margin-top: 40px;}
#contents .subCont .hiking_photo_Tbl2 h4.h4type1{
	background: #f5f5f5;
	border-left:3px solid #0064ae;
	}

.hiking_photo_Tbl2 table{border-collapse:collapse;}
.hiking_photo_Tbl2 table th{
	color: #00b2a5;
	border-bottom: 1px dashed #fff;
	padding: 20px 15px;
	width: 150px;
	}
.hiking_photo_Tbl2 table th span{
	padding: 0 0 0 15px;
	display: block;
	background: url(../images/hiking/photo/icon.gif) no-repeat left center;}
.hiking_photo_Tbl2 table td{
	border-bottom: 1px dashed #fff;
	padding: 20px 15px;
	font-size: 95%;
}
.hiking_photo_Tbl2 table tr:last-child th ,.hiking_photo_Tbl2 table tr:last-child td{border-bottom: none;}
.hiking_photo_Tbl2 table td ul li{padding-left:2.5em;text-indent:-2.5em; margin-bottom: 10px;}
.hiking_photo_Tbl2 table td ul li:last-child{margin-bottom: 0;}


/* hiking/course */

.courseform{
	position: relative;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	margin: 30px 0;
	padding: 10px;
	overflow: hidden;
}
.courseform table{width: 60%; float: left;}
.courseform th{padding: 10px 10px 5px;width: 30%;}
.courseform td{padding: 5px 10px 10px;}
.courseform select{
	border: 1px solid #a6a6a6;
	width: 100%;
	padding: 5px;
	border-radius: 4px;
	}
.courseform #feas-submit-button-0{
	color: #fff;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	margin:20px 0;
	text-transform: uppercase;
	font-weight: 600;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	letter-spacing: 2px;
	border: 2px solid #0e6ac7;
	background: #0e6ac7;
	padding: 5px 45px;
	border-radius: 4px;
	font-size: 90%;
	position: absolute;
	bottom: 0;
	right:2%;
	}
.courseform #feas-submit-button-0:hover{background: #fff; color: #0e6ac7;}

.courseTbl{
	border-collapse:collapse;
	width: 100%;
	border: 1px solid #dddddd;
}
.courseTbl thead th{
	background: #f0f0f0; 
	border-right: 1px solid #dddddd;
	text-align: center;
	padding: 20px 10px;
}
.courseTbl thead th:first-child{ width: 205px;}
.courseTbl thead th.th-diff{min-width: 80px;}
.courseTbl thead th.th-dest{min-width: 80px;}
.courseTbl tbody td{
	font-size: 95%;
	padding: 10px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	}
.courseTbl tbody td span{display:block;}
.courseTbl tbody img{ height: auto;}
.manner{
	margin-top: 40px;
	background:url( ../images/hiking/course/img02.jpg) no-repeat 94% 85%,#f2f5be; 
	padding: 3% 2%;
	border-radius: 10px;
	}
.manner h4{text-align: center; padding-bottom: 2%;}
.manner ul{padding-left: 4%}
.manner li{
	padding-left:1em;
	text-indent:-1em;
	font-size: 90%; 
	}


/* */
.courseinfo{
	padding: 4%;
	background: #f8f8f8;
	}
.courseinfo .inner{
	padding: 3%;
	background: #fff;}
.courseinfo .inner h4{
	font-size: 140%;
	font-weight: bold;
	border-bottom: 3px solid #f3f3f3;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}

.courseinfo .inner .about{overflow: hidden;}
.courseinfo .inner .about figure{float: left; width: 24%; padding-top: 5px;}
.courseinfo .inner .about figure p{ font-size: .5em;}
.courseinfo .inner .about figure img{ height: auto;}
.courseinfo .inner .about figure figcaption{margin-top: 5px;}
.courseinfo .inner .about figure figcaption img{margin-right: 5px; margin-bottom: 5px;}
.courseinfo .inner .about table{
	background: url(../images/hiking/course/karugamo.jpg) no-repeat center right;
	float: right; width: 72%;}
.courseinfo .inner .about table th {color: #00c1b3; width: 95px; padding: 2px;}
.courseinfo .inner .about table td{padding: 2px;}

.courseinfo .inner .about table tr.area_box span+span::before{ content: ' , ';}


.courseinfo .inner .noto{color: #ff2222; font-size: 90%; margin: 40px 0;}

#contents .subCont .courseinfo .inner h5.h5type1{
	background: url(../images/hiking/course/icon02.jpg) no-repeat 2px;
	border-bottom: 1px dashed #ddd;
	position: static;
	padding: 10px 10px 10px 35px;
	margin:60px 0 15px;
	font-size: 120%;
	}
#contents .subCont .courseinfo .inner h5.h5type1::after {position: static;display: none;}


#contents .subCont .courseinfo .inner h5.h5type2{
	color: #333;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 1px;
	margin: 60px 0 15px;
	padding: 10px 10px 10px 15px;
	border-left: 3px solid #0e6ac7;
	border-bottom: none;
	}

#contents .guidetxt p{line-height: 220%; font-size: 95%;}
#contents .subCont .guidetxt .guide_widget_area ul{padding: 0px;font-size: 95%;}
#contents .subCont .guidetxt .guide_widget_area ul li{ padding-left:1.8em;text-indent:-1.8em; padding-bottom: 10px;}


/* hiking/mark */

.markTbl{overflow: hidden;}
.markTbl table{width: 49%; float: left;border-collapse:collapse;}
.markTbl table:nth-child(2){float: right;}
.markTbl table th{
	background: #01b3a7;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	border: 1px solid #d1d1d1;
	}
.markTbl table tr td{
	border: 1px solid #d1d1d1;
	padding:15px 10px;
	font-size: 86%;
	}
.markTbl table tr td:first-child{text-align: center;}


.markTbl2 table{border-collapse:collapse;}
.markTbl2 table th{
	background: #0d66b8;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	border: 1px solid #0d66b8;
	}
.markTbl2 table tr td{
	border: 1px solid #d1d1d1;
	padding:15px 15px;
	}
.markTbl2 table tr td:first-child{text-align: center;padding: 15px 50px;}

.markTbl3 table{border-collapse:collapse; font-size: 94%;}
.markTbl3 table th{width: 105px; padding: 2px 0;vertical-align: top;}

/* hiking/guide */

.webpoint{
	border: 2px solid #0e66b8;
	border-radius: 10px;
	padding: 3.5% 3% 2%;
	position: relative;
	margin-top: 80px;
	background: url(../images/hiking/guide/bg.jpg) no-repeat right center;
	}
.webpoint p{padding-bottom: 8px;}
.webpoint .ttl{
	position: absolute;
	top: -60px;
	left: 0;
	}

.guideTbl{border-collapse:collapse;border: 1px solid #d0d0d0; margin: 5px 0;}
.guideTbl th{
	font-size: 120%;
	background: #e52455;
	color: #fff;
	border: 1px solid #d0d0d0; 
	padding: 20px;
	}
.guideTbl td{border: 1px solid #d0d0d0; padding: 10px;}
.guideTbl tr:nth-child(2n) td{background: #f5f5f5; }



/* hiking/flow */

.flowabout dt{
	font-size: 120%;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 10px;
	margin: 20px 0;
	}
.flowabout dt span{font-size: 150%;}

.flowday li{
	padding: 20px 0;
	border-bottom: 1px dashed #ddd;
	position: relative;
}
.flowday li:last-child{border-bottom: none;}
.flowday li dl{overflow: hidden;}
.flowday li dl dt{
	background: #00b2a5;
	padding: 32px 0;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	width: 90px;
	float: left;
	}
.flowday li dl dd{
	padding: 32px 0;
	float: right;
	width: 88%;
	}

.flowday li .flowarw{position: absolute;}

.flowTbl{border-collapse:collapse;border: 1px solid #d0d0d0;margin-bottom: 5px;}
.flowTbl th{
	color: #fff;
	background: #0e66b8;
	border: 1px solid #d0d0d0; 
	padding: 15px 30px;
	text-align: center;
	font-size: 120%;
	font-weight: normal;
	}
.flowTbl td{border: 1px solid #d0d0d0; padding: 15px;}
.flowTbl td.onlyseat{background: #f6f4f4;}
.flowTbl th.reserved{background: #00b2a5;}

.pleaselist{background: url(../images/hiking/flow/img09.jpg) no-repeat right 20px;}
.lostcontact{margin-top: 20px;}
.lostcontact th{background: url(../images/hiking/flow/img08.jpg) no-repeat left center;
	color: #e52455;
	padding: 14px 10px 14px 10%;
	border-right: 1px dashed #a8a8a8;
	font-size: 120%;
	width: 40%;
	}
.lostcontact td{
	font-size: 130%;
	padding: 0px 50px;
	line-height: 150%;
	width: 60%;
	}
.lostcontact td span{font-size: 70%; }


.pamphform{
	border: none;
	background: #f5f5f5;
	border-radius: 0;
	padding: 3%;
	}

.pamphform table input[type="text"],
.pamphform table input[type="email"],
.pamphform table textarea,
.pamphform table select
{border-radius: 0;}



/* sitemap */

.sitemap{overflow: hidden;}
.sitemap .fLeft , .sitemap .fRight{width: 48%;}
.sitemap a{color: #333;}
.sitemap dl{}
.sitemap dt{
	background: #eee;
	padding:10px 20px;
	font-size: 110%;
	font-weight: bold;
	}
.sitemap dd{padding: 10px 25px;}
.sitemap dd ul{margin-bottom: 30px;}
.sitemap dd ul li{margin-bottom: 10px;}

.sitemap dd ul li ul{margin-top: 5px;}
.sitemap dd ul li ul li{padding-left: 10px;}
.sitemap dd ul li ul li::before{content: "∟ ";}

/* topic */
.topicstxt .data{text-align: right; margin-bottom: 20px; color: #8B8B8B;}
.topicstxt p{margin-bottom: 20px;}
.topicstxt table{margin: 20px 0;}
#contents .topicsSide ,#contents .hikingSide ,#contents .recruitSide{float: right;width: 16.5%}
#contents .topicsSide h3{
	color: #fff;
	background: #0064ae;
	text-align: center;
	padding: 7px 0 5px;
	letter-spacing: 1px;
	font-size: 100%;
	margin-bottom: 0;
	}
#contents .topicsSide ul{margin-bottom: 30px;}
#contents .topicsSide li a{
	font-size: 80%;
	color: #333;
	border-bottom: 1px dashed #ddd;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#contents .topicsSide li a::before{
	content:url(../images/common/arw05.gif);
	padding:0 5px;
	}

/* link */
.link .dTble03 th{text-align: center;}
.link .dTble03 td:nth-child(3){text-align: center;}

.link .dTble03 td{width: 33%;text-align: center;}
.link .dTble03 td img{margin-bottom: 5px;}

.link .top-pack tr td{ border: none;}
.link .top-pack img:hover{opacity: 1;}
.link .top-pack{margin-bottom: 30px;}


.btn_link_sp{
margin-top:-200px;
padding-top:200px;}





/* mw wp form
------------------------------*/
.mw_wp_form #zip1,
.mw_wp_form #zip2,
.mw_wp_form .mwform-tel-field input[type="text"]{ width: auto;}
.mw_wp_form input[name="submitBack"].formBtn,
.mw_wp_form input[name="submitBack"].formBtn02 { border-color: #666; background-color: #666;}
.mw_wp_form input[name="submitBack"].formBtn:hover,
.mw_wp_form input[name="submitBack"].formBtn02:hover{ background-color: #fff; color: #666;}

.mw_wp_form.mw_wp_form_confirm .mw_wp_form_confirm_none{ display: none;}

/* wp-pagenavi
------------------------------*/
.wp-pagenavi { clear: both; text-align:center; line-height: 1.5; margin-top: 20px;}
.wp-pagenavi a,
.wp-pagenavi span { display: inline-block; color: #fff; background-color: #0067b3; border: solid 1px #0067b3; padding: 6px 8px; margin: 0 2px; white-space: nowrap; transition: 0.2s ease-in-out; text-align: center; text-decoration:none; line-height: 1.2;}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{ color: #0067b3; background-color: #fff; border-color: #0067b3;}

/* WordPress Editor
------------------------------*/
img.size-auto,
img.size-large,
img.size-full,
img.size-medium { max-width: 100%; height: auto;}
.alignleft,
img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 4px;}
.alignright,
img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 4px;}
.aligncenter,
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center;}
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom: 12px;}
.wp-caption { background: #f1f1f1; border: none; -khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #888; font-size: 12px; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center;}
.wp-caption img { margin: 5px;}
.wp-caption p.wp-caption-text { margin: 0 0 4px;}
.wp-smiley { margin: 0;}

/* WordPress 検索用
------------------------------*/
.search_hit_num{ font-weight: 500; background-color: #f3f3f3; padding: 15px 20px; margin-bottom: 40px;}
.search_hit_num .colR{ display: inline-block; padding-right: 5px; font-size: 180%;}

.base-search-list li+li{ margin-top: 2.5em;}
.base-search-list li h4{ font-size: 110%; font-weight: 400;}
#sub_contents .base-search-list li h4 a{ text-decoration: none;}
.base-search-list li .txtArea .url{ color: #b0b0b0; font-size: 90%;}
.base-search-list li .txtArea .excerpt{ color: #555;}





/*------------------------------------------------------------------------------*/

.spblock{display:none;}
@media screen and (max-width: 1240px) {
   
    .main-contents aside {
      width: 16% !important; }
      .main-contents aside .pc-side-nav-fixed {
        width: 16% !important; } }

	@media screen and (max-width: 768px) {
	.main-contents aside {display: none;} 
		.spblock{display:block;}
	}

.main-contents aside {
  float: right;
  width: 210px;
  text-align: left;
  margin-top: -50px;
  position: relative;
  z-index: 10; }
 .main-contents aside h3 {
	 padding: 20px 0 0;
    /*position: relative;
    cursor: pointer;
    background: #111;
    font-size: 18px;
    color: #fff;
    padding: 20px 20px;*/ }
    .main-contents aside h3:after {}
    .main-contents aside h3.active:after {}
    .main-contents aside h3:hover {}
  .main-contents aside h3 + ul {}
  .main-contents aside h3.active + ul {
    }
  .main-contents aside ul {}
    .main-contents aside ul li {}
      .main-contents aside ul li a {}
      .main-contents aside ul li a:hover {}
    .main-contents aside ul li:last-child {}
  .main-contents aside .pc-side-nav-fixed {
    position: fixed;
    width: 210px;
    top: 48px; }


/* 追加20240315 */
.course_btn{
	margin: 3rem auto;
	text-align: center;
}
.course_btn a{
	display: inline-block;
	width: 70%;
	max-width: 500px;
	margin: 0 auto;
	padding: .7rem;
	font-size: 1.5rem;
	font-weight: 600;
	color: #FF0000;
	border: 2px solid #FF8600;
}