@charset "utf-8";

#pageup a{
	display: none !important;
}
.marcellus{
	font-family: 'Marcellus', serif !important;
}
.notoserif{
	font-family: 'Noto Serif', serif !important;
}
.notoserifjp{
	font-family: 'Noto Serif JP', serif !important;
}
.notosans{
	font-family: 'Noto Sans', sans-serif !important;
}
.notosansjp{
	font-family: 'Noto Sans JP', sans-serif !important;
}

#section-breadcrumb{
	margin-top: 0;
}

@media(max-width:768px) {
.container{
	padding-left: 36px;
	padding-right: 36px;
}
}
@media(max-width:320px) {
.container{
	padding-left: 18px;
	padding-right: 18px;
}
}

#hero{
	position: relative;
}
.inner-hero{
	height: calc(100vh - 150px) ;
	overflow: hidden;
	position: relative;
	scroll-snap-align: start;
}
.overlay, #yt_player {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
} 
.overlay{
	z-index: -1;
} 
#yt_player{
	z-index: -2;
}
.link-discover{
	position: absolute;
	transform: translate(-50%, 0);
	bottom: 0;
	left: 50%;
	color: #fff;
	font-size: 24px;
	height: 77px;
}
.link-discover:hover{
	color: #fff;
	text-decoration: none;
}
.position-bar{
	position: absolute;
	transform: translate(-50%, 0);
	left: 50%;
	height: 36px;
	bottom: 0;
	width: 1px;
}
.scrol-bar {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: scrollDown;
	animation-name: scrollDown;
	-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	background-color: #fff;
	position: absolute;
	-webkit-transition: background-color 400ms, color 400ms, -webkit-text-stroke 400ms;
	transition: background-color 400ms, color 400ms, -webkit-text-stroke 400ms;
	width: 1px;
}
@-webkit-keyframes scrollDown {
  0% {
    bottom: 100%;
    height: 0
  }
  50% {
    bottom: 0;
    height: 100%
  }
  to {
    bottom: 0;
    height: 0
  }
}
@keyframes scrollDown {
  0% {
    bottom: 100%;
    height: 0
  }
  50% {
    bottom: 0;
    height: 100%
  }
  to {
    bottom: 0;
    height: 0
  }
}
@media(max-width:1180px) {
.inner-hero{
	overflow: hidden;
	position: relative;
}
}
@media(max-width:900px) {
.inner-hero{
	overflow: hidden;
	position: relative;
}
}
@media(max-width:768px) {
.inner-hero{
	height: calc(100vh - 125px) ;
	overflow: hidden;
	position: relative;
}
}
.wrap-islandlogo{
	position: absolute;
	top: 48px;
	left:36px;
	z-index: 2;
	width: 100%;
	max-width: 84px;
}
.wrap-hero-title{
	position: absolute;
	transform: translate(0, -50%);
	top: 50%;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	z-index: 3;
	color: #fff;
}
.title-yoron{
	color: #fff;
	font-weight: normal;
}
.title-yoron span{
	font-size: 30px;
	font-weight: 400;
}
.title-yoron span.title-main{
	display: block;
	font-size: 72px;
	line-height: 90px;
}
.lead-hero{
	font-size: 24px;
	line-height: 30px;
}
@media(max-width:768px) {
.wrap-islandlogo{
	top: 30px;
	left:22px;
}
.title-yoron span{
	font-size: 32px;
	font-weight: 400;
	line-height: 43px;
}
.title-yoron span.title-main{
	display: block;
	font-size: 48px;
	line-height: 60px;
}
.lead-hero{
	font-size: 24px;
}
.link-discover{
	font-size: 18px;
	height: 71px;
}
.scrol-bar {
	width: 2px;
}
}
@media(max-width:320px) {
.title-yoron span.title-main{
	display: block;
	font-size: 40px;
}
}

