@charset "utf-8";



#pcBnr { width: 100%; display:block; }
#pcBnr ul { font-size:0px; text-align:center;}
#pcBnr ul li { margin: 0 10px 10px 10px; display:inline-block; width:270px;}
#pcBnr ul li a { display: block;}
#pcBnr ul li a:hover { opacity: 0.7;}
#spBnr { display:none; }

#main > .attention { max-width: 1000px; }





/*///////  inView   //////*/

#section0,#section1,#section2,#section3,#section5 {
	top: 0;
}

.concept{
	font-size: 16px;
	
}


.concept p{
	line-height: 2.0;
}

.concept .inner{
	max-width: 1080px;
	margin: 0 auto;
}

.concept h2{
	max-width: 1080px;
	margin: 0 auto;
}

.concept h3{
	color: #008188;
	font-size: 35px;
	text-align: center;
	margin: 80px auto;
}

.concept_section2{
	background: url("../../concept/images/concept_bg.jpg");
	background-size: cover;
	color: #fff;
	position: relative;
}

.concept_section2 .inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 100px 0;
}

.concept_section2 .inner .concept_section2_l,
.concept_section2 .inner .concept_section2_r{
	width: 50%;
}

.concept_section2_ttl{
	width: 30%;
	position: absolute;
	right: 0;
	top: 0;
}

.concept_copy01{
max-width: 480px;
margin: 0 0 20px;
	
}

.concept_copy01_ttl1{
	font-size: 25px;
	margin-bottom: 20px;
}

.concept_section3{
	position: relative;
	color: #008995;
}

.concept_section3_ttl{
	width: 30%;
	position: absolute;
	left: 0;
	top: 0;
}


.concept_section3 .inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
}

.concept_section3 .inner .concept_section3_r{
	width: 50%;
	margin-top: 50px;
}

.concept_section3 .inner .concept_section3_l{
	width: 47%;
	margin-top: 100px;
}

.concept_section3_list01{
	width: 50%;
}
.concept_section3_list02{
	width: 75%;
}
.concept_section3_list03{
	width: 25%;
}

.concept_section4{
	position: relative;
	margin-top: 100px;
	
}

.concept_section4_img{
	
}


.concept_section4_copy01{
	top: 7%;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	
}

.concept_section4_copy02{
	text-align: center;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	max-width: 900px;

}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, 
	.concept_section4_copy02{
	text-align: center;
	top: 30%;
	left: 25%;
	right: 25%;
	margin: auto;
	position: absolute;
	max-width: ;

}/* IE11 */
	
	
}



.concept_section4 .photocaption{
	color: #000;
	position: absolute;
	right: 10px;
	bottom: 5px;
	-moz-text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.8);
-webkit-text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.8);
-ms-text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.8);
text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.8);
	
}

@media screen and (max-width: 786px){
#section3 {
	margin-bottom: 0;
}
	
.concept{
	font-size: 14px;
}

.concept h3{
	color: #008188;
	font-size: 22px;
	text-align: center;
	margin: 50px auto;
}	
	
	
.concept_copy01_ttl1{
	font-size: 20px;
	margin-bottom: 20px;
}	
.concept_copy01{
max-width: 100%;
margin: 0 0 20px;
	
}

.concept_section4_copy02{
	text-align: center;
	margin: auto;
	position: static;
	margin: 20px auto;
	width: 100%;

}	
	
.concept .inner{
	width: 90%;
	margin: 0 auto;
}	
	
	
.concept_section2 .inner,.concept_section3 .inner{
display: block;
padding: 50px 0;
}

.concept_section2 .inner .concept_section2_l,
.concept_section2 .inner .concept_section2_r{
	width: 100%;
}	
.concept_section3 .inner .concept_section3_l,
.concept_section3 .inner .concept_section3_r{
	width: 100%;
}		
.concept_section3 .inner .concept_section3_l{
	
	margin-top: 10px;
	margin-bottom: 10px;
}
	
