@charset "utf-8";


.SP{display:none !important;}
@media only screen and (max-width:667px){
	.PC{display:none !important;}
	.SP{display:block !important;}
}



/* =======================================
	ページトップ
======================================= */
#pagetop{
    position: fixed;
    bottom: 20px;
    right: 20px;
		z-index:500;
}



/* =======================================
	スライドショー
======================================= */
#container{
	height:700px;
	width: 100%;
	padding:0;
	margin:0;
	position: relative;
}

#container .title{
  top:50px;
  right:50px;
  position:absolute;
  z-index:120;
}
@media only screen and (max-width:1024px){
	#container .title{
	  top:1%;
	  right:1%;
	  position:absolute;
	  z-index:120;
	  padding:15px;
	}
}



/* =======================================
	contentsArea
======================================= */
#main{
	width:1060px;
	text-align:left;
	position:relative;
	z-index:120!important;
	overflow:hidden;
	margin-right:auto!important;
	margin-left:auto!important;
}
@media only screen and (max-width:1024px){
	#main{
		width:auto;
		text-align:left;
		position:relative;
		z-index:120!important;
		overflow:hidden;
		margin-right:auto!important;
		margin-left:auto!important;
		padding:0 15px;
	}
}


/* =======================================
	footer
======================================= */

#footer {
  border-top:dotted 1px #9d9d9d;
  padding:35px 0 35px 0!important;
  text-align:center;
	font-size:75%!important;
}

		#footer ul li{
			text-align:center;
			display:inline-block;
		  color:#1c1c1c;
			line-height:100%;
			margin-bottom:20px;
			padding:0 10px 0 10px;
			border-right:1px dotted #9d9d9d;
		}

			#footer ul li a{
				text-decoration:none;
				color:#1c1c1c;
			}

		#footer p{
			font-family:Arial;
			font-weight:bold;
			color:#3d6eae;
			font-size:110%!important;
		}



/* =======================================
	tour18
======================================= */
#title2{
	width:1060px;
	text-align:left;
	position:relative;
	z-index:120!important;
	margin-right:auto!important;
	margin-left:auto!important;
	background:#eee!important;
}
@media only screen and (max-width:1024px){
	#title2{
		width:auto;
		text-align:left;
		position:relative;
		z-index:120!important;
		margin-right:auto!important;
		margin-left:auto!important;
		background:#eee!important;
	}
}

#title2 .mainTitle{
	top:-150px;
	left:-20px;
	position: absolute;
	z-index:120;
}
@media only screen and (max-width:1024px){
	#title2 .mainTitle{
		top:-150px;
		left:0px;
		position: absolute;
		z-index:120;
	}
}

#main .title2{
  top:-250px;
  left:-20px;
  position:absolute;
  z-index:120;
}
.tourRead{
	font-size:110%;
	font-weight:bold;
}

.scBox{
	width:1060px;
	margin-top:40px;
	margin-bottom:40px;
	float:left;
}
.scBox .innerLeft{
	width:595px;
	margin-right:15px;
	float:left;
}
.scBox .innerRight{
	width:450px;
	float:left;
}
.scBox .scTitle{
	font-weight:bold;
	margin-bottom:5px;
}
@media only screen and (max-width:1024px){
	.scBox{
		width:auto;
		margin-top:40px;
		margin-bottom:40px;
	}
	.scBox .innerLeft{
		width:auto;
	}
	.scBox .innerRight{
		width:auto;
		margin-top:20px;
	}
	.scBox .scTitle{
		font-weight:bold;
		margin-bottom:5px;
	}
}

.profBox{
	width:1000px;
	margin-bottom:40px;
	padding:30px;
	background:#eef3f9;
	float:left;
}
.profBox .innerLeft{
	width:650px;
	margin-right:50px;
	float:left;
}
.profBox .innerRight{
	width:300px;
	float:left;
}
.profBox .profTitle{
	font-weight:bold;
	margin-bottom:5px;
}
@media only screen and (max-width:1024px){
	.profBox{
		width:auto;
		margin-bottom:40px;
		padding:30px;
		background:#eef3f9;
	}
	.profBox .innerLeft{
		width:100%;
	}
	.profBox .innerRight{
		width:auto;
		margin-top:20px;
	}
	.profBox .profTitle{
		font-weight:bold;
		margin-bottom:5px;
	}
}

.menuBox{
	width:1020px;
	margin-bottom:40px;
	padding:20px;
	background:#f5f5f5;
	float:left;
}
.menuBox .innerLeft{
	width:500px;
	margin-right:20px;
	float:left;
}
.menuBox .innerRight{
	width:500px;
	float:left;
}
@media only screen and (max-width:1024px){
	.menuBox{
		width:auto;
		margin-bottom:40px;
		padding:20px;
		background:#f5f5f5;
	}
	.menuBox .innerLeft{
		width:100%;
	}
	.menuBox .innerRight{
		width:auto;
		margin-top:20px;
	}
	    img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width:1024px){
	img{
		max-width:100%;
		height: auto;
	}
}


/* =======================================
	tour20
======================================= */
.link_area{
	text-align: center;
	background: #e9f3f9;
	width: 1060px;
	box-sizing: border-box;
	margin: 30px auto 30px auto;
	padding: 20px 20px 18px 20px;
}

	.link_area a{
		margin: 0 20px 0 20px;
		font-size: 120%;
	}

/******************************************************/
/* clear */
/******************************************************/

.clear:after,
.fullSlideShow ul:after,
#container .menu:after,
#container .sns:after,
header:after,
header .menuLeft:after,
header .menuLeft ul.navi:after,
header .menuRight:after,
header .menuRight .sns:after,
header.SP .spMenu #menu li .menu_sns:after,
header.SP .spMenu #menu li:after,
#header .headerInner:after,
#header .headerInner .headerRight ul:after,
#header .menu ul:after,
#footer ul:after,
#contentsArea:after,
#contentsArea .contentLeft:after,
#main .topContents .titleSet:after,
#main .topContents .titleSet .titleRight:after,
#main .topContents .menuSet,
#main .topContents .bannerSet ul:after,
#main .topContents .mapSet:after,
.flowSet:after,
#contentsArea dl.heliList:after,
.menu_faq:after{
	display:block;content:"";clear:both;overflow:hidden;
}