.wrap-hero-youtubebtn{
	position: absolute;
	bottom: 5%;
	left:36px;
	z-index: 2;
}
.wrap-hero-youtubebtn button,
.wrap-hero-youtubebtn a{
	background: none;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.wrap-hero-youtubebtn button:hover{
	opacity: 0.8;
}
.wrap-hero-planbtn{
	padding-top: 4px;
	border-radius: 4px;
	overflow: hidden;
	display: inline-block;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.2);
	width: 100%;
	max-width: 280px;
}
.wrap-hero-planbtn.is-fixed{
	position: fixed;
	bottom: 38px;
	right:24px;
	z-index: 4;
	display: inline-block;
}
.wrap-hero-planbtn a{
	display: flex;
	background: #fff;
	padding: 11px 19px 12px 20px;
	font-size: 15px;
	font-weight: 600;
	width: 100%;
	align-items: center;
	justify-content: center;
}
.wrap-hero-planbtn a:hover{
	text-decoration: none;
}
.wrap-hero-planbtn a .d-sm-block{
	display: inline-block !important;
}
.wrap-hero-planbtn a img{
	margin-right: 12px;
	width: 18.99px;
	height: 20px;
}
@media(max-width:768px) {
.wrap-hero-planbtn{
	width: 100%;
	z-index: 1;
	display: block;
	padding-top: 0;
	border-radius: 0;
	max-width: 100%;
}
.wrap-hero-planbtn.is-fixed{
	bottom: 0px;
	right:0;
	left: 0;
	z-index: 4;
	display: block;
}
.wrap-hero-planbtn a{
	display: block;
	background:none;
	padding: 20px 5px 20px 5px;
	font-size: 18px;
	color: #fff !important;
	text-align: center;
}
.wrap-hero-planbtn a .d-block{
	display: inline-block !important;
}
.wrap-hero-planbtn a .d-sm-block{
	display: none !important;
}
.wrap-hero-youtubebtn{
	text-align: center;
	width: 100%;
	left: 0;
	bottom: 83px;
}
.wrap-hero-youtubebtn button{
	margin:0 auto;
}
.wrap-hero-planbtn a img{
	margin-right: 20px;
	width: 36px;
	height: 29.75px;
}
}
@media(max-width:320px) {
.wrap-hero-planbtn a{
	font-size: 16px;
}
}

#contents{
	background: #fff;
}


#about{
	padding: 100px 0 87px;
	position: relative;
}
.row-about{
	display: flex;
}
.col-about-txt{
	order: 2;
	width: 100%;
	display: flex;
	align-items: center;
}
.col-about-movie{
	order: 1;
	width: 100%;
	max-width: 458px;
}
.bg-yoron-01{
	width: 100%;
	max-width: 996px;
	margin: 0 auto;
}
.wrap-about-txt{
	padding-left: 58px;
}
.wrap-about-txt h2{
	color: #fff;
	text-align: left;
	margin-bottom: 30px;
	font-size: 36px;
	font-weight: 400;
}
.wrap-about-txt p{
	color: #fff;
	text-align: left;
	line-height: 2;
	font-size: 15px;
	line-height: 30px;
	font-weight: 500;
	font-family: 'Noto Serif JP', serif;
}
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.title-video{
	text-align: center;
	margin-bottom: 13px;
	color: #fff;
	font-size: 24px;
}
.about-box .card{
	box-shadow: none;
	margin-bottom: 0;
}
.about-box .card-header{
	border-radius: 4px;
	border:none;
	text-align: center;
	padding: 1px;
	width: 100%;
	max-width: 180px;
	margin:0 auto;
}
.youtube + p{
	text-align: center;
	font-weight: 400;
	line-height: 30px;
	font-size: 15px;
	color: #fff;
	margin-top: 36px;
}
.youtube + p .icon-youtube-pc{
	width: 100%;
	max-width: 24px;
	margin-right: 31px;
	display: inline-block;
	position: relative;
	top: -2px;
}
.youtube + p .icon-youtube-sp{
	display: none;
}
@media(max-width:576px) {
#about{
	height: auto;
	background:none;
	padding: 0;
	position: relative;
}
.row-about{
	display: block;
}
.col-about-txt{
	order: 2;
	width: 100%;
	display: block;
	align-items: center;
}
.col-about-movie{
	order: 1;
	width: 100%;
	max-width: 458px;
}
.bg-yoron-01{
	position: relative;
	left:auto;
	top:auto;
	transform:none;
	width: 100%;
	max-width: 100%;
}
.wrap-about-txt{
	padding: 73px 36px 77px;
	margin:0 -36px 60px;
}
.wrap-about-txt p{
	font-weight: 400;
	font-family: 'Noto Sans', sans-serif;
}
.wrap-about-txt h2{
	margin-bottom: 24px;
	font-size: 32px;
	text-align: center;
	line-height: 43px;
}
.youtube{
  box-shadow: none;
}
.title-video{
	margin-bottom: 10px;
	color: #000;
}
.youtube + p{
	color: #000;
	margin-top: 24px;
	font-size: 14px;
}
.youtube + p .icon-youtube-pc{
	display: none;
}
.youtube + p .icon-youtube-sp{
	width: 100%;
	max-width: 22px;
	margin-right: 12px;
	display: inline-block;
	position: relative;
	top: -2px;
}
}
@media(max-width:320px) {
.wrap-about-txt{
	padding: 73px 18px 77px;
	margin:0 -18px 60px;
}
.youtube + p .icon-youtube-sp{
	max-width: 18px;
	margin-right: 6px;
}
}



