@charset "UTF-8";
/*!
 *  paradise2025
 */
 
@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Noto+Sans+JP:wght@100;400;700&display=swap');

body {
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 12pt;
	background-color: #f8d0c7;
}

a:link {
    color: #666;
}
a:visited {
    color: #666;
}
a:hover {
    color: #fab42d;
}
a:active {
    color: #fab42d;
}

.btn {
	border-radius: 0.3rem;
	line-height: 1.2;
	padding: 0.5rem 1rem;
}
.btn-op {
	color: #fff !important;
	background-color: #e86345;
	border-color: #e86345;
}
.btn-op:hover {
	color: #e86345 !important;
	background-color: #fff;
	border-color: #e86345;
	transition: 0.5s;
}
.btn-op2 {
	color: #fff !important;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn-op2:hover {
	color: #dc3545 !important;
	background-color: #fff;
	border-color: #dc3545;
	transition: 0.5s;
}
.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: none !important;
}
.text-center {
	color: #404040;
	text-align: center;
	padding: 0.5rem 0;
}

@media (min-width: 991.98px){
	.spbr{
	display: none;
	}
}
@media (max-width: 767.98px){
	.pcbr{
	display: none;
	}
}
@media (max-width: 375px) {
	p {
	font-size: 0.875rem;
	}
}

main h1 {
	margin: 2.0rem 0 3.5rem 0;
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	color: #404040;
}
@media (max-width: 575.98px) {
	main h1 {
	margin: 1.5rem 0 3.0rem 0;
	font-size: 1.5rem;
	}
}

main h2 {
	margin: 0 0 2.5rem 0;
	text-align: center;
	font-size: 1.75rem;
	font-weight: bold;
	color: #404040;
}
@media (max-width: 575.98px) {
	main h2 {
	font-size: 1.5rem;
	}
}
main h3 {
	margin: 1.875rem 0 0.625rem 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #404040;
}
main h4 {
	margin: 1.25rem 0 0.315rem 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.25rem;
	color: #404040;
}
main h5 {
	margin: 1.0rem 0 0.315rem 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.0rem;
	color: #404040;
}

@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}


/**
 *  メインビジュアル
 */
#slideMain {
	position: relative;
}
#mainvisualtop{
	padding: 0;
	max-width: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}

#main-logo {
    position: absolute;
    z-index: 10;
	top: 10%;
	left: 8%;
    box-shadow: 0px 0px 15px white;
}
/*@media (min-width: 576px) {
#main-logo {
    position: absolute;
    z-index: 10;
	top: 10%;
	left: 8%;
    box-shadow: 0px 0px 15px white;
}
}*/
@media (max-width: 1399.98px) {
    #main-logo img { 
		width: 350px; 
	}
}
@media (max-width: 1199.98px) {
    #main-logo img {
		width: 300px; 
	}
}
@media (max-width: 991.98px) {
    #main-logo img {
		width: 250px; 
	}
}
@media (max-width: 767.98px) {
    #main-logo img {
		width: 200px; 
	}
}
@media (max-width: 575.98px) {
    #main-logo img { 
		width: 200px; 
	}
    #main-logo { 
		left: 15px; 
	}
}

main section {
	margin: 0;
	padding: 80px 0;
}
section#lead {
	margin-top: -120px;
	background-color: #f8d0c7;
	background-image: url(../img/bgov-1.png);
	background-size: cover;
}
	section#lead p{
		font-size: 1.125rem;
		line-height: 1.75;
	}
@media (max-width: 991.98px) {
	section#lead p{
		font-size: 1.075rem;
		line-height: 1.5;
	}
}
	section#lead a.top-navi {
		display: block;
		border: solid 3px #e86345;
		background: #fff;
		color: #e86345;
		text-align: center;
		padding: 1.75rem 0.25rem;
		border-radius: 10px;
		box-shadow: 0px 0px 8px #fff;
		position: relative;
	}
	section#lead a.top-navi em {
		font-style: normal;
		font-weight: bold;
		font-size: 150%;
	}
	section#lead .top-navi:hover {
		background: #e86345;
		color: #fff;
		transition: 0.5s;
	}
