@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Gupter:wght@400;500;700&family=Zen+Old+Mincho:wght@400;500;700&display=swap');
#contents { margin: 0 auto; }
#lgzcontents	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:.1em; font-style: normal; line-height:1.75; -webkit-text-size-adjust:100%; color:#323232; -webkit-font-smoothing: antialiased; }
#lgzcontents *	{ color:#09458B; font-feature-settings: normal; font-family: "Zen Old Mincho", serif; font-weight: 400; }
#lgzcontents .en	{ font-family: "Gupter", serif; font-weight: 400; }
#lgzcontents i	{ letter-spacing:.05em!important; font-weight: 700; }
#lgzcontents img, 
#lgzcontents picture,
#lgzcontents video	{ width: 100%; vertical-align: bottom; line-height: 1;  }
#lgzcontents img	{ width: 100%; vertical-align: bottom; line-height: 0; }
#lgzcontents a { transition: all .3s; color:#09458B; }
#lgzcontents a:hover { color:#09458B; text-decoration:none;}
#lgzcontents .small {font-size:80%;}
#lgzcontents .center-text	{ text-align: center; }
#lgzcontents ul:before,
#lgzcontents ol:before,
#lgzcontents dl:before, 
#lgzcontents ul:after, 
#lgzcontents ol:after, 
#lgzcontents dl:after	{ display: none; }

/* ------------ FADEIN ------------- */
.scrollIn	{ opacity: 0; }
.scrollIn.active	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .2s; }
.scrollActive	{ opacity: 0; }
.scrollActive.active	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .2s; }
@keyframes fadein	{ 
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}