.title-content-main{
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 68px;
}
.title-content-main span{
	display: block;
	padding-bottom: 15px;
	margin-bottom: 25px;
	position: relative;
	text-align: center;
	font-size: 72px;
	font-weight: normal;
}
.title-content-main span:after{
	content:"";
	width: 100%;
	max-width: 420px;
	height: 4px;
	position: absolute;
	transform: translate(-50%, 0);
	bottom:0;
	left: 50%;
}
#gallery .title-content-main{
	color: #fff;
}
#gallery .title-content-main span{
	padding-bottom: 0;
	margin-bottom: 10px;
}
#gallery .title-content-main span:after{
	display: none;
}
#recommend h2.title-content-main{
	padding: 89px 0;
	color: #fff;
	margin-bottom: 80px;
}
#recommend h2.title-content-main span:after{
	content:"";
	width: 100%;
	max-width: 420px;
	background: #fff;
	height: 4px;
	position: absolute;
	transform: none;
	position: absolute;
	transform: translate(-50%, 0);
	bottom:0;
	left: 50%;
}
.container-spot .title-content-main{
	text-align: left;
	margin-bottom: 70px;
}
.container-spot .title-content-main span{
	text-align: left;
}
.container-spot .title-content-main span:after{
	content:"";
	width: 100%;
	max-width: 420px;
	height: 4px;
	position: absolute;
	transform: none;
	bottom:0;
	left: 0;
}
#hotel .title-content-main{
	color: #fff;
	font-weight: 400;
}
#hotel .title-content-main span{
	padding-bottom: 0;
	margin-bottom: 10px;
}
#hotel .title-content-main span:after{
	display: none;
}
#faq .title-content-main{
	margin-bottom: 60px;
	font-weight: 400;
}
#faq .title-content-main span{
	padding-bottom: 0;
	margin-bottom: 20px;
}
#faq .title-content-main span:after{
	display: none;
}
@media(max-width:768px) {
.title-content-main{
	text-align: center;
	font-size: 24px;
	margin-bottom: 45px;
}
.title-content-main span{
	display: block;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 60px;
}
.title-content-main span:after{
	content:"";
	width: 100%;
	max-width: 420px;
	height: 2px;
}
#gallery .title-content-main{
	margin-bottom: 0;
}
#plan .title-content-main{
	margin-bottom: 81px;
}
#recommend h2.title-content-main{
	padding: 60px 36px 47px;
	color: #fff;
	margin-bottom: 48px;
}
#recommend h2.title-content-main span:after{
	height: 2px;
}
#recommend h2.title-content-main span{
	font-size: 50px;
	line-height: 63px;
}
.container-spot .title-content-main{
	margin-bottom: 50px;
}
#faq .title-content-main{
	margin-bottom: 46px;
	font-size: 15px;
}
#faq .title-content-main span{
	margin-bottom: 20px;
	font-size: 72px;
}
}
@media(max-width:320px) {
.title-content-main span{
	font-size: 46px;
}
#recommend h2.title-content-main span{
	font-size: 48px;
}
#recommend h2.title-content-main{
	padding: 60px 18px 47px;
}
#faq .title-content-main span{
	font-size: 46px;
}
}