.concept_section3_list01{
	width: 100%;
}
.concept_section3_list02{
	width: 100%;
}
.concept_section3_list03{
	width: 50%;
}	
.concept_section4{

	margin-top: 30px;
	
}
	
.concept_section4_copy01{
	text-align: center;
	padding-top: 0;
	top: 2%;
	margin: 0 auto 120px;
}	
	
	
}



.sectionbase {
	margin: 0;
	padding: 0;
	width: 100vw;
	width: auto;
	height: auto;
	height: 70vh;
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	position: relative;
	background: rgba(0,0,0,0.7);}


.sectioncopy {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}



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

.sectionbase {
	margin: 0;
	padding: 0;
	height:200px;
	width: auto;
	
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	position: relative;
	background: rgba(0,0,0,0.7);}
	

}


#section3 .copy001 {
	margin: 0 auto 2%;
	text-align: center;
	height: auto;
	width: 100%;
	font-size: 36px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.7em;
	color: #FFF;
}


.sec3bg {
	background: url(../../access/images/title_bg.jpg) no-repeat center center;
	background-size: cover;
}

#section3 .copyarea1 {
	position: absolute;
	z-index: 15;
	top: 50%;
	left: -30%;
	width: 100%;

}
#section03  img {
	max-width: 50%;
	height: auto;
}
.sec3_inner {
	margin:auto;
	max-width: 1000px;
	height: auto;
}




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

#secbg3 {
	background: none;
	position: relative;
}
	
#section3 .copyarea1 {
	position: absolute;
	z-index: 15;
	left: -50%;
	width: auto;
	margin: auto;
	text-align: center;
	right: 0;
}
#section3 .copyarea1 img {
	height: 35px;
	width: auto;
}


}

.animate__delay-1s{

  /* ５秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 4秒待ってからアニメーションする */
  -webkit-animation-duration: 1s;
  animation-delay:1s;

}




.fadeIntext{
	opacity: 1.0;
transform: translate(0,0); 
	-webkit-transform: translate(0,0);	transition-duration:2s;
}
.fadeInphoto{
	opacity: 1.0;
transform: translate(0,0); 
	-webkit-transform: translate(0,0);	transition-duration:1s;
	transition-delay:0.8s; 
}
.fadeInphoto_l{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:0.5s; 
}
.fadeInphoto_r{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:0.5s; 
}

.fadeIntext_l{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:1.1s; 
}
.fadeIntext_r{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:1.1s; 
}

.fadeIntext_in{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:1.6s; 
}


.fadeIncatch{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:0.9s;
	transition-duration:1.0s;
}

.fadeInphoto2{
	opacity: 1.0 !important;
transform: translate(0,0);
transition-delay:0.5s; 
	-webkit-transform: translate(0,0);	transition-duration:0.5s;
}


@media only screen and (max-width: 768px){
.fadeInphoto{
	opacity: 1.0;
transform: translate(0,0); 
	-webkit-transform: translate(0,0);	transition-duration:2s;
	transition-delay:0.5s; 
}

.fadeInphoto2{
	opacity: 1.0 !important;
transform: translate(0,0);
transition-delay:1.2s; 
	-webkit-transform: translate(0,0);	transition-duration:2s;
}

.fadeIncatch{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:0.5s;
	transition-duration:0.6s;
}
}


.fadeIncatch2{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:.75s;
	transition-duration:1.0s;
}

.fadeIncatch3{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:1.0s;
	transition-duration:1.0s;
}


.fadeIncatch001{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:4.5s;
	transition-duration:5.0s;
}

.fadeInphoto002{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:2.5s;
	transition-duration:3.0s;
}

.fadeIncatch003{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:3.5s;
	transition-duration:3.0s;
}










.access {
	background: url(../../access/images/cont_bg.png) no-repeat center bottom;
	background-size:cover;
	padding: 0 0 115px;
}
.access .sec-intro {
	position: relative;
	height: 240px;
	background: url(../../access/images/intro_bg.png) no-repeat left top;
	background-size: auto 100%;
}