@media (max-width: 991.98px) {
	section#lead a.top-navi {
		padding: 1.75rem 0.25rem;
	}
	section#lead a.top-navi em {
		font-style: normal;
		font-weight: bold;
		font-size: 120%;
	}
}
@media (max-width: 575.98px) {
	section#lead a.top-navi em {
		font-style: normal;
		font-weight: bold;
		font-size: 100%;
	}
}

section#movie{
	background-color: #FFFFFF;
}
	section#movie .movie {
		max-width: 100%;
	}
	section#movie .movie_inner {
		position: relative;
		width:100%;
		height:0;
		padding-top: 56.25%; 
	}
	section#movie .movie_inner iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

section#play {
	background-color: #FDE9C3;
	color: #404040;
}

section#scene {
	background-color: #f8d0c7;
	color: #404040;
}

section#plan {
	background-color: #FDE9C3;
	background-image: url(../img/bgov-2.png);
	background-size: cover;
	color: #404040;
}
	section#plan h5{
		margin: 0 0 2.0rem;
		font-weight: bold;
    }
	section#plan .plan-text{
		color: #404040;
		text-align: left;
		padding: 0.75rem 0 0.5rem;
    }
	section#plan h4 {
		margin: 0;
		text-align: center;
		font-size: 1.125rem;
		font-weight: bold;
		padding: 0.8rem 0;
	}

div#lineup {
	padding: 80px 0 0;
	color: #404040;
}
div#lineup p.lineuptext{
	margin: 1.0rem 0 2.0rem;
	font-weight: normal;
}
div#option {
	padding: 80px 0 0;
	color: #404040;
}

section#experience{
	background-color: #f8d0c7;
	color: #404040;
}

section#case {
	background-color: #FDE9C3;
	background-image: url(../img/bgov-3.png);
	background-size: cover;
	color: #404040;
}
section#faq {
	background-color: #f8d0c7;
	color: #404040;
}

/* lineup 旧css利用 */
.lineup_section {
	padding: 2.5rem 0;
	position: relative;
}
	.lineup_section .lineup_container .lead {
		margin-bottom: 2.0rem;
		font-size: 1.0rem;
		font-weight: bold;
		text-align: center;
	}
	@media (min-width: 768px) {
	.lineup_section .lineup_container .lead {
		font-size: 1.125rem;
		}
	}
	@media (min-width: 992px) {
	.lineup_section .lineup_container .lead {
		font-size: 1.25rem;
		}
	}
	@media (min-width: 1200px) {
	.lineup_section .lineup_container .lead {
		font-size: 1.375rem; 
		}
	}
    .lineup_section .lineup_container .lead br {
		display: none;
	}
	@media (min-width: 768px) {
	.lineup_section .lineup_container .lead br {
		display: block;
		}
	}
	.lineup_section .tab-content {
		margin-bottom: 2.0rem;
	}
	.lineup_section .tab-pane .title {
		margin-bottom: 1.0rem;
		text-align: center;
	}
	@media (min-width: 992px) {
	.lineup_section .tab-pane .title {
		font-size: 1.125rem;
		}
	}
	.lineup_section .tab-pane .title span {
		font-size: 1.125rem;
		font-weight: bold; 
	}
		@media (min-width: 992px) {
		.lineup_section .tab-pane .title span {
			font-size: 1.5rem;
			}
		}
	.lineup_section .tab-pane .title.popular span {
		color: #dc3545;
	}
	.lineup_section .tab-pane .title.spring span {
		color: #e86345;
	}
	.lineup_section .tab-pane .title.summer span {
		color: #6bd149;
	}
	.lineup_section .tab-pane .title.autumn span {
		color: #e69100;
	}
	.lineup_section .tab-pane .title.winter span {
		color: #4eaeff;
	}
	.lineup_section .row_box {
		margin-bottom: 1.0rem;
	}
	.lineup_section .row_box:last-child {
		margin: 0;
	}
		@media (min-width: 768px) {
		.lineup_section .row_box {
			margin: 0;
			}
		}
	.lineup_section .img img {
		margin-bottom: 0.25rem;
	}
	.lineup_section .img p {
		text-align: center;
	}
	.lineup_section .nav {
		justify-content: center;
		max-width: 45.0rem;
		margin: 0 auto;
	}
	.lineup_section .nav-item {
		width: 33.3%;
		margin-bottom: 0.5rem;
		text-align: center;
	}
	.lineup_section .nav-item:nth-child(4), .lineup_section .nav-item:last-child {
		margin: 0;
	}
		@media (min-width: 768px) {
		.lineup_section .nav-item {
			width: 20%;
			margin: 0;
			}
	}
	.lineup_section .nav-item button {
		width: 100%;
		padding: 0.25rem;
		font-size: 1.0rem;
	color: #404040;
	}
	.lineup_section .nav-item button.title.popular {
		font-weight: bold;
		color: #dc3545;
	}
	.lineup_section .nav-item button.title.spring {
		font-weight: bold;
		color: #e86345;
	}
	.lineup_section .nav-item button.title.summer {
		font-weight: bold;
		color: #6bd149;
	}
	.lineup_section .nav-item button.title.autumn {
		font-weight: bold;
		color: #e69100;
	}
	.lineup_section .nav-item button.title.winter {
		font-weight: bold;
		color: #4eaeff;
	}
	.lineup_section .nav-item button.active {
		background: none;
		font-weight: bold;
		color: #dc3545;
		text-decoration: underline; 
	}