#experience{
	padding: 120px 0 186px;
}
#experience .container-940{
	width: 100%;
	max-width: 940px;
	margin:0 auto;
}
#experience .container-940 .row + .row{
	margin-top: 76px;
}
.title-content-article{
	font-size: 32px;
	margin-bottom: 31px;
	line-height: 46px;
	font-weight: 500;
}
.title-content-article span{
	display: block;
	margin-bottom: 9px;
	position: relative;
	font-size: 48px;
	line-height: 60px;
}
.img-bg-border-01 img{
	width: 100%;
	height: auto;
}
.col-ex{
	padding: 5% 5%;
	position: relative;
	height: 100%;
}
.wrap-ex-txt{
	position: absolute;
	width: 100%;
	left:0;
	transform: translate(0, -50%);
	top: 50%;
}
.wrap-ex-txt p{
	font-size: 15px;
	line-height: 30px;
	font-weight: 400;
}
.about-box .card-header a{
	display: block;
	background: #fff;
	text-align: center;
	color: #0EA9CB;
	font-size: 15px;
	border-radius: 3px;
	padding: 7px;
}
.about-box .card-header a:hover{
	text-decoration: none;
}
.about-box .card-body{
	padding: 20px 0 0 0;
}
@media(min-width:576px) {
.about-box .card-header{
	display: none;
}
.about-box .card-header + .collapse{
	display: block !important;
}
}
@media(max-width:768px) {
#experience{
	padding: 120px 0 120px;
}
#experience .container-940 .row + .row{
	margin-top: 72px;
}
.wrap-ex-txt{
	position: relative;
	width: 100%;
	left:0;
	transform: none;
	top: auto;
}
.title-content-article{
	font-size: 18px;
	margin-top: 24px;
	margin-bottom: 20px;
	text-align: center;
	line-height: 24px;
}
.title-content-article span{
	font-size: 36px;
	text-align: center;
	line-height: 45px;
}
.col-ex{
	padding:0;
}
.about-box .card{
	margin-bottom: 0 !important;
}
}



/* Gallery */
#gallery{
	padding: 70px 0 170px;
}
.ul-slider-gallery + p{
	color: #fff;
	text-align: center;
	margin-top: 20px;
	font-size: 14px;
}
@media(max-width:768px) {
#gallery{
	height: auto;
	background: none;
	padding: 0 0 94px;
}
#gallery .title-content-main{
	padding: 36px 0 228px;
	margin-left: -36px;
	margin-right: -36px;
}
.ul-slider-gallery{
	display: flex;
	flex-wrap: wrap;
}
.ul-slider-gallery li{
	width : calc(100% / 3) ;
}
.ul-slider-gallery + p{
	color: #000;
	text-align: center;
	margin-top: 20px;
	font-size: 12px;
}
}
@media(max-width:320px) {
#gallery .title-content-main{
	margin-left: -18px;
	margin-right: -18px;
}
}