/* ------------ MAIN ------------- */
.mainhero	{ width: 100%; background-color: #F2EFDF; padding: 66px 0 102px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; opacity: 0; }
.mainhero .mainttle	{ width: 32.422%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; opacity: 0; }
.mainhero .mainttle h1	{ width: 52%; line-height: 1; padding: 0; margin: 0; }
.mainhero .mainttle h2	{ font-size: 20px; line-height: 1; letter-spacing:-.02em; margin: 15px 0 0; }
.mainhero .mainimg	{ width: 35.157%; line-height: 1; opacity: 0; aspect-ratio: 4 / 5; }
.mainhero .mainbtm	{ width: 32.421%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; }
.mainbtm > h2	{ font-size: 20px; line-height: 1; letter-spacing:-.02em; margin: 0 0 15px; }
.mainbtm > .btnwap	{ width: 130px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; }
.mainbtm > .btnwap > a	{ color:#09458B; font-size: 15px; line-height: 1; letter-spacing:-.02em; width: 100%; height: 30px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; border: 1px solid #09458B; border-radius: 30px; }
.mainbtm > .btnwap > a::before	{ content:""; width: 5px; height: 5px; border: 1px solid; border-color: #09458B #09458B transparent transparent; transform: rotate(45deg); position: absolute; left: 12px; top: 11px; }
.mainhero.active	{ transition: opacity 1s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .1s; }
.mainhero.active .mainttle	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: 1.2s; }
.mainhero.active .mainimg	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .8s; }
.mainhero.active .mainbtm	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: 1.2s; }
.btmarea-wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.btmarea-wrapper .mainbtm	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 80px 0; padding: 0 0 140px; }
@media (min-width: 1000.1px)	{ 
	.mainbtm > h2	{ display: none; }
	.mainbtm > .btnwap.btmarea	{ flex-direction: row; width: 100%; }
	.mainbtm > .btnwap.btmarea > a	{ width: 130px; }
	.mainbtm > .btnwap > a:hover	{ color:#fff!important; background-color: #09458B; }
	.mainbtm > .btnwap > a:hover::before	{ border-color: #fff #fff transparent transparent; }
}
@media (max-width: 1000px)	{ 
	.mainhero	{ flex-wrap: wrap; padding: 0; }
	.mainhero .mainttle	{ width: 100%; padding: 40px 0 24px; }
	.mainhero .mainttle h1	{ width: 46.666%; }
	.mainhero .mainttle h2	{ display: none; }
	.mainhero .mainimg	{ width: 84.544%;  }
	.mainhero .mainbtm	{ width: 100%; padding: 32px 0 43px; }
	.mainbtm > h2	{ font-size: 18px; margin: 0 0 26px; }
	.btmarea-wrapper .mainbtm	{ gap: 80px 0; padding: 0 0 100px; }
	.btmarea-wrapper .mainbtm > h2	{ font-size: 16px; }
	.mainbtm > .btnwap	{ width: 100%; flex-direction: row; gap: 15px; }
	.mainbtm > .btnwap > a	{ width: 130px; }
}

/* ------------ IMG SET2.2 ------------- */
.itemset-wrapperwpp	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; margin: 0 0 276px; }
.itemset-wrapperwpp02	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 22.5%; margin: 0 0 140px;  }
.itemset-wrapperwpp02-2	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 19.53%; margin: 0 0 140px;  }
.itemset-wrapperwpp03	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 25%; margin: 0 0 230px;  }
.itemset-wrapperwpp04	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 8.59%; margin: 0 0 337px;  }
.itemset-wrapperwpp05	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: center; padding: 0; margin: 0 0 326px; gap: 15px; }
.itemset-wrapperwpp06	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 31.64%; margin: 0 0 320px; }
.itemset-wrapperwpp07	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; padding: 0 3.125%; margin: 0 0 320px; }
.itemset-wrapperwpp08	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; padding: 0 14.68%; margin: 0 0 500px; position: relative; }
.waoset08spev	{ width: 100%; height: 100%; aspect-ratio: 449 / 139; }
.itemset-wrapperwpp09	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 32.42%; margin: 0 0 460px; }
.itemset-wrapperwpp10	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 18.75%; margin: 0 0 180px; }
.itemset-wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.itemset-wrapper-inner	{ z-index: 2; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: flex-end; }
.itemset-wrapper.imgset02	{ align-items: flex-start; margin: 0 0 76px; }
.itemset-wrapperwpp .itemset-wrapper	{ width: 59.84%; }
.itemset-wrapperwpp05 .itemset-wrapper	{ width: 50%; }
.itemset-wrapperwpp07 .itemset-wrapper	{ width: 52.75%; }
.itemsetfull	{ width: 100%; list-style: none; display: -webkit-flex; display: flex; }
.itemsetfull.miniaps	{ padding: 0 3.2%; }
.itemsetfull > li	{ width: 50%; line-height: 1; opacity: 0; overflow: hidden; }
.imgset02 .itemsetfull	{ width: 41.4%; }
.imgset02 .itemsetfull > li	{ width: 100%; }
.itemsetfull.active > li	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .2s; }
.itemsetfull.active > li:last-child	{ transition-delay: .6s; }
.itemset-wrapperwpp04 .itemsetfull	{ justify-content: space-between; }
.itemset-wrapperwpp04 .itemsetfull > li	{ width: calc(50% - 5px); }
.itemset-wrapperwpp04 .itemsetfull > li:first-child	{ margin: 0 0 394px; }
.itemset-wrapperwpp04 .itemsetfull > li:last-child	{ margin: 394px 0 0; }
@media (max-width: 1000px)	{ 
	.itemset-wrapperwpp	{ flex-wrap: wrap; margin: 0 0 44px; }
	.itemset-wrapperwpp02	{ padding: 0; margin: 0 0 48px; }
	.itemset-wrapperwpp02 .itemtxt-wrapper	{ padding-left: 3.125%; }
	.itemset-wrapperwpp02-2	{ padding: 0 3.2%; margin: 0 0 48px;  }
	.itemset-wrapperwpp03	{ padding: 0 6%; margin: 0 0 180px;  }
	.itemset-wrapperwpp04	{ padding: 0 3.2%; margin: 0 0 180px;  }
	.itemset-wrapperwpp05	{ flex-direction: column; align-items: flex-end; padding: 0; margin: 0 0 180px; gap: 68px; }
	.itemset-wrapperwpp05 .itemset-wrapper	{ width: 100%; padding: 0 6.5% 0 0; }
	.itemset-wrapperwpp05 .itemtxt-wrapper	{ padding-left: 3.125%; }
	.itemset-wrapperwpp06	{ padding: 0 14.93%; margin: 0 0 240px; }
	.itemset-wrapperwpp07	{ flex-direction: column; align-items: center; justify-content: center; padding: 0; margin: 0 0 300px; }
	.itemset-wrapperwpp07 .itemset-wrapper	{ width: 100%; margin: 0 0 20px; }
	.itemset-wrapperwpp07 .itemtxt-wrapper	{ padding: 0 3.2%; }
	.itemset-wrapperwpp08	{ padding: 0; margin: 0 0 230px; }
	.waoset08spev	{ aspect-ratio: 375 / 142; }
	.itemset-wrapperwpp09	{ padding: 0 15.73%; margin: 0 0 170px; }
	.itemset-wrapperwpp10	{ padding: 0 7%; margin: 0 0 100px; }
	.itemset-wrapperwpp .itemset-wrapper	{ width: 100%; padding: 0 0 0 9.333%; }
	.itemsetfull	{ flex-wrap: wrap; }
	.itemsetfull.spmg5px	{ gap: 5px 0; }
	.itemsetfull.miniaps	{ padding: 0 6%; gap: 20px; }
	.itemsetfull.spmagn	{ padding: 0 3.2%; }
	.itemsetfull > li	{ width: 100%; }
	.imgset02 .itemsetfull	{ width: 87.73%; }
	.itemset-wrapperwpp04 .itemsetfull > li:first-child	{ margin: 0 0 106px; }
	.itemset-wrapperwpp04 .itemsetfull > li:last-child	{ margin: 106px 0 0; }
	.itemset-wrapper-inner	{ flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0 0 0 19.46%; }
}
.imageimg01	{ width: 39%; line-height: 1; margin: 0 0 315px; }
.imageimg02	{ width: 100%; line-height: 1; margin: 0; }
.imageimg03	{ width: 32.81%; line-height: 1; padding: 0 0 0 3.125%; }
.imageimg04	{ width: 41.87%; line-height: 1; margin: 0 0 240px; }
.imageimg05	{ width: 36%; line-height: 1; margin: 0 0 417px; }
.imageimg06	{ width: 67.34%; line-height: 1; margin: 0 0 146px; }
.imageimg07	{ width: 35.15%; line-height: 1; margin: 0; overflow: hidden; }
.imageimg08	{ width: 37.5%; line-height: 1; margin: 0; overflow: hidden; }
.imageimg09	{ width: 47.96%; line-height: 1; padding: 0; position: absolute; top: 0; left: 14.68%; }
.imageimg10	{ width: 68.37%; line-height: 1; padding: 0; }
@media (min-width: 1000.1px)	{ 
	.itemset-wrapperwpp05 .itemset-wrapper	{ order: 1; margin: 160px 0 0; }
	.imageimg07	{ order: 2; }
	.itemset-wrapper-inner .itemtxtset	{ order: 1; padding: 37px 25px 0 0; }
	.itemset-wrapper-inner .imageimg10	{ order: 2; }
}
@media (max-width: 1000px)	{ 
	.imageimg01	{ width: 66.666%; margin: 0 0 250px; }
	.imageimg03	{ width: 51.2%; padding: 0 0 0 3.2%; margin: 0 0 30px; }
	.imageimg04	{ width: 73%; line-height: 1; margin: 0 0 80px; }
	.imageimg05	{ width: 61.33%; padding: 0; margin: 0 0 140px; }
	.imageimg06	{ width: 92.6%; padding: 0; margin: 0 0 80px; }
	.imageimg07	{ width: 62.93%; }
	.imageimg08	{ width: 69.33%; }
	.imageimg09	{ width: 65.86%; top: 0; left: 0; }
	.imageimg10	{ width: 100%; }
}

