#main {
background: linear-gradient(0deg, #ffffff, #e5d8cf);
background: -moz-linear-gradient(0deg, #ffffff, #e5d8cf);
background: -webkit-linear-gradient(0deg, #ffffff, #e5d8cf);
}
.midh2 {
font-size: 50px;
text-align: center;
color: #a1716e;
font-weight: normal;
line-height: 50px;
margin-bottom: 7rem;
}
.midh2 em {
font-style: normal;
opacity: 0;
}
.midh2.on em:nth-of-type(1) {
animation: midh2 0.7s ease-out 0s 1 normal forwards;
}
.midh2.on em:nth-of-type(2) {
animation: midh2 0.7s ease-out 0.1s 1 normal forwards;
}
.midh2.on em:nth-of-type(3) {
animation: midh2 0.7s ease-out 0.2s 1 normal forwards;
}
.midh2.on em:nth-of-type(4) {
animation: midh2 0.7s ease-out 0.3s 1 normal forwards;
}
.midh2.on em:nth-of-type(5) {
animation: midh2 0.7s ease-out 0.4s 1 normal forwards;
}
.midh2.on em:nth-of-type(6) {
animation: midh2 0.7s ease-out 0.5s 1 normal forwards;
}
.midh2.on em:nth-of-type(7) {
animation: midh2 0.7s ease-out 0.6s 1 normal forwards;
}
.midh2.on em:nth-of-type(8) {
animation: midh2 0.7s ease-out 0.7s 1 normal forwards;
}
.midh2.on em:nth-of-type(9) {
animation: midh2 0.7s ease-out 0.8s 1 normal forwards;
}
.midh2.on em:nth-of-type(10) {
animation: midh2 0.7s ease-out 0.9s 1 normal forwards;
}
.midh2.on em:nth-of-type(11) {
animation: midh2 0.7s ease-out 1s 1 normal forwards;
}
.midh2.on em:nth-of-type(12) {
animation: midh2 0.7s ease-out 1.1s 1 normal forwards;
}
.midh2.on em:nth-of-type(13) {
animation: midh2 0.7s ease-out 1.2s 1 normal forwards;
}
.midh2.on em:nth-of-type(14) {
animation: midh2 0.7s ease-out 1.3s 1 normal forwards;
}
.midh2.on em:nth-of-type(15) {
animation: midh2 0.7s ease-out 1.4s 1 normal forwards;
}
.midh2.on em:nth-of-type(16) {
animation: midh2 0.7s ease-out 1.5s 1 normal forwards;
}
.midh2.on em:nth-of-type(17) {
animation: midh2 0.7s ease-out 1.6s 1 normal forwards;
}
.midh2.on em:nth-of-type(18) {
animation: midh2 0.7s ease-out 1.7s 1 normal forwards;
}
@keyframes midh2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.midh2 span {
font-size: 22px;
font-family: 'Cinzel', serif;
color: #989898;
font-weight: 400;
display: block;
line-height: 22px;
padding-top: 20px;
}
.rellax {
position: absolute;
z-index: -1;
}
.rellax01 {
left: 0;
top: 15%;
z-index: 1;
}
.rellax03 {
bottom: 3%;
}
.br1024 {
display:none;
}
/*----------------------fv-------------*/
/*作業中*/
/*#loading{
display:none!important;
}
*/
/*作業中nd*/
#loading.on {
}
#loading {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
height: 100vh;
width: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #fff;
animation: loading01 2s ease-out 3s 1 normal forwards;
}
@keyframes loading01 {
0% {
opacity: 1;
}
100% {
opacity: 0;
pointer-events: none;
z-index:-99;
}
}
#loading .logo {
position: absolute;
z-index: 16;
top: 0;
right: 0;
width: 280px;
bottom: 0;
margin: auto;
height: 265px;
left: 0;
opacity: 0;
animation: loadlogo01 3.5s ease-out 0s 1 normal forwards;
}
@keyframes loadlogo01 {
0% {
opacity: 0;
}
60% {
opacity: 1;
}
75% {
opacity: 1;
}
100% {
opacity: 0;
}
}
#loading .sec01box {
width: 1400px;
max-width: 95%;
margin: 0 auto;
position: relative;
height: 100vh;
}
#loading .sec01box .text00 {
position: absolute;
z-index: 5;
top: 0;
bottom: 0;
margin: auto;
height: 88px;
}
#loading .loading_back {
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
background: linear-gradient(-45deg, #c7efeb, #fff);
background: -moz-linear-gradient(-45deg, #c7efeb, #fff);
background: -webkit-linear-gradient(-45deg, #c7efeb, #fff);
opacity: 0.8;
z-index: 1;
position: absolute;
}
#loading #topmovie {
min-height: 100%;
min-height: 50vh;
min-width: 100%;
min-width: 50vw;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
opacity: 0;
animation: loading02 1.5s ease-out 0s 1 normal forwards;
}
@keyframes loading02 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#section01 {
width: 100%;
height: 100vh;
margin: 0 auto;
overflow: hidden;
}
#section01 .sec01box {
width: 1400px;
max-width: 95%;
margin: 0 auto;
position: relative;
height: 100vh;
}
#section01 .sec01box .text00 {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
margin: auto;
height: 88px;
width: 100%;
}
#section01 .sec01box .text00 h1 {
font-size: 88px;
display: inline-block;
letter-spacing: 3px;
line-height: 88px;
color: #e22370;
background: -webkit-linear-gradient(0deg, #bd0c6d 14%, #ee649b 26%, #e22370 52%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background: -linear-gradient(0deg, #bd0c6d 14%, #ee649b 26%, #e22370 52%);
-text-fill-color: transparent;
/*background: -moz-linear-gradient(0deg,#bd0c6d 14%, #ee649b 26%,#e22370 52%);
-moz-background-clip: text;
-moz-text-fill-color: transparent;*/
animation: text01 2s ease-out 5s 1 normal forwards;
opacity: 0;
}
#section01 .sec01box .text00 h1 em {
font-size: 80%;
font-style: normal;
}
#section01 .sec01box .text00 h1:nth-of-type(2) {
animation: text01 3s ease-out 8.5s 1 normal forwards;
margin-left: 1.5%;
}
@keyframes text01 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#section01 .vegas-timer {
top: 250px;
bottom: 0;
height: 2px;
margin: auto;
width: 500px;
right: 900px;
left: 0;
background-color: #fff;
}
#section01 .vegas-timer-progress {
background: #fa81c8;
}
#section01 .fixedbox {
position: fixed;
z-index: 1;
bottom: 2%;
right: 2%;
}
#section01 .fixedbox ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
#section01 .fixedbox ul li {
width: auto;
margin: 0 0%;
padding: 0 0.5rem;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
}
#section01 .fixedbox ul li:hover {
transform:scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
}
.vegas-slide-inner {
/*background-position: center right 30%!important;*/
}
/*----------------------about-------------*/
#about {
padding: 5rem 0;
margin: 5rem 0;
}
#about .inbox00 {
}
#about .inbox00.inbox01 {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
padding: 7rem 0 10rem;
position: relative;
z-index: 0;
color: #fff;
}
#about .inbox_bg {
position: absolute;
z-index: 0;
width: 80%;
height: 100%;
background: linear-gradient(0deg, #d1aaaa, #d1bbab);
background: -moz-linear-gradient(0deg, #d1aaaa, #d1bbab);
background: -webkit-linear-gradient(0deg, #d1aaaa, #d1bbab);
filter: drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.2));
top: 0;
right: 0;
}
#about .inbox_bg::after {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-image: url('./library/images/back_texture.jpg');
mix-blend-mode: multiply;
opacity: 25%;
}
#about .inbox00.inbox01 .photobox {
width: 28%;
transform: translatey(7rem);
-webkit-transform: translatey(7rem);
-moz-transform: translatey(7rem);
-ms-transform: translatey(7rem);
filter: grayscale(1)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0.2));
transition: all ease 0.9s;
-webkit-transition: all ease 0.9s;
-moz-transition: all ease 0.9s;
}
#about .inbox00.inbox01 .photobox.on {
filter: grayscale(0)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0.2));
}
#about .inbox00.inbox01 dl {
width: 1000px;
max-width: 72%;
margin: 0 auto 0 30%;
position: relative;
z-index: 1;
}
#about .inbox00.inbox01 dl h2 {
width: 100%;
font-size: 90px;
line-height: 116px;
opacity: 0;
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
}
#about .inbox00.inbox01.on dl h2 {
opacity: 1;
}
#about .inbox00.inbox01 dl h2 span {
font-size: 70px;
opacity: 0;
transition: all ease 0.8s 0.5s;
-webkit-transition: all ease 0.8s 0.5s;
-moz-transition: all ease 0.8s 0.5s;
}
#about .inbox00.inbox01.on dl h2 span {
opacity: 1;
}
#about .inbox00.inbox01 dl dt {
font-size: 60px;
float: left;
width: 450px;
padding-left: 5%;
line-height: 100px;
transition: all ease 1s 1.5s;
-webkit-transition: all ease 1s 1.5s;
-moz-transition: all ease 1s 1.5s;
opacity: 0;
}
#about .inbox00.inbox01.on dl dt {
opacity: 1;
}
#about .inbox00.inbox01 dl dt span {
font-size: 70px;
}
#about .inbox00.inbox01 dl dt span:last-of-type {
padding-left: 1em;
}
#about .inbox00.inbox01 dl dd {
width: calc(100% - 450px);
padding:0 1%;
float: right;
transform: translatey(5rem);
-webkit-transform: translatey(5rem);
-moz-transform: translatey(5rem);
-ms-transform: translatey(5rem);
}
#about .inbox00.inbox01 dl dd p {
font-size: 18px;
line-height: 38px;
}
#about .inbox00.inbox01 dl dd p:not(:last-of-type) {
margin-bottom: 20px;
}
#about .inbox00.inbox02 {
padding: 10rem 0 0;
width: 1400px;
max-width: 95%;
margin: 0 auto;
}
#about .inbox00.inbox02 ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
#about .inbox00.inbox02 ul li {
}
#about .inbox00.inbox02 ul li:nth-of-type(1) {
width: calc(100% - 383px);
max-width: 72%;
padding-right: 10%;
opacity: 0;
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
}
#about .inbox00.inbox02.on ul li:nth-of-type(1) {
opacity: 1;
}
#about .inbox00.inbox02 ul li:nth-of-type(2) {
width: 383px;
max-width: 28%;
margin: auto 0 0 0;
}
#about .inbox00.inbox02 ul li h2 {
font-size: 50px;
letter-spacing: 3px;
color: #e22370;
margin-bottom: 3rem;
opacity: 0;
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
width:870px;
}
#about .inbox00.inbox02.on ul li h2 {
opacity: 1;
}
#about .inbox00.inbox02 ul li h2 span {
font-size: 65px;
}
#about .inbox00.inbox02 ul li p {
font-size: 18px;
line-height: 38px;
letter-spacing: 2px;
}
#about .inbox00.inbox02 ul li p:not(:last-of-type) {
margin-bottom: 20px;
}
#about .inbox00.inbox02 ul li img {
}
/*----------------------reason-------------*/
#reason {
padding: 10rem 0 0;
position: relative;
z-index: 0;
overflow:hidden;
}
#reason::before {
content: "";
position: absolute;
z-index: -1;
width: 87%;
height: 100%;
background-color: #fff;
top: 0;
right: 0;
}
#reason .midh2 {
}
#reason .midh2 span {
}
#reason .inbox00 {
position: relative;
z-index: 0;
}
#reason .inbox01, #reason .inbox02 {
width: 1200px;
max-width: 95%;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
#reason .inbox01 {
margin-bottom: 10rem;
}
#reason .inbox03 {
padding-top: 10rem;
}
#reason .inbox03 h1, #reason .inbox01 h1, #reason .inbox02 h1 {
position: absolute;
z-index: 1;
font-family: 'Cinzel', serif;
font-size: 350px;
font-weight: lighter;
background: linear-gradient(120deg, #c4b289, #dad29d 37%, #bca778 55%, #c4b289);
background: -moz-linear-gradient(120deg, #c4b289, #dad29d 37%, #bca778 55%, #c4b289);
background: -webkit-linear-gradient(120deg, #c4b289, #dad29d 37%, #bca778 55%, #c4b289);
color: #000;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
top: -40%;
line-height: 300px;
left: -15%;
}
#reason .inbox03 h1 span, #reason .inbox01 h1 span, #reason .inbox02 h1 span {
font-size: 300px;
}
#reason .inbox01 .photobox, #reason .inbox02 .photobox {
width: 50%;
filter: drop-shadow(0px 12px 7px rgba(0, 0, 0, 0.2));
margin:auto;
}
#reason .inbox03 .textbox, #reason .inbox01 .textbox, #reason .inbox02 .textbox {
width: 50%;
margin: auto;
padding-left: 5%;
}
#reason .inbox02 .textbox {
padding-right: 5%;
}
#reason .inbox03 .textbox {
width: 100%;
}
#reason .inbox03 .textbox h3, #reason .inbox01 .textbox h3, #reason .inbox02 .textbox h3 {
font-size: 30px;
color: #886a52;
font-weight: normal;
line-height: 45px;
letter-spacing: 2px;
position: relative;
z-index: 0;
margin-bottom: 20px;
padding-bottom: 20px;
}
/*
#reason .inbox03 .textbox h3::before, #reason .inbox01 .textbox h3::before, #reason .inbox02 .textbox h3::before {
content: "";
position: absolute;
z-index: 0;
width: 15px;
height: 1px;
background-color: #da0077;
bottom: 0;
left: 0;
}*/
#reason .inbox03 .textbox p, #reason .inbox01 .textbox p, #reason .inbox02 .textbox p {
font-size: 18px;
line-height: 38px;
}
#reason .inbox00 .textbox dl {
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
margin-top:2rem;
}
#reason .inbox00 .textbox dl dt {
width:120px;
margin: auto;
}
#reason .inbox00 .textbox dl dd {
width: calc(100% - 120px);
padding-left: 5%;
margin: auto;
font-weight: bold;
font-size: 14px;
}
#reason .inbox02 {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row-reverse;
flex-flow: row-reverse;
}
#reason .inbox02 h1 {
line-height: 300px;
left: unset;
right: -20%;
}
#reason .inbox03 {
width: 1400px;
max-width: 95%;
margin: 0 auto;
}
#reason .inbox03 h1 {
top: 300px;
left: -17%;
}
#reason .inbox03 .textbox {
width: 850px;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
#reason .inbox03 .textbox h3 {
}
/*
#reason .inbox03 .textbox h3::before {
content: "";
position: absolute;
z-index: 0;
width: 15px;
height: 1px;
background-color: #da0077;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
*/
#reason .inbox03 textbox p {
}
#reason .inbox03 .inner {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
filter: drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.2));
width: 800px;
max-width: 100%;
margin: 0 auto;
margin-top: 3rem;
}
#reason .inbox03 .inner .photo00 {
width: 15%;
height: 680px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
display: flex;
display: -webkit-flex;
position: relative;
z-index: 0;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
justify-content: flex-end;
align-items: end;
}
#reason .inbox03 .inner .photo00::before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
opacity: .5;
}
#reason .inbox03 .inner .photo00.active::before, #reason .inbox03 .inner .photo00.active::after {
display: none;
}
#reason .inbox03 .inner .photo00.active {
width: 70%;
pointer-events: none;
margin:0 auto;
}
#reason .inbox03 .inner .photo00 .text_inner {
width: 75%;
padding: 4%;
opacity: 0;
position: relative;
z-index: 0;
}
#reason .inbox03 .inner .photo00 .text_inner::before {
content: "";
position: absolute;
z-index: -1;
background-color: #fff;
width: 100%;
height: 100%;
top: 0;
left: 0;
filter: blur(25px);
opacity: 0.8;
}
#reason .inbox03 .inner .photo00.active .text_inner {
animation: reasontext01 0.5s ease-out 0.5s 1 normal forwards;
}
@keyframes reasontext01 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#reason .inbox03 .inner .photo00 .text_inner h4 {
font-size: 28px;
color: #000;
font-weight: normal;
margin-bottom: 30px;
}
#reason .inbox03 .inner .photo00 .text_inner h4 span {
font-size: 14px;
color: #8b715f;
line-height: 14px;
padding-right: 20px;
display: block;
}
#reason .inbox03 .inner .photo00 .text_inner p:not(:last-of-type) {
margin-bottom: 10px;
}
#reason .inbox03 .inner .photo00 .text_inner p {
line-height: 22px;
}
#reason .inbox03 .inner .photo00 .text_inner dl {
margin-top: 30px;
}
#reason .inbox03 .inner .photo00 .text_inner dl dt {
font-family: 'Cinzel', serif;
font-size: 14px;
color: #a89553;
border-bottom: 1px solid #a89553;
margin-bottom: 5px;
}
#reason .inbox03 .inner .photo00 .text_inner dl dd {
}
#reason .inbox03 .inner .photo01 {
background-image: url('./library/images/staff_image01.jpg');
background-position: left;
background-position-x: 55%;
}
#reason .inbox03 .inner .photo02 {
background-image: url('./library/images/staff_image03.jpg');
background-position-x: 58%;
}
#reason .inbox03 .inner .photo03 {
background-image: url('./library/images/staff_image02.jpg');
background-position-x: 45%;
}
/*----------------------image-------------*/
#image {
background: #fff;
padding: 10rem 0 10rem;
position: relative;
z-index: 0;
}
.scroll_arrow {
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
position:absolute;
width:100%;
height:70%;
bottom:0;
left:0;
z-index:50;
}
.scroll_arrow .left {
width:40%;
margin:0 auto 0 0;
}
.scroll_arrow .left {
position: relative;
cursor: none;
}
.scroll_arrow .left img {
position: fixed;
visibility: hidden;
opacity: 0;
}
.scroll_arrow .left.on_mouse img {
visibility: visible;
opacity: 1;
}
.scroll_arrow .right {
width:40%;
margin:0 0 0 auto;
}
.scroll_arrow .right {
position: relative;
cursor: none;
}
.scroll_arrow .right img {
position: fixed;
visibility: hidden;
opacity: 0;
}
.scroll_arrow .right.on_mouse img {
visibility: visible;
opacity: 1;
}
.image_bg {
position: absolute;
z-index: -1;
background: linear-gradient(#d1aaaa, #d1bbab);
background: -moz-linear-gradient(#d1aaaa, #d1bbab);
background: -webkit-linear-gradient(#d1aaaa, #d1bbab);
width: 100%;
height: 70%;
bottom: 0;
left: 0;
}
#image .flow {
padding-bottom: 0rem;
overflow: hidden;
width:1400px;
max-width: 95%;
margin:0 auto;
}
#image ul {
width: 759px;
margin:0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;/*
transform: translateX(8%);
-webkit-transform: translateX(8%);
-moz-transform: translateX(8%);
-ms-transform: translateX(8%);*/
-webkit-overflow-scrolling: touch;
position:relative;
}
#image ul.sp {
display:none;
}
#image ul li {
width: 361px;
margin: 0 20px;
color: #fff;
outline: none;
}/*
#image ul li:nth-of-type(3) {
width: 759px;
}*/
#image ul li.li03 {
width: 759px;
}
#image ul li .photobox {
filter: grayscale(1)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0.2));
transition: all ease 0.9s;
-webkit-transition: all ease 0.9s;
-moz-transition: all ease 0.9s;
}
#image ul li .photobox.on {
filter: grayscale(0)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0.2));
}
#image ul li .photobox img {
}
#image ul li h4 {
font-size: 30px;
font-weight: lighter;
line-height: 30px;
padding: 20px 0;
}
#image ul li h4 span {
font-family: 'Cinzel', serif;
font-size: 13px;
line-height: 13px;
color: #ae5786;
display: block;
font-weight: normal;
padding-bottom: 10px;
}
#image ul li p {
white-space: normal;
transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
opacity:1;
}
.swiper-slide .content {
}
.swiper-container.nav-slider .swiper-slide .content .title {
font-size: 23px;
font-weight: lighter;
line-height: 23px;
}
.swiper-container.nav-slider .swiper-slide .content .title span {
font-family: 'Cinzel', serif;
font-size: 13px;
line-height: 13px;
color: #ae5786;
display: block;
font-weight: normal;
padding-bottom: 10px;
}
.swiper-container.main-slider .swiper-slide .content .title {
font-size: 36px;
font-weight: lighter;
margin-bottom: 25px;
line-height: 36px;
text-shadow: 0px 0px 3px rgba(0,0,0,0.8);
}
.swiper-container.main-slider .swiper-slide .content .title span {
font-family: 'Cinzel', serif;
font-size: 19px;
line-height: 19px;
color: #ae5786;
display: block;
font-weight: normal;
padding-bottom: 10px;
text-shadow: 0px 0px 0px rgba(0,0,0,0.8);
}
.swiper-container.main-slider .swiper-slide .content span.caption {
text-shadow: 0px 0px 4px rgba(0,0,0,0.8);
}
[class^=swiper-button-] {
transition: all 0.3s ease;
}
.swiper-slide {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
*, *:before, *:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.swiper-container {
width: 80%;
height: 600px;
float: left;
transition: opacity 0.6s ease, transform 0.3s ease;
}
.swiper-container.nav-slider {
width: 20%;
padding-left: 5px;
}
.swiper-container.nav-slider .swiper-slide {
cursor: pointer;
opacity: 0.4;
transition: opacity 0.3s ease;
position:relative;
z-index:0;
}
.swiper-container.nav-slider .swiper-slide::before {
content:"";
position:absolute;
z-index:1;
width:100%;
height:100%;
top:0;
left:0;
opacity: 0.2;
background-color: #9c9c9c;
}
.swiper-container.nav-slider .swiper-slide.swiper-slide-active {
opacity: 1;
}
.swiper-container.nav-slider .swiper-slide .content {
width: 100%;
}
.swiper-container.nav-slider .swiper-slide .content .title {
font-size: 20px;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.swiper-container.loading {
opacity: 0;
visibility: hidden;
}
.swiper-slide {
overflow: hidden;
}
.swiper-slide .slide-bgimg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.swiper-slide .entity-img {
display: none;
}
.swiper-slide .content {
position: absolute;
top: 35%;
left: 0;
width: 50%;
padding-left: 5%;
color: #fff;
z-index: 2;
}
.swiper-slide .content .caption {
display: block;
transform: translateX(50px);
opacity: 0;
transition: opacity 0.3s ease, transform 0.7s ease;
background: rgb(0 0 0 / 50%);
padding: 3%;
}
.swiper-slide .content .caption.show {
transform: translateX(0);
opacity: 1;
}
[class^=swiper-button-] {
width: 44px;
opacity: 0;
visibility: hidden;
}
.swiper-button-prev {
transform: translateX(50px);
}
.swiper-button-next {
transform: translateX(-50px);
}
/*----------------------plan-------------*/
#plan {
padding: 10rem 0;
background-image: url('./library/images/plan_back.jpg');
background-size: cover;
background-position: bottom center;
}
#plan .midh2 {
}
#plan .midh2 span {
color: #fff;
}
#plan .inbox {
width: 1200px;
max-width: 95%;
margin: 0 auto;
}
#plan .inbox .table {
margin-bottom: 30px;
filter: drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.2));
}
#plan .inbox .table dl {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 20px;
}
#plan .inbox .table dl.point dt {
background-color: #931919;
}
#plan .inbox .table dl.point dd {
background-color: #dec6cd;
}
#plan .inbox .table dl:not(:last-of-type) {
border-bottom: 1px solid #d1d1d1;
}
#plan .inbox .table dl dt {
width: 25%;
background-color: #6c635c;
color: #fff;
padding: 15px 0 15px 45px;
border-right: 1px solid #d1d1d1;
}
#plan .inbox .table dl dd {
width: 25%;
text-align: center;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
display: -webkit-flex;
line-height: 24px;
}
#plan .inbox .table dl:nth-of-type(1) {
position: sticky;
top: 103.78px;
}
#plan .inbox .table dl:nth-of-type(1) dt {
margin: auto 0 0 0;
}
#plan .inbox .table dl:nth-of-type(1) dd {
padding: 15px 0;
margin: auto 0 0 0;
line-height: inherit;
}
#plan .inbox .table dl:nth-of-type(1) dd:nth-of-type(3) {
padding: 2rem 0;
background-color: #931919;
}
#plan .inbox .table.on dl:nth-of-type(1) dd:nth-of-type(3) {
padding: 15px 0;
}
#plan .inbox .table dl dd:nth-of-type(3) {
color: #931919;
border-right: 1px solid #931919;
border-left: 1px solid #931919;
}
#plan .inbox .table dl:last-of-type dd:nth-of-type(3) {
border-bottom: 1px solid #931919;
}
#plan .inbox .table dl dd:not(:last-of-type) {
border-right: 1px solid #d1d1d1;
}
#plan .inbox .table dl:nth-child(1) dd {
background-color: #6c635c;
color: #fff;
}
#plan .inbox p {
width: 100%;
font-size: 15px;
font-weight: bold;
}
/*----------------------faq-------------*/
#faq {
padding: 10rem 0;
background-color: #fff;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
z-index: 0;
}
#faq .midh2 {
width: 100%;
}
#faq .photobox {
filter: grayscale(1)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0.2));
transition: all ease 0.9s;
-webkit-transition: all ease 0.9s;
-moz-transition: all ease 0.9s;
position: absolute;
top: calc(10rem + 92px + 7rem);
left: 0;
z-index: -1;
}
#faq .photobox.on {
filter: grayscale(0)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0.2));
}
#faq .inbox {
width: 850px;
max-width: 55%;
margin: auto auto auto 40%;
padding: 0 1%;
background-color: rgba(255, 255, 255, .5);/* background-image: radial-gradient(#fff 20%, transparent 20%), radial-gradient(#fff 20%, transparent 20%);
background-size: 16px 16px;
background-position: 0 0, 8px 8px;*/
}
#faq .inbox dl {
border-top: 1px solid #d1d1d1;
padding: 40px 0;
cursor: pointer;
}
#faq .inbox dl:last-of-type {
border-bottom: 1px solid #d1d1d1;
}
#faq .inbox dl dt {
font-size: 20px;
position: relative;
z-index: 0;
padding: 0 40px 0 130px;
line-height: 49px;
}
#faq .inbox dl dt::before {
content: "";
position: absolute;
z-index: -1;
background-color: #bf5278;
width: 1px;
height: 20px;
top: 0;
bottom: 0;
right: 3%;
margin: auto;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
}
#faq .inbox dl dt::after {
content: "";
position: absolute;
z-index: -1;
background-color: #bf5278;
width: 20px;
height: 1px;
top: 0;
bottom: 0;
right: calc(3% - 10px);
margin: auto;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
}
#faq .inbox dl.active dt::before {
transform: rotate(60deg);
transform-origin: center;
}
#faq .inbox dl.active dt::after {
transform: rotate(30deg);
transform-origin: center;
}
#faq .inbox dl dt span {
font-family: 'Cinzel', serif;
font-size: 49px;
color: #bf5278;
padding-right: 50px;
position: absolute;
z-index: 0;
top: 0;
line-height: 49px;
left: 0;
}
#faq .inbox dl dt span em {
font-style: normal;
font-size: 40px;
}
#faq .inbox dl dd {
font-size: 16px;
line-height: 30px;
position: relative;
z-index: 0;
padding:0 40px 0 130px;
display: none;
margin-top: 40px;
}
#faq .inbox dl dd span {
font-family: 'Cinzel', serif;
font-size: 36px;
color: #bea696;
position: absolute;
z-index: 0;
top: 0;
left: 80px;
}
#faq .inbox dl dd p span {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
font-size: 16px;
line-height: 30px;
position: absolute;
z-index: 0;
top: 0;
left: 0;
color: #000;
}
#faq .inbox dl dd p {
position: relative;
z-index: 0;
padding-left: 20px;
}
#faq .inbox dl dd p:not(:last-of-type) {
margin-bottom:10px;
}
/*----------------------contact-------------*/
#contact {
background-image: url('./library/images/contact_back.jpg');
padding: 10rem 0;
}
#contact .inbox {
width: 1600px;
max-width: 95%;
margin: 0 auto;
}
#contact .inbox .inner {
background-color: #FFF;
padding: 5rem 5rem;
filter: drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.2));
}
#contact .inbox .inner .midh2 {
text-align: left;
margin-bottom: 3rem;
}
#contact .inbox .inner .midh2 span {
text-align: left;
}
#contact .inbox .inner ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
}
#contact .inbox .inner ul li {
width: 48%;
overflow: hidden;
}
#contact .inbox .inner ul li:nth-of-type(1) {
margin-right: 2%;
}
#contact .inbox .inner ul li:nth-of-type(1) {
margin-left: 2%;
}
#contact .inbox .inner ul li dl {
}
#contact .inbox .inner ul li dl:not(:last-of-type) {
margin-bottom: 20px;
}
#contact .inbox .inner ul li dl {
padding-top: 20px;
}
#contact .inbox .inner ul li dl dt {
font-size: 15px;
line-height: 15px;
color: #1b1b1b;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
margin-bottom:10px;
}
#contact .inbox .inner ul li dl dt span {
font-size: 14px;
padding-left: 40px;
color: #db0f7c;
}
#contact .inbox .inner ul li:nth-of-type(1) dl.active dt {
color: #db0f7c;
top: 0;
}
#contact .inbox .inner ul li:nth-of-type(2) dl.active dt {
color: #db0f7c;
}
#contact .inbox .inner ul li:nth-of-type(1) dl dt {
position:relative;
}
#contact .inbox .inner ul li:nth-of-type(1) dl {
position: relative;
z-index: 0;
}
#contact .inbox .inner ul li dl dd .textarea {
width: 100%;
border-left: 1px solid #dcd3d8;
}
#contact .inbox .inner ul li .text, #contact .inbox .inner ul li .textarea {
border: none;
border-bottom: 1px solid #dcd3d8;
background: none;
outline: none;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
}
#contact .inbox .inner ul li .text:focus, #contact .inbox .inner ul li .textarea:focus {
border: none;
border-bottom: 1px solid #db0f7c;
}
#contact .inbox .inner ul li .textarea:focus {
border-left: 1px solid #db0f7c;
}
#contact .inbox .inner ul p {
display: inline-block;
margin: 3rem 0 0 auto;
position: relative;
z-index: 0;
}
#contact .inbox .inner ul p .link {
background-color: #e04497;
border: none;
border-bottom: 5px solid #bd3883;
font-size: 19px;
padding: 15px 0;
outline: none;
letter-spacing: 1px;
color: #fff;
width: 250px;
font-family: "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
}
#contact .inbox .inner ul p::before {
content: "";
position: absolute;
z-index: 0;
top: 0;
bottom: 5px;
margin: auto;
right: 15%;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #ffffff;
}
#contact .inbox .banner {
width: 90%;
margin: 5rem auto 0;
}
#contact .inbox .banner ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
#contact .inbox .banner ul li {
width: 45%;
position: relative;
z-index: 0;
margin: 0 auto;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
}
#contact .inbox .banner ul li:hover {
transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
}
#contact .inbox .banner ul li:nth-of-type(1) {
background-color: #6c635c;
}
#contact .inbox .banner ul li:nth-of-type(2) {
background-color: #00b900;
}
#contact .inbox .banner ul li a {
position: absolute;
z-index: 1;
width: 100%;
top: 0;
left: 0;
height: 100%;
}
#contact .inbox .banner ul li dl dd a {
position:relative;
}
#contact .inbox .banner ul li dl {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 20px;
color: #fff;
padding: 30px;
}
#contact .inbox .banner ul li dl a {
color: #fff;
}
#contact .inbox .banner ul li dl dt {
width: 45%;
padding-right: 5%;
border-right: 1px solid #fff;
}
#contact .inbox .banner ul li dl dd {
width: 45%;
margin: auto;
padding-left: 5%;
font-size: 27px;
line-height: 30px;
}
#contact .inbox .banner ul li dl dd span {
position: relative;
z-index: 0;
padding-left: 40px;
display: block;
}
#contact .inbox .banner ul li dl dd span::before {
content: "";
position: absolute;
z-index: -1;
background-image: url('./library/images/contact_tel.png');
background-repeat: no-repeat;
width: 30px;
height: 30px;
background-size: 100%;
top: 0;
left: 0;
margin: auto;
bottom: 0;
}
#contact .inbox .banner ul li:nth-of-type(2) dl dd {
text-align: center;
}
#contact .inbox .banner ul li:nth-of-type(2) dl dd img {
width: 70px;
}
/*----------------------blog-------------*/
#sb_instagram .sbi_follow_btn a {
background: #da0077;
}
#sb_instagram .sbi_follow_btn a:hover {
box-shadow: inset 0 0 10px 20px #db226c9e;
}
#blog {
padding: 10rem 0;
background-color: #fff;
}
#blog ul.sns_list {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
width: 1400px;
max-width: 95%;
margin: 0 auto;
}
#blog ul li {
width: 30%;
margin: 0 auto;
opacity: 0;
}
#blog ul.on li:nth-of-type(1) {
animation: blogani01 0.5s ease-out 0s 1 normal forwards;
}
#blog ul.on li:nth-of-type(2) {
animation: blogani01 0.5s ease-out 0.3s 1 normal forwards;
}
#blog ul.on li:nth-of-type(3) {
animation: blogani01 0.5s ease-out 0.6s 1 normal forwards;
}
@keyframes blogani01 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#blog ul li h4 {
font-size: 30px;
color: #e22370;
background: -webkit-linear-gradient(0deg, #bd0c6d 14%, #ee649b 26%, #e22370 52%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background: -linear-gradient(0deg, #bd0c6d 14%, #ee649b 26%, #e22370 52%);
-text-fill-color: transparent;
/* background: -moz-linear-gradient(0deg,#bd0c6d 14%, #ee649b 26%,#e22370 52%);
-moz-background-clip: text;
-moz-text-fill-color: transparent;
*/ position: relative;
z-index: 0;
line-height: 30px;
margin-bottom: 20px;
padding-bottom: 20px;
}
#blog ul li h4::before {
content: "";
position: absolute;
z-index: -1;
width: 15px;
height: 1px;
background-color: #da0077;
bottom: 0;
left: 0;
}
#blog ul li.ameba {
}
#blog ul li.ameba ul {
}
#blog ul li.ameba ul li {
width: 100%;
list-style: none;
opacity: 1;
}
#blog ul li.ameba ul li:not(:last-of-type) {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ababab;
}
#blog ul li.ameba ul li span {
font-size: 14px;
}
#blog ul li.ameba ul li a {
color: #000;
font-size: 20px;
display: block;
font-weight: bold;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
}
#blog ul li.ameba ul li:hover a {
color: #da0077;
}
.bttomborder {
width: 1400px;
max-width: 95%;
margin: 0 auto;
border-bottom: 1px solid #ababab;
}
/*----------------------partner-------------*/
#partner {
padding:10rem 0;
background-color:#fff;
}
#partner .inbox {
width:1200px;
max-width:95%;
margin:0 auto;
}
#partner .inbox ul {
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
}
#partner .inbox ul li {
width:30%;
margin:0 auto;
position:relative;
z-index:0;
border:1px solid #da0077;
pointer-events: none;
}
#partner .inbox ul li p {
position:absolute;
z-index:1;
width:100%;
top:0;
left:0;
height:100%;
text-align:center;
background-color:#fff;
font-size: 25px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
display: -webkit-flex;
}
#partner .inbox ul li a {
position:absolute;
width:100%;
z-index:1;
height:100%;
top:0;
left:0;
margin:auto;
}
/*----------------------access-------------*/
.bottomback {
background-color: #fff;
padding-bottom: 10rem;
position: relative;
z-index: 0;
}
.bottombg {
position: absolute;
z-index: -2;
width: 75%;
height: 65%;
bottom: 0;
left: 0;
background: linear-gradient(0deg, #d1aaaa, #d1bbab);
background: -moz-linear-gradient(0deg, #d1aaaa, #d1bbab);
background: -webkit-linear-gradient(0deg, #d1aaaa, #d1bbab);
}
.bottombg::after {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background-image: url(./library/images/back_texture.jpg);
mix-blend-mode: multiply;
opacity: 25%;
}
#access {
padding: 10rem 0 0;
}
#access .inbox {
width: 1400px;
max-width: 95%;
margin: 0 auto;
}
#access .inbox p.linkbox {
background-color: rgb(224, 68, 151);
border-top-width: initial;
border-right-width: initial;
border-left-width: initial;
border-top-color: initial;
border-right-color: initial;
border-left-color: initial;
font-size: 19px;
letter-spacing: 1px;
color: rgb(255, 255, 255);
width: 500px;
max-width: 95%;
font-family: 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
border-style: none none solid;
border-image: initial;
border-bottom: 5px solid rgb(189, 56, 131);
padding: 15px 0px;
outline: none;
text-align: center;
margin: 3rem auto 0;
position:relative;
z-index:0;
}
#access .inbox p.linkbox::before {
content: "";
position: absolute;
z-index: 0;
top: 0;
bottom: 5px;
margin: auto;
right: 15%;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #ffffff;
}
#access .inbox p.linkbox a {
position:absolute;
z-index:1;
width:100%;
height:100%;
top:0;
left:0;
}
#access .inbox ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
#access .inbox ul li:nth-of-type(1) {
width: auto;
margin: 0 auto 0 0;
}
#access .inbox ul li:nth-of-type(2) {
width: auto;
margin: 0 0 0 auto;
}
#access .inbox ul li .midh2 {
text-align: left;
}
#access .inbox ul li .midh2 span {
text-align: left;
}
#access .inbox ul li p {
font-size: 20px;
color:#000;
}
#access .inbox ul li p a {
color:#000;
}
#map_canvas {
width: 100%;
height: 600px;
background-color: grey;
filter: drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.2));
}
.sp350, .sp450, .sp500, .sp640, .sp800, .sp900, .sp1200 {
display: none;
}
/*----------------------about01-------------*/
#about01 {
padding: 10rem 0 0;
}
#about01 .inbox {
width: 1400px;
max-width: 95%;
margin: 0 auto;
}
#about01 .inbox ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
z-index: 0;
}
#about01 .inbox ul li {
}
#about01 .inbox ul li:nth-of-type(1) {
width: auto;
margin: auto auto auto 0;
}
#about01 .inbox ul li:nth-of-type(2) {
width: auto;
margin: 0 0 0 auto;
right: 0;
top: 0;
filter: grayscale(1)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0.2));
transition: all ease 0.9s;
-webkit-transition: all ease 0.9s;
-moz-transition: all ease 0.9s;
}
#about01 .inbox ul li.on {
filter: grayscale(0)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0.2));
margin: 0 auto;
}
#about01 .inbox ul li .midh2 {
text-align: left;
margin-bottom: 5rem;
color: #fff;
}
#about01 .inbox ul li a {
color: #fff;
}
#about01 .inbox ul li .midh2 span {
text-align: left;
color: #fff;
}
#about01 .inbox ul li dl {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 20px;
color: #fff;
}
#about01 .inbox ul li dl:not(:last-of-type) {
margin-bottom: 30px
}
#about01 .inbox ul li dl dt {
margin-right: 30px;
position: relative;
z-index: 0;
width: 80px;
}
#about01 .inbox ul li dl dt::before {
content: "";
position: absolute;
z-index: -1;
height: 18px;
width: 1px;
background: #ab077b;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
#about01 .inbox ul li dl dd {
}
/*----------------------footer-------------*/
.footer {
width: 100%;
background: rgba(40, 40, 40, 1);
color: #FFF;
overflow: hidden;
background: linear-gradient(0deg, #d1aaaa, #d1bbab);
background: -moz-linear-gradient(0deg, #d1aaaa, #d1bbab);
background: -webkit-linear-gradient(0deg, #d1aaaa, #d1bbab);
/* margin-bottom: 5rem;*/
position: relative;
z-index: 100;
padding: 5rem 0 10rem;
}
.footer .inbox {
width: 90%;
margin: 0 auto;
}
.footer .inbox ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
.footer .inbox ul li {
width: auto;
margin: auto;
font-family: 'Cinzel', serif;
font-size: 18px;
}
.footer .inbox ul li a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.footer .inbox ul li:nth-of-type(1) {
margin: auto 0;
}
.footer .inbox ul li h1 {
}
.footer .inbox ul li.cop {
margin: auto auto auto 30px;
font-size: 20px;
}
.footer .inbox ul li:nth-of-type(3), .footer .inbox ul li:nth-of-type(4), .footer .inbox ul li:nth-of-type(5) {
padding-left: 30px;
position: relative;
z-index: 0;
}
.footer .inbox ul li:nth-of-type(3)::before, .footer .inbox ul li:nth-of-type(4)::before, .footer .inbox ul li:nth-of-type(5)::before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background-size: auto 20px;
top: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: left center;
}
.footer .inbox ul li:nth-of-type(3)::before {
background-image: url('./library/images/instagram.png');
}
.footer .inbox ul li:nth-of-type(4)::before {
background-image: url('./library/images/twitter.png');
}
.footer .inbox ul li:nth-of-type(5)::before {
background-image: url('./library/images/facebook.png');
}
.footer .inbox ul li:nth-of-type(3) {
margin: auto 0 auto auto;
}
.footer .inbox ul li:nth-of-type(4) {
margin: auto 50px;
}
.footer .inbox ul li:last-of-type {
margin: auto 0;
}
#main {
}
.notel {
color:#fff;
}
/*-------------問合せ完了後のページ--*/
/*-----------------------------------*/
@media screen and (max-width:1600px) {
/*----------------------fv-------------*/
/*----------------------about-------------*/
/*----------------------reason-------------*/
#reason .inbox03 h1, #reason .inbox01 h1 {
left: 0;
font-size: 250px;
}
#reason .inbox03 h1 {
top: 200px;
}
#reason .inbox02 h1 {
right: 0;
font-size: 250px;
}
#reason .inbox03 h1 span, #reason .inbox01 h1 span, #reason .inbox02 h1 span {
font-size: 200px;
}
/*----------------------image-------------*/
/*----------------------plan-------------*/
/*----------------------faq-------------*/
#faq .photobox.on {
filter: grayscale(0)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0));
}
#faq .photobox::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to right, transparent 50%, #fff 100%);
}
/*----------------------contact-------------*/
#contact .inbox .banner ul li {
width: 48%;
}
#contact .inbox .banner ul li dl {
padding: 10px;
}
/*----------------------blog-------------*/
/*----------------------access-------------*/
/*----------------------about01-------------*/
/*----------------------footer-------------*/
#section01 .fixedbox {
bottom: 1%;
}
#section01 .fixedbox ul li svg {
width: 120px;
height: 114px;
}
}
@media screen and (max-width:1400px) {
/*----------------------fv-------------*/
#loading #topmovie {
width: auto;
height: 100%;
}
/*----------------------about-------------*/
/*----------------------reason-------------*/
/*----------------------image-------------*/
/*----------------------plan-------------*/
#plan .inbox .table dl:nth-of-type(1) {
top: 88.69px;
}
/*----------------------faq-------------*/
/*----------------------contact-------------*/
#contact .inbox .banner {
width: 100%;
margin: 3rem auto 0;
}
#contact .inbox .banner ul li dl {
font-size: 19px;
}
/*----------------------blog-------------*/
/*----------------------access-------------*/
/*----------------------about01-------------*/
/*----------------------footer-------------*/
.footer .inbox ul li:nth-of-type(1), .footer .inbox ul li:nth-of-type(2) {
width:50%;
}
.footer .inbox ul li:nth-of-type(2) {
width:50%;
margin:auto;
padding-left:30px;
}
.footer {
padding: 5rem 0 13rem;
}
}
@media screen and (max-width:1200px) {
.pc1200 {
display:none;
}
.sp1200 {
display: inline-block;
}
/*----------------------fv-------------*/
#section01 .sec01box .text00 h1 {
font-size: 70px;
}
#section01 .vegas-timer {
top: 120px;
}
/*----------------------about-------------*/
#about .inbox00.inbox01 dl dt {
float: none;
margin: 0 0 0 auto;
text-align: right;
width: auto;
padding:0 2%;
}
#about .inbox00.inbox01 dl dd {
width: 100%;
padding: 0 2%;
}
#about .inbox00.inbox01 dl dt span:last-of-type {
padding-left: 0;
}
/*----------------------reason-------------*/
#reason .inbox03 h1 {
z-index: -1;
opacity: .8;
}
/*----------------------image-------------*/
.swiper-slide .content {
width: 75%;
}
/*----------------------plan-------------*/
#plan .inbox .table dl:nth-of-type(1) {
top: 76.42px;
}
/*----------------------faq-------------*/
#faq .inbox {
width: 800px;
max-width: 100%;
margin: auto 30px auto auto;
}
/*----------------------contact-------------*/
#contact .inbox .inner ul li, #contact .inbox .inner ul li:nth-of-type(1) {
width: 90%;
overflow: hidden;
margin: 0 auto;
}
#contact .inbox .inner ul li:nth-of-type(n + 2) {
margin:60px auto 0;
}
#contact .inbox .inner ul p {
margin: 3rem auto 0;
}
#contact .inbox .inner .midh2, #contact .inbox .inner .midh2 span {
text-align: center;
}
#contact .inbox .banner ul li dl {
padding: 20px 5% 15px;
text-align: center;
}
#contact .inbox .banner ul li dl dt {
width: 100%;
padding:5px 3%;
border:solid #fff;
border-width: 0 0 1px 0;
}
#contact .inbox .banner ul li dl dd {
width: 100%;
padding:0;
}
#contact .inbox .banner ul li:first-of-type dl dd {
height:70px;
display: flex;
align-items: center;
justify-content: center;
}
#contact .inbox .banner ul li:first-of-type dl dd span {
width:230px;
}
/*----------------------blog-------------*/
/*----------------------access-------------*/
/*----------------------about01-------------*/
#about01 .inbox ul li:nth-of-type(1) {
width: 60%;
}
#about01 .inbox ul li:nth-of-type(2) {
width: 40%;
}
.bottombg {
width: 100%;
}
/*----------------------footer-------------*/
/*----------------------otherr-------------*/
}
@media screen and (max-width:1024px) {
.pc1024 {
display: none;
}
.br1024 {
display:block;
}
/*----------------------fv-------------*/
#section01 .fixedbox ul li {
padding: 0 0;
}
/*----------------------about-------------*/
#about .inbox00.inbox02 ul li h2 {
font-size: 40px;
}
#about .inbox_bg {
width: 100%;
}
#about .inbox00.inbox02 ul li:nth-of-type(1) {
width: 97%;
max-width: 100%;
padding-right: 0;
margin: 0 auto;
}
#about .inbox00.inbox02 ul li:nth-of-type(2) {
width: 383px;
max-width: 51%;
margin: 3rem auto 0 auto;
}
#about .inbox00.inbox01 dl {
max-width: 90%;
margin: 0 auto;
}
#about .inbox00.inbox02 ul li h2 {
width:auto;
}
#about .inbox00.inbox01 dl dd {
width: calc(100% - 28%);
}
#about .inbox00.inbox01 dl h2 {
font-size: 11vw;
line-height: 1.28;
}
#about .inbox00.inbox01 dl h2 span {
font-size: .77em;
}
#about .inbox00.inbox01 dl dt {
font-size: 6vw;
line-height: 1.6;
}
#about .inbox00.inbox01 dl dt span {
font-size: 1.16em;
}
.rellax01 {
left: 0;
top: 300px;
z-index: 1;
}
/*----------------------reason-------------*/
#reason .midh2 {
line-height: 60px;
}
/*----------------------image-------------*/
/*----------------------plan-------------*/
#plan .inbox .table dl:nth-of-type(1) {
top: 90.25px;
}
/*----------------------faq-------------*/
/*----------------------contact-------------*/
/*----------------------blog-------------*/
/*----------------------access-------------*/
/*----------------------about01-------------*/
/*----------------------footer-------------*/
}
@media screen and (max-width:900px) {
.pc900 {
display: none;
}
.sp900 {
display: inline-block;
}
/*----------------------fv-------------*/
#section01 .sec01box .text00 h1 {
font-size: 72px;
line-height: 1.2;
}
/*----------------------about-------------*/
#about .inbox00.inbox02 ul li h2 {
font-size: 28px;
}
#about .inbox00.inbox02 ul li h2 span {
font-size: 1.6em;
}
/*----------------------reason-------------*/
#reason .inbox00 {
flex-flow: wrap;
}
#reason .inbox01 .photobox, #reason .inbox02 .photobox {
width: 60%;
}
#reason .inbox02 .photobox {
margin: 0 0 0 auto;
}
#reason .inbox03 .textbox, #reason .inbox01 .textbox, #reason .inbox02 .textbox {
width: 90%;
margin: 2rem auto;
padding-left: 0%;
}
#reason .inbox03 {
padding-top: 5rem;
}
#reason .inbox03 .inner .photo00 .text_inner {
width: 70%;
padding: 4%;
opacity: 0;
position: relative;
z-index: 0;
}
#reason .inbox01 h1 {
z-index: -1;
opacity: .8;
}
#reason .inbox03 h1 {
top: -100px;
}
/*----------------------image-------------*/
#image .flow {
overflow: hidden;
}
.scroll_arrow {
display:none;
}
#image ul {
width: auto;
margin:0 auto;
scroll-snap-type: x mandatory;
overflow-x: scroll;
flex-wrap: nowrap;
justify-content: space-between;
}
#image ul li {
width: 90vw;
min-width: 90vw;
margin:0 auto;
pointer-events: none;
scroll-snap-align: start;
padding: 0 5%;
}
#image ul li {
display: flex;
flex-flow: column;
}
#image .parts_scroll {
font-size: 14px;
display: block;
text-align: center;
margin:auto 0 1rem 0;
}
#image .parts_scroll .dec01 {
position: relative;
}
#image .parts_scroll .dec01::after {
content:"";
display: block;
position: absolute;
top:50%;
right:-30%;
transform: rotate(-45deg) translateY(-50%);
transform-origin: center center;
width:5px;
height:5px;
border:solid #fff;
border-width: 0 1px 1px 0;
}
.swiper-slide .content {
width: 90%;
}
/*----------------------plan-------------*/
#plan .inbox .table dl {
font-size: 16px;
}
#plan .inbox .table dl dt {
padding: 15px 0 15px 3.75%;
}
/*----------------------faq-------------*/
#faq .inbox {
width: 100%;
margin: 0;
padding: 0 2%;
position: relative;
}
#faq .inbox::before {
content:"";
display: block;
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image: url("./library/images/faq_image01.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center right;
opacity: .3;
z-index: -1;
}
#faq .photobox.on {
/* filter: grayscale(0)drop-shadow(0px 12px 7px rgba(0, 0, 0, 0));
width: 60%;
*/
display: none;
}
/*----------------------contact-------------*/
/*----------------------blog-------------*/
#blog ul li {
width: 45%;
}
#blog ul .ameba {
order: 2;
}
#blog ul .instagram {
width: 90%;
order: 3;
margin-top: 2rem;
}
/*----------------------access-------------*/
#access .inbox ul li:nth-of-type(1) {
width: 90%;
margin: 0 auto;
}
#access .inbox ul li:nth-of-type(2) {
width: 90%;
margin: 0 auto 4rem;
}
#access .inbox ul li .midh2, #access .inbox ul li .midh2 span {
text-align: center;
}
#access .inbox ul li .midh2 {
margin-bottom: 4rem;
}
#map {
overflow: hidden;
position: relative;
height: 400px;
}
#map img {
max-width: 200%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
object-fit: contain;
}
/*----------------------about01-------------*/
#about01 .inbox ul li:nth-of-type(2) {
width: 25%;
}
#about01 .inbox ul li:nth-of-type(1) {
width: 75%;
}
/*----------------------footer-------------*/
}
@media screen and (max-width:800px) {
/*----------------------image-------------*/
.swiper-container.nav-slider ,
.swiper-container.main-slider {
display:none;
}
#image ul.sp {
display: flex;
}
#image .flow {
max-width: 100%;
}
}
@media screen and (max-width:700px) {
#plan .inbox .table dl:nth-of-type(1) dd:nth-of-type(3) {
padding: 15px 0;
}
}
@media screen and (max-width:640px) {
/*----------------------fv-------------*/
#section01 .sec01box .text00 h1 {
font-size: 58px;
}
#section01 .sec01box .text00 {
height: 68px;
}
/*----------------------about-------------*/
#about01 .inbox ul li dl {
font-size: 16px;
}
#about01 .inbox ul li dl:not(:last-of-type) {
margin-bottom: 10px;
}
#about .inbox00.inbox01 dl dt {
width: 100%;
padding-left: 0;
}
#about .inbox00.inbox01 dl dd {
width: 90%;
margin: 0 auto;
float: none;
}
#about .inbox00.inbox02 ul li h2 {
font-size: 24px;
}
#about .inbox00.inbox01 dl dd p {
font-size: 14px;
line-height: 1.8;
}
#about .inbox00.inbox02 ul li p {
font-size: 14px;
line-height: 1.8;
}
.rellax01 {
top: 230px;
}
#about .inbox00.inbox01 .photobox.rellax {
display:none;
}
#about .inbox00.inbox01 .photobox {
width: 300px;
max-width: 95%;
margin: 0 auto;
transform: translatey(0);
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-ms-transform: translatey(0);
}
#about .inbox00.inbox01 dl {
max-width: 97%;
margin: 2rem auto 0;
}
#about .inbox00.inbox01 dl dd {
width: 100%;
padding: 0;
margin: 0 auto;
margin: 1rem auto 0;
float: none;
transform: translatey(0rem);
-webkit-transform: translatey(0rem);
-moz-transform: translatey(0rem);
-ms-transform: translatey(0rem);
}
#about .inbox00.inbox01 dl dd p {
font-size: 16px;
}
#about .inbox00.inbox02 ul li h2 span {
display:block;
}
#about .inbox00.inbox02 ul li h2 {
margin-bottom:2rem;
}
/*----------------------reason-------------*/
.midh2 {
font-size: 40px;
margin-bottom: 3rem;
}
#reason .inbox03 h1, #reason .inbox01 h1, #reason .inbox02 h1 {
font-size: 200px;
}
#reason .inbox03 h1 span, #reason .inbox01 h1 span, #reason .inbox02 h1 span {
font-size: 150px;
}
#reason .inbox01 h1 {
top: -50px;
}
#reason .inbox02 h1 {
top: -150px;
}
#reason .inbox03 h1 {
top:-100px;
z-index: -1;
}
#reason .inbox01 .photobox, #reason .inbox02 .photobox {
width: 90%;
margin: 0 auto;
}
#reason .inbox03 .inner .photo00 {
height: 500px;
width: 100%;
height: 100px;
background-position-y: 22%;
}
#reason .inbox03 .inner .photo00.active {
width: 100%;
height: 600px;
}
#reason .inbox03 .inner .photo00 .text_inner {
width: 80%;
padding: 5%;
height: 0;
}
#reason .inbox03 .inner .photo00.active .text_inner {
height: auto;
}
#reason .inbox03 .inner .photo00::after {
content: "PUSH";
color: #fff;
position: absolute;
z-index: 2;
border-radius: 50%;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
background-color: rgb(0 0 0 / 80%);
font-size: 9px;
display: block;
line-height: 50px;
font-family: 'Cinzel', serif;
top: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 50px;
text-align: center;
}
#reason .inbox03 .textbox p, #reason .inbox01 .textbox p, #reason .inbox02 .textbox p {
font-size: 14px;
line-height: 2.1;
}
#reason .inbox00 h1.rellax {
display:none;
}
#reason .inbox01 h1 {
top: -17%;
z-index: 1;
}
#reason .inbox03 h1 {
top: 25%;
z-index: -1;
left: -12%;
}
#reason .inbox03 .inner .photo00 .text_inner dl {
margin-top: 20px;
}
#reason .inbox03 .inner .photo00 .text_inner h4 {
margin-bottom: 20px;
}
#image ul {
flex-wrap: wrap;
transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
}
.image_bg {
height: 90%;
}
.image_bg.rellax {
display:none;
}
#image .flow {
padding-bottom: 0;
}
#image .parts_scroll {
display: none;
}
#image ul li:not(:last-of-type) {
margin: 0 auto 2rem;
}
#image ul li {
width: 100vw;
}
/*----------------------image-------------*/
#image ul li .photobox {
text-align: center;
}
/*----------------------plan-------------*/
#plan .inbox .table dl {
font-size: 14px;
}
#plan .inbox .table dl:first-of-type {
font-size: 12px;
}
#plan .inbox p {
padding: 0 5%;
font-size: 12px;
}
#plan .inbox .table dl dt {
padding: 15px 0 15px 2%;
}
/*----------------------faq-------------*/
#faq .inbox dl dt {
font-size: 18px;
line-height: 1.8;
}
#faq .inbox dl dt span {
font-size: 35px;
line-height: 1;
}
#faq .inbox dl dt span em {
font-size: .816em;
}
#faq .inbox dl dt, #faq .inbox dl dd {
padding: 0 40px 0 90px;
font-size: 14px;
}
#faq .inbox dl dd span {
font-size: 32px;
left: 51px;
}
/*----------------------contact-------------*/
#contact .inbox .inner {
padding: 5rem 5%;
}
#contact .inbox .banner ul li {
width:90%;
margin: 0 auto;
}
#contact .inbox .banner ul li:nth-of-type(n + 2) {
margin: 3rem auto 0;
}
#contact .inbox .banner ul li dl dd {
font-size: 24px;
}
/*----------------------blog-------------*/
#blog ul li {
width: 90%;
}
#blog ul .ameba {
order: 3;
margin-top: 5rem;
}
#blog ul .twitter {
order: 1;
}
#blog ul .instagram {
order: 2;
margin-top: 5rem;
}
/*----------------------partner-------------*/
#partner .inbox ul li {
width: 48%;
margin: 0 auto 20px;
}
/*----------------------access-------------*/
#access .inbox ul li p {
font-size: 15px;
}
/*----------------------about01-------------*/
#about01 .inbox ul li:nth-of-type(2) {
}
#about01 .inbox ul li dl {
font-size: 16px;
}
#about01 .inbox ul li dl dt {
width: 100%;
padding:10px 5%;
margin:0 0 10px 0;
}
#about01 .inbox ul li dl dt::before {
height: 1px;
width: 18px;
top: auto;
right: auto;
margin: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
#about01 .inbox ul li dl dd {
width: 100%;
padding:0 5% 10px;
}
#about01 .inbox ul li:nth-of-type(1) {
width: 90%;
margin: 0 auto 2rem;
text-align: center;
}
#about01 .inbox ul li .midh2, #about01 .inbox ul li .midh2 span {
text-align: center;
}
#about01 .inbox ul li:nth-of-type(2) {
display: none;
}
.bottombg {
height: 79%;
}
/*----------------------footer-------------*/
.footer {
padding: 5rem 0 6rem;
}
.footer .inbox ul li:nth-of-type(1) {
width: 80%;
margin:0 auto;
text-align: center;
}
.footer .inbox ul li:nth-of-type(2) {
width: 100%;
padding-left: 0;
text-align: center;
margin:0 auto 2rem;
}
.footer .inbox ul li:nth-of-type(n+3) {
width: 120px;
margin:auto calc((100% - 120px) / 2);
}
.footer .inbox ul li:nth-of-type(n+4) {
margin:1rem calc((100% - 120px) / 2) auto;
}
}
@media screen and (max-width:450px) {
.pc450 {
display: none;
}
.sp450 {
display: inline-block;
}
.navwrap li:nth-of-type(1) {
width: 200px;
}
.midh2 {
margin-bottom: 4rem;
}
/*----------------------fv-------------*/
#section01 .sec01box .text00 h1 {
font-size: 58px;
margin-bottom: 0.5rem;
line-height: 1;
}
#section01 .sec01box .text00 {
height: 116px;
}
#section01 .vegas-timer {
top: 165px;
}
#section01 .vegas-timer {
top: 235px;
width: 270px;
}
#section01 .fixedbox ul li svg {
width: 114px;
height: 108px;
}
#section01 .fixedbox {
bottom: 1%;
left: 0;
margin: auto;
right: 0;
width: 342px;
}
#section01 .vegas-timer {
top: 235px;
width: 270px;
}
/*----------------------about-------------*/
#about {
padding: 2.5rem 0;
margin: 2.5rem 0;
}
#about .inbox00.inbox01 {
padding: 3rem 0 6rem;
}
#about .inbox00.inbox02 {
padding: 7rem 0 0;
}
#about .inbox00.inbox01 dl dt span:last-of-type {
padding-left: 0;
}
#about .inbox00.inbox02 ul li h2 span {
font-size: 1.6em;
}
#about .inbox00.inbox01 dl dt span {
font-size: 1.6em;
}
.rellax01 {
top: 15%;
}
#about .inbox00.inbox01 dl h2 {
font-size: 18vw;
line-height: 14vw;
}
#about .inbox00.inbox01 dl h2 span {
font-size: 3rem;
line-height: 3rem;
display:block;
}
#about .inbox00.inbox01 dl dt {
font-size: 1.8rem;
line-height: 1.6;
}
#about .inbox00.inbox01 dl dt span {
font-size: 1em;
}
#about .inbox00.inbox01 dl dt {
width: 100%;
padding-left: 0;
text-align: left;
padding-top: 1rem;
}
#about .inbox00.inbox02 ul li h2 {
font-size: 19px;
}
/*----------------------reason-------------*/
#reason {
padding: 5rem 0 0;
}
.midh2 {
font-size: 32px;
line-height: 40px;
}
#member .inner {
position: relative;
}
#reason .inbox03 h1 span, #reason .inbox01 h1 span, #reason .inbox02 h1 span {
font-size: 100px;
}
#reason .inbox03 h1, #reason .inbox01 h1, #reason .inbox02 h1 {
font-size: 150px;
}
#reason .inbox03 .inner .photo00 .text_inner {
width: 100%;
}
#reason .inbox03 .inner .photo00 .text_inner h4 {
margin-bottom: 18px;
}
#reason .inbox03 .inner .photo00 .text_inner dl {
margin-top: 18px;
}
#reason .inbox03 .textbox h3, #reason .inbox01 .textbox h3, #reason .inbox02 .textbox h3 {
font-size: 26px;
line-height: 32px;
}
#reason .inbox00 .textbox dl dt {
width: 250px;
margin: auto;
max-width: 100%;
}
#reason .inbox00 .textbox dl dd {
width: 100%;
padding-top: 5%;
margin: auto;
font-weight: bold;
font-size: 14px;
padding-left: 0;
}
#reason .inbox03 .inner .photo00.active::after {
display: none;
}
#reason .inbox03 h1 {
top: 4px;
z-index: -1;
left: -4%;
}
/*----------------------image-------------*/
#image {
padding: 6rem 0 6rem;
}
/*----------------------plan-------------*/
#plan {
padding: 7rem 0;
}
#plan .inbox .table dl {
font-size: 11px;
}
#plan .inbox .table dl:first-of-type {
font-size: 9px;
top: 78.61px;
}
#plan .inbox {
max-width: 100%;
}
/*----------------------faq-------------*/
#faq {
padding: 5rem 0;
}
#faq .inbox dl dt span {
font-size: 24px;
}
#faq .inbox dl dd span {
font-size: 24px;
left: 29px;
}
#faq .inbox dl dt, #faq .inbox dl dd {
padding: 0px 25px 0 60px;
}
/*----------------------contact-------------*/
#contact {
padding: 6rem 0;
}
/*----------------------blog-------------*/
#blog {
padding: 6rem 0;
}
/*----------------------access-------------*/
#access {
padding: 6rem 0 0;
}
#map_canvas {
height: 450px;
}
/*----------------------partner-------------*/
#partner {
padding: 6rem 0 6rem;
}
#partner .midh2 {
margin-bottom: 1.5rem;
}
/*----------------------about01-------------*/
#about01 {
padding: 2rem 0 4rem;
}
#about01 .inbox ul li .midh2 {
margin-bottom: 4rem;
}
#about01 .inbox ul li:nth-of-type(2) {
top: 0rem;
}
.bottomback {
padding-bottom: 0rem;
}
#about01 .inbox ul li dl dt {
padding: 0 5% 8px;
margin: 0 0 8px 0;
}
#about01 .inbox ul li dl dd {
padding: 0 5% 8px;
}
/*----------------------footer-------------*/
footer {
padding: 3rem 0 6rem;
}
}
@media screen and (max-width:350px) {
/*----------------------fv-------------*/
/*----------------------about-------------*/
#about .inbox00.inbox02 ul li h2 span {
font-size: 1.8em;
}
/*----------------------reason-------------*/
#reason .inbox03 h1 {
top: -150px;
}
/*----------------------image-------------*/
/*----------------------plan-------------*/
#plan .inbox .table dl {
font-size: 9px;
}
#plan .inbox .table dl:first-of-type {
font-size: 8px;
}
/*----------------------faq-------------*/
#contact .inbox .inner ul li dl dt {
font-size: 14px;
}
#contact .inbox .banner ul li dl {
font-size: 18px;
}
/*----------------------blog-------------*/
/*----------------------access-------------*/
/*----------------------about01-------------*/
/*----------------------footer-------------*/
}
@media screen and (max-width:320px) {
/*----------------------fv-------------*/
/*----------------------about-------------*/
/*----------------------reason-------------*/
/*----------------------image-------------*/
/*----------------------plan-------------*/
/*----------------------faq-------------*/
/*----------------------contact-------------*/
/*----------------------blog-------------*/
/*----------------------access-------------*/
/*----------------------about01-------------*/
/*----------------------footer-------------*/
}
01
01
婚活を成功させるためには、まず、「出会う」ことが重要です。evoLuは、東証一部に上場している日本結婚相談所連盟IBJの正規加盟店で、業界で登録会員数No.1、成婚数No.1のプラットホームを活用できるため、圧倒的な「出会い」の場を、安定的に提供することが可能です。
02
02
婚活を成功させるためには、出会った後、「交際に発展させる」ことが重要です。出会いの質がよくなければ、交際には発展しません。各加盟店の会員様は、一定の審査を通過しており、本気で結婚を考えていますので、信頼と安全が確保されており、安心して利用することが可能です。
03
03
婚活を成功させるためには、交際に発展した後、「交際を継続させる」ことが重要です。2か月間のプレ交際、1か月間の真剣交際など、各加盟店は徹底したルールの中で運用されていますので、結婚に向けて真剣に話し合うことが可能であり、計画的に婚活を進めていくことが可能です。
04
04
婚活を成功させるためには、様々な悩みを解決していくことが必要です。evoLuは婚活アプリ、婚活パーティ、婚活サイトでは実現できなかった結婚までのストーリーを計画的に立案し、会員様と真摯に向き合い、成婚までのロードマップを最短距離で実現するお手伝いをさせて頂きます。
05
05
婚活を成功させるためには、①出会う、②交際に発展させる、③交際を継続させる、の３つの壁をクリアすることが必要です。evoLuはこのことを熟知した経験豊富なカウンセラーで構成されています。数多くある結婚相談所の中で、本当に寄り添ってくれる専門家集団を頼ってみませんか。
-
代表カウンセラーKURABUCHI
HITOSHI
1972年生まれ 福岡県北九州市出身
普段は公認会計士・税理士として、個人事業主や法人の悩み相談
に従事しています。
趣味：悩み相談
特技：悩み相談
- MESSAGE
- 悩み解決のプロと一緒に泣いて笑って、悩みを解決しましょう！
# Flow 01無料相談
まずは、無料相談にお気軽にお問合せください。evoLuのサロンもしくは、ご指定の場所で1～2時間ご面談させて頂きます（電話、オンラインも可）。ご質問等にお応えしながら、活動のイメージやサービス・料金についてご案内します。
# Flow 02ご入会
サービス内容や料金に十分ご納得して頂いてからのご入会となります。無理な勧誘等は一切行っておりません。真剣に結婚と向き合う意思のある方が入会の条件となります。一緒に成婚までのスケジュールを計画しましょう。
# Flow 03お見合い
IBJのお見合いシステムを活用して、お見合い相手をお探し頂けます。顔写真、年齢、職業、出身地、年収などの情報を見ながら検索して頂き、お気に入りのお相手が見つかりましたら、evoLuを通じて、お見合いの申込みをします。もちろんevoLuも全力でお相手探しのお手伝いをします。お相手の承諾がもらえると、お見合い日を決定し、お見合いとなります（仲人カウンセラーの同席も可）。日程の調整や場所の決定は、すべてevoLuにお任せください。
# Flow 04プレ交際
プレ交際とは、お見合い後、マッチングしたお相手と交際を開始することです。この期間は複数交際可となります。1か月目は、週に一度、2時間程度の食事デート、2か月目は、週に一度、半日、終日のお出かけデートなどをする期間となります。
# Flow 05真剣交際
真剣交際とは、文字通り、プレ交際後、真剣に交際を開始することです。この期間は複数交際不可となります。お気に入りのお相手を一人に絞って頂き、ご両親に挨拶したり、結婚生活のイメージや将来について話し合う期間となります。
# Flow 06プロポーズ
真剣交際期間が終了すると、いよいよプロポーズするかどうかを決める最終段階となります。これまで積み重ねてきたコミュニケーションを振り返って頂き、思い切って第一歩を踏み出しましょう。
# Flow 07ご成婚
プロポーズがうまくいけば、念願のご成婚、そして退会となります。人生の大きな転機に同席できたことに感謝しますとともに、心よりお祝い申し上げます。結婚式場やハネムーン探しなど、成婚後もevoLuは無料でサポートします。
- 基本情報
- シンプルプラン
- スタンダードプラン
- プレミアムプラン
- 入会金
- 30,000円
- 30,000円
- 30,000円
- 登録料
- 30,000円
- 30,000円
- 30,000円
- 活動サポート費
- 60,000円
- 120,000円
- 180,000円
- 申込回数
- 無制限
- 無制限
- 無制限
- お見合い
- 5,000円/回
- 1回無料/月
5,000円/回
- 無制限
- お見合い
立ち合い
- 5,000円/回
- 1回無料/月
5,000円/回
- 無制限
- 月会費
- 5,000円
- 10,000円
- 15,000円
- 月会費
最大2か月無料
- 〇
- 〇
- 〇
- スタッフ面談
- 5,000円/回
- 1回無料/月
5,000円/回（60分）
- 1回無料/月
5,000円/回（60分）
- LINEサポート
- ×
- ×
- 〇
- 入会時支出合計
- 120,000円
- 180,000円
- 240,000円
- 成婚料
- 200,000円
- 200,000円
- 200,000円
※上記料金はすべて税別となります。
※プロフィール写真を提携フォトスタジオで撮影した場合、別途料金がかかります（1～2万円）。
※パーソナルスタイリングをご希望の方は、担当仲人カウンセラーにお問い合わせください。
※パーソナルスタイリングとは、メイク、ファッション、コミュニケーションなど、個人のスキルアップを図るためのオプションメニューになります。
- Q 01無料相談のときやその後に無理な勧誘はないの？
- Aありません。
evoLuでは成婚を目標に、真剣に婚活をしたい方のみ入会して頂いております。
「したい」を「できる」にevoLuがサポートいたします。
- Q 02料金表とは別に必要な費用はないの？
- Aありません。
evoLuではハッキリわかりやすい料金設定で、安心して婚活をしてほしいと考えています。
その他かかる費用としては、お見合いに行くときの交通費やお茶代、その他任意の有料オプションです。
お見合い方法や場所、お相手様によって変わるので、ご了承くださいね。
- Q 03入会の際に必要なものはあるの？
- Aあります。
ご入会の際に必要な書類は下記のとおりです。
1.写真付身分証明書のコピー
（運転免許証、パスポートなど）※必須
2.住民票
（3か月以内の原本、マイナンバーの記載のない書式）※必須
3.独身証明書
（3か月以内の原本）※必須
4.最終学歴証明書
（卒業証書のコピーまたは卒業証明書の原本）※短大卒以上必須
5.収入証明書
（直近の源泉徴収票、確定申告書、所得証明書など）※男性必須
6.医師、弁護士、会計士、その他の国家資格、
それに準ずる資格をお持ちの方はその証明書のコピー
7.掲載用プロフィール写真1枚以上
（6か月以内に撮影したもの）※必須
8.プロフィールシート
- Q 04周りの知人や友人、親とかに秘密で活動ってできるの？
- Aできます。
evoLuとの連絡はお電話やメールなどで、みなさまと直接おこないます。
その他、会員登録した後に、プロフィール写真を非公開にすることや、「特定会員ブロック（有料）」で特定のお相手様に見えないようにすることもできますよ。
- Q 05住んでいる場所が福岡市外なんだけど、evoLuに入会ってできるの？
- Aできます。
ご希望のエリアでお相手探しが可能です。また、evoLuとの連絡はお電話やメールがメインとなるので遠方でも安心して婚活ができますよ。
- Q 06活動途中で休会や退会ってできるの？
- Aできます。
契約期間中1回のみ、連続最長3か月間を休会することが可能です。また、事情がある場合の中途退会もできますよ。
まずは担当カウンセラーにご相談くださいね。
-
- お電話でお問い合わせを
ご希望の方
- 092-406-0895
-
- LINEでお問い合わせを
ご希望の方
準備中
-
- 会社名
- 結婚相談所 evoLu
- 所在地
- 福岡市中央区赤坂1丁目14番22号
センチュリー赤坂門ビル4F
- 代表者
- 蔵渕 仁司
- TEL
- 092-406-0895
- FAX
- 092-406-4965
- MAIL
- info@evolu88.com
