#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", "MS P明朝", "MS 明朝"; 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-------------*/ }

したい

できる

したい

できる

Love × Evolution

恋愛
進化させる

「evoLu」は、「evolution」の略であり、恋愛を進化・発展させたい、という想いに由来しています。また、「evol」は「love」を逆さにしたものであり、常に「愛」で溢れています。
LoveとEvolutionの融合、それがevoLuです。

また、ロゴは二輪草をモチーフにしています。
花言葉は、ずっと離れない。
「出会えた2人がずっと一緒にいられますように」
という想いが込められています。

  • 結婚ってなんだろう…???

    結婚相談所evoLu -エボル- をスタートするときに、まず頭に浮かんだもの。
    「結婚ってなんだろう…???」
    この答えは永遠に解けない超難問かもしれません。
    結婚とは、家族ができること? 子育てができること? 生活が安定すること? 喧嘩ができること? もう婚活しなくてよくなること? など、解釈は人によって様々です。

    「結婚ってなんだろう…???」
    evoLuが出した答えは、「結婚とは、したくなるもの」
    結婚とは、おそらく人間の本能として、遺伝子レベルで組み込まれた欲求そのものではないでしょうか。孤独からの解放、誰かといたい、一人より二人、人間の奥底にある潜在意識が人を結婚へと誘います。
    「したい」を「できる」に、それがevoLuの想いです 。

evoLu
# Reason

01

01

日本結婚相談所連盟IBJ
の加盟店

婚活を成功させるためには、まず、「出会う」ことが重要です。evoLuは、東証一部に上場している日本結婚相談所連盟IBJの正規加盟店で、業界で登録会員数No.1、成婚数No.1のプラットホームを活用できるため、圧倒的な「出会い」の場を、安定的に提供することが可能です。

02

02

東証一部上場会社の
品質基準

婚活を成功させるためには、出会った後、「交際に発展させる」ことが重要です。出会いの質がよくなければ、交際には発展しません。各加盟店の会員様は、一定の審査を通過しており、本気で結婚を考えていますので、信頼と安全が確保されており、安心して利用することが可能です。

03

03

徹底したルールと
計画的な婚活

婚活を成功させるためには、交際に発展した後、「交際を継続させる」ことが重要です。2か月間のプレ交際、1か月間の真剣交際など、各加盟店は徹底したルールの中で運用されていますので、結婚に向けて真剣に話し合うことが可能であり、計画的に婚活を進めていくことが可能です。

04

04

問題解決型・仲人型の結婚相談所

婚活を成功させるためには、様々な悩みを解決していくことが必要です。evoLuは婚活アプリ、婚活パーティ、婚活サイトでは実現できなかった結婚までのストーリーを計画的に立案し、会員様と真摯に向き合い、成婚までのロードマップを最短距離で実現するお手伝いをさせて頂きます。

05

05

カウンセラーは
経験豊富な専門家集団

婚活を成功させるためには、①出会う、②交際に発展させる、③交際を継続させる、の3つの壁をクリアすることが必要です。evoLuはこのことを熟知した経験豊富なカウンセラーで構成されています。数多くある結婚相談所の中で、本当に寄り添ってくれる専門家集団を頼ってみませんか。

  • 代表カウンセラーKURABUCHI  HITOSHI

    1972年生まれ 福岡県北九州市出身

    普段は公認会計士・税理士として、個人事業主や法人の悩み相談 に従事しています。

    趣味:悩み相談
    特技:悩み相談

    MESSAGE
    悩み解決のプロと一緒に泣いて笑って、悩みを解決しましょう!

# Image

# 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は無料でサポートします。
  • # Flow 01無料相談

    まずは、無料相談にお気軽にお問合せください。evoLuのサロンもしくは、ご指定の場所で1~2時間ご面談させて頂きます(電話、オンラインも可)。ご質問等にお応えしながら、活動のイメージやサービス・料金についてご案内します。

    scroll
  • # Flow 02ご入会

    サービス内容や料金に十分ご納得して頂いてからのご入会となります。無理な勧誘等は一切行っておりません。真剣に結婚と向き合う意思のある方が入会の条件となります。一緒に成婚までのスケジュールを計画しましょう。

    scroll
  • # Flow 03お見合い

    IBJのお見合いシステムを活用して、お見合い相手をお探し頂けます。顔写真、年齢、職業、出身地、年収などの情報を見ながら検索して頂き、お気に入りのお相手が見つかりましたら、evoLuを通じて、お見合いの申込みをします。もちろんevoLuも全力でお相手探しのお手伝いをします。 お相手の承諾がもらえると、お見合い日を決定し、お見合いとなります(仲人カウンセラーの同席も可)。日程の調整や場所の決定は、すべてevoLuにお任せください。

    scroll
  • # Flow 04プレ交際

    プレ交際とは、お見合い後、マッチングしたお相手と交際を開始することです。この期間は複数交際可となります。1か月目は、週に一度、2時間程度の食事デート、2か月目は、週に一度、半日、終日のお出かけデートなどをする期間となります。

    scroll
  • # Flow 05真剣交際

    真剣交際とは、文字通り、プレ交際後、真剣に交際を開始することです。この期間は複数交際不可となります。お気に入りのお相手を一人に絞って頂き、ご両親に挨拶したり、結婚生活のイメージや将来について話し合う期間となります。

    scroll
  • # Flow 06プロポーズ

    真剣交際期間が終了すると、いよいよプロポーズするかどうかを決める最終段階となります。これまで積み重ねてきたコミュニケーションを振り返って頂き、思い切って第一歩を踏み出しましょう。

    scroll
  • # Flow 07ご成婚

    プロポーズがうまくいけば、念願のご成婚、そして退会となります。人生の大きな転機に同席できたことに感謝しますとともに、心よりお祝い申し上げます。結婚式場やハネムーン探しなど、成婚後もevoLuは無料でサポートします。

# Plan

基本情報
シンプルプラン
スタンダードプラン
プレミアムプラン
入会金
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万円)。

※パーソナルスタイリングをご希望の方は、担当仲人カウンセラーにお問い合わせください。

※パーソナルスタイリングとは、メイク、ファッション、コミュニケーションなど、個人のスキルアップを図るためのオプションメニューになります。

# FAQ

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か月間を休会することが可能です。また、事情がある場合の中途退会もできますよ。
まずは担当カウンセラーにご相談くださいね。

SNSBLOG# Information

# Partner companies

  • # Access

  • 〒810-0042
    福岡市中央区赤坂1丁目14番22号
    センチュリー赤坂門ビル4F
    10:00 ~ 19:00(不定休) / 092-406-0895

  • # About

    会社名
    結婚相談所 evoLu
    所在地
    福岡市中央区赤坂1丁目14番22号 
    センチュリー赤坂門ビル4F
    代表者
    蔵渕 仁司
    TEL
    092-406-0895
    FAX
    092-406-4965
    MAIL
    info@evolu88.com