.imgver	{ aspect-ratio: 4 / 5; overflow: hidden; }
.imgbes	{ aspect-ratio: 4 / 3; overflow: hidden; }
.imgver picture, 
.imgver img, 
.imgver video, 
.imgbes picture, 
.imgbes img	{ object-fit: cover; }


/* ------------ ITEM TEXT ------------- */
.itemtxtset	{ list-style: none; display: -webkit-flex; display: flex; position: relative; gap: 26px; padding: 37px 0 84px; }
.itemtxtset::before	{ content:""; position: absolute; top: 19px; left: 0; width: 23px; height: 1px; border-top: 1px solid #09458B; display: block!important; line-height: 0;  opacity: 0; transition: all 1s; }
.itemtxtset::after	{ display: none; }
.itemtxtset.active::before	{ opacity: 1; }
.itemtxtset > li	{ display: -webkit-flex; display: flex; }
.itemtxtset > li > a	{ display: -webkit-flex; display: flex; flex-direction: column; line-height: 1; opacity: 1; }
.itemtxtset > li > a.notkink	{ pointer-events: none; cursor: auto; }
.itemtxtset > li > a > p	{ display: -webkit-flex; display: flex; gap: .4em; line-height: 1; overflow: hidden; }
.itemtxtset > li > a > p span	{ color:#09458B; font-size: 12px; line-height: 18px; letter-spacing:-.02em; transform: translateY(1.5em); }
.itemtxtset > li > a > p span.active	{ transition: transform .6s cubic-bezier(.24,.155,.275,.945); transform: translateY(0); }
.itemtxtset > li > a > p.buybtn, 
.itemtxtset > li > a > p.soon	{ padding: .5em 0 0; }
.itemtxtset > li > a > p.buybtn span	{ color:#09458B; font-size: 12px; line-height: 18px; letter-spacing:-.02em; font-weight: 700!important; }
.itemtxtset > li > a > p.buybtn span b	{ color:#09458B; font-size: 12px; line-height: 18px; letter-spacing:-.02em; font-weight: 700!important; text-decoration: underline; }
.itemtxtset > li > a.notkink > p.buybtn span, 
.itemtxtset > li > a.notkink > p.buybtn span b	{ text-decoration: none; }
@media (min-width: 1000.1px)	{ 
	.itemset-wrapperwpp07 .itemtxtset	{ padding: 37px 0 0; }
	.itemtxtset > li > a:hover	{ transition: opacity .4s cubic-bezier(.24,.155,.275,.945); opacity: .5; }
}
.itemtxt-wrapper	{ display: -webkit-flex; display: flex; width: 100%; }
.itemtxt-wrapper.set01	{ padding-left: 3.125%; margin: 0 0 100px; }
.itemtxt-wrapper.set02	{ padding-left: 3.125%; margin: 0 0 100px; }
.imgset02 .itemtxt-wrapper	{ width: 41.4%; justify-content: flex-end; }
@media (max-width: 1000px)	{ 
	.itemtxt-wrapper.set02	{ padding-left: 6%; }
	.imgset02 .itemtxt-wrapper	{ width: auto; justify-content: flex-start; margin-left: 3.2%; }
	.itemtxtset	{ gap: 20px 14px; padding: 37px 0 84px; flex-wrap: wrap; }
	.itemtxtset.sp3col	{ gap: 10px; flex-wrap: nowrap; margin: 0 -12% 0 0; }
	.itemtxtset.sp2col	{ gap: 24px; }
	.itemtxtset.sp4col >li	{ min-width: 34%; }
	.itemtxtset > li > a > p	{ gap: .3em; }
	.itemtxtset > li > a > p span	{ font-size: 11px; line-height: 16px; }
	.itemtxtset > li > a > p.buybtn, 
	.itemtxtset > li > a > p.soon	{ padding: .3em 0 0; }
	.itemtxtset > li > a > p.buybtn span	{ font-size: 11px; line-height: 16px; }
	.itemtxtset > li > a > p span b	{ font-size: 11px; }
}
@media (max-width: 374px)	{ 
	.itemtxtset.sp3col	{ flex-wrap: wrap; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 1000px)	{ .pconly { display: none!important; } }
@media (min-width: 1000.1px)	{ .pconly { display: inline-block; } }
@media (max-width: 1000px)	{ .sponly { display: inline-block; } }
@media (min-width: 1000.1px)	{ .sponly { display: none!important; } }