.access .sec-intro p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 100%;
	text-align: center;
	font-size: 32px;
	color: #008087;
	text-shadow: 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;
}
.access .sec-time {
	margin: 0 0 100px;
}
.access .sec-time .img {
	display: -webkit-flex;
	display: flex;
	margin: 0 0 100px;
}
.access .sec-time .img li {
	width: 33.3333%;
	box-sizing:border-box;
}
.access .sec-time .img li a{
	cursor:default;
}
.access .sec-time .img li img {
	width: 100%;
}
.access .sec-time .route .time {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 0 55px;
}
.access .sec-time .route .time li {
	margin: 0px 30px;
}
.access .sec-time .route .routemap {
	text-align: center;
	padding: 0px 10px;
}
.access .speedy {
	margin: 0px auto;
	max-width: 1242px;
	background: url(../../access/images/speedy_bg.jpg) no-repeat;
	background-size: cover;
	padding: 30px 0px 20px;
}
.access .speedy .copy {
	color: #FFF;
	font-size: 24px;
	text-align: center;
	margin: 0px 0px 25px;
}
.access .speedy .inn {
	margin: 0px auto;
	max-width: 1074px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.access .speedy .inn ul .img {
	margin-bottom: 10px;
}
.access .speedy .inn ul .ttl {
	margin-bottom: 15px;
}
@media only screen and (max-width: 768px){
.access {
	padding: 0 0 50px;
}
.access .sec-intro {
	height: 150px;
}
.access .sec-intro p {
	font-size: 18px;
	text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 0px 1px #fff, 0px 1px 1px #fff, -1px 0px 1px #fff, 0px -1px 1px #fff;
}
.access .sec-time {
	margin: 0 0 50px;
}
.access .sec-time .img {
	margin: 0 0 50px;
}
.access .sec-time .img li {
	width: 33.3333%;
	box-sizing:border-box;
}
.access .sec-time .img li img {
	width: 100%;
}
.access .sec-time .route .time {
	display: block;
	margin: 0 5% 30px;
}
.access .sec-time .route .time li {
	margin: 0;
}
.access .sec-time .route .routemap {
    margin: 0 5%;
}
.access .speedy {
	padding: 20px 0px;
}
.access .speedy .copy {
	font-size: 16px;
	margin: 0px 0px 15px;
}
.access .speedy .inn {
	margin: 0px 5%;
	display: block;
}
.access .speedy .inn ul {
	margin-bottom: 20px;
}
.access .speedy .inn ul .img {
}
.access .speedy .inn ul .ttl {
	margin-bottom: 10px;
}
}

.access .time_table {
	max-width: 1230px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:80px;
}
.access .time_table .st {
	border-left:5px solid #008188;
	border-bottom:1px solid #008188;
	color:#008188;
	font-size:23px;
	padding:5px 0 5px 10px;
	margin-bottom:20px;
}
.access .time_table .img {
	text-align:center;
}
.access .time_table .kome {
	padding-top:8px;
	font-size:11px;
}
.access .time_table .kome .b {
	color:#172987;
}
.access .time_table .kome .r {
	color:#c30d22;
}

.access .time_table .left {
	float:left;
	width:49%;
}
.access .time_table .right {
	float:right;
	width:49%;
}

@media only screen and (max-width: 768px){
.access .time_table {
	max-width: 1230px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:50px;
	padding:0 5%;
}
.access .time_table .st {
	border-left:5px solid #008188;
	border-bottom:1px solid #008188;
	color:#008188;
	font-size:17px;
	padding:5px 0 5px 10px;
	margin-bottom:20px;
}
.access .time_table .img {
	text-align:center;
}
.access .time_table .left {
	width:auto;
	float:none;
	margin-bottom:15px;
	text-align:center;
}
.access .time_table .right {
	width:auto;
	float:none;
}
.access .time_table .kome {
	padding-top:8px;
	font-size:11px;
}
.access .time_table .kome .b {
	color:#172987;
}
.access .time_table .kome .r {
	color:#c30d22;
}
}