/* Plan */
#plan{
	padding: 180px 0 120px;
}
.wrap-plan{
	background:#F8FAFC;
	border-radius: 12px;
	padding: 60px;
}
.wrap-plan + .wrap-plan{
	margin-top: 48px;
}
.title-sub-contents{
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 400;
}
.title-sub-contents span{
	margin-right: 40px;
}
.icon-adjust-ferry{
	width: 100%;
	max-width: 47px;
}
.icon-adjust-air{
	width: 100%;
	max-width: 42px;
}
.icon-adjust-set{
	width: 100%;
	max-width: 119px;
}
.card-plan{
	display: block;
	background:#fff;
	padding: 35px 36px 39px;
	border-radius: 4px;
	box-shadow: none;
}
.card-plan:hover{
	text-decoration: none;
	text-decoration: none;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.1);
}
.td-rosen{
	font-size: 15px;
	font-weight: 400;
}
.td-rosen span{
	font-size: 28px;
	display: block;
	font-weight: 400;
}
.td-price{
	text-align: right;
}
.td-price .num{
	font-size: 36px;
	color: #FF603C;
}
.td-price .num small{
	font-size: 18px;
}
.td-price .num.min:after{
	content: "～";
	font-size: 14px;
	margin:0 6px;
	font-family: 'Noto Sans', sans-serif !important;
	font-weight: 700;
}
.td-price .num.max:after{
	content: "円";
	font-size: 14px;
	margin-left: 6px;
	font-family: 'Noto Sans', sans-serif !important;
	font-weight: 700;
}
.td-price .num.min.only:after{
	content: "円～";
	font-size: 18px;
	margin-left: 12px;
	font-family: 'Noto Sans', sans-serif !important;
	font-weight: 700;
}
.td-price small{
	font-size: 18px;
	margin-left: 12px;
	font-family: 'Noto Sans', sans-serif !important;
	font-weight: 700;
	color: #FF603C;
}
.td-rosen.kouro-kagoshima:before{
	content: "鹿児島から";
	font-size: 28px;
	display: block;
	font-weight: 400;
	font-family: 'Noto Serif JP', serif !important;
}
.td-rosen.kouro-okinawa:before{
	content: "沖縄から";
	font-size: 28px;
	display: block;
	font-weight: 400;
	font-family: 'Noto Serif JP', serif !important;
}
@media(max-width:768px) {
#plan{
	padding: 70px 0 70px;
	background:#F8FAFC;
}
.wrap-plan{
	padding: 0px;
}
.wrap-plan + .wrap-plan{
	margin-top: 96px;
}
.title-sub-contents{
	font-size: 18px;
	text-align: center;
	margin-bottom: 36px;
}
.title-sub-contents span{
	display: block;
	text-align: center;
	margin-right: 0;
	margin-bottom: 24px;
}
.card{
	margin-bottom: 24px !important;
}
.card-plan{
	padding:19px 24px 13px;
}
.td-rosen{
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.td-rosen span{
	text-align: left;
}
.td-price{
	display: block;
	width: 100%;
	text-align: left;
}
.td-price .num{
	font-size: 32px;
	line-height: 60px;
}
.td-price .num.min.only:after{
	content: "円～";
	font-size: 18px;
	margin-left: 10px;
}
}



