@charset "UTF-8";

/* リセット */
*,
::after,
::before {
box-sizing:border-box
}
body,
html {
height:100%
}
body {
line-height:1.5;
-webkit-font-smoothing:antialiased
}
canvas,
img,
picture,
svg,
video {
display:block;
max-width:100%
}
button,
input,
select,
textarea {
font:inherit
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
overflow-wrap:break-word;
margin:0;
padding:0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight:600
}
#__next,
#root {
isolation:isolate
}
ul {
margin:0;
padding:0;
list-style:none
}
em {
font-style:normal
}
address {
font-style:normal
}

:focus {
outline:0
}
:focus-visible {
outline:2px dotted #333
}
::selection {
background:#39f;
color:#fff;
text-shadow:none
}

@media print {
*,
::after,
::before {
background:0 0!important;
color:#000!important;
box-shadow:none!important;
text-shadow:none!important
}
a,
a:visited {
text-decoration:underline
}
blockquote,
pre {
border:1px solid #999;
page-break-inside:avoid
}
thead {
display:table-header-group
}
img,
tr {
page-break-inside:avoid
}
img {
max-width:100%!important
}
@page {
margin:.5cm
}
h2,
h3,
p {
orphans:3;
widows:3
}
h2,
h3 {
page-break-after:avoid
}
}
body {
color:#646464;
font-size:14px;
font-weight:400;
letter-spacing:.06em;
line-height:1;
word-break:break-word
}
body,
figure,
footer,
header,
html {
margin:0;
padding:0
}
* {
box-sizing:border-box
}
h1 {
font-weight:400
}
h2 {
font-weight:400
}
h3 {
font-weight:400
}
h4 {
font-weight:400
}
h5 {
font-weight:400
}
.pc {
display:block
}
@media (max-width:768px) {
.pc {
display:none
}
}
.sp {
display:none
}
@media (max-width:768px) {
.sp {
display:block
}
}
ol,
ul {
margin:0;
padding:0;
list-style-type:none
}
li {
list-style-type:none
}
sub,
sup {
height:0;
line-height:1;
vertical-align:baseline;
position:relative
}
sup {
bottom:1ex
}
sub {
top:.5ex
}
address {
font-style:normal
}
a {
text-decoration:none
}
@media (min-width:769px) {
a {
transition:opacity .5s ease-out
}
a:hover {
opacity:.65
}
}

main.page-top{
overflow: hidden;
}
/* フォント指定 */

