@charset "utf-8";

/* -------------------------------------------------------------------
#tour
------------------------------------------------------------------- */
.sponly { display: none;}
body { margin: 0;font-family: 'Noto Sans JP', sans-serif;}
.breadcrumb {padding-top: 12px; padding-bottom: 12px; border-radius: 0; margin: 0;}
#bread {background-color: #F3F3F3; font-size: 14px;}
#bread .breadcrumb {background-color: #F3F3F3; margin: 0 auto; padding-left: 20px; width: 100%; max-width: 940px;}
#bread .breadcrumb li { display: inline-block; vertical-align: middle !important;}
.breadcrumb>li+li:before { content: "> "; padding: 0 5px; color: #ccc;}
.breadcrumb>.active { color: #777;}
#bread a { color: #333; font-weight: 500;}
#tour { background: #0097e0; width: 940px; margin: 0 auto;}
#tour img { width: 100%; height: auto;}
#tour .tour_cont {}
#tour .tour_cont .tour_cont-inner {  margin: 0 auto; width: 100%; overflow: hidden;}
#tour .tour_cont .tour_cont-inner .tour_cont-img { position: relative; margin: 0 auto;}
#tour .tour_cont .tour_cont-inner .tour_cont-img img { position: relative; z-index: 1;}
#tour .tour_cont .tour_cont-inner .tour_cont-img .tour_cont-bg { position: absolute; mix-blend-mode: multiply;}
#tour .tour_cont .tour_cont-inner .tour_cont-img .tour_cont-bg img { height: 100%;}
#tour .tour_cont .tour_cont-inner .tour_cont-01 { width: 906px; margin-bottom: 35px; margin-top: 30px;}
#tour .tour_cont .tour_cont-inner .tour_cont-01 .tour_cont-01-bg01 { width: 103px; height: 103px; top: 97px; left: -9px;}
#tour .tour_cont .tour_cont-inner .tour_cont-01 .tour_cont-01-bg02 { width: 254px; height: auto; left: 545px; top: 260px;}
#tour .tour_cont .tour_cont-inner .tour_cont-02 { width: 501px; margin-bottom: 77px;}
#tour .tour_cont .tour_cont-inner .tour_cont-02 .tour_cont-02-bg { top: 0; left: 0; width: 1104px;}
#tour .tour_cont .tour_cont-inner .tour_cont-03 { width: 850px; margin-bottom: 38px;}
#tour .tour_cont .tour_cont-inner .tour_cont-03 .tour_cont-03-bg01 { top: 10px; left: 0; width: 100%;}
#tour .tour_cont .tour_cont-inner .tour_cont-03 .tour_cont-03-bg02 { top: 62px; left: 72px; width: 714px; height: 46px;}
#tour .tour_cont .tour_cont-inner .tour_cont-03 .tour_cont-03-bg03 { top: 137px; left: 299px; width: 110px; height: 21px;}
#tour .tour_cont .tour_cont-inner .tour_cont-04 { width: 850px; margin-bottom: 44px; }
#tour .tour_cont .tour_cont-inner .tour_cont-05 { width: 761px; margin-bottom: 44px; }
#tour .tour_cont .tour_cont-inner .tour_cont-05 .tour_cont-05-bg01 { top: -15px; left: -44px; width:850px; height: 56px;}
#tour .tour_cont .tour_cont-inner .tour_cont-06 { width: 850px; margin-bottom: 7.29vw; }
#tour .tour_cont .tour_cont-inner .tour_cont-06 .tour_cont-06-bg01 { top: 35px; left: -10px; width: 850px; height: 56px;}
#tour .tour_cont .tour_cont-inner .tour_cont-06 .tour_cont-06-bg02 { top: 23px; right: -160px; width: 263px; height: 252px;}
#tour .tour_cont .tour_cont-inner .tour_cont-07 { width: 506px; margin-bottom: 8.85vw; }
#tour .tour_cont .tour_cont-inner .tour_cont-07 .tour_cont-07-bg01 { top: -16px; left:-172px; width: 850px; height: 56px;}
#tour .tour_cont .tour_cont-inner .tour_bottom-box { display: block; width: 850px; margin: 0 auto ; position: relative;}
#tour .tour_cont .tour_cont-inner .tour_bottom-box::after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
#tour .tour_cont .tour_cont-inner .tour_bottom-box .tour_cont-img { display: inline-block; width: 47.64%; position: relative; margin-bottom: 40px; z-index: 1;}
#tour .tour_cont .tour_cont-inner .tour_bottom-box .tour_cont-img img { position: relative; z-index: 1;}
#tour .tour_cont .tour_cont-inner .tour_bottom-box .tour_cont-08 { float: left;}
#tour .tour_cont .tour_cont-inner .tour_bottom-box .tour_cont-09 { float: right;}
#tour .tour_cont .tour_cont-inner .tour_bottom-box .tour_cont-10 { float: left; margin-bottom: 70px;}
#tour .tour_cont .tour_cont-inner .tour_bottom-box .tour_cont-07-bg01 { position: absolute; top: -13px; left: 0px; width: 100%; height: 50.9px; z-index: -1;}
#tour .tour_cont .tour_cont-inner .bottom-btn { width: 714px; margin: 0 auto 98px;}
/*#tour .tour_cont .tour_cont-inner a { z-index: 1; position: relative; display: block; width: 100%; height: auto; transition: all .6s; width: 74.375vw; margin: 0 auto 10.416vw; position: relative; cursor: pointer;}
#tour .tour_cont .tour_cont-inner a::before { position: absolute; content: ''; width: 94.3%; bottom:-0.997vw; left: 0;  border-top: 1.56vw solid #0070ac;  border-left: 2.08vw solid transparent;  border-right: 2.08vw solid transparent; z-index: -1; transition: all .6s;}
#tour .tour_cont .tour_cont-inner a:hover { transform: scale(0.95)translateY(1.56vw);}
#tour .tour_cont .tour_cont-inner a:hover::before { transform: scale(0.99)translateY(-1.56vw);}
#tour .tour_cont .tour_cont-inner a.tour_btn-01 { position: absolute; top: 23.229vw; left: 6.979vw;}*/
/*#tour .tour_cont .tour_cont-inner a { z-index: 1; position: relative; display: block; width: 100%; height: auto; transition: all .6s; width: 714px; margin: 0 auto 98px; position: relative; cursor: pointer;}
#tour .tour_cont .tour_cont-inner a::before { position: absolute; content: ''; width: 94.3%; bottom:-8px; left: 0;  border-top: 15px solid #0070ac;  border-left: 20px solid transparent;  border-right: 20px solid transparent; z-index: -1; transition: all .6s;}
#tour .tour_cont .tour_cont-inner a:hover { transform: scale(0.95)translateY(15px);}
#tour .tour_cont .tour_cont-inner a:hover::before { transform: scale(0.99)translateY(-15px);}
#tour .tour_cont .tour_cont-inner a.tour_btn-01 { position: absolute; top: 225px; left: 67px;}*/

#tour{
	width: 940px;
	margin: 0 auto;
	position: relative;
}
#tour a{ transition: none;}
#tour a:hover{
	background-color: rgba(255,255,255,0.2);
}
#tour span:hover{
	box-shadow: 0 7px 0 0 rgba(255,255,255,0.2);
}
#tour span:hover:before{
    border-right-color:rgba(255,255,255,0.2);
}
#tour span:hover:after{
    border-top-color:rgba(255,255,255,0.2);
}
#tour span{
	display: block;
	position: relative;
	width: 681px;
	height: 100%;
	box-shadow: 0 7px 0 0 rgba(255,255,255,0);
}
#tour span:before{
    content:" ";
    position:absolute;
    top:100%;
    left:-7px;
    width:0;
    height:0;
    border-width:0 7px 7px 0;
    border-style:solid;
    border-color:transparent;
    border-right-color:rgba(255,255,255,0);
}
#tour span:after{
    content:" ";
    position:absolute;
    top:100%;
    right:-7px;
    width:0;
    height:0;
    border-width:7px 7px 0 0;
    border-style:solid;
    border-color:transparent;
    border-top-color:rgba(255,255,255,0);
}
#bt-top span:hover,#bt-bottom span:hover{	box-shadow: 0 15px 0 0 rgba(255,255,255,0.2);}
#bt-top span:hover:before,#bt-bottom span:hover:before{    border-right-color:rgba(255,255,255,0.2);}
#bt-top span:hover:afte,#bt-bottom span:hover:after{    border-top-color:rgba(255,255,255,0.2);}
#bt-top{ width: 712px;	height: 88px; display: flex; position: absolute; top: 40.5%;    left: 8.05%;;z-index: 1000;	background-color: rgba(255,255,0,0);	justify-content: center;}
#bt-bottom{ width: 713px;	height: 88px; display: flex; position: absolute;top: 96.1%; left: 12.15%;z-index: 1000;	background-color: rgba(255,255,0,0);	justify-content: center;}
#bt-top:before,#bt-bottom:before{ content:" "; position:absolute; top:100%; left:-7px; width:0; height:0; border-width:0 7px 7px 0; border-style:solid; border-color:transparent; border-right-color:rgba(255,255,255,0);}
#bt-top:after,#bt-bottom:after{ content:" "; position:absolute; top:100%; right:-7px; width:0; height:0; border-width:7px 7px 0 0; border-style:solid; border-color:transparent; border-top-color:rgba(255,255,255,0);}
#bt-top span {	display: block;	position: relative;	width: 686px;	height: 100%;	box-shadow: 0 16px 0 0 rgba(255,255,255,0);}
#bt-bottom span {	display: block;	position: relative;	width: 686px;	height: 100%;	box-shadow: 0 16px 0 0 rgba(255,255,255,0);}
#bt-bottom span:before{ content:" "; position:absolute; top:100%; left:-14px; width:0; height:0; border-width:0 14px 16px 0; border-style:solid; border-color:transparent; border-right-color:rgba(255,255,255,0);}
#bt-top span:before{ content:" "; position:absolute; top:100%; left:-14px; width:0; height:0; border-width:0 14px 16px 0; border-style:solid; border-color:transparent; border-right-color:rgba(255,255,255,0);}
#bt-bottom span:after{ content:" "; position:absolute; top:100%; right:-14px; width:0; height:0; border-width:16px 14px 0 0; border-style:solid; border-color:transparent; border-top-color:rgba(255,255,255,0);}
#bt-top span:after{ content:" "; position:absolute; top:100%; right:-14px; width:0; height:0; border-width:16px 14px 0 0; border-style:solid; border-color:transparent; border-top-color:rgba(255,255,255,0);}