/* Recommend */
#recommend{
	padding-bottom: 110px;
}
#recommend .container-940{
	width: 100%;
	max-width: 940px;
	margin:0 auto 90px auto;
}
#recommend .container-spot .container-940{
	width: 100%;
	max-width: 940px;
	margin:0 auto 20px auto;
}
.row-recommend{
	display: flex;
}
.col-recommend-txt{
	width: calc(100% - 342px);
}
.col-recommend-img{
	width: 100%;
	max-width: 342px;
}
.title-content-recommend{
	color: #00A6C4;
	line-height: 51px;
	font-size: 34px;
	font-weight: 500;
	margin-bottom: 36px;
}
.title-content-recommend span{
	color: #288132;
	display: block;
	margin-bottom: 10px;
}
.title-content-recommend span small{
	display: block;
	font-size: 24px;
	margin-bottom: 11px;
}
.wrap-recommend-txt{
	padding-right: 16px;
	margin-bottom: 30px;
}
.wrap-recommend-txt img + p{
	line-height: 30px;
}
.title-slide-name{
	font-size:24px;
}
.title-slide-name span{
	font-size:48px;
	margin-right: 20px;
}
.dl-spot{
	margin:20px auto 0;
	text-align: center;
	padding: 0 6px;
}
.dl-spot dt{
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}
.dl-spot dd{
	font-size: 21px;
	font-weight: 400;
	line-height: 30px;
}
.bnr-time{
	width: 100%;
	max-width: 550px;
	margin-bottom: 36px;
}
#hotel .dl-spot{
	color: #fff;
}
.wrap-spot + .wrap-spot{
	margin-top: 110px;
}
.ul-slider-space li{
	padding: 0 12px;
}
.ul-slider-space li img{
	border-radius: 4px;
	height: auto;
}
.ul-slider-space li a{
	display: block;
	text-decoration: none;
}
.ul-slider-space li a:hover{
	opacity: 0.5;
}
.ul-slider-space + p{
	text-align: center;
	margin-top: 30px;
	font-size: 14px;
	color: #666;
}
#hotel .ul-slider-space + p{
	color: #fff;
	font-size:14px;
}
@media(min-width:1200px) {
.ul-slider-space li{
	padding: 0 36px;
}
}
@media(max-width:1052px) {
.row-recommend{
	padding-left: 36px;
	padding-right: 36px;
}
}
@media(max-width:768px) {
#recommend{
	padding-bottom: 0px;
}
.title-content-recommend{
	font-size: 26px;
	line-height: 40px;
	margin-bottom: 37px;
}
.title-content-recommend span{
	margin-bottom: 14px;
}
.row-recommend{
	padding-left: 0;
	padding-right: 0;
}
.col-recommend-txt{
	width: calc(100% - 262px);
}
.col-recommend-img{
	width: 100%;
	max-width: 262px;
}
.wrap-recommend-txt{
	padding-right: 46px;
}
.container-spot{
	background: #F8FAFC;
	padding: 48px 0 90px;
}
#recommend .container-spot .container-940{
	padding: 0 24px;
}
.title-slide-name{
	font-size:15px;
}
.title-slide-name span{
	font-size:36px;
	margin-right: 0px;
	display: block;
}
.wrap-spot + .wrap-spot{
	margin-top: 70px;
}
.ul-slider-space li{
	padding: 0 10px;
}
.dl-spot dd{
	font-weight: 700;
}
.ul-slider-space + p{
	text-align: center;
	margin-top: 30px;
	font-size: 12px;
	color: rgba(0,0,0,0.3);
}
#hotel .ul-slider-space + p{
	font-size: 12px;
	color: rgba(255,255,255,0.7);
}
}
@media(max-width:576px) {
.row-recommend{
	display: block;
	padding-left: 0;
	padding-right: 0;
}
.col-recommend-txt{
	width: 100%;
}
.col-recommend-img{
	width: 100%;
	max-width: 100%;
}
.wrap-recommend-txt{
	padding-right: 0;
}
.bnr-time{
	margin-top: 48px;
	margin-bottom: 36px;
}
}
@media(max-width:320px) {
.title-content-recommend{
	font-size: 24px;
}
.title-content-recommend br{
	display: none !important;
}
.title-content-recommend span small{
	font-size: 20px;
}
.wrap-recommend-txt{
	padding-right: 18px;
	padding-left: 18px;
}
.title-slide-name span{
	font-size:30px;
}
}




/* Hotel */
#hotel{
	background-size: cover;
	padding: 70px 0 120px;
}
.name-hotel{
	font-size:24px;
	text-align: center;
	color: #fff;
	margin-top: 23px;
}
@media(max-width:768px) {
#hotel{
	padding: 60px 0 90px;
}
}