.page-plan .tab-wrap .text-box,body,
.footer .fixed_btn,
.footer .clip_btn{
font-family:"Noto Sans JP",
sans-serif
}
.footer .copy,
.footer address,
.header .nav nav>ul>li a,
.header .nav nav>ul>li>span,
main.page-top .btn--01>a,
main.page-contact .btn--01>span:not(.wpcf7-spinner),
main.page-cliplist .btn--01>a,
main..page-news .btn--01>a,
main.page-top .hdg,
main.page-top .sec_about .hdg+.text-box,
main.page-top .sec_about .list--01 dl>div dt,
main.page-top .sec_dress .hdg+.text-box,
main.page-top .sec_location .hdg+.text-box,
main.page-top .sec_photo-grapher .hdg+.text-box,
main[class^=page-] .page-ttl-wrap .page-ttl {
font-family:"Noto Serif JP",serif
}
.header .nav nav>ul>li a>span,
.header .nav nav>ul>li>span>span,
main.page-top .hdg span,
main.page-top .sec_about .list--01 dl>div dt::before,
main.page-top .sec_q-n-a dl>div dt::after,
main.page-top .sec_q-n-a dl>div dd::after,
main[class^=page-] .page-ttl-wrap .page-ttl span {
font-family: "Bodoni Moda", serif;
font-optical-sizing: none;
background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sec_q-n-a {
	margin-top:-50px;
	padding-top:50px;
}

/* ページタイトル」 */
.page-ttl-wrap{
	margin: 0 auto 20px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
	height:280px;
	background: linear-gradient(0deg, #eae0d1 0%, #fceaee 100%);
	display: flex;
	align-items:center;
	justify-content:center;
}
.page-ttl-wrap .page-ttl{
	margin: 0 0 0px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
	font-size:17px;
	color:#c3a77d;
	font-weight:bold;
	letter-spacing:0.15em;
}

.page-ttl-wrap .page-ttl span{
	margin: 0 0 0px;
	padding: 0 0 10px;
	position:relative;
	text-align:center;
	font-size:60px;
	font-weight:500;
	display:block;
}
@media (max-width:768px) {
.page-ttl-wrap{
	margin: 0 auto 0;
	padding: 0 0 0;
	position:relative;
	text-align:center;
	height:150px;
	background: linear-gradient(0deg, #eae0d1 0%, #fceaee 100%);
	display: flex;
	align-items:center;
	justify-content:center;
}
.page-ttl-wrap .page-ttl{
	margin: 0 0 0px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
	font-size:13px;
	color:#c3a77d;
	font-weight:bold;
	letter-spacing:0.15em;
}

.page-ttl-wrap .page-ttl span{
	margin: 0 0 0px;
	padding: 0 0 10px;
	position:relative;
	text-align:center;
	font-size:38px;
	font-weight:500;
	display:block;
}
}

/* ボタン */

main.page-top .btn--01>a,
main.page-contact .btn--01>a,
main.page-contact .btn--01>span:not(.wpcf7-spinner),
main.page-cliplist .btn--01>a,
main.page-cliplist .btn--01>span,
main.page-news .btn--01>a,
main.page-news .btn--01>span {
display:flex;
justify-content:center;
align-content:center;
align-items:center;
font-size:14px;
text-align:center;
letter-spacing:.1em;
color:#fff;
background: linear-gradient(to right, #d7b97d 0%, #d7b97d 25%, #faa5b4 75%, #faa5b4 100%);
border-radius:50px;
max-width:230px;
min-height:50px;
margin-left:auto;
margin-right:auto;
padding:0 0 .3em;
position:relative
}
main.page-top .btn--01>a::after,
main.page-contact .btn--01>a::after,
main.page-contact .btn--01>span:not(.wpcf7-spinner)::after,
main.page-cliplist .btn--01>a::after,
main.page-cliplist .btn--01>span::after,
main.page-news .btn--01>a::after,
main.page-news .btn--01>span::after {
content:'';
display:block;
width:7px;
height:7px;
pointer-events:none;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
transform:rotate(45deg) translateY(-50%);
position:absolute;
top:50%;
right:20px
}
@media (min-width:769px) {
main.page-top .btn--01>a,
main.page-contact .btn--01>a,
main.page-contact .btn--01>span:not(.wpcf7-spinner),
main.page-cliplist .btn--01>a,
main.page-cliplist .btn--01>span,
main.page-news .btn--01>a,
main.page-news .btn--01>span {
transition:transform .5s ease-out
}
main.page-top .btn--01>a:hover,
main.page-contact .btn--01>a:hover,
main.page-contact .btn--01>span:not(.wpcf7-spinner):hover,
main.page-cliplist .btn--01>a:hover,
main.page-cliplist .btn--01>span:hover,
main.page-news .btn--01>a:hover,
main.page-news .btn--01>span:hover {
cursor:pointer;
opacity:1;
transform:translateX(10px)
}
}
main.page-top .btn--01 input[type=button],
main.page-top .btn--01 input[type=submit],
main.page-contact .btn--01 input[type=button],
main.page-contact .btn--01 input[type=submit],
main.page-cliplist .btn--01 input[type=button],
main.page-cliplist .btn--01 input[type=submit],
main.page-news .btn--01 input[type=button],
main.page-news .btn--01 input[type=submit] {
color:#fff;
width:100%;
height:100%;
max-width:230px;
min-height:50px;
display:block;
user-select:none
}
@media (min-width:769px) {
main.page-top .btn--01 input[type=button]:hover,
main.page-top .btn--01 input[type=submit]:hover,
main.page-contact .btn--01 input[type=button]:hover,
main.page-contact .btn--01 input[type=submit]:hover,
main.page-cliplist .btn--01 input[type=button]:hover,
main.page-cliplist .btn--01 input[type=submit]:hover,
main.page-news .btn--01 input[type=button]:hover,
main.page-news .btn--01 input[type=submit]:hover {
cursor:pointer
}
}
main.page-top .btn--01__fs a,
main.page-top .btn--01__fs span,
main.page-cliplist .btn--01__fs a,
main.page-cliplist .btn--01__fs span,
main.page-news .btn--01__fs a,
main.page-news .btn--01__fs span {
font-size:12px
}

/* header */

.header {
width:100%;
height:75px;
position:fixed;
z-index:997;
top:0;
left:50%;
transform:translateX(-50%);
display:flex;
justify-content:center;
align-content:center;
align-items:center;
background:#fff
}
@media (min-width:769px) {
.header {
height:100px
}
}
.header .ttl img {
width:130px;
height:auto
}
@media (min-width:769px) {
.header .ttl img {
width:400px
}
}
.header .nav {
position:fixed;
top:0;
left:-.9vw;
z-index:998;
width:100.9vw;
height:100.9vh;
display:flex;
justify-content:center;
align-content:center;
align-items:center;
background:#fff;
overflow:auto;
opacity:0;
pointer-events:none
}
@media (max-width:768px) {
.header .nav {
transition:transform .8s ease-out,opacity .8s ease-out;
transform:translateX(201%)
}
}
@media (min-width:769px) {
.header .nav {
transition:transform .5s ease-out,opacity .3s ease-out
}
}
.header .nav nav {
padding:90px 30px 30px
}
@media (min-width:769px) {
.header .nav nav>ul {
margin:auto;
max-width:900px;
position:relative
}
}
@media (min-width:769px) {
.header .nav nav>ul>li {
width:48%;
max-width:400px
}
.header .nav nav>ul>li:nth-child(4) {
position:absolute;
right:0;
top:0;
border:0
}
.header .nav nav>ul>li:nth-child(5) {
position:absolute;
right:0;
top:67px;
border:0;
border-top:solid 1px #e8e8e8
}
.header .nav nav>ul>li:nth-child(6) {
position:absolute;
right:0;
top:134px;
border:0;
border-top:solid 1px #e8e8e8
}
}
.header .nav nav>ul>li+li {
border-top:solid 1px #e8e8e8
}
.header .nav nav>ul>li a,
.header .nav nav>ul>li>span {
display:block;
padding:1.3em 30px 1.3em 0;
color:#646464;
font-weight:600
}
.header .nav nav>ul>li a>span,
.header .nav nav>ul>li>span>span {
color:#b9b9b9;
font-size:30px;
font-weight:500;
margin-right:.3em
}
.header .nav nav>ul>li a {
background-color: rgba(255,255,255,.55);
background-position: right;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A.87px%3B%7D.c%7Bfill%3A%23f096aa%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22c%22%20d%3D%22M20%2C10c0%2C5.5-4.5%2C10-10%2C10h0C4.5%2C20%2C0%2C15.5%2C0%2C10H0C0%2C4.5%2C4.5%2C0%2C10%2C0h0c5.5%2C0%2C10%2C4.5%2C10%2C10h0Z%22%2F%3E%3Cpolyline%20class%3D%22b%22%20points%3D%228.81%206.5%2012.31%2010%208.81%2013.5%22%2F%3E%3C%2Fsvg%3E');
background-size:20px;
}
.header .nav nav>ul>li ul {
margin:0 0 1.6em
}
.header .nav nav>ul>li ul a {
padding:.8em 30px .6em 0;
background-blend-mode:overlay
}
.header .nav.open {
transform:translateY(0);
opacity:1;
pointer-events:all
}
.header .nav .bien-vell {
margin-top:50px;
padding-bottom:90px;
text-align:center
}
.header .nav .bien-vell img {
margin:auto
}
.header .tog_btn {
width:35px;
height:15px;
position:absolute;
z-index:999;
top:30px;
right:30px
}
@media (min-width:769px) {
.header .tog_btn {
top:50%;
transform:translateY(-50%)
}
.header .tog_btn:hover {
cursor:pointer
}
}
.header .tog_btn a[role=button] {
display:block;
width:100%;
height:100%;
position:relative
}
.header .tog_btn a[role=button]>span {
display:block;
width:100%;
height:1px;
background:#646464;
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
transition:all .3s ease-out;
transform-origin:center
}
.header .tog_btn a[role=button]>span:nth-child(2) {
top:6px
}
.header .tog_btn a[role=button]>span:nth-child(3) {
top:12px
}
.header .tog_btn.open a[role=button]>span:nth-child(1) {
top:15px;
transform:rotate(30deg) translateX(-50%)
}
.header .tog_btn.open a[role=button]>span:nth-child(2) {
width:0
}
.header .tog_btn.open a[role=button]>span:nth-child(3) {
top:-3px;
transform:rotate(-30deg) translateX(-50%)
}
.header .tog_btn.open+.nav {
display:block
}
header+main {
margin-top:75px
}
@media (min-width:769px) {
header+main {
margin-top:100px
}
}

/* footer */


.footer {
text-align:center
}
.footer-img img {
width:100%;
height:auto
}
.footer address {
padding:50px 25px 30px;
font-weight:400;
line-height:1.6em;
letter-spacing:.1em
}
.footer .bien-vell {
margin:auto
}
.footer .bien-vell img {
margin:auto
}
.footer .copy {
font-size:11px;
color:rgba(100,100,100,.6);
padding:20px 0 40px;
}
@media (max-width:768px) {
.footer .copy {
font-size:11px;
color:rgba(100,100,100,.6);
padding:20px 0 100px;
}
}

@media (min-width:769px) {
.footer .clip_btn {
display:block;
position:fixed;
z-index:996;
top:165px;
right:0;
padding:0;
width:42px;
}
.footer .clip_btn {
display:block;
}
.footer .clip_btn a {
display:flex;
justify-content:center;
align-items:center;
align-content:center;
width:42px;
height:170px;
color:#fff;
font-size:14px;
font-weight:600;
letter-spacing:.10em;
background:#a08246;
padding:1.3em 0;
position:relative
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
border-radius: 3px 0 0 3px;
}
.footer .clip_btn a small{
font-size:12px;
margin-top:5px;
height:20px;
width:20px;
border-radius:50%;
line-height:20px;
text-align:center;
display:inline-block;
background-color:rgba(255,255,255,0.2);
transform: rotate(-90deg);
}
}

@media (max-width:768px) {
.footer .fixed_wrap {
position:fixed;
z-index:996;
bottom:0;
left:0;
padding:0;
width:100vw;
height:72px;
overflow:hidden;
display: flex;
align-items:stretch;
justify-content:space-between;
}

.footer .clip_btn {
display:block;
width:75px;
height:72px;
}
.footer .clip_btn a span span{
display:none !important;
}
.footer .clip_btn a > span{
position:absolute;
bottom:10px;
left:0px;
right:0px;
}

.footer .clip_btn a span.blank_mark::before {
content: "";
position: absolute;
top:-30px;
left:0px;
right:0px;
text-align:center;
margin:auto;
width: 22px;
height: 22px;
background-image: url(../img/common/blank_mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
z-index:10;
}
.footer .clip_btn a span.mark::before {
content: "";
position: absolute;
top:-30px;
left:0px;
right:0px;
text-align:center;
margin:auto;
width: 22px;
height: 22px;
background-image: url(../img/common/mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
z-index:10;
}
.footer .clip_btn a {
display:flex;
justify-content:center;
align-items:center;
align-content:center;
width:75px;
height:72px;
color:#fff;
font-size:12px;
font-weight:600;
letter-spacing:.01em;
background:#a08246;
padding:0 0;
position:relative;
border-radius: 0;
}
.footer .clip_btn a small{
position:absolute;
top:-47px;
right:10px;
font-size:12px;
margin-top:5px;
height:20px;
width:20px;
border-radius:50%;
line-height:20px;
text-align:center;
display:inline-block;
background-color:rgba(255,255,255,0.2);
}
}


@media (min-width:769px) {
.footer .fixed_btn {
display:block;
position:fixed;
z-index:996;
top:340px;
right:0;
padding:0;
width:42px;
}
.footer .fixed_btn .btn {
display:block;
}
.footer .fixed_btn .btn a {
display:flex;
justify-content:center;
align-items:center;
align-content:center;
width:42px;
height:130px;
color:#fff;
font-size:14px;
font-weight:600;
letter-spacing:.10em;
background:#bb9b6b;
padding:1.3em 0;
position:relative
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
border-radius: 3px 0 0 3px;
}
.footer .fixed_btn .btn:nth-child(2) a {
background:#f096aa;
margin-top:5px;
}
}
@media (max-width:768px) {
.footer .fixed_btn {
width:100%;
height:72px;
overflow:hidden;
display: flex;
align-items:center;
justify-content:space-between;
color:#fff;
font-size:15px;
font-weight:600;
letter-spacing:.04em
}
.footer .fixed_btn .btn{
width:50%;
}
.footer .fixed_btn .btn a {
display:flex;
justify-content:center;
align-items:center;
align-content:center;
height:72px;
color:#fff;
background:#bb9b6b;
padding:0 0;
position:relative
}
.footer .fixed_btn .btn:nth-child(2) a {
background:#f096aa;
}
.footer .fixed_btn .btn a::after {

}
.footer .fixed_btn .btn a>span {

}
.footer .fixed_btn .btn a img {

}
}

/* フッター　インスタアイコン追加 */
.footer .links {
  padding-top: 50px;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (max-width: 768px) {
  .footer .links {
    padding-top: 35px;
  }
}
.footer address {
  padding-top: 30px;
}

.fixed_clip-howto {
    padding: 30px 60px 25px;
    color: #646464;
    font-size: 13px;
    font-feature-settings: "palt";
    text-align: center;
    line-height: 1.6em;
    letter-spacing: 0;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 4px 0 rgba(100, 100, 100, 0.5);
    position: fixed;
    z-index: 11;
    left: 20px;
    bottom: 5%;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .fixed_clip-howto {
        width: calc(100% - 20px);
        padding: 30px 30px 25px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 80px;
    }
}
.fixed_clip-howto .close-btn {
    position: absolute;
    top: 12px;
    right: 20px;
}
@media (min-width: 768px) {
    .fixed_clip-howto .close-btn:hover {
        cursor: pointer;
    }
}
.fixed_clip-howto .close-btn img {
    height: auto;
    object-fit: contain;
}
@media (min-width: 768px) {
    .fixed_clip-howto .close-btn img {
        width: 20px;
    }
}
@media (max-width: 768px) {
    .fixed_clip-howto .close-btn img {
        width: 4.7vw;
    }
}
.fixed_clip-howto .hdg {
    color: #A08246;
    font-size: 14px;
    font-weight: 700;
}
.fixed_clip-howto > img {
    display: block;
    margin: 10px auto 20px;
    height: auto;
    object-fit: contain;
}
@media (min-width: 768px) {
    .fixed_clip-howto > img {
        width: 140px;
    }
}
@media (max-width: 768px) {
    .fixed_clip-howto > img {
        width: 40.5vw;
    }
}


/* KVブロック */

@media (min-width:769px) {
.kv{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	background-image: url(../img/top/kv_bg.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	background-color:#f2ece3;
	height:768px;
}

.kv_lead{
	margin: 0 auto;
	padding: 0 0;
	position:absolute;
	bottom:85px;
	left:0;
	right:0;
	text-align:center;
	font-family:"Noto Serif JP",serif;
font-size:27px;
font-weight:bold;
color:#fff;
color:#aa8246;
letter-spacing:0.3em;
}

.kv_slide_txt{
align-items: center;
display: flex;
	margin: 0 auto;
	padding: 0 0;
	position:absolute;
	bottom:25px;
	left:0;
	right:0;
	text-align:center;
width: 100%;
overflow: hidden;
white-space:nowrap;
}
.kv_slide_txt ul {
	animation: flowing 50s linear infinite;
	font-size: 20px;
	transform:translateX(100%);
	margin: 0;
	padding: 0;
}
.kv_slide_txt ul li{
display: inline-block;
padding-right: 100px;
font-family: "Bodoni Moda", serif;
font-optical-sizing: none;
font-size:145px;
font-weight:normal;
color:#fff;
color:#aa8246;
letter-spacing:0.01em;
opacity:0.15;
}
@keyframes flowing {
0% { transform:translateX(0); }
100% { transform:translateX(-100%); }
}

.kv_img{
max-width:1040px;
width:90%;
margin-left:auto;
margin-right:auto;
padding:90px 0 0 0;
display: flex;
align-items:center;
justify-content:space-between;
}
}

/* フェードイン */
.fadeIn600ms {
animation-name: fadeIn600ms;
animation-delay: 600ms;
animation-duration: 1.0s;
animation-fill-mode: forwards;
transform: translateX(50px);
opacity: 0;
}
@keyframes fadeIn600ms {
0% {
}
100% {
transform: translateX(0);
opacity: 1;
}
}

.fadeIn300ms {
animation-name: fadeIn300ms;
animation-delay: 300ms;
animation-duration: 1.0s;
animation-fill-mode: forwards;
transform: translateX(-50px);
opacity: 0;
}
@keyframes fadeIn300ms {
0% {
}
100% {
transform: translateX(0);
opacity: 1;
}
}

.fadeIn0ms {
animation-name: fadeIn0ms;
animation-delay: 0ms;
animation-duration: 1.0s;
animation-fill-mode: forwards;
transform: translateX(50px);
opacity: 0;
}
@keyframes fadeIn0ms {
0% {
}
100% {
transform: translateX(0);
opacity: 1;
}
}



/* KVブロック スマホ */
@media (max-width:768px) {
.kv{
	margin: 0 auto 30px;
	padding: 0 0;
	position:relative;
	text-align:center;
	background-image: url(../img/top/sp_kv_bg.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	background-color:#f2ece3;
	height:709px;
}

.kv_lead{
	margin: 0 auto;
	padding: 0 0;
	position:absolute;
	bottom:30px;
	left:0;
	right:0;
	text-align:center;
	font-family:"Noto Serif JP",serif;
font-size:14px;
font-weight:bold;
color:#fff;
color:#aa8246;
letter-spacing:0.10em;
}

.kv_slide_txt{
align-items: center;
display: flex;
	margin: 0 auto;
	padding: 0 0;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	text-align:center;
width: 100%;
overflow: hidden;
white-space:nowrap;
}
.kv_slide_txt ul {
	animation: flowing 50s linear infinite;
	font-size: 20px;
	transform:translateX(100%);
	margin: 0;
	padding: 0;
}
.kv_slide_txt ul li{
display: inline-block;
padding-right: 50px;
font-family: "Bodoni Moda", serif;
font-optical-sizing: none;
font-size:90px;
font-weight:normal;
color:#fff;
color:#aa8246;
letter-spacing:0.01em;
opacity:0.15;
}
@keyframes flowing {
0% { transform:translateX(0); }
100% { transform:translateX(-100%); }
}
.kv_img{
width:100%;
position:relative;
margin-left:auto;
margin-right:auto;
padding:0px 0 0 0;
}

img.kv_img1{
width:auto;
height:252px;
position:absolute;
top:340px;
left:30px;
}
img.kv_img2{
width:auto;
height:252px;
margin: 0 auto;
padding: 0 0;
position:absolute;
top:75px;
left:0;
right:0;
text-align:center;
}
img.kv_img3{
width:auto;
height:252px;
position:absolute;
top:260px;
right:20px;
}
}


/* NEWSブロック */

.sec_news {
	margin-top:-50px;
	padding-top:50px;
}

main.page-top .sec_news .inner {
padding:50px 40px;
}
@media (min-width:769px) {
main.page-top .sec_news .inner {
margin-left:auto;
margin-right:auto;
padding:70px 0;
max-width:calc(100% - 90px);
}
}
@media (min-width:1200px) {
main.page-top .sec_news .inner {
max-width:1080px;
}
}
main.page-top .sec_news .hdg span {
font-size:33px;
display:flex;
justify-content:center
}
@media (min-width:769px) {
main.page-top .sec_news .hdg span {
font-size:68px;
display:flex;
justify-content:center
}
}
main.page-top .sec_news .news_list>ul {
margin-top:20px
}
@media (min-width:769px) {
main.page-top .sec_news .news_list>ul {
margin-top:50px;
display:flex
}
}
main.page-top .sec_news .news_list>ul>li {
box-sizing:border-box
}
@media (max-width:768px) {
main.page-top .sec_news .news_list>ul>li:nth-child(n+3) {

}
main.page-top .sec_news .news_list>ul>li+li {
margin-top:20px
}
}
@media (min-width:769px) {
main.page-top .sec_news .news_list>ul>li {
width:calc(100%/3 - 2/3 * 60px)
}
main.page-top .sec_news .news_list>ul>li+li {
margin-left:60px
}
main.page-top .sec_news .news_list>ul>li:nth-child(n+4) {
display:none
}
}
main.page-top .sec_news .news_list a {
color:#646464
}
main.page-top .sec_news .news_list .news_thum {
text-align:center;
width:100%;
overflow:hidden;
aspect-ratio:320/150
}
main.page-top .sec_news .news_list .news_thum img {
width:100%;
height:100%;
object-fit:cover;
object-position:center
}
main.page-top .sec_news .news_list .news_ttl {
margin-top:15px;
font-size:14px;
font-weight:500;
text-align:center
}
main.page-top .sec_news .btn--01 {
margin-top:30px
}
@media (min-width:769px) {
main.page-top .sec_news .btn--01 {
margin-top:50px
}
}




/* COLLECTIONブロック */
@media (min-width:769px) {
main.page-top .sec_collection {
	margin: 0 auto;
	padding: 60px 0;
	position:relative;
	text-align:center;
	background: linear-gradient(180deg, #fceaee 0%, #eae1d2 100%);
}
main.page-top .sec_collection .inner {
padding:60px 60px;
width:100%;
margin-left:auto;
margin-right:auto;
background-color:#fff;
position:relative;
text-align:center;
}
main.page-top .sec_collection .inner {
max-width:1200px
}
main.page-top .sec_collection .hdg {
display:flex;
justify-content:center;
margin-bottom:30px;
}
main.page-top .sec_collection .hdg span {
display:inline-block;
font-size:58px;
line-height:1.3em
}
main.page-top ul.collection_list{
	margin: 0 auto 30px;
	padding: 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:stretch;
	justify-content:space-between;
}
main.page-top ul.collection_list li{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:23.4%;
}
main.page-top ul.collection_list li:nth-child(5),
main.page-top ul.collection_list li:nth-child(6),
main.page-top ul.collection_list li:nth-child(7),
main.page-top ul.collection_list li:nth-child(8){
	display:none;
}
main.page-top ul.collection_list li a{
	color:#646464;
}
.collection_thum img{
width:100%;
height:auto;
}
.collection_block{
	margin: 0 0;
	padding: 30px 0 0;
	position:relative;
	text-align:left;
	display: flex;
	align-items:stretch;
	justify-content:space-between;
}
.collection_block:before{
	position: absolute;
	top: 0px;
	right: 0;
	max-width: 150px;
	width: 12vw;
	height: 150px;
	content: '';
	background-color: #e1f0e6;
}
.collection_block h3{
	margin: 0 0;
	padding: 28px 0 0 0;
	position:relative;
	text-align:left;
	width:auto;
	writing-mode: vertical-rl;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	font-size:19px;
	line-height:1.2;
	font-weight:600;
	color:#8caa8c;
	letter-spacing:0.10em;
	background-image: url(../img/top/collection_list.svg);
	background-repeat: no-repeat;
	background-position: left 1px top;
	background-size: auto;
}
.collection_block h4{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:75%;
	font-family:"Noto Serif JP",serif;
	font-size:17px;
	line-height:1.0;
	font-weight:bold;
	letter-spacing:0.10em;
}
.collection_block h4 small{
	margin: 20px 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:90%;
	font-family:"Noto Sans JP",sans-serif;
	font-size:13px;
	line-height:1.8;
	font-weight:normal;
	letter-spacing:0.05em;
	display:block;
}
li.collection_list2 .collection_block:before{
	background-color: #f1f1f1;
}
li.collection_list2 .collection_block h3{
	color:#848484;
	background-image: url(../img/top/collection_list2.svg);
}
li.collection_list3 .collection_block:before{
	background-color: #fceff2;
}
li.collection_list3 .collection_block h3{
	color:#ef96a9;
	background-image: url(../img/top/collection_list3.svg);
}
li.collection_list4 .collection_block:before{
	background-color: #ebf0ff;
}
li.collection_list4 .collection_block h3{
	color:#7896c7;
	background-image: url(../img/top/collection_list4.svg);
}
}


/* COLLECTIONブロック スマホ*/
@media (max-width:768px) {
main.page-top .sec_collection {
	margin: 0 auto;
	padding: 30px 0;
	position:relative;
	text-align:center;
	background: linear-gradient(180deg, #fceaee 0%, #eae1d2 100%);
}
main.page-top .sec_collection .inner {
padding:40px 0;
width:90%;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}
main.page-top .sec_collection .hdg {
display:flex;
justify-content:center;
margin-bottom:30px;
}
main.page-top .sec_collection .hdg span {
font-size:33px;
}
main.page-top ul.collection_list{
	margin: 0 auto 20px;
	padding: 0 0;
	position:relative;
	text-align:center;

}
main.page-top ul.collection_list li{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:252px;
}
main.page-top ul.collection_list li a{
	color:#646464;
}
.collection_thum img{
width:100%;
height:auto;
}
.collection_block{
	margin: 0 0;
	padding: 30px 0 0;
	position:relative;
	text-align:left;
	display: flex;
	align-items:stretch;
	justify-content:space-between;
}
.collection_block:before{
	position: absolute;
	top: 0px;
	right: 0;
	max-width: 150px;
	width: 150px;
	height: 150px;
	content: '';
	background-color: #e1f0e6;
}
.collection_block h3{
	margin: 0 0;
	padding: 28px 0 0 0;
	position:relative;
	text-align:left;
	width:auto;
	writing-mode: vertical-rl;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	font-size:19px;
	line-height:1.2;
	font-weight:600;
	color:#8caa8c;
	letter-spacing:0.10em;
	background-image: url(../img/top/collection_list.svg);
	background-repeat: no-repeat;
	background-position: left 1px top;
	background-size: auto;
}
.collection_block h4{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:75%;
	font-family:"Noto Serif JP",serif;
	font-size:17px;
	line-height:1.0;
	font-weight:bold;
	letter-spacing:0.10em;
}
.collection_block h4 small{
	margin: 20px 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:90%;
	font-family:"Noto Sans JP",sans-serif;
	font-size:13px;
	line-height:1.8;
	font-weight:normal;
	letter-spacing:0.05em;
	display:block;
}
li.collection_list2 .collection_block:before{
	background-color: #f1f1f1;
}
li.collection_list2 .collection_block h3{
	color:#848484;
	background-image: url(../img/top/collection_list2.svg);
}
li.collection_list3 .collection_block:before{
	background-color: #fceff2;
}
li.collection_list3 .collection_block h3{
	color:#ef96a9;
	background-image: url(../img/top/collection_list3.svg);
}
li.collection_list4 .collection_block:before{
	background-color: #ebf0ff;
}
li.collection_list4 .collection_block h3{
	color:#7896c7;
	background-image: url(../img/top/collection_list4.svg);
}
}



/* GALLERYブロック */
@media (min-width:769px) {
main.page-top .sec_gallery {
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	background-color:#fdf2f5;
}
main.page-top .sec_gallery .inner {
padding:90px 0 120px;

margin-left:auto;
margin-right:auto;
}
main.page-top .sec_gallery .inner {
max-width:auto;
}
main.page-top .sec_gallery .hdg {
display:flex;
justify-content:center;
margin-bottom:30px;
}
main.page-top .sec_gallery .hdg span {
display:inline-block;
font-size:58px;
line-height:1.3em;
}
ul.gallery_list{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
}
ul.gallery_list li{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:300px;
}
ul.gallery_list li img{
width:100%;
height:auto;
}
}

/* GALLERYブロック ポップアップ設定*/
@media (min-width:769px) {
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: linear-gradient(0deg, #aa8246 0%, #ffaad2 100%)!important;
opacity: 0.95!important;
}
.gallery-arrow{
position: absolute;
top: 50%;
display: block;
width: 42px;
height: 34px;
text-align: center;
cursor: pointer;
z-index: 1046;
left: 50%;
}

.gallery-arrow-left:before{
content: url(../img/top/arr_l.svg);
}

.gallery-arrow-right:before{
content: url(../img/top/arr_r.svg);
}
.mfp-container {
padding-left: 60px!important;
padding-right: 60px!important;
}
}
@media (max-width:768px) {
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: 1042;
overflow: hidden;
position: fixed !important;
background: linear-gradient(0deg, #aa8246 0%, #ffaad2 100%)!important;
opacity: 0.95!important;
}
.mfp-wrap {
top: 0 !important;
left: 0;
width: 100%;
height: 100% !important;
z-index: 1043;
position: fixed !important;
outline: none !important;
-webkit-backface-visibility: hidden;
overflow: hidden auto !important;
}
.mfp-image-holder .mfp-content {
  max-width: 90%!important;
}
.gallery-arrow{
position: absolute;
top: 50%;
display: block;
width: 42px;
height: 34px;
text-align: center;
cursor: pointer;
z-index: 1046;

}

.gallery-arrow-left{
left: 0;
margin-left:0!important;
}

.gallery-arrow-right{
right: 0;
margin-left:0!important;
}
.gallery-arrow-left:before{
content: url(../img/top/arr_l.svg);
}

.gallery-arrow-right:before{
content: url(../img/top/arr_r.svg);
}
.mfp-container {
padding-left: 0px!important;
padding-right: 0px!important;
}
}

.mfp-figure:after {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.0)!important;
}
.mfp-image-holder:hover {
cursor: auto;
}
.mfp-image-holder .mfp-close {
opacity: 1.0!important;
cursor: pointer!important;
 }
.mfp-image-holder .mfp-close img.mfp-close {
width: 40px;
height: 30px;
padding: 0 0 0 0 !important;
right: 6px!important;
opacity: 1.0!important;
 }
.mfp-image-holder .mfp-close:hover {
cursor: pointer!important;
 }

/* GALLERYブロック スマホ*/
@media (max-width:768px) {
main.page-top .sec_gallery {
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	background-color:#fdf2f5;
}
main.page-top .sec_gallery .inner {
padding:50px 0 60px;
}
main.page-top .sec_gallery .hdg {
display:flex;
justify-content:center;
margin-bottom:30px;
}
main.page-top .sec_gallery .hdg span {
font-size:33px;
}
ul.gallery_list{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
}
ul.gallery_list li{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:252px;
}
ul.gallery_list li img{
width:100%;
height:auto;
}
.mfp-container {
padding-left: 10px!important;
padding-right: 10px!important;
}
}







/* 選ばれる理由ブロック */
@media (min-width:769px) {
main.page-top .sec_reason {
	background-image: url(../img/top/separator.svg),url(../img/top/reason_bg.svg);
	background-repeat: repeat-x,no-repeat;
	background-position: center bottom,center top 460px;
	background-size: auto,auto;
}
main.page-top .sec_reason .inner {
padding:95px 0;
width:90%;
margin-left:auto;
margin-right:auto;
position:relative;
}
main.page-top .sec_reason .inner {
max-width:1080px;

}
main.page-top .sec_reason .reason_tit {
display:flex;
justify-content:center;
margin-bottom:50px;
}
.reason_tit_bg{
	margin: 0 auto;
	padding: 0 0;
	position:absolute;
	top:-60px;
	right:-60px;
	z-index:1;
}
.reason_tit_bg img {
display: block;
width: 100%;
height: auto;
animation: rotateClockwise 120s linear infinite;
transform-origin: center center;
}
@keyframes rotateClockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
ul.reason_list{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.reason_list li{
	margin: 0 0 50px;
	padding: 0 0;
	position:relative;
	text-align:center;
	max-width:300px;
	width:29%;
}
.reason_thum img{
width:100%;
height:auto;
}
ul.reason_list li em{
	margin: 0 0;
	padding: 0 0;
	position:absolute;
	top:0px;
	left:-5px;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:60px;
	line-height:60px;
	font-weight:normal;
	letter-spacing:0.00em;
}
ul.reason_list li h3{
	margin: 0 0;
	padding: 30px 0 20px;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:20px;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.00em;
}
ul.reason_list li h3 small{
	font-size:15px;
	display:block;
}
ul.reason_list li p{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	font-family:"Noto Sans JP",sans-serif;
	font-size:14px;
	line-height:1.6;
	font-weight:normal;
	letter-spacing:0.00em;
	display:block;
	white-space:nowrap;
}
}

/* 選ばれる理由ブロック スマホ*/
@media (max-width:768px) {
main.page-top .sec_reason {
	background-image: url(../img/top/separator.svg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 40px;
}
main.page-top .sec_reason .inner {
padding:50px 0 90px;
margin-left:auto;
margin-right:auto;
position:relative;
}
main.page-top .sec_reason .reason_tit {
display:flex;
justify-content:center;
margin-bottom:40px;
}
.reason_tit_bg{
	margin: 0 auto;
	padding: 0 0;
	position:absolute;
	top:-110px;
	right:10px;
	z-index:1;
	width:135px;
}
.reason_tit_bg img {
display: block;
width: 100%;
height: auto;
animation: rotateClockwise 120s linear infinite;
transform-origin: center center;
}
@keyframes rotateClockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
ul.reason_list{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;

}
ul.reason_list li{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:270px;
}
.reason_thum img{

}
ul.reason_list li em{
	margin: 0 0;
	padding: 0 0;
	position:absolute;
	top:0px;
	left:-10px;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:55px;
	line-height:55px;
	font-weight:normal;
	letter-spacing:0.00em;
}
ul.reason_list li h3{
	margin: 0 0;
	padding: 20px 0 20px;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.00em;
	font-feature-settings: 'palt';
}
ul.reason_list li h3 small{
	font-size:14px;
	display:block;
}
ul.reason_list li p{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	font-family:"Noto Sans JP",sans-serif;
	font-size:14px;
	line-height:1.6;
	font-weight:normal;
	letter-spacing:0.00em;
	display:block;
}
}



/* PLANブロック */
@media (min-width:769px) {
main.page-top .sec_plan.separator {
	background-image: url(../img/top/separator.svg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto;
	padding-bottom:50px;
}
main.page-top .sec_plan .inner {
padding:100px 0;
width:90%;
margin-left:auto;
margin-right:auto
}
main.page-top .sec_plan .inner {
max-width:1080px
}
main.page-top .sec_plan .hdg {
display:flex;
justify-content:center;
margin-bottom:80px;
}
main.page-top .sec_plan .hdg span {
display:inline-block;
font-size:58px;
line-height:1.3em
}
main.page-top .sec_plan h3 {
	margin: 0 0 80px;
	padding: 20px 0 20px;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:30px;
	color:#f096aa;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.15em;
	border-top:1px solid #f096aa;
	border-bottom:1px solid #f096aa;
}

main.page-top .sec_plan h3 small{
	font-size:14px;
	font-weight:500;
	letter-spacing:0.01em;
	position:absolute;
	bottom:-30px;
	right:0;
}
main.page-top .plan_main{
	margin: 0 auto 100px;
	padding: 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:flex-start;
justify-content:space-between;
}
main.page-top .plan_main .plan_main_img{
	margin: 0 5vw 0 -140px;
	padding: 0 0;
	position:relative;
	text-align:center;
}

main.page-top .plan_main .plan_main_img:before{
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	content: '';
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	z-index:-1;
}
main.page-top .plan_main .plan_main_txt{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:475px;
}
main.page-top .plan_main .plan_main_txt h4{
	margin: 0 0 20px;
	padding: 0 0 12px;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:22px;
	color:#f096aa;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.15em;
}
main.page-top .plan_main .plan_main_txt h4 small{
	margin: 0 0 15px;
	padding: 0 0;
	position:relative;
	text-align:center;
	font-family:"Noto Sans JP",sans-serif;
	font-size:14px;
	color:#f096aa;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.10em;
	display:block;
}
main.page-top .plan_main .plan_main_txt h4 span{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:60px;
	line-height:55px;
	font-weight:normal;
	letter-spacing:0.00em;
	opacity:0.4;
	white-space:nowrap;
}
ul.planset_list{
	margin: 0 auto 20px;
	padding: 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.planset_list li{
	margin: 0 0 5px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:24%;
	font-size:14px;
	line-height:2.0;
	font-weight:500;
	letter-spacing:0.05em;
	display:block;
}
ul.planset_list_txt{
	margin: 0 0 ;
	padding: 0 0;
	position:relative;
	text-align:left;
}
ul.planset_list_txt li{
	margin: 0 0 ;
	padding: 0 0 0 20px;
	position:relative;
	text-align:left;
	font-size:15px;
	line-height:1.8;
	font-weight:500;
	letter-spacing:0.00em;
	background-image: url(../img/top/planset_list_txt.svg);
	background-repeat: no-repeat;
	background-position: left top 55%;
	background-size: auto;
}

main.page-top ul.plan_list{
	margin: 0 auto 50px;
	padding: 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}
main.page-top ul.plan_list_center{
	margin: 0 auto 70px;
	padding: 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
}
main.page-top ul.plan_list li{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:30%;
}

main.page-top ul.plan_list_center li{
	margin: 0 2.5% 0;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:30%;
}
main.page-top ul.plan_list li .plan_thum{
	margin: 0 auto 20px;
	padding: 0 0;
	position:relative;
	text-align:center;
}

img.plan_list_link{
	position:absolute;
	bottom:20px;
	right:20px;
}

main.page-top ul.plan_list li h5{
	margin: 0 auto 20px;
	padding: 5px 10px;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:17px;
	color:#fff;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.05em;
	display:inline-block;
	background: linear-gradient(90deg, #d7b97d 25%, #faa5b4 75%);
}

main.page-top ul.plan_list li h6{
	margin: 0 auto 25px;
	padding: 0 0 5px;
	position:relative;
	text-align:center;
	font-family:"Noto Sans JP",sans-serif;
	font-size:30px;
	color:#646464;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.00em;
	display:block;
}
main.page-top ul.plan_list li h6 b{
	font-size:20px;
}
main.page-top ul.plan_list li h6 small{
	font-size:13px;
}
main.page-top ul.plan_list li h6:before {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: '';
	background: linear-gradient(90deg, #d7b97d 25%, #faa5b4 75%);
}
main.page-top ul.plan_list li p{
	margin: 0 auto 20px;
	padding: 0 0;
	position:relative;
	text-align:center;
	font-size:14px;
	color:#646464;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.00em;
}

main.page-top .plan_box{
	margin: 0 auto 100px;
	padding: 25px 0;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:18px;
	color:#f096aa;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.15em;
	background: linear-gradient(90deg, #f7f1e7 25%, #feeef0 75%);
}

main.page-top ul.perk_list{
	margin: 0 auto 0;
	padding: 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
main.page-top ul.perk_list li{
	margin: 0 0 50px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:30%;
	background-color:#f7f7f7;
}

main.page-top ul.perk_list li .perk_thum img{
	width:100%;
	height:auto;
}
main.page-top ul.perk_list li em{
	margin: 0 0;
	padding: 15px 0 0 15px;
	text-align:left;
	position:absolute;
	top:0;
	left:0;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	color:#fff;
	font-size:26px;
	line-height:26px;
	font-weight:normal;
	letter-spacing:0.00em;
	z-index:10;
	overflow: hidden;
	width: 110px;
	height: 110px;
}
main.page-top ul.perk_list li em:before{
	position: absolute;
	top: -85px;
	left: -85px;
	width: 160px;
	height: 160px;
	content: '';
	background: linear-gradient(45deg, #d7b97d 15%, #faa5b4 55%);
	transform: rotate(-45deg);
	z-index:-1;
}
main.page-top ul.perk_list li h4{
	margin: 0 0;
	padding: 20px 0;
	position:relative;
	text-align:center;
	font-size:17px;
	line-height:1.5;
	font-weight:500;
	letter-spacing:0.05em;
}
main.page-top ul.perk_list li h4 strong{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:center;
	font-size:20px;
	color:#f096aa;
}
main.page-top .sec_plan .note_txt{
	position:absolute;
	bottom:-30px;
	right:0;
	text-align:right;
	font-size:13px;
}

main.page-top .sec_plan .otherplan_block{
	margin: 0 auto 0;
	padding: 0 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:center;
	justify-content:space-between;

}

main.page-top .sec_plan .otherplan_img{
	margin: 0 0 20px -5% ;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:20%;
}

main.page-top .sec_plan ul.otherplan_list{
	margin: 0 0 20px 20px;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:880px;
}
main.page-top .sec_plan ul.border_bottom{
	padding:30px 0 30px;
	border-bottom:1px dotted #faa5b4;
}
main.page-top .sec_plan ul.otherplan_list li{
	margin: 0 0;
	padding: 10px 0;
	position:relative;
	text-align:left;
	display: flex;
	align-items:center;
	justify-content:space-between;
}
main.page-top .sec_plan ul.otherplan_list li.otherplan_txt{
	margin: 0 0 0;
	padding: 0 0 20px;
	position:relative;
	text-align:left;

	font-size:15px;
	line-height:1.5;
	font-weight:500;
	letter-spacing:0.05em;
}
main.page-top .sec_plan ul.otherplan_list h4{
	margin: 0 0 0 0;
	padding: 10px 0;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:18px;
	color:#fff;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.05em;
	background: linear-gradient(90deg, #d7b97d 25%, #faa5b4 75%);
	width:186px;
	white-space:nowrap;
}
main.page-top .sec_plan ul.otherplan_list p{
	margin: 0 0 0 20px;
	padding: 0 0;
	position:relative;
	text-align:left;

	font-size:15px;
	line-height:1.5;
	font-weight:500;
	letter-spacing:0.05em;
	width:70%;
}
main.page-top .sec_plan ul.otherplan_list li h5{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:center;
	font-family:"Noto Sans JP",sans-serif;
	font-size:26px;
	color:#646464;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.00em;
	white-space:nowrap;
}
main.page-top .sec_plan ul.otherplan_list li h5 b{
	font-size:17px;
}
main.page-top .sec_plan ul.otherplan_list li h5 small{
	font-size:13px;
}
}

/* PLANブロック スマホ*/
@media (max-width:768px) {
main.page-top .sec_plan.separator {
	background-image: url(../img/top/separator.svg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 40px;
}
main.page-top .sec_plan .inner {
padding:50px 20px 50px;
}
main.page-top .sec_plan .hdg {
display:flex;
justify-content:center;
margin-bottom:30px;
}
main.page-top .sec_plan .hdg span {
font-size:33px;
}
main.page-top .sec_plan h3 {
	margin: 0 0 50px;
	padding: 20px 0 20px;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:20px;
	color:#f096aa;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.15em;
	border-top:1px solid #f096aa;
	border-bottom:1px solid #f096aa;
}

main.page-top .sec_plan h3 small{
	font-size:13px;
	font-weight:500;
	letter-spacing:0.00em;
	position:absolute;
	bottom:-30px;
	right:0;
	left:0;
}
main.page-top .plan_main{
	margin: 0 auto 50px;
	padding: 0 0;
	position:relative;
	text-align:center;
}
main.page-top .plan_main .plan_main_img{
	margin: 0 auto 30px;
	padding: 0 0;
	position:relative;
	text-align:center;
}
main.page-top .plan_main .plan_main_img img{
width:100%;
height:auto;
}
main.page-top .plan_main .plan_main_img:before{
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	content: '';
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	z-index:-1;
}
main.page-top .plan_main .plan_main_txt{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:center;
}
main.page-top .plan_main .plan_main_txt h4{
	margin: 0 0 20px;
	padding: 0 0 6px;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:16px;
	color:#f096aa;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.15em;
}
main.page-top .plan_main .plan_main_txt h4 small{
	margin: 0 0 15px;
	padding: 0 0;
	position:relative;
	text-align:center;
	font-family:"Noto Sans JP",sans-serif;
	font-size:13px;
	color:#f096aa;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.05em;
	display:block;
}
main.page-top .plan_main .plan_main_txt h4 span{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:45px;
	line-height:40px;
	font-weight:normal;
	letter-spacing:0.00em;
	opacity:0.4;
	white-space:nowrap;
}
ul.planset_list{
	margin: 0 auto 20px;
	padding: 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.planset_list li{
	margin: 0 0 5px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:24%;
	font-size:13px;
	line-height:2.0;
	font-weight:500;
	letter-spacing:0.05em;
	display:block;
}
ul.planset_list li img{
	width:100%;
}
ul.planset_list_txt{
	margin: 0 0 ;
	padding: 0 0;
	position:relative;
	text-align:left;
}
ul.planset_list_txt li{
	margin: 0 0 ;
	padding: 0 0 0 20px;
	position:relative;
	text-align:left;
	font-size:14px;
	line-height:1.8;
	font-weight:500;
	letter-spacing:0.00em;
	background-image: url(../img/top/planset_list_txt.svg);
	background-repeat: no-repeat;
	background-position: left top 55%;
	background-size: auto;
}

main.page-top ul.plan_list{
	margin: 0 auto 30px;
	padding: 0 0;
	position:relative;
	text-align:center;

}
main.page-top ul.plan_list_center{
	margin: 0 auto 30px;
	padding: 0 0;
	position:relative;
	text-align:center;

}
main.page-top ul.plan_list li{
	margin: 0 0 40px;
	padding: 0 0;
	position:relative;
	text-align:center;

}

main.page-top ul.plan_list li .plan_thum{
	margin: 0 auto 20px;
	padding: 0 0;
	position:relative;
	text-align:center;
}
main.page-top ul.plan_list li .plan_thum img{
	width:100%;
}
main.page-top ul.plan_list li .plan_thum img.plan_list_link{
	position:absolute;
	bottom:20px;
	right:20px;
	width:auto;
}

main.page-top ul.plan_list li h5{
	margin: 0 auto 10px;
	padding: 3px 10px;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:17px;
	color:#fff;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.05em;
	display:inline-block;
	background: linear-gradient(90deg, #d7b97d 25%, #faa5b4 75%);
}

main.page-top ul.plan_list li h6{
	margin: 0 auto 25px;
	padding: 0 0 5px;
	position:relative;
	text-align:center;
	font-family:"Noto Sans JP",sans-serif;
	font-size:30px;
	color:#646464;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.05em;
	display:block;
}
main.page-top ul.plan_list li h6 b{
	font-size:20px;
}
main.page-top ul.plan_list li h6 small{
	font-size:13px;
}
main.page-top ul.plan_list li h6:before {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: '';
	background: linear-gradient(90deg, #d7b97d 25%, #faa5b4 75%);
}
main.page-top ul.plan_list li p{
	margin: 0 auto 20px;
	padding: 0 0;
	position:relative;
	text-align:center;
	font-size:14px;
	color:#646464;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.00em;
}

main.page-top .plan_box{
	margin: 0 auto 50px;
	padding: 20px 0;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:15px;
	color:#f096aa;
	line-height:1.4;
	font-weight:bold;
	letter-spacing:0.10em;
	background: linear-gradient(90deg, #f7f1e7 25%, #feeef0 75%);
}

main.page-top ul.perk_list{
	margin: 0 auto 0;
	padding: 0 0;
	position:relative;
	text-align:center;
}
main.page-top ul.perk_list li{
	margin: 0 0 0px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:252px;
	background-color:#f7f7f7;
}

main.page-top ul.perk_list li .perk_thum img{
	width:100%;
	height:auto;
}
main.page-top ul.perk_list li em{
	margin: 0 0;
	padding: 15px 0 0 15px;
	text-align:left;
	position:absolute;
	top:0;
	left:0;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	color:#fff;
	font-size:21px;
	line-height:21px;
	font-weight:normal;
	letter-spacing:0.00em;
	z-index:10;
	overflow: hidden;
	width: 110px;
	height: 110px;
}
main.page-top ul.perk_list li em:before{
	position: absolute;
	top: -95px;
	left: -95px;
	width: 160px;
	height: 160px;
	content: '';
	background: linear-gradient(45deg, #d7b97d 15%, #faa5b4 55%);
	transform: rotate(-45deg);
	z-index:-1;
}
main.page-top ul.perk_list li h4{
	margin: 0 0;
	padding: 15px 0;
	position:relative;
	text-align:center;
	font-size:16px;
	line-height:1.5;
	font-weight:500;
	letter-spacing:0.05em;
}
main.page-top ul.perk_list li h4 strong{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:center;
	font-size:18px;
	color:#f096aa;
}
main.page-top .sec_plan .note_txt{
	position:absolute;
	bottom:-25px;
	right:5px;
	text-align:right;
	font-size:13px;
}
main.page-top .sec_plan .otherplan_txt{
	margin: 0 0 0;
	padding: 10px 0 0px;
	position:relative;
	text-align:left;

	font-size:15px;
	line-height:1.5;
	font-weight:500;
	letter-spacing:0.05em;
}
main.page-top .sec_plan .otherplan_block{
	margin: 0 auto 0;
	padding: 40px 0 0;
	position:relative;
	text-align:center;
}

main.page-top .sec_plan .otherplan_img{
	margin: 0 0 0 0 ;
	padding: 0 0;
	position:relative;
	text-align:right;

}
main.page-top .sec_plan .otherplan_img img{
	width:160px;
	float:right;
}
main.page-top .sec_plan .otherplan_img img.otherplan_img2{
margin-top:-70px;
}
main.page-top .sec_plan ul.otherplan_list{
	margin: 0 0 20px;
	padding: 0 0;
	position:relative;
	text-align:left;

}
main.page-top .sec_plan ul.border_bottom{
	padding:80px 0 10px;
	border-bottom:1px dotted #faa5b4;
}
main.page-top .sec_plan ul.otherplan_list li{
	margin: 0 0;
	padding: 10px 0;
	position:relative;
	text-align:left;

}
main.page-top .sec_plan ul.otherplan_list li.otherplan_txt{
	display:none;
}
main.page-top .sec_plan ul.otherplan_list h4{
	margin: 0 0 10px 0;
	padding: 8px 0;
	position:relative;
	text-align:center;
	font-family:"Noto Serif JP",serif;
	font-size:16px;
	color:#fff;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0.05em;
	background: linear-gradient(90deg, #d7b97d 25%, #faa5b4 75%);
	width:165px;
	white-space:nowrap;
}
main.page-top .sec_plan ul.otherplan_list p{
	margin: 0 0 10px;
	padding: 0 0;
	position:relative;
	text-align:left;

	font-size:15px;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.00em;
}
main.page-top .sec_plan ul.otherplan_list li h5{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:right;
	font-family:"Noto Sans JP",sans-serif;
	font-size:26px;
	color:#646464;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.00em;
	white-space:nowrap;
}
main.page-top .sec_plan ul.otherplan_list li h5 b{
	font-size:17px;
}
main.page-top .sec_plan ul.otherplan_list li h5 small{
	font-size:13px;
}
}



/* FLOWブロック */
@media (min-width:769px) {
main.page-top .sec_flow {
	position:relative;
}
main.page-top .sec_flow .inner {
padding:60px 0;
width:90%;
margin-left:auto;
margin-right:auto;
position:relative;
}
main.page-top .sec_flow .inner {
max-width:1080px
}
main.page-top .sec_flow .inner:before{
	position: absolute;
	top: 200px;
	right: 0;
	width: 2500px;
	height: 588px;
	content: '';
	background-color: #f8f5f0;
	z-index:-1;
}
main.page-top .sec_flow .hdg {
position:absolute;
top:140px;
right:0;
}
main.page-top .sec_flow .hdg span {
display:inline-block;
vertical-align:bottom;
font-size:58px;
line-height:1.3em;
}
main.page-top .sec_flow .hdg small {
padding-right:20px;
display:inline-block;
vertical-align:bottom;
	font-family:"Noto Serif JP",serif;
	font-size:16px;
	color:#f096aa;
	line-height:3.0em;
	font-weight:bold;
	letter-spacing:0.05em;
}

main.page-top .sec_flow .flow_img{
display: flex;
align-items:flex-start;
justify-content:space-between;
position:relative;
}

main.page-top .sec_flow .flow_img img.flow_img1{
	margin: 60px 40px 0 -70px;
	width:100%;
	max-width:640px;
	height:auto;
}
main.page-top .sec_flow .flow_img img.flow_img2{
	margin: 220px -70px 0 0;
	width:100%;
	max-width:510px;
	height:auto;
}

main.page-top .sec_flow p {
	margin: 0 auto;
	padding: 50px 0;
	position:relative;
	text-align:center;
	font-size:16px;
	line-height:1.5;
	font-weight:600;
	letter-spacing:0.05em;
}
}

/* FLOWブロック スマホ*/
@media (max-width:768px) {
main.page-top .sec_flow {
	position:relative;
}
main.page-top .sec_flow .inner {
padding:60px 20px 0;
margin-left:auto;
margin-right:auto;
position:relative;
}
main.page-top .sec_flow .inner {

}
main.page-top .sec_flow .inner:before{
	position: absolute;
	top: 100px;
	left: -300px;
	width: 625px;
	height: 423px;
	content: '';
	background-color: #f8f5f0;
	z-index:-1;
}
main.page-top .sec_flow .hdg {
position:absolute;
top:300px;
left:40px;
text-align:center;
}
main.page-top .sec_flow .hdg span {
display:inline-block;
vertical-align:bottom;
font-size:32px;
line-height:1.3em;
}
main.page-top .sec_flow .hdg small {
padding-top:0px;
display:block;
vertical-align:bottom;
	font-family:"Noto Serif JP",serif;
	font-size:14px;
	color:#f096aa;
	line-height:1.0em;
	font-weight:bold;
	letter-spacing:0.05em;
}

main.page-top .sec_flow .flow_img{
text-align:right;
position:relative;
}

main.page-top .sec_flow .flow_img img.flow_img1{
	margin: 0 0 20px 0;
	width:100%;
	max-width:255px;
	height:auto;

}
main.page-top .sec_flow .flow_img img.flow_img2{
	margin: 20px 0x 0 0;
	width:100%;
	max-width:200px;
	height:auto;
	display:inline-block;
}

main.page-top .sec_flow p {
	margin: 0 auto;
	padding: 30px 0;
	position:relative;
	text-align:center;
	font-size:14px;
	line-height:1.6;
	font-weight:600;
	letter-spacing:0.05em;
}
}







/* Q&Aブロック */

main.page-top .sec_q-n-a .inner {
padding:60px 0;
width:90%;
margin-left:auto;
margin-right:auto
}
@media (min-width:769px) {
main.page-top .sec_q-n-a .inner {
max-width:1080px
}
}
main.page-top .sec_q-n-a .hdg {
display:flex;
justify-content:center
}
main.page-top .sec_q-n-a .hdg span {
display:inline-block;
font-size:58px;
line-height:1.3em
}
@media (max-width:768px) {
main.page-top .sec_q-n-a .hdg span {
font-size:33px ;
}
}
main.page-top .sec_q-n-a .qa_list>:nth-child(n+2) {
margin:0
}
main.page-top .sec_q-n-a dl {
margin-top:50px
}
main.page-top .sec_q-n-a dl>div+div {
border-top:solid 1px #f096aa
}
main.page-top .sec_q-n-a dl>div dt {
color:#646464;
font-size:17px;
vertical-align:middle;
margin:0;
padding:30px 25px 30px 60px;
position:relative;
cursor: pointer;
}
main.page-top .sec_q-n-a dl>div dt::before {
float:none;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%)
}
main.page-top .sec_q-n-a dl>div dt::after {
content:'Q.';
font-size:40px;
white-space:nowrap;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%)
}
main.page-top .sec_q-n-a dl>div dd {
color:#646464;
font-size:15px;
margin:0;
padding:20px 20px 30px 0;
font-weight:400;
letter-spacing:.02em;
line-height:1.8em;
word-break:break-all;
position:relative
}
main.page-top .sec_q-n-a dl>div dd::after {
content:'A.';
font-size:40px;
line-height:1.3em;
white-space:nowrap;
position:absolute;
left:0;
top:5px;
}
@media (min-width:769px) {
main.page-top .sec_q-n-a dl>div dd {
padding-left:60px
}
}
@media (max-width:768px) {
main.page-top .sec_q-n-a dl {
margin-top:20px
}
main.page-top .sec_q-n-a dl>div dt {
font-size:14px;
padding:20px 40px 20px 40px;
letter-spacing:.00em;
}
main.page-top .sec_q-n-a dl>div dd {
font-size:13px;
padding-left:40px;
letter-spacing:.00em;
padding:10px 0 15px 40px;
line-height:1.6em;
}
main.page-top .sec_q-n-a dl>div dt::after {
content:'Q.';
font-size:30px;
white-space:nowrap;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%)
}
main.page-top .sec_q-n-a dl>div dd::after {
content:'A.';
font-size:30px;
line-height:1.3em;
white-space:nowrap;
position:absolute;
left:0;
top:2px;
}
}

.qa_list {
padding:0;
list-style:none
}
.qa_list>:nth-child(n+2) {
margin-top:20px
}
.qa_list-title {
display:block;
font-size:1.25rem;
line-height:1.4;
color:#333;
overflow:hidden
}
.qa_list_q::before {
content:"";
width:45px;
height:45px;
margin-left:10px;
float:right;
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2045%2045%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23f096aa%3B%7D.c%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22b%22%20cx%3D%2222.5%22%20cy%3D%2222.5%22%20r%3D%2222.5%22%2F%3E%3Cline%20class%3D%22c%22%20x1%3D%2222.38%22%20y1%3D%2217.55%22%20x2%3D%2222.38%22%20y2%3D%2227.55%22%2F%3E%3Cline%20class%3D%22c%22%20x1%3D%2217.38%22%20y1%3D%2222.55%22%20x2%3D%2227.38%22%20y2%3D%2222.55%22%2F%3E%3C%2Fsvg%3E');background-repeat:no-repeat;
background-position:50% 50%
}
@media (max-width:768px) {
.qa_list_q::before {
content:"";
width:32px;
height:32px;
margin-left:0px;
}
}
.qa_open::before {
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2045%2045%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23f096aa%3B%7D.c%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22b%22%20cx%3D%2222.5%22%20cy%3D%2222.5%22%20r%3D%2222.5%22%2F%3E%3Cline%20class%3D%22c%22%20x1%3D%2217.38%22%20y1%3D%2222.55%22%20x2%3D%2227.38%22%20y2%3D%2222.55%22%2F%3E%3C%2Fsvg%3E')}
.qa_list_q:hover {
color:#666;
text-decoration:none
}
.qa_list_a {
display:flow-root;
margin-top:20px
}
.qa_list_a>:last-child {
margin-bottom:0
}




/* お問い合わせ＆ご来店予約申し込みブロック */

@media (min-width:769px) {

.sec_bnr_link{
	width: auto;
	margin: 0 auto !important;
	padding: 60px 0 70px 0 !important;
	position:relative;
	text-align:center;
	background: linear-gradient(to bottom, #f6c0cc 0%, #d4c0a2 100%);
}

.sec_bnr_link .inner{
max-width:1080px;
}
.sec_bnr_link .inner {
width:90%;
margin-left:auto;
margin-right:auto;
}
.sec_bnr_link .inner h2{
	margin: 0 auto 30px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
font-family:"Noto Serif JP",serif;
font-optical-sizing: none;
font-size:30px;
font-weight:bold;
color:#fff;
letter-spacing:0.1em;
}

ul.sec_bnr_link_list{
	margin: 0 auto;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}

ul.sec_bnr_link_list li{
	margin: 0 0;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
	width:49%;
}

ul.sec_bnr_link_list li a{
	margin: 0 0;
	padding: 40px 0 40px 0;
	position:relative;
	text-align:center;
	display:block;
	background-color:#f096aa;
	border-radius:0 20px 0 0;
}
ul.sec_bnr_link_list li a::after{
content:'';
display:block;
width:7px;
height:7px;
pointer-events:none;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
transform:rotate(45deg) translateY(-50%);
position:absolute;
top:50%;
right:30px;
}
ul.sec_bnr_link_list li:nth-child(2) a{
	background-color:#bfa174;
}

ul.sec_bnr_link_list li a em{
	margin: 0 0 10px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
	display:block;
font-family: "Bodoni Moda", serif;
font-optical-sizing: none;
font-size:35px;
font-weight:bold;
color:#fff;
letter-spacing:0.1em;
}

ul.sec_bnr_link_list li a small{
	margin: 0 0;
	padding: 0 0 40px 0;
	position:relative;
	text-align:center;
	display:block;
font-family:"Noto Serif JP",serif;
font-size:15px;
font-weight:bold;
color:#fff;
letter-spacing:0.1em;
}

ul.sec_bnr_link_list li a span{
	margin: 0 0;
	padding: 0 20px 0;
	position:relative;
	text-align:center;
	display:block;
font-size:15px;
font-weight:normal;
color:#fff;
letter-spacing:0.1em;
}

.datetime {
	display:flex;
	justify-content: space-between;
}
.datetime input{
	width:48% !important;
}
.datetime label.selectbox {
	width:48%;
}
.datetime span.wpcf7-form-control-wrap >input {
  width:100% !important;
}

}

.datetime span.wpcf7-form-control-wrap {
	width:48%;
}
.datetime span.wpcf7-form-control-wrap >input {
  width:100% !important;
}


/* お問い合わせ＆ご来店予約申し込みブロック スマホ */

@media (max-width:768px) {
.sec_bnr_link{
	width: auto;
	margin: 0 auto !important;
	padding: 30px 0 40px 0 !important;
	position:relative;
	text-align:center;
	background: linear-gradient(to bottom, #f6c0cc 0%, #d4c0a2 100%);
}

.sec_bnr_link .inner {
	margin: 0 20px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
}
.sec_bnr_link .inner h2{
	margin: 0 auto 30px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
font-family:"Noto Serif JP",serif;
font-optical-sizing: none;
font-size:20px;
font-weight:bold;
color:#fff;
letter-spacing:0.1em;
line-height:1.6;
}

ul.sec_bnr_link_list{
	margin: 0 auto;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
}

ul.sec_bnr_link_list li{
	margin: 0 0 15px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;

}

ul.sec_bnr_link_list li a{
	margin: 0 0;
	padding: 40px 0 40px 0;
	position:relative;
	text-align:center;
	display:block;
	background-color:#f096aa;
	border-radius:0 20px 0 0;
}
ul.sec_bnr_link_list li a::after{
content:'';
display:block;
width:7px;
height:7px;
pointer-events:none;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
transform:rotate(45deg) translateY(-50%);
position:absolute;
top:50%;
right:30px;
}
ul.sec_bnr_link_list li:nth-child(2) a{
	background-color:#bfa174;
}

ul.sec_bnr_link_list li a em{
	margin: 0 0 10px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
	display:block;
font-family: "Bodoni Moda", serif;
font-optical-sizing: none;
font-size:28px;
font-weight:bold;
color:#fff;
letter-spacing:0.1em;
}

ul.sec_bnr_link_list li a small{
	margin: 0 0;
	padding: 0 0 25px 0;
	position:relative;
	text-align:center;
	display:block;
font-family:"Noto Serif JP",serif;
font-size:15px;
font-weight:bold;
color:#fff;
letter-spacing:0.1em;
}

ul.sec_bnr_link_list li a span{
	margin: 0 0;
	padding: 0 20px 0;
	position:relative;
	text-align:center;
	display:block;
font-size:15px;
font-weight:normal;
color:#fff;
letter-spacing:0.1em;
line-height:1.5;
}
.datetime {
	display:flex;
	justify-content: space-between;
}
.datetime input{
	width:48% !important;
}
.datetime label.selectbox {
	width:48%;
}
}





/* アクセスブロック */

@media (min-width:769px) {
.sec_access{
	width: auto;
	margin: 0 auto !important;
	padding: 100px 0 150px !important;
	position:relative;
	text-align:center;

}

.sec_access .inner{
max-width:1080px;
}
.sec_access .inner {
width:90%;
margin-left:auto;
margin-right:auto;
}

.sec_access .inner h2{
	margin: 0 auto 50px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
font-family: "Bodoni Moda", serif;
font-optical-sizing: none;
background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:58px;
letter-spacing:0.02em;
}

.access_block{
	margin: 0 auto;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:flex-end;
justify-content:space-between;
}

.sec_access_map{
	margin: 0 0;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
	width:65%;
}

.sec_access_map iframe{
	width:100%;
}

.sec_access_txt{
	margin: 0 0;
	padding: 0 0 0 0;
	position:relative;
	text-align:left;
	width:30%;
}
.sec_access_txt h3{
	margin: 0 0 30px;
	padding: 0 0 0 0;
	position:relative;
	text-align:left;
font-family:"Noto Serif JP",serif;
font-size:22px;
font-weight:bold;
color:#646464;
letter-spacing:0.02em;
}
.sec_access_txt p{
	margin: 0 0 20px;
	padding: 0 0 0 0;
	position:relative;
	text-align:left;
font-size:15px;
font-weight:normal;
color:#646464;
letter-spacing:0.15em;
line-height:1.5;
}
.sec_access_txt em{
	margin: 0 0;
	padding: 0 0 0 0;
	position:relative;
	text-align:left;
font-family:"Noto Serif JP",serif;
font-size:39px;
font-weight:bold;
color:#646464;
letter-spacing:0.02em;
}
.sec_access_txt em small{
font-size:24px;
}
}

/* アクセスブロック スマホ */

@media (max-width:768px) {
.sec_access{
	width: auto;
	margin: 0 auto !important;
	padding: 50px 0 50px !important;
	position:relative;
	text-align:center;

}

.sec_access .inner {
	margin: 0 20px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
}

.sec_access .inner h2{
	margin: 0 auto 40px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
font-family: "Bodoni Moda", serif;
font-optical-sizing: none;
background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:34px;
letter-spacing:0.02em;
}

.access_block{
	margin: 0 auto;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
}

.sec_access_map{
	margin: 0 0 30px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
}

.sec_access_map iframe{
	width:100%;
	height:300px;
}

.sec_access_txt{
	margin: 0 0;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
}
.sec_access_txt h3{
	margin: 0 0 30px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
font-family:"Noto Serif JP",serif;
font-size:22px;
font-weight:bold;
color:#646464;
letter-spacing:0.02em;
}
.sec_access_txt p{
	margin: 0 auto 20px;
	padding: 0 0 0 0;
	position:relative;
	text-align:left;
font-size:15px;
font-weight:normal;
color:#646464;
letter-spacing:0.15em;
line-height:1.5;
display:inline-block;
}
.sec_access_txt em{
	margin: 0 0;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
font-family:"Noto Serif JP",serif;
font-size:39px;
font-weight:bold;
color:#646464;
letter-spacing:0.02em;
display:block;
}
.sec_access_txt em small{
font-size:24px;
}
}






/* お問い合わせページ */

main.page-top button,
main.page-contact input,
main.page-contact select,
main.page-contact textarea {
appearance:none;
background:0 0;
border:none;
border-radius:0;
font:inherit;
outline:0;
font-size:14px
}
main.page-contact button::placeholder,
main.page-contact input::placeholder,
main.page-contact select::placeholder,
main.page-contact textarea::placeholder {
color:#b1b1b1
}

main.page-contact .bg-color--01 {
background:#fff
}
main.page-contact .contact .inner {
width:85%;
margin-left:auto;
margin-right:auto;
padding:60px 0
}
@media (min-width:769px) {
main.page-contact .contact .inner {
max-width:680px;
padding-bottom:120px
}
}
main.page-contact .contact .inner:has(.form_box__config) {
padding:20px 0 30px
}
@media (min-width:769px) {
main.page-contact .contact .inner:has(.form_box__config) {
padding-bottom:30px
}
}
main.page-contact .contact h3 {
text-align:center;
font-size:16px;
line-height:2.0;
letter-spacing:0.01em;
}
@media (max-width:768px) {
main.page-contact .contact h3 {
display:flex;
justify-content:center;
font-size:13px;
}
}
main.page-contact .contact .inner>div[class^=btn--] {
margin-top:150px
}
main.page-contact .contact .hdg {
display:flex;
justify-content:center
}
main.page-contact .contact .hdg span {
display:inline-block;
font-size:55px;
line-height:.85em
}
main.page-contact .contact .hdg+.text-box {
margin-top:1em;
line-height:1.8em;
letter-spacing:.1em;
text-align:center
}
main.page-contact .contact .form_box {
margin-top:60px
}
main.page-contact .contact .form_box>div+div {
margin-top:30px
}
main.page-contact .contact .form_box .subhdg {
font-size:15px;
margin-bottom:.8em
}
main.page-contact .contact .form_box .subhdg.req {
position:relative
}
main.page-contact .contact .form_box .subhdg.req::after {
content:'必須';
display:inline-block;
font-size:11px;
font-weight:400;
line-height:1em;
color:#fff;
background:#c3a77d;
border-radius:3px;
margin-left:1em;
padding:.2em .5em .4em;
position:absolute;
right:0
}
main.page-contact .contact .form_box .txt_note {
font-size:12px;
margin:.8em 0;
line-height:1.5;
letter-spacing:0.05em;
}
main.page-contact .contact .form_box .txt_note em{
color:#f096aa;
}
main.page-contact .contact .form_box .error {
font-size:12px;
margin:.8em 0;
color:#df5a3c
}
main.page-contact .contact .form_box input:not([type=button]):not([type=submit]):not([type=checkbox]),
main.page-contact .contact .form_box textarea {
border:0;
background:#f4f4f4;
border-radius:5px;
width:100%;
height:50px;
padding:.5em 1em;
color:#646464
}
main.page-contact .contact .form_box .selectbox {
position: relative;
}
main.page-contact .contact .form_box .selectbox > .wpcf7-form-control-wrap::after {
position: absolute;
content: '';
pointer-events: none;
}
main.page-contact .contact .form_box .selectbox > .wpcf7-form-control-wrap::after {
position: absolute;
top: 50%;
right: 1.4em;
transform: translate(50%, -50%) rotate(45deg);
width: 8px;
height: 8px;
border-bottom: 2px solid #646464;
border-right: 2px solid #646464;
}
main.page-contact .contact .form_box .selectbox select{
border:0;
background:#f4f4f4;
border-radius:5px;
width:100%;
height:50px;
padding:.5em 1em;
color:#646464
}

main.page-contact .contact .form_box textarea {
height:150px
}
main.page-contact .contact .form_box .scroll_box {
margin-top:15px;
max-height:150px;
overflow:auto;
scrollbar-color:#a2a2a2 #e0e0e0;
scrollbar-width:thin
}
main.page-contact .contact .form_box .scroll_box::-webkit-scrollbar {
background:#e0e0e0;
width:6px;
border-radius:6px
}
main.page-contact .contact .form_box .scroll_box::-webkit-scrollbar-button {
display:none
}
main.page-contact .contact .form_box .scroll_box::-webkit-scrollbar-thumb {
border-radius:6px;
background-color:#a2a2a2
}
main.page-contact .contact .form_box .scroll_box_inner {
font-weight:400;
line-height:1.8em
}
main.page-contact .contact .form_box .checkbox_wrap {
margin:30px auto;
text-align:center
}
main.page-contact .contact .form_box .checkbox_wrap label {
cursor:pointer;
font-size:15px;
font-weight:400;
letter-spacing:.15em;
vertical-align:middle;
margin-left:-15px
}
main.page-contact .contact .form_box .checkbox_wrap label span.wpcf7-list-item-label {
position:relative;
padding-top:.2em;
padding-left:35px
}
main.page-contact .contact .form_box .checkbox_wrap label span.wpcf7-list-item-label::after,
main.page-contact .contact .form_box .checkbox_wrap label span.wpcf7-list-item-label::before {
content:'';
display:block;
position:relative;
pointer-events:none
}
main.page-contact .contact .form_box .checkbox_wrap label span.wpcf7-list-item-label::before {
border:solid 1px #c1c1c1;
background:#fff;
border-radius:5px;
width:22px;
height:22px;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
margin-top:2px
}
main.page-contact .contact .form_box .checkbox_wrap label span.wpcf7-list-item-label::after {
opacity:0;
border-top:solid 1px #c89e4e;
border-right:solid 3px #c89e4e;
width:20px;
height:10px;
position:absolute;
left:4px;
top:50%;
transform:translateY(-50%) rotate(135deg);
margin-top:-3px
}
main.page-contact .contact .form_box .checkbox_wrap label input[type=checkbox]:checked+span.wpcf7-list-item-label::after {
opacity:1
}
main.page-contact .contact .form_box__config div[class^=btn--] {
margin-top:90px
}
main.page-contact .contact .form_box__thanks .text-box {
margin-top:90px
}
@media (min-width:769px) {
main.page-contact .contact .form_box__thanks .text-box {
margin-top:140px
}
}
main.page-contact .contact .form_box__thanks div[class^=btn--] {
margin-top:90px;
margin-bottom:60px
}
@media (min-width:769px) {
main.page-contact .contact .form_box__thanks div[class^=btn--] {
margin-top:140px
}
}
main.page-contact .contact .wpcf7-response-output {
margin:60px auto;
padding:30px;
color:#a3a3a3;
border:solid 1px #fff;
line-height:1.8em
}
main.page-contact .contact .wpcf7-spinner {
display:none!important
}
main.page-contact .contact .wpcf7-previous {
color:#646464;
font-size:15px;
font-weight:500;
text-align:center;
letter-spacing:.06em;
display:flex;
justify-content:center;
margin:60px auto
}
@media (min-width:769px) {
main.page-contact .contact .wpcf7-previous {
transition:opacity .3s ease-out
}
main.page-contact .contact .wpcf7-previous:hover {
cursor:pointer;
opacity:.65
}
}
main.page-contact .contact .wpcf7-list-item {
display:block!important;
margin:1.5em 0 0 0!important
}
main.page-contact .contact .wpcf7-list-item label {
cursor:pointer;
font-size:15px;
font-weight:400;
letter-spacing:.15em;
vertical-align:middle;
margin-left:-15px
}
main.page-contact .contact .wpcf7-list-item label span.wpcf7-list-item-label {
position:relative;
padding-top:.2em;
padding-left:35px
}
main.page-contact .contact .wpcf7-list-item label span.wpcf7-list-item-label::after {
content:'';
display:block;
position:relative;
pointer-events:none
}
main.page-contact .contact .wpcf7-list-item label span.wpcf7-list-item-label::before {
content:'';
display:block;
position:relative;
pointer-events:none;
border:solid 1px #c1c1c1;
background:#fff;
border-radius:5px;
width:22px;
height:22px;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
margin-top:2px
}
main.page-contact .contact .wpcf7-list-item label span.wpcf7-list-item-label::after {
opacity:0;
border-top:solid 1px #c89e4e;
border-right:solid 3px #c89e4e;
width:20px;
height:10px;
position:absolute;
left:4px;
top:50%;
transform:translateY(-50%) rotate(135deg);
margin-top:-3px
}
main.page-contact .contact .wpcf7-list-item label input[type=checkbox]:checked+span.wpcf7-list-item-label::after {
opacity:1
}
main.page-contact .contact .cf7msm-ro {
display:block;
padding:1.2em 1em 1.5em;
border-bottom:solid 1px #ddd;
}


/* クリップリストページ */

@media (min-width:769px) {
main.page-cliplist{
	position:relative;
}

.cliplist{
	width: auto;
	margin: 0 auto;
	padding: 70px 0 120px;
	position:relative;
	text-align:center;
}

.cliplist .inner{
max-width:1080px;
}
.cliplist .inner {
width:90%;
margin-left:auto;
margin-right:auto;
}
.cliplist h3 {
margin: 0 auto 30px;
padding: 0 0;
text-align:center;
font-size:16px;
line-height:2.0;
letter-spacing:0.1em;
font-weight:500;
}
.cliplist #serch_furisode p {
  margin: 3.5em auto;
  opacity: .65;
}
.cliplist .clip_txt_box{
margin: 0 auto 50px;
padding: 10px 15px;
text-align:left;
font-size:14px;
line-height:1.5;
letter-spacing:0.01em;
font-weight:400;
color:#aaa;
background-color:#f0f0f0;
max-width:840px;
}

ul.clip_list{
	margin: 0 auto 40px;
	padding: 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap;
}
ul.clip_list:after {
	content: "";
	display: block;
	width: 24%;
	height: 0;
}
ul.clip_list:before {
	content: "";
	display: block;
	width: 24%;
	height: 0;
	order: 1;
}
ul.clip_list li{
	margin: 0 0 20px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:24%;
}
ul.clip_list li .clip_mark{
  display: block;
	position:relative;
}
ul.clip_list li .clip_mark::before {
content: "";
position: absolute;
top:20px;
right:20px;
width: 22px;
height: 22px;
background-image: url(../img/clip-list/mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
}

main.page-cliplist .btn_line>a{
display:flex;
justify-content:center;
align-content:center;
align-items:center;
font-size:15px;
font-weight:500;
text-align:center;
letter-spacing:.05em;
color:#646464;
border:1px solid #00b900;
border-radius:50px;
max-width:260px;
min-height:57px;
margin-left:auto;
margin-right:auto;
padding:0 0 .3em;
position:relative
}
main.page-cliplist .btn_line>a img {
margin-right:10px;
}
main.page-cliplist .btn_line>a {
transition:transform .5s ease-out
}
main.page-cliplist .btn_line>a:hover{
cursor:pointer;
opacity:1;
transform:translateX(10px)
}
}

@media (max-width:768px) {
main.page-cliplist{
	position:relative;
}

.cliplist{
	width: auto;
	margin: 0 auto;
	padding: 40px 0 70px;
	position:relative;
	text-align:center;
}

.cliplist .inner {
margin: 0 20px;
}
.cliplist h3 {
margin: 0 auto 20px;
padding: 0 0;
text-align:center;
font-size:14px;
line-height:1.5;
letter-spacing:0.1em;
font-weight:500;
}
.cliplist #serch_furisode p {
  margin: 3.5em auto;
  opacity: .65;
}
ul.clip_list{
	margin: 0 auto 30px;
	padding: 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap;
}

ul.clip_list li{
	margin: 0 0 10px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:48.8%;
}
ul.clip_list li img{
	width:100%;
	height:auto;
}
ul.clip_list li .clip_mark{
  display: block;
	position:relative;
}
ul.clip_list li .clip_mark::before {
content: "";
position: absolute;
top:10px;
right:10px;
width: 20px;
height: 20px;
background-image: url(../img/clip-list/mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:20px auto;
}

.cliplist .clip_txt_box{
margin: 0 auto 30px;
padding: 10px 15px;
text-align:left;
font-size:12px;
line-height:1.3;
letter-spacing:0.01em;
font-weight:400;
color:#aaa;
background-color:#f0f0f0;
}
main.page-cliplist .btn_line>a{
display:flex;
justify-content:center;
align-content:center;
align-items:center;
font-size:15px;
font-weight:500;
text-align:center;
letter-spacing:.05em;
color:#646464;
border:1px solid #00b900;
border-radius:50px;
max-width:260px;
min-height:57px;
margin-left:auto;
margin-right:auto;
padding:0 0 .3em;
position:relative
}
main.page-cliplist .btn_line>a img {
margin-right:10px;
}
}

main.page-cliplist .line_wrap {
  max-width: 840px;
  margin: auto;
  padding: 40px 0;
  background: linear-gradient(90deg, rgba(247, 244, 231, 0.4) 25%, rgba(247, 252, 247, 0.7) 75%);
}
@media (max-width: 768px) {
  main.page-cliplist .line_wrap {
    max-width: none;
    padding: 20px 0;
  }
}
main.page-cliplist .line_wrap > p {
  font-size: 13px;
  font-feature-settings: "palt";
  line-height: 1.6em;
  word-break: break-all;
  opacity: 0.65;
}
@media (max-width: 768px) {
  main.page-cliplist .line_wrap > p {
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    padding: 0 2em;
  }
}
main.page-cliplist .line_wrap .btn_line {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  main.page-cliplist .line_wrap .btn_line {
    margin-bottom: 10px;
  }
}
main.page-cliplist .line_wrap .btn_line a {
  background: #FFF;
}

/* コレクションページ */

@media (min-width:769px) {
main.page-collection{
	position:relative;
}

.collection{
	width: auto;
	margin: 0 auto;
	padding: 70px 0 120px;
	position:relative;
	text-align:center;
}

.collection .inner{
max-width:1080px;
}
.collection .inner {
width:90%;
margin-left:auto;
margin-right:auto;
}
.collection h3 {
margin: 0 auto 30px;
padding: 0 0;
text-align:center;
font-size:18px;
line-height:2.0;
letter-spacing:0.15em;
font-weight:600;
color:#f096aa;
font-family:"Noto Serif JP",serif;
}

.collection ul.keyword_list{
	margin: 0 auto 40px;
	padding: 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}

.collection ul.keyword_list li{
	margin: 0 5px 10px;
	padding: 0 0;
	position:relative;
	text-align:center;
}
.collection ul.keyword_list li a{
	margin: 0 0 0;
	padding: 10px 20px;
	position:relative;
	text-align:center;
	font-size:14px;
	line-height:14px;
	letter-spacing:0.05em;
	font-weight:500;
	color:#999;
	background-color:#fff;
	border-radius:30px;
	border:1px solid #ccc;
	display:block;
  trasition:all .3s ease-out;
}
.collection ul.keyword_list li a:hover{
  cursor:pointer;
  color:#fff;
	background-color:#c3a77d;
	border:1px solid #c3a77d;
  opacity:1;
}
.collection ul.keyword_list li a.select_word_on{
	color:#fff;
	background-color:#c3a77d;
	border:1px solid #c3a77d;
}

ul.collection_list_page{
	margin: 0 auto 40px;
	padding: 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap;
}
ul.collection_list_page:after {
	content: "";
	display: block;
	width: 24%;
	height: 0;
}
ul.collection_list_page:before {
	content: "";
	display: block;
	width: 24%;
	height: 0;
	order: 1;
}
ul.collection_list_page li{
	margin: 0 0 20px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:24%;
	overflow: hidden;
}
ul.collection_list_page li .favorite_mark{
position: absolute;
top:20px;
right:20px;
width: 22px;
height: 22px;
}
ul.collection_list_page li .favorite_mark_on::after {
content: "";
position: absolute;
top:0px;
right:0px;
width: 22px;
height: 22px;
background-image: url(../img/collection/mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:11;
}
ul.collection_list_page li .favorite_mark::before {
content: "";
position: absolute;
top:0px;
right:0px;
width: 22px;
height: 22px;
background-image: url(../img/collection/blank_mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:10;
}

ul.collection_list_page li .new:after{
	position:absolute;
	top:15px;
	left:5px;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	color:#fff;
	font-size:12px;
	line-height:12px;
	font-weight:700;
	letter-spacing:0.10em;
	z-index:10;
	transform: rotate(-45deg);
	content: 'NEW';
}
ul.collection_list_page li .new:before{
	position: absolute;
	top: -45px;
	left: -45px;
	width: 90px;
	height: 90px;
	content: '';
	background: linear-gradient(45deg, #d7b97d 15%, #faa5b4 55%);
	transform: rotate(-45deg);
	z-index:9;
}

.pagination {
display:flex;
justify-content:center;
align-content:center;
align-items:center;
margin:40px auto 60px
}

.pagination a {
display:block;
color:#646464;
}
.pagination .page-numbers:not(.prev):not(.next) {
font-size:20px;
display:block;
margin:0 7px;
font-family:"Noto Serif JP",serif;
}
.pagination .next,
.pagination .prev {
display:block;
width:36px;
height:36px;

background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23f3abbb%3B%7D.c%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22b%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%2F%3E%3Cpolyline%20class%3D%22c%22%20points%3D%2216%2014%2020%2018%2016%2022%22%2F%3E%3C%2Fsvg%3E') no-repeat center/contain;
}
.pagination .prev {
transform:scale(-1,1);
margin-right:25px
}
.pagination .next {
margin-left:25px
}
.pagination .current {
opacity:.5
}

.white-popup-block{padding:0 0;text-align:left;max-width:840px;margin:0 auto;position:relative}
.mfp-hide{display:none!important}

.popup_block{
	margin: 0 auto;
	padding: 0 0 0 0;
	position: relative;
	background-color:rgba(255,255,255,0.7);
	display: flex;
	align-items:stretch;
	justify-content:space-between;
}
.pop_img{
	margin: 0 0;
	padding: 0 0 0 0;
	position: relative;
	width:50%;
	overflow: hidden;
}
.pop_img .favorite_mark{
position: absolute;
top:20px;
right:20px;
width: 22px;
height: 22px;
}
.pop_img .favorite_mark_on::after {
content: "";
position: absolute;
top:0px;
right:0px;
width: 22px;
height: 22px;
background-image: url(../img/collection/mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:11;
}
.pop_img .favorite_mark::before {
content: "";
position: absolute;
top:0px;
right:0px;
width: 22px;
height: 22px;
background-image: url(../img/collection/blank_mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:10;
}

ui.slider_pop_img{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
}

ul.slider_pop_img li{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:center;
}

ui.slider_pop_img img {
width: 100%;
height: auto;

}


.pop_r{
	margin: 0 0;
	/*padding: 50px 50px 0 50px;*/
	padding: 100px 50px 50px;
	position: relative;
	width:50%;
  background: url("../img/common/logo_bien-vell_wh.svg") no-repeat calc(100% - 65px) calc(100% - 30px)/300px auto;
}
.pop_r::after {
  content: ()
}
.pop_tit{
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	text-align: left;
	position: relative;
}
.pop_tit strong{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
font-size:22px;
line-height:2.0;
letter-spacing:0.05em;
font-weight:700;
font-family:"Noto Serif JP",serif;
display:block;
}
.pop_tit small{
	margin: 0 0 5px 0;
	padding: 5px 10px 5px 10px;
	text-align: left;
font-size:13px;
line-height:13px;
letter-spacing:0.05em;
font-weight:700;
color:#fff;
font-family:"Noto Serif JP",serif;
background-color:#aeaeae;
display:inline-block;
}

.pop_txt{
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	position: relative;
	text-align:left;
	font-size: 15px;
	line-height: 2.2;
	font-weight:500;
	letter-spacing:0px;
}

ul.pop_keyword{
	margin: 0 auto 0px;
	padding: 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
}

ul.pop_keyword li{
	margin: 0 5px 10px 0;
	padding: 0 0;
	position:relative;
	text-align:center;
}

ul.pop_keyword li a{
	margin: 0 0 0 0;
	padding: 5px 10px;
	position:relative;
	text-align:center;
	font-size:13px;
	line-height:13px;
	letter-spacing:0.05em;
	font-weight:500;
	color:#646464;
	border:1px solid #646464;
	border-radius:30px;
	display:block;
}

ul.pop_keyword li a:hover{
	color:#fff;
	border:1px solid #646464;
	background-color:#646464;
	opacity: 1;
}
.close_btn{
	position: absolute;
	top: -40px;
	right: 0px;
}

.close_btn a{
	font-size: 18px;
	line-height: 1.2;
	font-weight:normal;
	color:#269c62;
	letter-spacing:1px;
}

.white-popup-block .mfp-close{
	display:none !important;
}

.pop-arrow{
position: absolute;
top: 50%;
display: block;
width: 42px;
height: 34px;
text-align: center;
cursor: pointer;
z-index: 1046;

}
.pop-arrow-left{
left: 30px;
}
.pop-arrow-left:before{
content: url(../img/top/arr_l.svg);
}
.pop-arrow-right{
right: 30px;
}
.pop-arrow-right:before{
content: url(../img/top/arr_r.svg);
}
}

/* コレクションページ スマホ*/
@media (max-width:768px) {
.collection{
	width: auto;
	margin: 0 auto;
	padding: 30px 0 60px;
	position:relative;
	text-align:center;
}

.collection .inner{

}

.collection h3 {
margin: 0 auto 30px;
padding: 0 0;
text-align:center;
font-size:15px;
line-height:2.0;
letter-spacing:0.15em;
font-weight:600;
color:#f096aa;
font-family:"Noto Serif JP",serif;
}

.collection ul.keyword_list{
	margin: 0 auto 30px;
	padding: 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}

.collection ul.keyword_list li{
	margin: 0 5px 5px;
	padding: 0 0;
	position:relative;
	text-align:center;
}
.collection ul.keyword_list li a{
	margin: 0 0 0;
	padding: 8px 15px;
	position:relative;
	text-align:center;
	font-size:12px;
	line-height:12px;
	letter-spacing:0.05em;
	font-weight:500;
	color:#999;
	background-color:#fff;
	border-radius:30px;
	border:1px solid #ccc;
	display:block;
}
.collection ul.keyword_list li a.select_word_on{
	color:#fff;
	background-color:#c3a77d;
	border:1px solid #c3a77d;
}
ul.collection_list_page{
	margin: 0 auto 20px;
	padding: 0 20px;
	position:relative;
	text-align:center;
	display: flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap;
}
ul.collection_list_page li{
	margin: 0 0 10px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:48.8%;
	overflow: hidden;
}
ul.collection_list_page li img{
	width:100%;
	height:auto;
}
ul.collection_list_page li .favorite_mark{
position: absolute;
top:10px;
right:10px;
width: 22px;
height: 22px;
}
ul.collection_list_page li .favorite_mark_on::after {
content: "";
position: absolute;
top:0px;
right:0px;
width: 22px;
height: 22px;
background-image: url(../img/collection/mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:11;
}
ul.collection_list_page li .favorite_mark::before {
content: "";
position: absolute;
top:0px;
right:0px;
width: 22px;
height: 22px;
background-image: url(../img/collection/blank_mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:10;
}
ul.collection_list_page li .new:after{
	position:absolute;
	top:11px;
	left:3px;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	color:#fff;
	font-size:10px;
	line-height:10px;
	font-weight:700;
	letter-spacing:0.10em;
	z-index:10;
	transform: rotate(-45deg);
	content: 'NEW';
}
ul.collection_list_page li .new:before{
	position: absolute;
	top: -35px;
	left: -35px;
	width: 70px;
	height: 70px;
	content: '';
	background: linear-gradient(45deg, #d7b97d 15%, #faa5b4 55%);
	transform: rotate(-45deg);
	z-index:9;
}

.pagination {
display:flex;
justify-content:center;
align-content:center;
align-items:center;
margin:40px auto 60px;
padding: 0 20px;
}

.pagination a {
display:block;
color:#646464;
}
.pagination .page-numbers:not(.prev):not(.next) {
font-size:18px;
display:block;
margin:0 7px;
font-family:"Noto Serif JP",serif;
white-space: nowrap;
}
.pagination .next,
.pagination .prev {
  flex-shrink: 0;
display:block;
width:36px;
height:36px;

background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23f3abbb%3B%7D.c%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22b%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%2F%3E%3Cpolyline%20class%3D%22c%22%20points%3D%2216%2014%2020%2018%2016%2022%22%2F%3E%3C%2Fsvg%3E') no-repeat center/contain;
}
.pagination .prev {
transform:scale(-1,1);
margin-right:15px
}
.pagination .next {
margin-left:15px
}
.pagination .current {
opacity:.5
}
.white-popup-block{padding:50px 0;text-align:left;max-width:320px;margin:0 auto;position:relative}
.mfp-hide{display:none!important}

.popup_block{
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
	background-color:rgba(255,255,255,0.7);
}
.pop_img{
	margin: 0 0;
	padding: 0 0 20px 0;
	position: relative;
	overflow: hidden;
}
.pop_img img{
	width:100%;
	height:auto;
}
.pop_img .favorite_mark{
position: absolute;
top:20px;
right:20px;
width: 22px;
height: 22px;
}
.pop_img .favorite_mark_on::after {
content: "";
position: absolute;
top:0px;
right:0px;
width: 22px;
height: 22px;
background-image: url(../img/collection/mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:11;
}
.pop_img .favorite_mark::before {
content: "";
position: absolute;
top:0px;
right:0px;
width: 22px;
height: 22px;
background-image: url(../img/collection/blank_mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:10;
}

.pop_r{
	margin: 0 0;
	padding: 0 30px 0 30px;
	position: relative;

}
.pop_tit{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	text-align: left;
	position: relative;
}
.pop_tit strong{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
font-size:18px;
line-height:2.0;
letter-spacing:0.05em;
font-weight:700;
font-family:"Noto Serif JP",serif;
display:block;
}
.pop_tit small{
	margin: 0 0 5px 0;
	padding: 5px 10px 5px 10px;
	text-align: left;
font-size:12px;
line-height:12px;
letter-spacing:0.05em;
font-weight:700;
color:#fff;
font-family:"Noto Serif JP",serif;
background-color:#aeaeae;
display:inline-block;
}

.pop_txt{
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	position: relative;
	text-align:left;
	font-size: 14px;
	line-height: 1.8;
	font-weight:500;
	letter-spacing:0px;
}

ul.pop_keyword{
	margin: 0 auto 0px;
	padding: 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
}

ul.pop_keyword li{
	margin: 0 5px 10px 0;
	padding: 0 0;
	position:relative;
	text-align:center;
}
ul.pop_keyword li a{
	margin: 0 0 0 0;
	padding: 5px 10px;
	position:relative;
	text-align:center;
	font-size:13px;
	line-height:13px;
	letter-spacing:0.05em;
	font-weight:500;
	color:#646464;
	border:1px solid #646464;
	border-radius:30px;
	display:block;
}
.close_btn{
	position: absolute;
	top: -35px;
	right: 0px;
}

.close_btn a{
	font-size: 18px;
	line-height: 1.2;
	font-weight:normal;
	color:#269c62;
	letter-spacing:1px;
}

.white-popup-block .mfp-close{
	display:none !important;
}

.pop-arrow{
position: absolute;
top: 50%;
display: block;
width: 42px;
height: 34px;
text-align: center;
cursor: pointer;
z-index: 1046;

}
.pop-arrow-left{
left: 10px;
}
.pop-arrow-left:before{
content: url(../img/top/arr_l.svg);
}
.pop-arrow-right{
right: 10px;
}
.pop-arrow-right:before{
content: url(../img/top/arr_r.svg);
}

}

/* ポップアップ調整 */
@media (max-width: 768px) {
  .pop-arrow {
    width: 62px;
    height: 54px;
    display: grid;
    align-items: center;
  }
  .pop-arrow.pop-arrow-left {
    left: 0;
  }
  .pop-arrow.pop-arrow-right {
    right: 0;
  }
}




/* フローページ */

@media (min-width:769px) {
main.page-flow{
	position:relative;
}

.flow{
	width: auto;
	margin: 0 auto;
	padding: 70px 0 120px;
	position:relative;
	text-align:center;
}

.flow .inner{
max-width:1080px;
}
.flow .inner {
width:90%;
margin-left:auto;
margin-right:auto;
}
ul.flow_list{
	width: auto;
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
}
ul.flow_list li{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	display: flex;
	align-items:flex-start;;
	justify-content:space-between;
}
ul.flow_list li .flow_step{
	margin: 0 0;
	padding: 30px 0 0 0;
	position:relative;
	text-align:left;
}
ul.flow_list li .flow_step h3{
	margin: 0 0 20px;
	padding: 0 0;
	position:relative;
	text-align:left;
	display:block;
}
ul.flow_list li .flow_step h3 em{
	margin: 0 0 30px;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-size: 46px;
	line-height: 46px;
	font-weight:600;
	letter-spacing:0.05em;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
display: flex;
align-items:center;
justify-content:flex-start;
}
ul.flow_list li .flow_step h3 em small{
	margin: 0 0;
	padding: 0 10px 0 0;
	position:relative;
	text-align:left;
	font-size: 30px;
	line-height: 30px;
	font-weight:600;
	letter-spacing:0.05em;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
ul.flow_list li .flow_step h3 span{
	margin: 0 0;
	padding: 8px 15px;
	position:relative;
	text-align:left;
	display:inline-block;
	font-family:"Noto Serif JP",serif;
	font-size: 26px;
	line-height: 26px;
	font-weight:600;
	letter-spacing:0.15em;
	color:#fff;
	background: linear-gradient(90deg, #d7b97d 25%, #faa5b4 75%);
}
ul.flow_list li .flow_step p{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-size: 16px;
	line-height: 1.8;
	font-weight:500;
	letter-spacing:0.02em;
	max-width:480px;
}
ul.flow_list li .flow_step .flow_list_contact{
	margin: 20px 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;

}
ul.flow_list li .flow_step .flow_list_contact span{
	margin: 0 30px 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-family:"Noto Serif JP",serif;
	font-size: 20px;
	line-height: 20px;
	font-weight:600;
	letter-spacing:0.02em;
	display:inline-block;
	vertical-align:top;
}
ul.flow_list li .flow_step .flow_list_contact span em{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-size: 28px;
	line-height: 28px;
	font-weight:600;
	letter-spacing:0.02em;
}
ul.flow_list li .flow_step .flow_list_contact span small{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	display:block;
	font-size: 12px;
	line-height: 24px;
	font-weight:500;
	letter-spacing:0.02em;
	color:#b8b8b8;
font-family:"Noto Sans JP",sans-serif;
}
ul.flow_list li .flow_step .flow_list_contact a{
	margin: 0 0 0;
	padding: 10px 28px 10px 0;
	position:relative;
	text-align:left;
	font-size: 15px;
	line-height: 15px;
	font-weight:600;
	letter-spacing:0.02em;
	color:#f096aa;
	display:inline-block;
}
ul.flow_list li .flow_step .flow_list_contact a::before {
content: "";
position: absolute;
top:10px;
right:0;
width: 20px;
height: 20px;
background-image: url("../img/flow/arr.svg");
background-repeat: no-repeat;
background-position: right top;
background-size:auto;
}

ul.flow_list li .flow_p{
	margin: 0 0 0 50px;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:44.5%;
}
ul.flow_list li .flow_p:before{
	position: absolute;
	top: 0px;
	left: -5px;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	content: '';
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	z-index:-1;
}

ul.flow_list li:nth-child(1),
ul.flow_list li:nth-child(2),
ul.flow_list li:nth-child(3){
	margin: 0 auto 60px;
	padding: 0 0 100px;
	position:relative;
	text-align:center;
}
ul.flow_list li:nth-child(4),
ul.flow_list li:nth-child(6){
	margin: 0 auto 140px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
}
ul.flow_list li:nth-child(1)::after,
ul.flow_list li:nth-child(2)::after,
ul.flow_list li:nth-child(3)::after{
content: "";
position: absolute;
bottom:0px;
right:0;
left:0;
width: 100%;
height: 27px;
background-image: url("../img/flow/flow_arr.svg");
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
}

ul.flow_list li:nth-child(2),
ul.flow_list li:nth-child(4){
flex-direction:row-reverse;
}
ul.flow_list li:nth-child(2) .flow_p,
ul.flow_list li:nth-child(4) .flow_p{
	margin: 0 50px 0 0;
}
ul.flow_list li:nth-child(2) .flow_p:before,
ul.flow_list li:nth-child(4) .flow_p:before{
	left: 0px;
}

ul.flow_list li:nth-child(5){
	margin: 0 auto 230px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
	height:370px;
	
background: linear-gradient(90deg, #feeef0 30%, #f7f1e7 75%);
}
ul.flow_list li:nth-child(5)::after {
content: "";
position: absolute;
bottom:-160px;
right:0;
left:0;
width: 100%;
height: 27px;
background-image: url("../img/flow/flow_arr.svg");
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
}
ul.flow_list li:nth-child(5) .flow_p{
	margin: -50px 30px 0 20px;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:auto;
}
ul.flow_list li:nth-child(5) .flow_p:before{
	width: 0px;
	height: 0px;
}
ul.flow_list li:nth-child(5) .flow_step h4{
	margin: 0 0 20px -20px;
	padding: 0 0;
	position:relative;
	text-align:left;
}
ul.flow_list li:nth-child(5) .flow_step p{
	margin: 0 0 0 50px;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-size: 17px;
	line-height: 2.0;
	font-weight:500;
	letter-spacing:0.02em;
	max-width:370px;
}

ul.flow_list li:nth-child(7){
	margin: 0 auto 50px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
	height:370px;
	flex-direction:row-reverse;
background: linear-gradient(90deg, #feeef0 30%, #f7f1e7 75%);
}

ul.flow_list li:nth-child(7) .flow_p{
	margin: -50px 20px 0 40px;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:auto;
}
ul.flow_list li:nth-child(7) .flow_p:before{
	width: 0px;
	height: 0px;
}
ul.flow_list li:nth-child(7) .flow_step h4{
	margin: -45px -20px 20px 0;
	padding: 0 0;
	position:relative;
	text-align:left;
}
ul.flow_list li:nth-child(7) .flow_step p{
	margin: 0 20px 0 20px;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-size: 17px;
	line-height: 2.0;
	font-weight:500;
	letter-spacing:0.02em;
	max-width:400px;
}

}

@media (max-width:945px) {
ul.flow_list li:nth-child(7) .flow_step p br{
display:none;
}
}


/* フローページ スマホ*/
@media (max-width:768px) {
.flow{
	width: auto;
	margin: 0 auto;
	padding: 30px 0 60px;
	position:relative;
	text-align:center;
}

.flow .inner{

}

ul.flow_list{
	width: auto;
	margin: 0 auto;
	padding: 20px 15px 0;
	position:relative;
	text-align:center;
}
ul.flow_list li{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
}
ul.flow_list li .flow_step{
	margin: 0 0 20px;
	padding: 0 0 0 0;
	position:relative;
	text-align:left;
}
ul.flow_list li .flow_step h3{
	margin: 0 0 20px;
	padding: 0 0;
	position:relative;
	text-align:left;
	display:block;
display: flex;
align-items:center;
justify-content:space-between;
flex-direction:row-reverse;
}
ul.flow_list li .flow_step h3 em{
	margin: 0 0 ;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-size: 35px;
	line-height: 35px;
	font-weight:600;
	letter-spacing:0.05em;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
display: flex;
align-items:center;
justify-content:flex-start;
}
ul.flow_list li .flow_step h3 em small{
	margin: 0 0;
	padding: 0 5px 0 0;
	position:relative;
	text-align:left;
	font-size: 24px;
	line-height: 24px;
	font-weight:600;
	letter-spacing:0.05em;
	font-family: "Bodoni Moda", serif;
	font-optical-sizing: none;
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
ul.flow_list li .flow_step h3 span{
	margin: 0 0;
	padding: 8px 15px;
	position:relative;
	text-align:left;
	display:inline-block;
	font-family:"Noto Serif JP",serif;
	font-size: 18px;
	line-height: 18px;
	font-weight:700;
	letter-spacing:0.15em;
	color:#fff;
	background: linear-gradient(90deg, #d7b97d 25%, #faa5b4 75%);
}
ul.flow_list li .flow_step p{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-size: 15px;
	line-height: 1.8;
	font-weight:500;
	letter-spacing:0.02em;
}
ul.flow_list li .flow_step .flow_list_contact{
	margin: 20px 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;

}
ul.flow_list li .flow_step .flow_list_contact span{
	margin: 0 30px 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-family:"Noto Serif JP",serif;
	font-size: 20px;
	line-height: 20px;
	font-weight:600;
	letter-spacing:0.02em;
	display:inline-block;
	vertical-align:top;
}
ul.flow_list li .flow_step .flow_list_contact span em{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-size: 28px;
	line-height: 28px;
	font-weight:600;
	letter-spacing:0.02em;
}
ul.flow_list li .flow_step .flow_list_contact span small{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	display:block;
	font-size: 12px;
	line-height: 24px;
	font-weight:500;
	letter-spacing:0.02em;
	color:#b8b8b8;
  font-family:"Noto Sans JP",sans-serif;
}
ul.flow_list li .flow_step .flow_list_contact a{
	margin: 0 0 0;
	padding: 5px 28px 5px 0;
	position:relative;
	text-align:left;
	font-size: 15px;
	line-height: 15px;
	font-weight:600;
	letter-spacing:0.02em;
	color:#f096aa;
	display:inline-block;
}
ul.flow_list li .flow_step .flow_list_contact a::before {
content: "";
position: absolute;
top:5px;
right:0;
width: 20px;
height: 20px;
background-image: url("../img/flow/arr.svg");
background-repeat: no-repeat;
background-position: right top;
background-size:auto;
}

ul.flow_list li .flow_p{
	margin: 0 auto 0;
	padding: 0 0;
	position:relative;
	text-align:center;
}
ul.flow_list li .flow_p img{
	width:100%;
	height:auto;
}
ul.flow_list li .flow_p:before{
	position: absolute;
	top: 0px;
	left: -5px;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	content: '';
	background: linear-gradient(0deg, #d4c0a2 0%, #f4b5c3 100%);
	z-index:-1;
}

ul.flow_list li:nth-child(1),
ul.flow_list li:nth-child(2),
ul.flow_list li:nth-child(3){
	margin: 0 auto 30px;
	padding: 0 0 70px;
	position:relative;
	text-align:center;
}
ul.flow_list li:nth-child(4),
ul.flow_list li:nth-child(6){
	margin: 0 auto 60px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
}
ul.flow_list li:nth-child(1)::after,
ul.flow_list li:nth-child(2)::after,
ul.flow_list li:nth-child(3)::after{
content: "";
position: absolute;
bottom:0px;
right:0;
left:0;
width: 100%;
height: 17px;
background-image: url("../img/flow/sp_flow_arr.svg");
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
}

ul.flow_list li:nth-child(2) .flow_p:before,
ul.flow_list li:nth-child(4) .flow_p:before{
	left: 0px;
}

ul.flow_list li:nth-child(5){
	margin: 0 auto 90px;
	padding: 0 0 20px;
	position:relative;
	text-align:center;
background: linear-gradient(180deg, #feeef0 30%, #f7f1e7 75%);
}
ul.flow_list li:nth-child(5)::after{
content: "";
position: absolute;
bottom:-60px;
right:0;
left:0;
width: 100%;
height: 17px;
background-image: url("../img/flow/sp_flow_arr.svg");
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
}
ul.flow_list li:nth-child(5) .flow_p,
ul.flow_list li:nth-child(7) .flow_p{
	margin: 0 20px 0 20px;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:auto;
}
ul.flow_list li:nth-child(5) .flow_p:before,
ul.flow_list li:nth-child(7) .flow_p:before{
	width: 0px;
	height: 0px;
}
ul.flow_list li:nth-child(5) .flow_step h4,
ul.flow_list li:nth-child(7) .flow_step h4{
	margin: 0 auto 10px ;
	padding: 0 0;
	position:relative;
	text-align:center;
}
ul.flow_list li:nth-child(5) .flow_step h4 img.sp,
ul.flow_list li:nth-child(7) .flow_step h4 img.sp{
	display:inline-block;
	margin-top:-20px;
}
ul.flow_list li:nth-child(5) .flow_step p,
ul.flow_list li:nth-child(7) .flow_step p{
	margin: 0 20px 0;
	padding: 0 0;
	position:relative;
	text-align:left;
	font-size: 15px;
	line-height: 1.8;
	font-weight:500;
	letter-spacing:0.02em;
}

ul.flow_list li:nth-child(7){
	margin: 0 auto 0;
	padding: 0 0 20px;
	position:relative;
	text-align:center;
background: linear-gradient(180deg, #feeef0 30%, #f7f1e7 75%);
}

}


/* Swipewr カスタム*/
.swiper-pagination-bullet {
background-color: #fff !important;
opacity: 1.0 !important;
width:10px !important;
height:10px !important;
}
.swiper-pagination-bullet-active {
background-color: #f3abbb !important;
}

.swiper-button-prev,
.swiper-button-next {
height: 27px;
width: 27px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
background-repeat: no-repeat;
background-size: contain;
content: "" !important;
height: 27px;
margin: auto;
width: 27px;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
background-image: url(../img/collection/swiper_arr.svg);
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
background-image: url(../img/collection/swiper_arr.svg);
transform: rotate(180deg);
}
/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

@media (min-width:769px) {
.swiper-pagination {
bottom: 15px !important;
}
}

@media (max-width:768px) {
.swiper-pagination {
bottom: 30px !important;
}
}

/* お知らせページ */
.page-news__archive {
  padding: 70px 0 120px;
}
.page-news__archive .news-list {
  margin: auto;
  padding: 0 30px;
}
.page-news__archive .news-list-img {
  text-align: center;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 320/150;
}
.page-news__archive .news-list-img img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-news__archive .news-list-ttl {
  margin: 0.8em auto;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.3em;
  vertical-align: middle;
}
@media (min-width: 769px) {
  .page-news__archive .news-list-ttl {
    text-align: center;
  }
}
.page-news__archive .news-list > ul {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  .page-news__archive .news-list > ul {
    max-width: 1080px;
    gap: 30px 60px;
  }
}
@media (max-width: 768px) {
  .page-news__archive .news-list > ul {
    gap: 30px 20px;
  }
}
.page-news__archive .news-list > ul li {
  width: 100%;
}
@media (min-width: 769px) {
  .page-news__archive .news-list > ul li {
    width: calc(33.3333333333% - 40px);
  }
}
.page-news__archive .news-list > ul li a {
  width: 100%;
  font-size: 15px;
  color: #646464;
}
.page-news__detail {
  padding: 70px 0 120px;
}
.page-news__detail .inner {
  padding: 0 30px 60px;
}
@media (min-width: 769px) {
  .page-news__detail .inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 860px;
  }
}
.page-news__detail .entry_ttl {
  font-size: 18px;
  font-weight: 500;
  border-bottom: solid 1px #E0E0E0;
  margin-bottom: 25px;
  padding-bottom: 1em;
}
.page-news__detail .entry_ttl .date {
  font-size: 12px;
  font-weight: 400;
  background: #E8E8E8;
  display: inline-block;
  padding: 0.2em 0.5em 0.5em;
}
.page-news__detail .entry_ttl .ttl {
  margin-top: 0.9em;
  display: block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
}


.entry_contents {
  line-height: normal;
  font-weight: 400;
}
.entry_contents p {
  margin: 1.5em auto;
  line-height: 1.8em;
  font-weight: 400;
}
.entry_contents img {
  display: inline-block;
  object-fit: contain;
  max-width: 100%;
  height: auto;
}
.entry_contents img.column {
  float: left;
}
@media (min-width: 769px) {
  .entry_contents img.column + img.column {
    margin-left: 20px;
  }
}
@media (max-width: 768px) {
  .entry_contents img.column + img.column {
    margin-top: 10px;
  }
}
@media (min-width: 769px) {
  .entry_contents img.alignleft {
    margin-right: 40px;
  }
}
@media (max-width: 768px) {
  .entry_contents img.alignleft {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 769px) {
  .entry_contents img.alignright {
    margin-left: 40px;
  }
}
@media (max-width: 768px) {
  .entry_contents img.alignright {
    margin-left: 20px;
    margin-bottom: 20px;
  }
}
.entry_contents table {
  border: solid 1px #d0d0d0;
}
.entry_contents table th,
.entry_contents table td {
  padding: 0.5em 1em;
  border-right: solid 1px #d0d0d0;
  border-bottom: solid 1px #d0d0d0;
}
.entry_contents table th:last-child,
.entry_contents table td:last-child {
  border-right: 0;
}
.entry_contents table tr:last-child th,
.entry_contents table tr:last-child td {
  border-bottom: 0;
}
.entry_contents ul {
  padding-left: 1em;
}
.entry_contents ul li {
  list-style: outside disc;
}
.entry_contents ul li::marker {
  color: #e0e0e0;
}
.entry_contents ol {
  padding-left: 1.2em;
}
.entry_contents ol li {
  list-style: outside decimal;
}
.entry_contents em {
  font-style: italic;
}
.entry_contents h1 {
  font-size: 24px;
}
.entry_contents h1 {
  margin: 1.2em auto;
}
.entry_contents h2 {
  margin: 1.2em auto;
}
.entry_contents h3 {
  margin: 1.2em auto;
}
.entry_contents h4 {
  margin: 1.2em auto;
}
.entry_contents h5 {
  margin: 1.2em auto;
}
.entry_contents .aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.entry_contents .alignleft {
  float: left;
}
.entry_contents .alignright {
  float: right;
}
.entry_contents img.size-full {
  width: 100%;
  height: auto;
}
.entry_contents .gallery img {
  border: 0 !important;
}

#gallery-1 dl + dl,
#gallery-2 dl + dl,
#gallery-4 dl + dl {
  margin-left: 28px !important;
}

#gallery-1 .gallery-item, #gallery-2 .gallery-item,
#gallery-4 .gallery-item {
  width: calc(50% - 14px) !important;
}

.mv_slide {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  user-select: none;
  pointer-events: none;
}
@media (max-width: 768px) {
  .mv_slide {
    flex-direction: column;
  }
}
.mv_slide > div {
  width: 50%;
}
@media (max-width: 768px) {
  .mv_slide > div {
    width: 100%;
  }
}
.mv_slide > div .mv_slide_photo picture, .mv_slide > div .mv_slide_photo img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

/* SP版　KV修正 */
@media (max-width: 768px) {
  main.page-top .kv {
    height: 520px;
  }
  main.page-top .kv_img {
    height: 100%;
  }
  main.page-top .kv_img img.kv_img1 {
    top: 190px;
    left: 22px;
  }
  main.page-top .kv_img img.kv_img2 {
    top: 2vw;
  }
  main.page-top .kv_img img.kv_img3 {
    top: 133px;
  }
}

/* トップ　NEWS　SP時２件表示 */
@media (max-width: 768px) {
  .page-top .sec_news .news_list ul li:nth-child(n+3) {
    display: none;
    visibility: hidden;
    pointer-events: none;
    height: 0;
    opacity: 0;
  }
}