@charset "utf-8";
/* --------------------------------------------------
	reset
-------------------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

img{ vertical-align: bottom;}
ul{ list-style: none;}
ul li{ list-style-type: none;}
figure { margin: 0;}


/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0;}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
button,
input { line-height: normal;}
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top;}
input[type="search"]:focus { outline: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@media (max-width: 481px) {
}



/*		font-style
-------------------------------------------------- */
body { width: 100%; color: #ff35bb; background: #fff;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	*font-size:small;
	*font:x-small;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.fixed { position: fixed;} 
p {font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}

.min {font-family: "游明朝", "Yu Mincho", "YuMincho", serif;}

::selection{ background: #feffaf; color: #000;}
::-moz-selection{ background: #feffaf; color: #000;}


a { color:#002159; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px;}
a:link   { color:#002159;}
a:visited{ color:#002159;}
a:hover  { color:#002159;}
a:active { color:#002159;}

em{ font-style: normal;}


/*		utility
-------------------------------------------------- */
.cf{ clear: both;}
.cf:after{ content: ''; display: block; clear: both;}


.color-scheme { background: #fff; color: #ff35bb;}

@media (max-width: 481px) {
}



.wrap { background: url('./img/bg/base.jpg') 50% 0 / 2000px auto;}
@media (max-width: 1201px) {
	.wrap { background-size: 100% auto;}
}
@media (max-width: 801px) {
	.wrap { background: url('./img/bg/base@sp.jpg') 50% 0 / 100% auto}
}

#hd { position: absolute; width: 100%; z-index: 101; background: #fff;}
#hd .inner-hd { position: relative; width: 96%; margin: 0 auto; padding: 16px 0 14px; z-index: 101;}
#hd .hd-logo { width: 80%; max-width: 740px;}
#hd .hd-logo h1 img { width: 100%;}
#hd .hd-logo h1 img.sp-show { display: none;}
#hd .menu { width: 60px; height: 50px; position: absolute; right: 0; top: 12px;}
#hd .menu div { position: relative; width: 100%; height: 100%; cursor: pointer;}
#hd .menu span { position: absolute; display: block; width: 50%; height: 2px; background: #ff35bb; opacity: 1;
 position: absolute; left: 50%;
}
#hd .menu span:nth-of-type(1){ top: 16px; transform: translate(-50%,0);}
#hd .menu span:nth-of-type(2){ top: 25px; transform: translate(-50%,0);}
#hd .menu span:nth-of-type(3){ top: 34px; transform: translate(-50%,0);}

#hd .menu.active span:nth-of-type(1){ transform: translate(-50%,9px) rotate(30deg);}
#hd .menu.active span:nth-of-type(2){ opacity: 0;}
#hd .menu.active span:nth-of-type(3){ transform: translate(-50%,-9px) rotate(-30deg);}

@media (max-width: 641px) {
	#hd .inner-hd { padding: 8px 0 10px;}
	#hd .hd-logo h1 img.pc-show { display: none;}
	#hd .hd-logo h1 img.sp-show { display: block;}
	#hd .menu { top: 12px;}
}
@media (max-width: 481px) {
	#hd {}
	#hd .hd-logo { width: 72%;}
	#hd .menu { width: 50px; height: 38px; top: 6px;}
	#hd .menu span:nth-of-type(1){ top: 10px;}
	#hd .menu span:nth-of-type(2){ top: 18px;}
	#hd .menu span:nth-of-type(3){ top: 26px;}
	#hd .menu.active span:nth-of-type(1){ transform: translate(-50%,8px) rotate(30deg);}
	#hd .menu.active span:nth-of-type(3){ transform: translate(-50%,-8px) rotate(-30deg);}
}


#nav { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; background: rgba(120,210,255,0.9); z-index: 101;}
#nav.open { display: block; z-index: 100;}
#nav .inner { width: 100%; height: 100svh; margin: 0 auto; padding: 70px 0 0;}
#nav .scroll { width: 100%; height: 100%; overflow-y: scroll;}
#nav ul { width: 92%; max-width: 660px; margin: 0 auto; padding: 50px 0; text-align: center;}
#nav ul li { position: relative; padding: 6px 0px 0px;}
#nav ul li:after { content: ''; display: block; width: 100%; height: 24px; background: url('./img/nav/mark.png') no-repeat 50% 100% / auto 100%;}
#nav ul li:last-child:after { content: none;}

#nav ul li a { position: relative; display: block; width: 80%; max-width: 480px; margin: 0 auto; text-decoration: none;}
#nav ul li a img { width: 100%;}
#nav ul li a:hover { opacity: 0.75;}
@media (max-width: 801px) {
	#nav .inner { padding: 50px 0 0; background-size: 100% auto; background-position: 50% 40%;}
}
@media (max-width: 481px) {
	#nav .inner { padding: 40px 0 0; background-size: 105% auto; background-position: 50% 25%;}
	#nav ul { padding: 40px 0;}
	#nav ul li { padding: 4px 0px 0px;}
	#nav ul li:after { height: 14px;}
	#nav ul li a { width: 72%;}
}


.fix-btn { position: fixed; left: 0%; bottom: 0px; width: 100%; background: rgba(255,255,255,0.8); z-index: 10;}

.fix-btn div { padding: 18px 0 12px;}
.fix-btn span,
.fix-btn a { display: block; width: 86%; max-width: 480px; margin: 0 auto;}
.fix-btn span img,
.fix-btn a img { width: 100%;}
.fix-btn a img.sp-show { display: none;}

.fix-btn a:hover { opacity: 0.6;}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
	.fix-btn { border-width: 1px; }
	.fix-btn div ul { padding: 0 36px;}
	.fix-btn a img.pc-show { display: none;}
	.fix-btn a img.sp-show { display: block;}
}

.bg-ft {}
#ft .copyright { padding: 20px 0 140px;}
#ft .copyright p { color: #ff35bb; font-size: 12px; text-align: center;}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	.bg-ft { background-size: auto 240px;}
	#ft .copyright { padding: 20px 0 100px;}
	#ft .copyright p { font-size: 9px;}
}



#kv { width: 100%;}
#kv .inner-kv { position: relative; padding-bottom: 120px;}
#kv .inner-kv:before { content: ''; display: block; width: 180px; height: 58px; background: url('./img/logo-kabaya.png') no-repeat 50% 50% / 100% auto;
 position: absolute; right: 40px; top: 100px; z-index: 2;
}
#kv .logo { position: absolute; left: 0; top: 26%; width: 100%;}
#kv .logo img { width: 40%; max-width: 560px; margin: 0 auto !important;}
#kv .title { position: absolute; left: 0; bottom: 0%; width: 100%;}
#kv .title:before,
#kv .title:after { content: ''; display: block; width: 18%; max-width: 300px; height: 380px; position: absolute; top: 0;}
#kv .title:before{ left: 0; background: url('./img/bg/ribon-1-L.png') no-repeat 100% 50% / auto 100%;}
#kv .title:after { right: 0; background: url('./img/bg/ribon-1-R.png') no-repeat 0% 50% / auto 100%;}
#kv .title h1 img { width: 80%; max-width: 860px; margin: 0 auto !important;}

#kv .bg { width: 100%; padding-top: 82%; background: url('./img/kv.webp') no-repeat 50% 0 / 100% auto;}
#kv .bg img { display: none; width:100%;}
@media (max-width: 1201px) {
	#kv .inner-kv:before { width: 150px; height: 50px;}
	#kv .title:before,
	#kv .title:after { width: 12%; height: 300px;}
}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#kv .inner-kv { padding-bottom: 0px;}
	#kv .inner-kv:before { content: none;}
	#kv .logo { display: none;}
	#kv .title { display: none;}
	#kv .bg { padding-top: 0%;}
	#kv .bg img { display: block;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
}


.bg-wh { position: relative; width: 92%; max-width: 1100px; margin: 0 auto; background: rgba(255,255,255,0.8); box-shadow: 0 0 10px #d1d0de;}
.bg-wh:before,
.bg-wh:after { content: ''; display: block; width: 110px; height: 100px; position: absolute; top: 15px;}
.bg-wh:before{ left: 15px; background: url('./img/bg/left-top.png') no-repeat 0 0 / 100% auto;}
.bg-wh:after { right: 15px; background: url('./img/bg/right-top.png') no-repeat 100% 0 / 100% auto}
.bg-wh .bg-inner { position: relative; width: 100%;}
.bg-wh .bg-inner:before,
.bg-wh .bg-inner:after { content: ''; display: block; width: 110px; height: 100px; position: absolute; bottom: 15px;}
.bg-wh .bg-inner:before{ left: 15px; background: url('./img/bg/left-bottom.png') no-repeat 0 100% / 100% auto;}
.bg-wh .bg-inner:after { right: 15px; background: url('./img/bg/right-bottom.png') no-repeat 100% 100% / 100% auto}
@media (max-width: 801px) {
	.bg-wh:before,
	.bg-wh:after { width: 80px; height: 75px; top: 10px;}
	.bg-wh:before{ left: 10px;}
	.bg-wh:after { right: 10px;}
	.bg-wh .bg-inner:before,
	.bg-wh .bg-inner:after { width: 80px; height: 75px; bottom: 10px;}
	.bg-wh .bg-inner:before{ left: 10px;}
	.bg-wh .bg-inner:after { right: 10px;}
}
@media (max-width: 481px) {
	.bg-wh { box-shadow: 0 0 6px #d1d0de;}
	.bg-wh:before,
	.bg-wh:after { width: 45px; height: 42px; top: 5px;}
	.bg-wh:before{ left: 5px;}
	.bg-wh:after { right: 5px;}
	.bg-wh .bg-inner:before,
	.bg-wh .bg-inner:after { width: 45px; height: 42px; bottom: 5px;}
	.bg-wh .bg-inner:before{ left: 5px;}
	.bg-wh .bg-inner:after { right: 5px;}
}

.ttl div { position: relative; }
.ttl div { position: relative; width: 100%; max-width: 960px; margin: 0 auto;}
.ttl div:after { content: ''; display: block; width: 100%; height: 42px; background: url('./img/ttl/mark.png') no-repeat 50% 50% / auto 100%;}
.ttl h2 { font-size: 30px; line-height: 1.4; text-align: center;}
.ttl h2 img { width: 72%; max-width: 500px; margin: 0 auto !important;}
.ttl h2 img.wide { width: 72%; max-width: 580px; margin: 0 auto !important;}
.ttl h2 span { display: block; padding-top: 20px;}
.red { color: #c30018;}
@media (max-width: 801px) {
	.ttl div:after { height: 24px;}
}
@media (max-width: 481px) {
	.ttl div:after { height: 18px;}
}


#lead .inner { padding: 40px 0;}
#lead p { text-align: center;}
#lead p img { width: 100%; max-width: 1100px; margin: 0 auto;}
#lead p img.sp-show { display: none;}
@media (max-width: 801px) {
	#lead .inner { padding: 0px;}
	#lead p img.pc-show { display: none;}
	#lead p img.sp-show { display: block; width: 92%; margin: 0 auto !important;}
}

#pageNav {}
#pageNav .inner { padding: 30px 0;}
#pageNav ul { width: 90%; max-width: 1000px; margin: 0 auto; font-size: 0; text-align: center;}
#pageNav ul li { display: inline-block; width: 25%;}
#pageNav ul li span,
#pageNav ul li a { display: block; width: 100%;}
#pageNav ul li span img,
#pageNav ul li a img { width: 100%;}
#pageNav ul li a:hover { opacity: 0.8;}
#pageNav p { text-align: center;}
#pageNav p img { width: 80%; max-width: 460px; margin: 0 auto;}
@media (max-width: 481px) {
	#pageNav .inner { padding: 12px 0;}
	#pageNav ul li { width: 32%;}
}


.items .inner-sct { padding: 0 0 40px;}
.items .bg-wh { position: relative;}
.items .bg-wh .posi { position: absolute; top: -20px;}
.items .bg-wh .bg-inner { padding: 50px 0px 80px;}
.items .title { width: 88%; max-width: 	880px; margin: 0 auto;}
.items .title h2 img { width: 100%;}
.items .lead { position: relative; padding: 30px 0;}
.items .lead.lead-1 { padding: 0 0 30px; background: url('./img/main-1.png') no-repeat 50% 0 / 100% auto;}
.items .lead:before,
.items .lead:after { content: ''; display: block; width: 280px; height: 480px; position: absolute; z-index: 1;}
.items .lead.lead-1:before{ top: 62%; left: 0; background: url('./img/bg/lead-L.png') no-repeat 0 0 / 100% auto;}
.items .lead.lead-1:after { top: 62%; right: 0; background: url('./img/bg/lead-R.png') no-repeat 100% 0 / 100% auto;}
.items .lead h2 { text-align: center; }
.items .lead h2 img { width: 88%; max-width: 880px; margin: 0 auto;}
.items .lead p { position: relative; z-index: 2;
 color: #ff35bb; font-size: 22px; font-weight: 700; line-height: 2.2; letter-spacing: 0.1rem; text-align: center;
 text-shadow: 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff;}
.items .lead p span.br { display: block;}
.items .lead .main-1 { width: 100%; padding-top: 46%;}
.items .ctn { position: relative;}
.items .ctn:before,
.items .ctn:after { content: ''; display: block; width: 140px; height: 120px; position: absolute;}
.items .ctn:before{ right: 0; top: 30px; background: url('./img/bg/ribon-2-R.png') no-repeat 100% 50% / 100% auto;}
.items .ctn:after { left: 0; top: 400px; background: url('./img/bg/ribon-2-L.png') no-repeat 100% 50% / 100% auto;}

.items .ctn-1 { position: relative;}
.items .ctn-1.mb { margin-bottom: 60px;}
.items .ctn-1:before,
.items .ctn-1:after { content: ''; display: block; width: 140px; height: 120px; position: absolute;}
.items .ctn-1:before{ right: 0; top: 30px; background: url('./img/bg/ribon-2-R.png') no-repeat 100% 50% / 100% auto;}
.items .ctn-1:after { left: 0; top: 400px; background: url('./img/bg/ribon-2-L.png') no-repeat 100% 50% / 100% auto;}


.items .ctn-2 { position: relative;}
.items .ctn-2:before,
.items .ctn-2:after { content: ''; display: block; width: 140px; height: 120px; position: absolute;}
.items .ctn-2:before{ left: 0; top: 30px; background: url('./img/bg/ribon-3-L.png') no-repeat 100% 50% / 100% auto;}
.items .ctn-2:after { right: 0; top: 400px; background: url('./img/bg/ribon-3-R.png') no-repeat 100% 50% / 100% auto;}

.items .flex-main { display: flex; justify-content: space-between; align-items: center; width: 92%; max-width: 960px; margin: 0 auto;}
.items .flex-main.re { flex-direction: row-reverse;}
.items .flex-main .img { width: 52%;}
.items .flex-main .txt { width: 48%;}
.items .flex-main .img figure {}
.items .flex-main .txt .inner-L { width: 100%; max-width: 390px; margin: 0 0 0 auto;}
.items .flex-main .txt .inner-R { width: 100%; max-width: 390px;}
.items .flex-main .txt h3 { margin-bottom: 8px;}
.items .flex-main .txt h3 img { width: 100%; max-width: 400px;}
.items .flex-main .txt h3 img.sp-show { display: none;}
.items .flex-main .txt p { margin-left: 10px; color: #ff35bb; font-size: 20px; font-weight: 600; letter-spacing: 0.075rem;}

.items .flex { display: flex; justify-content: space-between; width: 92%; max-width: 800px; margin: 0 auto;}
.items .flex .descript { width: 50%; padding: 16px 30px;}
.items .flex .descript figure {}
.items .flex .descript figure img { width: 90%; max-width: 320px; margin: 0 auto;}
.items .flex .descript .txt-s { width: 100%; max-width: 330px; margin: 0 auto;}
.items .flex .descript .txt-s p { color: #ff35bb; font-size: 20px; font-weight: 600;}
.items .flex .descript .txt-s p span.kome { display: block; padding-top: 10px; padding-left: 1.5em; font-size: 16px; text-indent: -1.2em;}


.items .spec { width: 92%; max-width: 870px; margin: 0 auto; padding-top: 40px;}
.items .spec.mb { margin-bottom: 60px;}
.items .spec.mb2{ margin-bottom: 80px;}
.items .spec h4 { margin-bottom: 8px; padding-left: 10px; color: #cd9539; font-size: 24px; font-weight: 700; letter-spacing: 0.075rem;}
.items .spec ul { border-top: solid 1px #cd9539;}
.items .spec ul.mb { margin-bottom: 50px;}
.items .spec ul li { border-bottom: solid 1px #cd9539;}
.items .spec ul li dl { display: table; width: 100%; padding: 10px;}
.items .spec ul li dl dt,
.items .spec ul li dl dd { display: table-cell; font-size: 18px;}
.items .spec ul li dl dt { width: 260px; padding-left: 10px; color: #cd9539; font-weight: 700;}
.items .spec ul li dl dt br {}
.items .spec ul li dl dd { width: auto; color: #ff35bb; font-weight: 600; line-height: 1.4;}
.items .spec ul li dl dd a { color: #ff35bb;}
.items .spec ul li dl dd a:hover { text-decoration: none;}
.items .spec ul li dl dd span.kome { display: block; font-size: 15px;}
.items .line { margin-bottom: 60px;}
.items .line:before { content: ''; display: block; width: 100%; height: 21px; background: url('./img/line.png') no-repeat 50% 50% / auto 100%;}

.items .info { margin: 0 auto 40px;}
.items .info .box { position: relative; width: 86%; max-width: 800px; margin: 0 auto; padding: 1px;
 background: linear-gradient(60deg,#dfd981,#cd9539,#dfd981,#cd9539,#dfd981); box-shadow: 0 0 6px #dcedf2;
}
.items .info .box .inner-box { width: 100%; padding: 50px 40px 30px; background: #fff; }
.items .info .box .tips { position: absolute; top: -25px; width: 100%;}
.items .info .box .tips h4 img { width: 50%; max-width: 265px; margin: 0 auto !important;}
.items .info .box .txt { width: 100%; max-width: 680px; margin: 0 auto 20px; padding-bottom: 20px; border-bottom: solid 1px #cd9539;}
.items .info .box .txt p { color: #ff35bb; font-size: 20px; font-weight: 600; letter-spacing: 0.075rem; line-height: 1.8;}
.items .info .box .flex { align-items: center; width: 100%; max-width: 680px; margin: 0 auto;}
.items .info .box .detail { width: 55%;}
.items .info .box .sns { width: 45%; border-left: solid 1px #cd9539;}
.items .info .box .detail ul li { padding: 4px 0; color: #000; font-size: 20px;}
.items .info .box .sns p { margin-bottom: 10px; color: #000; text-align: center;}
.items .info .box .sns ul { width: 100%; max-width: 200px; margin: 0 auto; font-size: 0; text-align: center;}
.items .info .box .sns ul li { display: inline-block; width: 50%; margin: 0; padding: 0;}
.items .info .box .sns ul li a { display: block; width: 80%; max-width: 62px; margin: 0 auto;}
.items .info .box .sns ul li a img { width: 100%;}

.items .info .box .detail-wide { width: 100%; max-width: 680px; margin: 0 auto;}
.items .info .box .detail-wide ul li { padding: 4px 0; color: #8c2111; font-size: 20px; font-weight: 600;}


.items .charm {}
.items .charm .flex-ctn { display: flex; justify-content: space-between; flex-direction: row-reverse; width: 88%; max-width: 920px; margin: 0 auto;}
.items .charm .img { width: 46%;}
.items .charm .txt { width: 52%;}
.items .charm .img figure {}
.items .charm .img figure img { width: 100%; max-width: 400px; margin: 0 auto !important;}
.items .charm .txt h4{ margin-bottom: 12px; font-size: 34px; font-weight: 700; text-shadow: 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff;}
.items .charm .txt p { font-size: 20px; font-weight: 600;}
.items .charm .txt p.mb { margin-bottom: 15px;}
.items .charm .txt p.kome { font-size: 15px;}
.items .charm .txt ul { margin-bottom: 15px; padding: 10px 0; border-top: solid 1px #cd9539; border-bottom: solid 1px #cd9539;}
.items .charm .txt ul li { padding: 8px 0; font-size: 18px; font-weight: 600;}

.items .btn-entry { }
.items .btn-entry a { display: block; width: 80%; max-width: 600px; margin: 0 auto;}
.items .btn-entry a img { width: 100%;}
.items .btn-entry a:hover img { opacity: 0.8;}
.items .spacer { height: 80px;}
@media (max-width: 1001px) {
	.items .lead:before,
	.items .lead:after { top: 35%; width: 200px; height: 400px;}
	.items .lead.lead-4:before{ top: -40px;}
	.items .lead.lead-4:after { top: -40px;}
	.items .lead.lead-3:before{ top: -40px;}
	.items .lead.lead-3:after { top: -40px;}
	.items .lead p { font-size: 20px;}

	.items .ctn:before,
	.items .ctn:after { width: 100px; height: 80px;}
	.items .ctn:after { top: 320px;}

	.items .ctn-1:before,
	.items .ctn-1:after { width: 100px; height: 80px;}
	.items .ctn-1:after { top: 320px;}

	.items .ctn-2:before,
	.items .ctn-2:after { width: 100px; height: 80px;}
	.items .ctn-2:before { top: 320px;}

	.items .flex-main .txt p { font-size: 18px;}
	
	.items .flex .descript .txt-s p { font-size: 18px;}

	.items .spec ul li dl dt,
	.items .spec ul li dl dd { font-size: 16px;}
	.items .spec ul li dl dt { width: 200px; padding-left: 0;}
	
	.items .info .box .txt p { font-size: 18px;}
	.items .info .box .detail ul li { font-size: 18px;}
	.items .info .box .sns p { font-size: 18px;}
	.items .info .box .detail-wide ul li { font-size: 18px;}

	.items .charm .txt h4{ font-size: 28px;}
	.items .charm .txt p { font-size: 18px;}
	.items .charm .txt p.mb { margin-bottom: 10px;}
	.items .charm .txt p.kome { font-size: 13px;}
	.items .charm .img figure img { max-width: 320px;}

}
@media (max-width: 801px) {
	.items .bg-wh .bg-inner { padding: 30px 0px 80px;}
	.items .lead:before,
	.items .lead:after { content: none; width: 200px; height: 280px;}

	.items .lead p { line-height: 1.85;}
	.items .lead p span { display: block;}
	.items .lead p br.pc-show { display: none;}

	.items .ctn-1.mb { margin-bottom: 40px;}
	.items .spec { padding-top: 20px;}
	.items .spec h4 { font-size: 20px;}

	.items .line { margin-bottom: 40px;}
	.items .line:before { width: 80%; height: 20px; margin: 0 auto; background-size: 100% auto;}
	.items .charm .flex-ctn { display: block;}
	.items .charm .img { width: 100%; margin-bottom: 30px;}
	.items .charm .txt { width: 100%; margin: 0 auto;}
	.items .charm .txt h4{ margin-bottom: 6px;}
	.items .charm .txt p { font-size: 16px;}
	.items .charm .txt ul li { padding: 4px 0; font-size: 16px;}

	.items .spacer { height: 60px;}
}
@media (max-width: 641px) {
	.items .lead:before,
	.items .lead:after { width: 160px; height: 230px;}
	.items .lead.lead-4:before{ width: 140px; height: 200px; bottom: -120px;}
	.items .lead.lead-4:after { width: 140px; height: 200px; top: -40px;}
	.items .lead.lead-3:before{ width: 140px; height: 200px; top: auto; bottom: -60px;}
	.items .lead.lead-3:after { width: 140px; height: 200px; top: 0px;}
	.items .lead.lead-1:before{ bottom: -120px;}
	.items .lead.lead-1:after { top: -60px;}
	.items .lead p { font-size: 18px;}

	.items .ctn:before{ top: 20px;}
	.items .ctn:after { top: 420px;}
	.items .ctn-1:before{ top: 20px;}
	.items .ctn-1:after { top: 420px;}
	.items .ctn-2:before{ top: 20px;}
	.items .ctn-2:after { top: 420px;}
	.items .flex-main { display: block; margin: 0 auto 12px;}
	.items .flex-main .img { width: 100%;}
	.items .flex-main .txt { width: 94%; max-width: 400px; margin: 0 auto;}
	.items .flex-main .txt h3 img.pc-show { display: none;}
	.items .flex-main .txt h3 img.sp-show { display: block;}
	.items .flex-main .txt p { width: 96%; max-width: 400px; font-size: 16px;}

	.items .flex .descript { padding: 12px 20px;}
	.items .flex .descript .txt-s p { font-size: 14px;}
	.items .flex .descript .txt-s p span.kome { font-size: 12px;}

	.items .spec.mb { margin-bottom: 60px;}
	.items .spec h4 { font-size: 16px;}
	.items .spec ul li dl dt,
	.items .spec ul li dl dd { font-size: 14px;}
	.items .spec ul li dl dd span.kome { font-size: 12px;}
	
	.items .info { margin-bottom: 30px;}
	.items .info .box .txt p { font-size: 16px;}
	.items .info .box .flex { display: block; }
	.items .info .box .detail { width: 100%; padding-bottom: 20px; border-bottom: solid 1px #cd9539;}
	.items .info .box .sns { position: relative; width: 100%; border-left: none; padding-top: 20px;}
	.items .info .box .detail ul li { padding: 0; font-size: 16px;}
	.items .info .box .sns p { position: absolute; top: 30%; font-size: 16px; text-align: left;}
	.items .info .box .sns ul { width: 45%; margin: 0 0 0 auto;}
	.items .info .box .detail-wide ul li { padding: 2px 0; font-size: 16px;}
}
@media (max-width: 481px) {
	.items .inner-sct { padding: 0 0 20px;}
	.items .bg-wh .bg-inner { padding: 30px 0px 40px;}

	.items .lead { padding: 12px 0 18px;}
	.items .lead:before,
	.items .lead:after { width: 100px; height: 140px;}
	.items .lead.lead-4:before{ width: 90px; height: 140px; bottom: -100px;}
	.items .lead.lead-4:after { width: 90px; height: 140px; top: -40px;}
	.items .lead.lead-3:before{ width: 80px; height: 120px; bottom: -40px;}
	.items .lead.lead-3:after { width: 80px; height: 120px;}
	.items .lead.lead-1:before{ bottom: -40px;}
	.items .lead.lead-1:after { top: -30px;}

	.items .lead p { font-size: 13px; letter-spacing: 0.05rem;}

	.items .ctn:before,
	.items .ctn:after { width: 70px; height: 55px;}
	.items .ctn:before{ top: 0px;}
	.items .ctn:after { top: 260px;}

	.items .ctn-1:before,
	.items .ctn-1:after { width: 70px; height: 55px;}
	.items .ctn-1:before{ top: 0px;}
	.items .ctn-1:after { top: 260px;}

	.items .ctn-2:before,
	.items .ctn-2:after { width: 70px; height: 55px;}
	.items .ctn-2:before{ top: 0px;}
	.items .ctn-2:after { top: 260px;}

	.items .flex-main .txt p { font-size: 13px; letter-spacing: 0.05rem;}

	.items .flex .descript { padding: 8px;}
	.items .flex .descript figure img { width: 100%;}
	.items .flex .descript .txt-s p { font-size: 12px;}
	.items .flex .descript .txt-s p span.kome { padding-top: 5px; font-size: 10px;}

	.items .spec.mb { margin-bottom: 30px;}
	.items .spec h4 { font-size: 14px;}
	.items .spec ul.mb { margin-bottom: 30px;}
	.items .spec ul li dl { padding: 8px 4px;}
	.items .spec ul li dl dt,
	.items .spec ul li dl dd { font-size: 12px;}
	.items .spec ul li dl dt { width: 120px; line-height: 1.2;}
	.items .spec ul li dl dt br { display: block;}
	.items .spec ul li dl dd span.kome { font-size: 10px;}

	.items .line { margin-bottom: 20px;}
	.items .line:before { height: 16px;}

	.items .info { margin-bottom: 20px;}
	.items .info .box .tips { position: absolute; top: -15px;}
	.items .info .box .inner-box { padding: 20px;}
	.items .info .box .txt { margin-bottom: 12px; padding-bottom: 12px;}
	.items .info .box .txt p { font-size: 13px; letter-spacing: 0rem;}
	.items .info .box .detail ul li { padding: 0; font-size: 12px;}
	.items .info .box .sns { padding-top: 12px;}
	.items .info .box .sns p { font-size: 11px;}

	.items .info .box .detail-wide ul li { padding: 0px; font-size: 12px;}

	.items .charm .img { margin-bottom: 20px;}
	.items .charm .img figure img { width: 54%; max-width: 300px;}
	.items .charm .txt h4{ margin-bottom: 4px; font-size: 18px;}
	.items .charm .txt p { font-size: 13px; letter-spacing: 0rem;}
	.items .charm .txt p.kome { font-size: 10px;}
	.items .charm .txt ul li { font-size: 12px;}

	.items .spacer { height: 40px;}
}


#amanity .inner-sct { margin-bottom: 40px; padding: 40px 0;}
#amanity .bg-wh .bg-inner { padding: 80px 50px 60px;}
#amanity .ttl { margin-bottom: 20px;}
#amanity .flex { display: flex; width: 100%; max-width: 940px; margin: 0 auto; justify-content: space-between;}
#amanity .flex.re { flex-direction: row-reverse;}
#amanity .flex.mb { margin-bottom: 60px;}
#amanity .img { width: 34%;}
#amanity .img figure { width: 100%; max-width: 320px; margin: 0 auto; text-align: center;}
#amanity .img figure img { width: 100%; margin: 0 auto;}
#amanity .txt { width: 62%;}
#amanity .txt h3 { margin-bottom: 12px; color: #ff35bb; font-size: 28px; letter-spacing: 0.1rem; line-height: 1.4; text-shadow: 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff;}
#amanity .txt h3 br { display: none;}
#amanity .txt p { color: #ff35bb; font-size: 16px; font-weight: 600; letter-spacing: 0.075rem; line-height: 1.6;}
#amanity .txt p.mb { margin-bottom: 30px;}
@media (max-width: 1001px) {
	#amanity .txt h3 { font-size: 24px;}
}
@media (max-width: 801px) {
	#amanity .txt p { font-size: 14px;}
	#amanity .txt p.mb { margin-bottom: 20px;}
}
@media (max-width: 641px) {
	#amanity .bg-wh .bg-inner { padding: 40px;}
	#amanity .flex { display: block;}
	#amanity .img { width: 60%; margin: 0 auto 20px;}
	#amanity .txt { width: 100%;}
	#amanity .txt p.mb { margin-bottom: 12px;}
}
@media (max-width: 481px) {
	#amanity .inner-sct { margin-bottom: 20px; padding: 20px 0;}
	#amanity .bg-wh .bg-inner { padding: 30px 25px 40px;}
	#amanity .ttl { margin-bottom: 12px;}
	#amanity .img { margin: 0 auto 12px;}
	#amanity .flex.mb { margin-bottom: 40px;}
	#amanity .txt h3 { margin-bottom: 6px; font-size: 18px;}
	#amanity .txt h3 br { display: block;}
	#amanity .txt p { font-size: 13px; letter-spacing: 0.05rem;}
	#amanity .txt p.kome { font-size: 11px;}
}


#feature {}
#feature .inner-sct { padding: 40px 0 60px;}
#feature .bg-wh .bg-inner { padding: 80px 50px 60px;}
#feature .ttl { margin-bottom: 20px;}
#feature .img { width: 100%; max-width: 980px; margin: 0 auto 40px; padding: 0 160px; text-align: center;
 background-image: url('./img/bg/feature-L.png'), url('./img/bg/feature-R.png');
 background-repeat: no-repeat, no-repeat;
 background-size: 150px auto, 150px auto;
 background-position: 0 50%, 100% 50%;
}
#feature .img figure { width: 100%; max-width: 560px; margin: 0 auto; text-align: center;}
#feature .img figure img { width: 100%; margin: 0 auto;}
#feature .flex { display: flex; width: 100%; max-width: 960px; margin: 0 auto; justify-content: space-between;}
#feature .txt { width: 48%;}
#feature .txt p { color: #ff35bb; font-size: 16px; font-weight: 600; letter-spacing: 0.075rem; line-height: 1.85;}
#feature .txt p.mb { margin-bottom: 40px;}
@media (max-width: 1001px) {
	#feature .img { padding: 0 120px; background-size: 100px auto, 100px auto;}
}
@media (max-width: 801px) {
	#feature .img { padding: 0 90px; background-size: 80px auto, 80px auto;}
	#feature .txt p { font-size: 14px;}
	#feature .txt p.mb { margin-bottom: 20px;}
}
@media (max-width: 641px) {
	#feature .img { margin: 0 auto 20px; padding: 0px; background: none;}
	#feature .img figure { width: 82%;}
	#feature .flex { display: block;}
	#feature .txt { width: 100%;}
	#feature .txt p.mb { margin-bottom: 20px;}
}
@media (max-width: 481px) {
	#feature {}
	#feature .inner-sct { padding: 20px 0;}
	#feature .bg-wh .bg-inner { padding: 30px 25px;}
	#feature .ttl { margin-bottom: 12px;}
	#feature .flex { display: block;}
	#feature .txt { width: 100%;}
	#feature .txt p { font-size: 11px;}
	#feature .txt p.mb { margin-bottom: 12px;}
}


#popup .inner-sct { padding: 40px 0;}
#popup .bg-wh .bg-inner { padding: 50px 0px 80px;}
#popup .ttl {}
#popup .ctn { position: relative; padding: 30px 0 60px;}
#popup .ctn:before,
#popup .ctn:after { content: ''; display: block; width: 260px; height: 320px; position: absolute; z-index: 1;}
#popup .ctn:before{ top: -60px; left: 0; background: url('./img/bg/popup-1-L.png') no-repeat 0 0 / 100% auto;}
#popup .ctn:after { top: -60px; right: 0; background: url('./img/bg/popup-1-R.png') no-repeat 100% 0 / 100% auto;}
#popup .ctn p { position: relative; z-index: 2;
 color: #ff35bb; font-size: 20px; font-weight: 700; line-height: 1.8; letter-spacing: 0.1rem; text-align: center;}
#popup .ctn p.mb { margin-bottom: 100px;}
#popup .ctn p span.br { display: block;}
#popup .ctn .ctn-2 { padding: 0px 150px;
 background-image: url('./img/bg/popup-2-L.png') , url('./img/bg/popup-2-R.png');
 background-repeat: no-repeat, no-repeat;
 background-size: 86px auto, 86px auto;
 background-position: 4% 60%, 98% 60%;}
}
#popup .ctn .box {}
#popup .ctn .box { position: relative; width: 100%; max-width: 800px; margin: 0 auto; padding: 1px;
 background: linear-gradient(60deg,#dfd981,#cd9539,#dfd981,#cd9539,#dfd981); box-shadow: 0 0 6px #dcedf2;
}
#popup .ctn .box .inner-box { width: 100%; padding: 50px 40px 30px; background: #fff; }
#popup .ctn .box:after { content: ''; display: block; width: 60px; height: 204px;
 background: url('./img/img-popup-2.png') no-repeat 50% 50% / 100% auto;
 position: absolute; right: -20px; top: -30px; transform: rotate(8deg);
}

#popup .ctn .box .tips { position: absolute; top: -25px; width: 100%;}
#popup .ctn .box .tips h4 img { width: 80%; max-width: 700px; margin: 0 auto !important;}
#popup .ctn .box .tips h4 img.sp-show { display: none;}
#popup .ctn .box ul { width: 100%; max-width: 660px; margin: 0 auto;}
#popup .ctn .box ul li { position: relative; padding: 8px 0; color: #ff35bb; font-size: clamp(12px,2.1vw,21px); font-weight: 600; letter-spacing: 0.05rem; line-height: 1.25;}
#popup .ctn .box ul li.indent2 { padding-left: 3.2em;}
#popup .ctn .box ul li.indent4 { padding-left: 5.2em;}
#popup .ctn .box ul li span.tt { position: absolute; left: 0;}
#popup .ctn .box ul li span.kome { font-size:  clamp(10px,1.6vw,16px);}
#popup .ctn .box ul li br.sp { display: none;}

#popup .ctn-flex { display: flex; justify-content: space-between; flex-direction: row-reverse; width: 94%; max-width: 920px; margin: 0 auto;}
#popup .ctn-flex .txt { width: 60%;}
#popup .ctn-flex .pht { width: 38%;}
#popup .ctn-flex .pht figure img { width: 90%; margin: 0 auto !important;}
#popup .ctn-flex .txt h4 { margin-bottom: 10px; color: #ff35bb; font-size: 28px;}
#popup .ctn-flex .txt ul li { padding: 2px 0; color: #ff35bb; font-size: 18px; font-weight: 600;}
#popup .ctn-flex .txt ul li span { display: block; font-size: 15px;}
@media (max-width: 1001px) {
	#popup .ctn:before,
	#popup .ctn:after { width: 220px; height: 240px;}
	#popup .ctn p { font-size: 18px;}
	#popup .ctn p.mb { margin-bottom: 80px;}
	#popup .ctn .ctn-2 { padding: 0px 100px; background-position: 2% 60%, 98% 60%; background-size: 60px auto, 60px auto;}
	#popup .ctn .box .inner-box { padding: 30px 20px 20px;}
	#popup .ctn .box ul li span.kome { display: block;}
}
@media (max-width: 801px) {
	#popup .ctn:before,
	#popup .ctn:after { content: none;}
	#popup .ctn p.mb { margin-bottom: 100px;}
	#popup .ctn p span { display: block;}
	#popup .ctn .ctn-2 { padding: 0 50px; background: none;}
	#popup .ctn .box:after { width: 80px; height: 200px; right: -10px; top: auto; bottom: 10px; transform: rotate(0deg);
	 background: url('./img/img-popup-2@sp.png') no-repeat 50% 50% / 100% auto;
	}
	#popup .ctn .box .tips { top: -6vw;}
	#popup .ctn .box .tips h4 img.pc-show { display: none;}
	#popup .ctn .box .tips h4 img.sp-show { display: block;}
	#popup .ctn .box .inner-box { padding: 60px 40px 20px;}
	#popup .ctn .box ul li { line-height: 1.5;}
	#popup .ctn .box ul li.indent4 { padding-left: 0em;}
	#popup .ctn .box ul li.indent4 span.tt { position: relative;}
	#popup .ctn .box ul li span.pl { display: block; padding-left: 3em;}
	#popup .ctn .box ul li.indent4 span.kome { padding-left: 4.0em;}
	#popup .ctn .box ul li br.sp { display: block;}

	#popup .ctn-flex .txt h4 { font-size: 24px;}
	#popup .ctn-flex .txt ul li { font-size: 16px;}
	#popup .ctn-flex .txt ul li span { font-size: 12px;}
}
@media (max-width: 641px) {
	#popup .ctn-flex .txt { width: 90%; margin: 0 auto; margin-bottom: 30px;}
	#popup .ctn-flex .pht { width: 100%;}
	#popup .ctn-flex .pht figure img { width: 60%; max-width: 400px; margin: 0 auto !important;}
	#popup .ctn p { font-size: 16px;}
	#popup .ctn-flex { display: block;}
}
@media (max-width: 481px) {
	#popup .inner-sct { padding: 20px 0;}
	#popup .bg-wh .bg-inner { padding: 20px 0px 30px;}
	#popup .ctn { position: relative; padding: 12px 0 30px;}
	#popup .ctn p { font-size: 13px; letter-spacing: 0.05rem; line-height: 1.6;}
	#popup .ctn p.mb { margin-bottom: 50px;}
	
	#popup .ctn .ctn-2 { padding: 0 20px;}
	#popup .ctn .box:after { width: 42px; height: 100px; right: -6px; bottom: 8px;}
	#popup .ctn .box .inner-box { padding: 32px 18px 12px;}
	#popup .ctn .box ul li { padding: 2px 0;}

	#popup .ctn-flex .txt { margin-bottom: 12px;}
	#popup .ctn-flex .txt h4 { margin-bottom: 6px;}
	#popup .ctn-flex .txt h4 { font-size: 16px;}
	#popup .ctn-flex .txt ul li { font-size: 12px;}
	#popup .ctn-flex .txt ul li span { font-size: 10px;}
}




#soon .inner-sct { padding: 40px 0;}
#soon .bg-wh .bg-inner { padding: 80px 20px 60px;}
#soon .ttl { margin-bottom: 20px;}
#soon .txt {}
#soon .txt p { margin-bottom: 20px; color: #ff35bb; font-size: 20px; font-weight: 600; letter-spacing: 0.075rem; text-align: center;}
#soon .txt ul { width: 100%; max-width: 200px; margin: 0 auto; font-size: 0;}
#soon .txt ul li { display: inline-block; width: 50%; margin: 0; padding: 0;}
#soon .txt ul li a { display: block; width: 80%; max-width: 60px; margin: 0 auto;}
#soon .txt ul li a img { width: 100%;}
#soon .txt ul li a:hover { opacity: 0.5;}
@media (max-width: 1001px) {
	#soon .txt p { font-size: 18px;}
	#soon .txt p span { display: block;}
}
@media (max-width: 481px) {
	#soon .inner-sct { padding: 20px 0;}
	#soon .bg-wh .bg-inner { padding: 30px 0px;}
	#soon .ttl { margin-bottom: 12px;}
	#soon .txt p { font-size: 13px; letter-spacing: 0rem;}
	#soon .txt ul { max-width: 150px;}
	#soon .txt ul li a { max-width: 50px;}
}


#series .inner-sct { padding: 40px 0;}
#series #the2nd { height: 40px;}
#series #the3rd { height: 40px;}
#series .bg-wh .bg-inner { padding: 80px 50px 60px;}
#series .ttl { margin-bottom: 20px;}
#series .txt { margin-bottom: 50px;}
#series .txt.mb { margin-bottom: 50px;}
#series .txt p { margin-bottom: 30px; color: #ff35bb; font-size: 20px; font-weight: 600; letter-spacing: 0.075rem; text-align: center;}
#series .txt figure { text-align: center;}
#series .txt figure a { display: block; width: 90%; max-width: 600px; margin: 0 auto; box-shadow: 0 0 10px #d1d0de;}
#series .txt figure a img { width: 100%;}
#series .txt figure a:hover { opacity: 0.8;}
#series .note { text-align: center;}
#series .note p { display: inline-block; padding-left: 1.2em; color: #ff35bb; font-weight: 600; letter-spacing: 0.05rem; text-align: left; text-indent: -1em;}
@media (max-width: 1001px) {
	#series .txt { margin-bottom: 40px;}
	#series .txt.mb { margin-bottom: 80px;}
	#series .txt p { font-size: 18px;}
	#series .txt p span { display: block;}
}
@media (max-width: 641px) {
	#series #the2nd { height: 30px;}
	#series .txt { margin-bottom: 30px;}
	#series .txt.mb { margin-bottom: 40px;}
	#series .txt p { font-size: 16px;}
	#series .note p { font-size: 14px;}
}
@media (max-width: 481px) {
	#series .inner-sct { padding: 20px 0;}
	#series #the2nd { height: 20px;}
	#series .bg-wh .bg-inner { padding: 30px 20px;}
	#series .ttl { margin-bottom: 12px;}
	#series .txt { margin-bottom: 16px;}
	#series .txt.mb { margin-bottom: 30px;}
	#series .txt p { margin-bottom: 12px; font-size: 13px; letter-spacing: 0.05rem;}
	#series .txt figure a {  box-shadow: 0 0 6px #d1d0de;}
	#series .note p { font-size: 10px; letter-spacing: 0rem;}
}


#about .inner-sct { padding: 40px 0;}
#about .bg-wh .bg-inner { padding: 80px 50px;}
#about .ttl { position: relative; margin-bottom: 50px;}
#about .ttl:before,
#about .ttl:after { content: ''; display: block; width: 130px; height: 190px; position: absolute; bottom: -40px;}
#about .ttl:before{ left: 8%; background: url('./img/ttl/about-L.png') no-repeat 50% 50% / 100% auto;}
#about .ttl:after { right: 8%; background: url('./img/ttl/about-R.png') no-repeat 50% 50% / 100% auto;}
#about .ctn { position: relative; padding-left: 280px;}
#about .ctn figure.left { width: 250px; position: absolute; left: 0; top: 0;}
#about .ctn figure.left img { width: 100%;}
#about .ctn .txt { position: relative;}
#about .ctn .txt p { margin-bottom: 40px; color: #ff35bb; font-size: 21px; font-weight: 600; letter-spacing: 0.075rem; line-height: 2.4;}
#about .ctn .txt p span { display: block;}
#about .ctn .txt p br.sp-show { display: none;}
#about .ctn .txt figure { position: relative;}
#about .ctn .txt figure img { width: 100%; max-width: 680px;}
#about .ctn .txt figure img.sp-show { display: none;}
@media (max-width: 1001px) {
	#about .ttl:before,
	#about .ttl:after { width: 100px; height: 160px; bottom: -40px;}
	#about .ttl:before{ left: 5%;}
	#about .ttl:after { right: 5%;}
	#about .ctn { padding-left: 240px;}
	#about .ctn figure.left { width: 200px;}
	#about .ctn .txt p { font-size: 18px; line-height: 2;}
}
@media (max-width: 801px) {
	#about .ttl { margin-bottom: 20px;}
	#about .ttl:before,
	#about .ttl:after { width: 80px; height: 120px; bottom: 0px;}
	#about .ttl:before{ left: 4%;}
	#about .ttl:after { right: 4%;}
	#about .ctn { padding-left: 0px;}
	#about .ctn figure.left { display: none;}
	#about .ctn .txt p br.sp-show { display: block;}
	#about .ctn .txt figure:before { content: ''; display: block; width: 160px; height: 180px;
	 background: url('./img/img-about-1@sp.png') no-repeat 50% 50% / 100% auto;
	 position: absolute; right: 0; top: -210px;
	}
	#about .ctn .txt figure img.pc-show { display: none;}
	#about .ctn .txt figure img.sp-show { display: block; width: 100%; margin: 0 auto !important;}
}
@media (max-width: 641px) {
	#about .ttl:before,
	#about .ttl:after { width: 60px; height: 85px; bottom: 0px;}
	#about .ttl:before{ left: 0%;}
	#about .ttl:after { right: 0%;}
	#about .ctn .txt p { font-size: 16px;}
	#about .ctn .txt figure:before { width: 120px; height: 140px; top: -160px;}
}
@media (max-width: 481px) {
	#about .inner-sct { padding: 20px 0;}
	#about .bg-wh .bg-inner { padding: 40px 25px;}
	#about .ttl { margin-bottom: 12px;}
	#about .ttl:before,
	#about .ttl:after { width: 45px; height: 65px; bottom: 0px;}
	#about .ctn .txt p { margin-bottom: 20px; font-size: 13px; font-feature-settings: "palt"; letter-spacing: 0.025rem; line-height: 1.8;}
	#about .ctn .txt figure:before { width: 80px; height: 100px; top: -110px; right: -10px;}
	#about .ctn .txt figure img.sp-show { display: block; width: 86%;}
}


#company {}
#company .inner-sct { padding: 40px 0 60px;}
#company .bg-wh .bg-inner { padding: 80px 50px;}
#company .ttl { margin-bottom: 20px;}
#company figure { width: 82%; max-width: 560px; margin: 0 auto 40px; text-align: center;}
#company figure img { width: 100%; margin: 0 auto;}
#company .flex { display: flex; width: 100%; max-width: 960px; margin: 0 auto; justify-content: space-between;}
#company .txt { width: 48%;}
#company .txt p { color: #ff35bb; font-size: 18px; font-weight: 600; letter-spacing: 0.075rem;}
#company .txt p.mb { margin-bottom: 40px;}
#company .txt p a { color: #ff35bb;}
#company .txt p a:hover { text-decoration: none;}
@media (max-width: 1001px) {
	#company .txt p { font-size: 14px;}
}
@media (max-width: 801px) {
	#company .txt p.mb { margin-bottom: 20px;}
}
@media (max-width: 641px) {
	#company .bg-wh .bg-inner { padding: 40px 40px 50px;}
	#company .flex { display: block;}
	#company .txt { width: 100%;}
	#company .txt.mb { margin-bottom: 20px;}
}
@media (max-width: 481px) {
	#company {}
	#company .inner-sct { padding: 20px 0 40px;}
	#company .bg-wh .bg-inner { padding: 30px 25px 40px;}
	#company .ttl { margin-bottom: 12px;}
	#company figure { margin-bottom: 20px; padding: 1px;}
	#company .txt.mb { margin-bottom: 12px;}
	#company .txt p { font-size: 11px;}
	#company .txt p.mb { margin-bottom: 12px;}
}