/* experience 旧css利用 */
.experience_section {
  background: #f8d0c7;
  position: relative; 
}
  .experience_section .row {
    margin-bottom: 1.0rem; 
}
  .experience_section .row_box {
    margin-bottom: 3.0rem; 
}
    .experience_section .row_box:last-child {
      margin: 0; 
}
    @media (min-width: 992px) {
      .experience_section .row_box {
        margin: 0; 
		} 
}
  .experience_section .experience_inner {
    padding-bottom: 7.0rem;
    position: relative; 
}
    .experience_section .experience_inner .img {
      padding: 0.5rem;
      background: #ffffff; 
}
    .experience_section .experience_inner .article {
      width: 90%;
      padding: 1.0rem;
      background: rgba(232, 99, 69, 0.75);
      border-radius: 0.5rem;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%); 
}
      .experience_section .experience_inner .article .title {
        margin-bottom: 1.0rem;
        font-weight: bold;
        text-align: center;
        color: #ffffff; 
}
      .experience_section .experience_inner .article .detail {
        font-size: 0.875rem;
        color: #ffffff; 
}
  .experience_section .footnote p {
    font-size: 0.875rem; 
}
    @media (min-width: 992px) {
      .experience_section .footnote p {
        font-size: 0.875rem;
        text-align: center; 
		} 
}


/* card */
.card {
	border-color: rgba(0,0,0,0.1);
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.card-body {
	padding: 1rem 1.5rem;
}
@media (max-width: 575.98px) {
.card-body {
	padding: 1rem;
}
}
.card-title {
	color: #404040;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0.8rem 0;
	margin: 0 0 0.8rem 0;
	border-bottom: dashed 2px #e86345;
}
.card-title-only {
	color: #404040;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0.8rem 0;
	margin: 0 0 0.8rem 0;
}
.card-title-top {
	color: #404040;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	padding: 1rem 0;
	margin: 0;
}
.card-text {
	color: #404040;
}

.card-lineup {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
}
.card-body-lineup {
	padding: 0rem 1.5rem 2.5rem;
}
.card-title-lineup {
	color: #404040;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0.8rem 0;
	margin: 0 0 0.8rem 0;
}
.card-title-only-lineup {
	color: #fff;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0.8rem 0;
	margin: 0 0 0.8rem 0;
}
.card-title-top-lineup {
	color: #404040;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 1rem 0;
	margin: 0;
}
.card-text-lineup {
	color: #404040;
}

.card-title-scene {
	color: #404040;
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	padding: 0 0 0.8rem 0;
	margin: 0 0 0.8rem 0;
	border-bottom: dashed 2px #e86345;
}
.card-text-scene{
	color: #404040;
	padding: 0.5rem 0 0;
	font-size: 0.875rem;
}
.card-option {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	border-color: none;
	box-shadow: none;
}
.card-body-option {
	padding: 1.0rem 0;
}
.card-title-only-option {
	color: #404040;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0.8rem 0;
}

/* bi */
.bi:before {
	font-weight: 400 !important; 
}
section#scene .bi-check-circle-fill {
	font-size: 1.5rem;
	color: #dc3545;
	display: inline-flex;
	vertical-align: middle;
	margin: 0 0.25rem 0.25rem 0; 
}