/* FAQ */
#faq{
	background: #F8FAFC;
	padding: 110px 0;
}
#faq-accordion{
	margin-bottom: 110px;
}
#faq-accordion .card{
	box-shadow: none;
}
#faq-accordion .card:hover{
	box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 10%);
}
#faq-accordion .card h3{
	padding: 0;
}
#faq-accordion .num-label{
	background: none;
	font-size: 48px;
	width: auto;
	padding: 0;
	color: #000000;
	position: absolute;
	top: 50%;
	left: 60px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-right: 20px;
}
#faq-accordion .card-header{
	border-bottom: none;
}
#faq-accordion .card-header button{
	padding: 40px 60px;
	position: relative;
	width: 100%;
	text-align: left;
	cursor: pointer;
	background: #fff;
}
#faq-accordion .card-header .faq-ttl{
	display: block;
	margin-left: 0;
	padding-left: 120px;
	font-size: 21px;
	line-height: 30px;
	font-weight: 400;
}
#faq-accordion .card-header button:before{
	content: "";
	display: block !important;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 40px;
	z-index: 1;
}
#faq-accordion .card-header button.collapsed:before{
	background: #D8DBDF;
}
#faq-accordion .card-header button.collapsed:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\f077";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
#faq-accordion .card-header button.collapsed:after {
	content: "\f078";
	color: #000;
}
#faq-accordion .card-header button:after{
	z-index: 2;
	right: 58px;
	color: #fff;
}
#faq-accordion .card-header button:after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\f077";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
#faq-accordion .card-body p{
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	margin-left: 0;
}
#faq-accordion .card-body{
	padding: 40px 40px 40px 60px;
}
#faq-accordion .card-body p + p{
	margin-top: 20px;
}
#faq-accordion .card-body ul{
	padding: 24px 0;
}
#faq-accordion .card-body ul li{
	font-weight: 400;
	padding-left: 24px;
	position: relative;
	font-size: 18px;
}
#faq-accordion .card-body ul li:before{
	content: "■";
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 80%;
	color: #D8DBDF;
}
#faq-accordion .card-body ul li + li{
	margin-top: 6px;
}
@media(max-width:768px) {
#faq{
	padding: 70px 0 0;
}
#faq-accordion .card-header button{
	padding: 16px 12px;
}
#faq-accordion .num-label{
	font-size: 36px;
	margin-right: 30px;
	left: 12px;
}
#faq-accordion .card-header .faq-ttl{
	font-size: 15px;
	padding-left: 70px;
	padding-right: 42px;
	line-height: 25px;
}
#faq-accordion .card-body{
	padding: 24px 24px 25px 24px;
}
#faq-accordion .card-body p{
	font-size: 15px;
	line-height: 25px;
}
#faq-accordion .card-body ul li{
	font-size: 15px;
}
#faq-accordion .card-header button:before{
	width: 24px;
	height: 24px;
	right: 12px;
}
#faq-accordion .card-header button:after{
	right: 18px;
}
}






/* スライドショー関連の設定 */
.prev-arrow {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: block !important;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	color: #fff;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 2;
	cursor: pointer;
	transition: 0.2s ease-in-out;
	left: 2%;
}
.prev-arrow:before{
	position: absolute;
	left:50%;
	transform: translate(-50%, -50%);
	top: 50%;
	font-size: 26px;
}
.ul-slider-space .prev-arrow {
  top: 30%;
  left: 10%;
  bottom:auto;
}
.next-arrow {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: block !important;
	width: 50px;
	height: 50px !important;
	border-radius: 100px;
	color: #fff;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 2;
	right: 2%;
	cursor: pointer;
	transition: 0.2s ease-in-out;
}
.next-arrow:before{
	position: absolute;
	left:50%;
  transform: translate(-50%, -50%);
  top: 50%;
  font-size: 26px;
}
.ul-slider-space .next-arrow{
  top: 30%;
  right: 10%;
  bottom:auto;
}
@media(max-width:768px) {
.ul-slider-space .prev-arrow {
    display: none !important;
}
.ul-slider-space .next-arrow{
    display: none !important;
}
}

#video{
	padding: 0 0 120px;
}
.div-videoname{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	margin-top: 16px;
}
.wrap-youtubech{
	text-align: center;
}
.btn-youtubech{
	border-radius: 4px;
	border:none;
	text-align: center;
	padding: 1px;
	width: 100%;
	max-width: 238px;
	margin:0 auto;
	display: block;
}
.btn-youtubech:hover{
	text-decoration: none;
}
.btn-youtubech span{
	display: block;
	background: #fff;
	text-align: center;
	color: #0EA9CB;
	font-size: 15px;
	border-radius: 3px;
	padding: 7px;
}
.btn-youtubech:hover span{
	background: none;
	color: #fff;
}
@media(max-width:768px) {
#video{
	padding: 0 0 96px;
}
.div-videoname{
	font-size: 18px;
}
}
.vegas-timer{
	height: 6px;
	background: #D4D7DA;
}