/* r-panel */
.r-panel {
	padding: 40px 25px 40px 25px;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	border-radius: 10px;
}
@media (max-width: 575.98px) {
.r-panel {
	padding: 25px 15px 25px 15px;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	border-radius: 10px;
}
}
.bc-w {
	background-color: #fff;
}
.bc-w50 {
	background-color: rgba(255,255,255,0.5);
}

.faq-q {
	background-image: url('../img/faq-q.png');
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: left center;
	padding: 0 0 0 55px;
	font-weight: bold;
	font-size: 100%;
	min-height: 50px;
}
.faq-a {
	background-image: url('../img/faq-a.png');
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: left top;
	padding: 0 0 0 55px;
	font-weight: normal;
	font-size: 80%;
	min-height: 50px;
}


/* プランアイコン */
.plan-icon {
	background: #f0f0f0;
	padding: 15px;
	margin-bottom: 10px;
}


/* ご利用の流れ */
.flow .card {
	position: relative;
}
	.flow .card > img {
		border: solid 12px #fff;
	}
.flow .step {
	position: absolute;
	top: 5px;
	left: 20px;
	background: #dc3545;
	color: #fff;
	text-align: center;
	width: 100px;
	height: 100px;
	font-family: 'Aclonica', sans-serif;
	font-size: 1.0rem;
	line-height: 1;
	border-radius: 50%;
	border: solid 8px #fff;
	padding: 20px 0 0 0;
}
.flow .step strong {
	font-size: 2.0rem;
	line-height: 1;
}
.flow .card-text {
	font-weight: bold;
}
.flow .arrow {
	position: absolute;
	right: -22px;
	top: 40%;
	width: 10%;
}
.flow .arrow img {
	filter: drop-shadow(0 3px 3px #fff);
}
	@media (max-width: 991.98px) {
	.flow .step {
		position: absolute;
		top: 5px;
		left: 20px;
		background: #dc3545;
		color: #fff;
		text-align: center;
		width: 75px;
		height: 75px;
		font-family: 'Aclonica', sans-serif;
		font-size: 1.0rem;
		line-height: 1;
		border-radius: 50%;
		border: solid 8px #fff;
		padding: 15px 0 0 0;
	}
	.flow .step strong {
		font-size: 1.25rem;
		line-height: 1;
	}
	.flow .card-text {
		font-weight: bold;
	}
	.flow .arrow {
		position: absolute;
		right: -22px;
		top: 40%;
		width: 10%;
	}
	.flow .arrow img {
		filter: drop-shadow(0 3px 3px #fff);
	}
	}


/* 共通部分オーバーライド */
.contact_section {
	background: #e86345 !important;
}
.h2_title{
	margin-bottom: 0rem !important;
}
.h2_title h2.color2 {
	background: #ffffff;
	color: #e86345;
}
.contact_section .contact_container .contact_inner .tel i {
	color: #e86345;
}
.h2_title h2.company{
	margin-bottom: 2.0rem !important;
	background: #e86345;
	color: #fff;
}
.pagetop_section a {
	background: #404040;
	border: 0.0625rem solid #404040;
	color: #fff;
}


/**
 *  レスポンシブ調整用
 */
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
section#lead a.top-navi {
	padding: 1.75rem 0.25rem;
	}
.contact_section .h2_title h2 {
	font-size: 1.125rem; 
	} 
.company_section .h2_title h2 {
	font-size: 1.125rem; 
	} 
}

@media (max-width: 575.98px) {
.contact_section .h2_title h2 {
	font-size: 1.25rem;
	border-radius: 2.5rem;
}
.company_section .h2_title h2 {
	font-size: 1.25rem;
	border-radius: 2.5rem;
	} 
}