@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;
}

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

.min { font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", serif;}
.eng { font-family: Futura, "Trebuchet MS", Arial, sans-serif;}

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


a { color:#002159; text-decoration: underline;}
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;}


/*	Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;

-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
  	  touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block; outline: none;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto;}
.slick-arrow.slick-hidden { display: none;}

/** Dots */
.slick-dotted.slick-slider{ margin-bottom: 30px;}
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; text-align: center;}
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; cursor: pointer;
 color: transparent; border: 0; outline: none; background: transparent; 
}
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center;}
.slick-dots li.slick-active button:before { opacity: .75; color: black;}

@media (max-width: 641px) {
	.slick-prev { left: 3%;}
	.slick-next { right: 3%;}
}
@media (max-width: 481px) {
	.slick-prev { left: 2%;}
	.slick-next { right: 2%;}
}



#menu-btn { position: fixed; top: 0px; right: 0px; z-index: 100; width: 100%;}
#menu-btn .inner { width: 100%; max-width: 1280px; margin: 0 auto; padding: 20px 40px;}
#menu-btn .trig { width: 30px; height: 30px; margin: 0 0 0 auto; cursor: pointer;}
#menu-btn.active .trig {}
#menu-btn .trig div { position: relative; width: 100%; height: 100%;}
#menu-btn .trig div span { display: block; width: 100%; height: 2px; background: #53341c; opacity: 1;
 position: absolute; left: 0; transition: 0.2s linear;
}
#menu-btn .trig div span:nth-of-type(1) { top: 5px;}
#menu-btn .trig div span:nth-of-type(2) { top: 15px;}
#menu-btn .trig div span:nth-of-type(3) { top: 24px;}
#menu-btn.active .trig div span:nth-of-type(1) { transform: translate(0,9px) rotate(315deg);}
#menu-btn.active .trig div span:nth-of-type(2) { opacity: 0;}
#menu-btn.active .trig div span:nth-of-type(3) { transform: translate(0,-9px) rotate(-315deg);}



#menu { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden;}
#menu .overlay { position: absolute; left: 0; top: 0; z-index: 1;
 width: 100%; height: 100%; background: rgba(0,0,0,0);
 transition: 0.2s linear;
}
#menu .inner { position: relative; width: 100%; max-width: 1280px; height: 100%; margin: 0 auto; overflow: hidden;}
#menu .box { position: absolute; right: -350px; top: 0; z-index: 2;
 width: 100%; max-width: 320px; height: 100vh; background: #fdf6d2; transition: 0.4s linear;
}
#menu .scroll { width: 100%; height: 100%; padding: 20px 0; overflow-y: scroll; }
#menu .box ul.nav { width: 90%; max-width: 300px; margin: 0 auto 20px; padding-top: 60px;}
#menu .box ul.nav li { padding: 10px 0; font-size: 14px;}
#menu .box ul.nav li a { color: #53341c; font-weight: 700; letter-spacing: 0.2rem; text-decoration: none;}
#menu .box ul.nav li ul.sns { width: 100%;}
#menu .box ul.nav li ul.sns li { display: inline-block; width: 50px; padding: 0; vertical-align: middle;}
#menu .box ul.nav li ul.sns li a { display: block; width: 21px;}
#menu .box ul.nav li ul.sns li a img { width: 100%;}
#menu .box ul.nav li ul.sns li a svg { width: 100%; vertical-align: bottom;}

#menu .box ul.brand { width: 90%; max-width: 300px; margin: 0 auto 20px; font-size: 0;}
#menu .box ul.brand li { position: relative; border-bottom: solid 1px #5c322f; font-size: 12px;}
#menu .box ul.brand li.top { padding: 0; border-bottom: none; font-size: 12px;}
#menu .box ul.brand li.top:after { content: ''; display: block; width: 0px; height: 0px;
 border: solid 25px transparent; border-right: solid 15px #fdf6d2;
 position: absolute; right: 0; top: 50%; transform: translateY(-50%);
}
#menu .box ul.brand li.top a { position: relative; display: block; padding: 12px; padding-left: 50px; background: #fcd767; color: #5c322f;letter-spacing: 0.05rem; text-decoration: none;}

#menu .box ul.brand li.top a:before { content: ''; display: block; width: 18px; height: 100%;
 position: absolute; left: 12px; top: 50%; transform: translate(0,-50%);
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%235c322f" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; 
}

#menu .box ul.brand li span.topLv { position: relative; display: block; width: 100%; padding: 10px 5px;letter-spacing: 0.05rem; font-weight: 700; cursor: pointer;
}
#menu .box ul.brand li span.topLv:before,
#menu .box ul.brand li span.topLv:after { content: ''; display: block; width: 10px; height: 2px; background: #5c322f;
 position: absolute; right: 10px; top: 50%;
}
#menu .box ul.brand li span.topLv:before{ transform: translateY(-50%)}
#menu .box ul.brand li span.topLv:after { transform: translateY(-50%) rotate(90deg);}
#menu .box ul.brand li span.topLv.open:after { transform: translateY(-50%) rotate(0deg);}
#menu .box ul.brand li ul { font-size: 0;}
#menu .box ul.brand li ul li { border-bottom: none; font-size: 12px;}
#menu .box ul.brand li ul li a { position: relative; padding: 5px 0px; padding-left: 32px; background: #fff; border: solid #5c322f; color: #5c322f; border-radius: 50px; text-decoration: none;}
#menu .box ul.brand li ul li a:before,
#menu .box ul.brand li ul li a:after { content: ''; display: block;}
#menu .box ul.brand li ul li a:before{ width: 12px; height: 100%;
 position: absolute; left: 12px; top: 50%; transform: translate(0,-50%);
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%235c322f" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; 
}
#menu .box ul.brand li ul li a:after { width: 5px; height: 5px;
 border-top: solid 2px #5c322f; border-right: solid 2px #5c322f;
 position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(45deg);
}
#menu .box ul.brand li ul.col { display: none; padding-bottom: 10px;}
#menu .box ul.brand li ul.col li a span em { font-size: 10px;}
#menu .box ul.brand li ul.col li { display: inline-block; width: 50%; padding: 5px; border-bottom: none;}
#menu .box ul.brand li ul.col li a { display: block; padding: 4px 0px; padding-left: 30px; }

#menu .box ul.brand li ul.row { display: none; padding-bottom: 10px;}
#menu .box ul.brand li ul.row li a span em { font-size: 10px;}
#menu .box ul.brand li ul.row li { display: inline-block; padding: 5px; border-bottom: none;}
#menu .box ul.brand li ul.row li a { display: block; padding: 4px 0px; padding-left: 30px; padding-right: 40px; }

#menu .box ul.aside { width: 92%; margin: 0 auto; font-size: 0; text-align: center;}
#menu .box ul.aside li { display: inline-block; width: 50%; padding: 6px; font-size: 10px;}
#menu .box ul.aside li a { display: block; padding: 5px 0; border: solid 1px #53341c; border-radius: 50px; color: #53341c; text-decoration: none;}


#menu.open { z-index: 10; display: block;}
#menu.open .overlay { background: rgba(0,0,0,0.8);}
#menu.open .box { right: 0;}
@media (max-width: 641px) {
	#menu-btn .inner { padding: 20px;}
}
@media (max-width: 481px) {
	#menu-btn .inner { padding: 14px 16px;}

	#menu .box { max-width: 100%; right: -100%;}
	#menu .box ul.nav { padding: 40px 0 0;}
	#menu .box ul.nav li { padding: 8px 0;}
}


/* footer */
#ft { background: #fff;}
#ft .inner-ft { padding: 40px 0px 30px;}
#ft h3 { margin-bottom: 30px; text-align: center;}
#ft h3 img { width: 40%; max-width: 160px;}
#ft ul { font-size: 0; text-align: center;}
#ft ul li { position: relative; display: inline-block; padding: 0 30px; font-size: 14px; vertical-align: middle;}
#ft ul li a { color: #000; text-decoration: none;}
#ft ul li a span { display: block; font-size: 12px;}
#ft .copyright { padding: 10px 0; background: #000;}
#ft .copyright p { color: #fff; font-size: 12px; text-align: center;}
@media (max-width: 1001px) {
	#ft ul li { padding: 0 18px;}
}
@media (max-width: 801px) {
	#ft .inner-ft { padding: 30px 0;}
	#ft ul li { padding: 0 12px; font-size: 12px;}
	#ft ul li a span { font-size: 10px;}
}
@media (max-width: 641px) {
	#ft .inner-ft { padding: 50px 0;}
	#ft h3 { margin-bottom: 20px;}
	#ft ul { width: 92%; margin: 0 auto;}
	#ft ul li { display: block; width: 100%; margin: 0; font-size: 13px; letter-spacing: 0.2rem;}
	#ft ul li a { display: block; margin: 0 auto; padding: 10px 0;}
	#ft ul li a span { display: inline-block; font-size: 11px; letter-spacing: 0.05rem;}
}
@media (max-width: 481px) {
	#ft .inner-ft { padding: 40px 0 30px;}
	#ft h3 { margin-bottom: 20px;}
	#ft ul li a { padding: 8px 0;}
	#ft .copyright p { font-size: 10px;}
}



#loading { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #fff; z-index: 101;}
#loading div { width: 70%; max-width: 500px; position: absolute; left: 50%; top: 30%; transform: translate(-50%,0);}
#loading div svg { stroke-dasharray: 500; stroke-dashoffset: 500; stroke-width: 1px; fill: rgba(255,255,255,0);
 animation: strokeAnime 2.5s linear 0.5s forwards;
}
@keyframes strokeAnime {
  0% { stroke-dashoffset: 500; fill: rgba(255,255,255,0); stroke: #53341c;}
	60% { fill: rgba(255,255,255,0);}
	80% { stroke-dashoffset: 0;}
  100%{ fill: rgba(83,52,28,1); stroke: #fff;}
}


.wrap { width: 100%; max-width: 1280px; margin: 0 auto;}

.note { width: 100%;}
.note div { width: 92%; max-width: 1024px; margin: 0 auto;}
.note ul {}
.note ul li { color: #9b9b9b; font-size: 10px;}
.note ul li:last-child { margin-bottom: 0px;}
.note ul li.cr { text-align: right;}
.note p { color: #9b9b9b; font-size: 10px; text-align: right;}
@media (max-width: 481px) {
}


@keyframes shakes {
    0% { transform: translate(0px,0px) rotate(0deg);}
 12.5% { transform: translate(0px,1px) rotate(3deg);}
 25.0% { transform: translate(1px,0px) rotate(0deg);}
 37.5% { transform: translate(1px,-1px) rotate(-3deg);}
 50.0% { transform: translate(0px,0px) rotate(0deg);}
 62.5% { transform: translate(-1px,0px) rotate(2deg);}
 75.0% { transform: translate(0px,-1px) rotate(0deg);}
 87.5% { transform: translate(-1px,0px) rotate(-2deg);}
  100% { transform: translate(0px,0px) rotate(0deg);}
}
#index-kv { position: relative; z-index: 1;}
#index-kv .inner-kv { position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#index-kv .inner-kv:before { content: ''; display: block; width: 280px; height: 120px; background: url('./img/bg/menu.png') no-repeat 0% 0% / 100% auto;
 position: absolute; right: 0; top: 0; z-index: 2;
}
#index-kv .ctn { position: absolute; left: 0; top: 0; width: 100%; z-index: 2;}
#index-kv .ctn .ctn-inner{ width: 92%; max-width: 1200px; margin: 0 auto;}
#index-kv .ctn .txt { position: relative; width: 55%; margin: 0 0 0 auto;}
#index-kv .ctn .txt .badge { width: 120px; margin: 0 auto -40px;}
#index-kv .ctn .txt .badge img { position: relative; width: 100%; transition: 0.8s linear 3.4s; opacity: 0; transform: translate(0,-20px);}
#index-kv .ctn .txt h1 { text-align: center;}
#index-kv .ctn .txt h1 img { position: relative; width: 90%; transition: 1.0s linear 3.8s; opacity: 0; transform: translate(0,-20px);}
#index-kv .ctn .txt h1 img.sp { display: none;}
#index-kv .ctn .txt:after { content: ''; display: block; width: 130px; height: 180px;
 background: url('/img/awards/badge-no1-202412.png') no-repeat 50% 50% / 100% auto;
 position: absolute; left: 12%; top: 50px;
}
#index-kv .note { position: absolute; left: 0; bottom: 30px; width: 100%; z-index: 2;}
#index-kv .note ul { width: 100%; max-width: 560px; margin: 0 0 0 auto; padding: 0 20px;}
#index-kv .note ul li { color: #fff; line-height: 1.4;}
#index-kv .note ul li span { display: block;}
#index-kv .bg { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 1;}
#index-kv .bg img { width: 100%;}
#index-kv .bg img.sp { display: none;}
#index-kv.show .txt .badge img { opacity: 1; transform: translate(0,0);}
#index-kv.show .txt h1 img { opacity: 1; transform: translate(0,0);}
@media (max-width: 1001px) {
	#index-kv .txt .badge{ width: 100px;}
}
@media (max-width: 801px) {
	#index-kv {}
	#index-kv { height: auto; background: none;}
	#index-kv .ctn .txt { width: 100%; margin: 0 auto; padding-top: 10vw;}
	#index-kv .ctn .txt .badge { display: none;}
	#index-kv .ctn .txt:after { width: 80px; height: 120px; left: 0%; top: 10vw;}
	#index-kv .bg img.pc { display: none;}
	#index-kv .bg img.sp { display: block; opacity: 1;}
	#index-kv .note { bottom: 12px;}
	#index-kv .note ul { max-width: 100%; margin: 0 auto;}
	#index-kv .note ul li span { display: inline;}
}
@media (max-width: 641px) {
	#index-kv .inner-kv:before { width: 150px; height: 100px; background: url('./img/bg/menu@sp.png') no-repeat 0% 0% / 100% auto;}
}
@media (max-width: 481px) {
	#index-kv .inner-kv:before { width: 120px; height: 80px;}
	#index-kv .ctn .txt { padding-left: 0px; padding-top: 9vw;}
	#index-kv .ctn .txt:after { width: 62px; height: 90px; left: -10px; top: 12vw;}
	#index-kv .ctn .txt h1 img.pc { display: none;}
	#index-kv .ctn .txt h1 img.sp { display: block; width: 88%; max-width: 280px; margin: 0 auto;}
	#index-kv .note { bottom: 6px;}
	#index-kv .note ul { padding: 0 12px;}
}



#award { position: relative; z-index: 2; background: #fff;}
#award .award-tit { position: relative; padding: 8px 0; background: #fca51c; cursor: pointer;}
#award .award-tit:after { content: ''; display: block; width: 15px; height: 15px; margin-left: 320px;
 border-bottom: solid 4px #fff; border-right: solid 4px #fff;
 position: absolute; left: 50%; top: 50%; transform: translateY(-70%) rotate(45deg); transition: 0.4s linear;
}
#award .award-tit.open:after { transform: translateY(-30%) rotate(-135deg);}
#award .award-tit h2 { padding: 16px 0;
 color: #fff; font-size: 32px; font-weight: 600; letter-spacing: 0.12rem; line-height: 1; text-align: center;
}
#award .award-tit h2:before,
#award .award-tit h2:after { content: ''; display: inline-block; width: 50px; height: 40px; vertical-align: middle;
 background: url('./img/icn-award.png') no-repeat 50% 50% / 100% auto;
}
#award .award-tit h2 span { display: inline-block; margin: 0 20px; vertical-align: middle;}
#award .ctn { display: none;}
@media (max-width: 801px) {
	#award .award-tit:after { margin: 0px; left: auto; right: 5%;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#award { border-width: 1px;}
	#award .award-tit {}
	#award .award-tit:after { bottom: 21px; width: 12px; height: 12px; border-width: 2px;}
	#award .award-tit h2 { padding: 8px 0; font-size: 20px; letter-spacing: 0rem;}
	#award .award-tit h2:before,
	#award .award-tit h2:after { width: 30px; height: 24px;}
	#award .award-tit h2 span { margin: 0 12px;}
}


.award { }
.award ul { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 20px;}
.award ul li { border-bottom: solid 1px #e1e1e1;}
.award ul li:last-child { border-bottom: none;}
.award ul li dl { position: relative; width: 100%; max-width: 800px; margin: 0 auto; padding: 25px 0; text-align: center;}
.award ul li dl:before { content: ''; display: block; width: 80px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.award ul li dl.arward2025_1:before { height: 120px; background: url('/img/awards/badge-no1-202412.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.arward2025_2:before { height: 120px; background: url('/img/awards/badge-no2-2025.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.arward2025_p:before { height: 100px; background: url('/img/awards/badge-2024-point.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.arward2024_cl:before { height: 120px; background: url('/img/awards/badge-2024-cl.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.arward2024_k:before { height: 100px; background: url('/img/awards/badge-2024-keana-3.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.arward2024_body:before { height: 100px; background: url('/img/awards/badge-2024-body.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.arward2024_useful:before { height: 100px; background: url('/img/awards/badge-2024-useful.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.arward2025ldk_body:before { height: 100px; background: url('/img/awards/badge-2025ldk-body.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.arward2025ldk_hair:before { height: 100px; background: url('/img/awards/badge-2025ldk-hairoil.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.nicola2024_1:before { height: 100px; background: url('/img/awards/nicola-2024-1.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.nicola2024_2:before { height: 100px; background: url('/img/awards/nicola-2024-2.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl.nicola2024_3:before { height: 100px; background: url('/img/awards/nicola-2024-3.png') no-repeat 50% 50% / 100% auto;}
.award ul li dl dt { margin-bottom: 6px; font-size: 25px; font-weight: 700; line-height: 1.25;
 background: linear-gradient(#977720 10%, #d9bb53 50%, #a57904 90%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.award ul li dl dt br.sp { display: none;}
.award ul li dl dd.txt { color: #6a3906; font-size: 17px; font-weight: 700; line-height: 1.4;}
.award ul li dl dd.txt sub { vertical-align: baseline; font-size: 10px;}
.award ul li dl dd.txt span { display: inline-block; padding-left: 8px;}
.award ul li dl dd.note { margin-top: 8px; color: #6b6b6b; font-size: 10px; line-height: 1.4;}
.award ul li dl dd.img { width: 100px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.award ul li dl dd.img img { width: 100%;}
@media (max-width: 801px) {
	.award ul li dl dt { font-size: 3.0vw;}
}
@media (max-width: 641px) {
	.award ul li dl { padding: 30px 0 20px;}
	.award ul li dl:before { width: 60px; top: 6px; transform: translateY(0%);}
	.award ul li dl.arward2023_1:before { height: 100px;}
	.award ul li dl.arward2023_2:before { height: 80px;}
	.award ul li dl.arward2023_3:before { height: 80px;}
	.award ul li dl.arward2023_4:before { height: 80px;}
	.award ul li dl.arward2024_1:before { height: 80px;}
	.award ul li dl.arward2024_2:before { height: 80px;}
	.award ul li dl dd.txt span { display: block;}
	.award ul li dl dd.note { margin-top: 12px;}
	.award ul li dl dd.img { width: 80px; right: 10px; top: 20px; transform: translateY(0%);}
}
@media (max-width: 481px) {
	.award ul { padding: 0 15px;}
	.award ul li dl { padding: 20px 0 15px;}
	.award ul li dl.arward2025_1:before { height: 72px;}
	.award ul li dl.arward2025_2:before { height: 72px;}
	.award ul li dl.arward2025_p:before { height: 65px;}
	.award ul li dl.arward2024_cl:before { height: 72px;}
	.award ul li dl.arward2024_k:before { height: 60px;}
	.award ul li dl.arward2024_body:before { height: 60px;}
	.award ul li dl.arward2024_useful:before { height: 60px;}
	.award ul li dl.arward2024ldk_body:before { height: 60px;}
	.award ul li dl.arward2024ldk_hair:before { height: 60px;}
	.award ul li dl.nicola2024_1:before { height: 60px;}
	.award ul li dl.nicola2024_2:before { height: 60px;}
	.award ul li dl.nicola2024_3:before { height: 60px;}

	.award ul li dl dt { font-size: 16px;}
	.award ul li dl dt br.sp { display: block;}
	.award ul li dl:before { width: 40px; left: 0px;}
	.award ul li dl.arward2023_1:before { height: 80px;}
	.award ul li dl.arward2023_2:before { height: 60px;}
	.award ul li dl.arward2023_3:before { height: 60px;}
	.award ul li dl.arward2023_4:before { height: 60px;}
	.award ul li dl.arward2024_1:before { height: 60px;}
	.award ul li dl.arward2024_2:before { height: 50px;}
	.award ul li dl dd.txt { font-size: 12px;}
	.award ul li dl dd.img { width: 50px; right: 0px; top: 20px;}
	.award ul li dl dd.note br { display: none; }
}


.ttl { position: relative; height: 400px; z-index: 2;}
.ttl h2 { position: relative; width: 100%; font-size: 32px; letter-spacing: 0.18rem; line-height: 1; text-align: center; transition: 0.3s linear; opacity: 1; z-index: 2;}
.ttl h2.mb { margin-bottom: 12px;}
.ttl h2 span.br { display: block; padding-top: 10px; font-size: 35px;}
.ttl h2 .size-xS { font-size: 27px;}
.ttl h2 .size-S { font-size: 45px;}
.ttl h2 .size-M { font-size: 54px;}
.ttl h2 .size-L { font-size: 60px; line-height: 1; letter-spacing: 0.24rem;}
.ttl p { font-size: 21px; font-weight: 700; letter-spacing: 0.12rem; text-align: center; transition: 0.3s linear 0.2s; opacity: 1;}
.ttl img { position: relative; display: none; width: 100%; z-index: 1;}
@media (max-width: 801px) {
	.ttl { height: auto; padding-top: 0px;}
	.ttl img { display: block; position: relative; width: 100%;}
}
@media (max-width: 641px) {
	.ttl p span { display: block;}
}
@media (max-width: 481px) {
	.ttl h2 { font-size: 24px;}
	.ttl h2 span.br { padding-top: 6px; font-size: 28px;}
	.ttl h2 .size-xS { font-size: 20px;}
	.ttl h2 .size-S { font-size: 30px;}
	.ttl h2 .size-M { font-size: 40px;}
	.ttl h2 .size-L { font-size: 50px;}
	.ttl p { font-size: 16px;letter-spacing: 0rem;}
}


.bg-ptn-1 { background: url('./img/bg/ptn-1.jpg');}
.bg-ptn-2 { background: url('./img/bg/ptn-2.jpg');}


.bubble { position: absolute; animation: 2s moving linear infinite;}
.bubble.d { background: url('./img/bubble-d.png') no-repeat 50% 50% / auto 100%;}
.bubble.m { background: url('./img/bubble-m.png') no-repeat 50% 50% / auto 100%;}
.bubble.c { background: url('./img/bubble-c.png') no-repeat 50% 50% / auto 100%;}
.bubble.l { background: url('./img/bubble-1.png') no-repeat 50% 50% / auto 100%;}
.bubble.r { background: url('./img/bubble-2.png') no-repeat 50% 50% / auto 100%;}
@keyframes moving {
	 0% { transform: translateY(0px);}
	50% { transform: translateY(8px);}
 100% { transform: translateY(0px);}
}




@keyframes zoomIn {
   0% { opacity: 0; transform: scale(1.0);}
  60% { transform: scale(1.0);}
  80% { transform: scale(1.15);}
 100% { opacity: 1; transform: scale(1.0);}
}
#type { position: relative; z-index: 1; margin-bottom: -40px;}
#type:before { content: ''; display: block; width: 100%; height: 400px; background: url('./img/bg/ttl-1.png') no-repeat 50% 0;
 position: absolute; left: 0; top: 0; z-index: 2;
}
#type .topics { position: relative; padding-top: 40px; z-index: 3;}
#type .topics h2 { position: relative; width: 100%;
 color: #fff; font-size: 32px; letter-spacing: 0.18rem; line-height: 1; text-align: center; transition: 0.3s linear; opacity: 0; z-index: 2;
}
#type .topics h2 span { display: block; padding-top: 10px; font-size: 45px;}
#type .topics img { position: relative; display: none; width: 100%; z-index: 1;}
#type.show .topics h2 { opacity: 1;}
@media (max-width: 801px) {
	#type:before { content: none;}
	#type .topics { position: absolute; left: 0; top: 0; width: 100%; height: auto; padding-top: 0px;}
	#type .topics h2 { position: absolute; left: 0; bottom: 0; color: #53341c;}
	#type .topics img { display: block; position: relative; width: 100%;}
}
@media (max-width: 481px) {
	#type .topics h2 { font-size: 18px;}
	#type .topics h2 span { padding-top: 18px; font-size: 30px;}
}

#type .inner-sct { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 120px 0 60px; background: #f5f4f1; z-index: 1;}
#type .cap { padding: 60px 0;}
#type .cap figure { text-align: center;}
#type .cap figure img { width: 80%; max-width: 540px;}
#type .ctn { position: relative; width: 100%; max-width: 960px; margin: 0 auto 60px; z-index: 2; transition: 0.3s linear; opacity: 0;}

#type .ctn .ctn-flex { display: flex; width: 96%; margin: 0 auto;}
#type .ctn .item { position: relative; width: 33.333334%;}
#type .ctn .item .inner { position: relative; width: 100%; margin: 0 auto 30px;}
#type .ctn .item .item-body { position: relative; width: 100%; z-index: 2;}
#type .ctn .item .item-body img { width: 100%;}
#type .ctn .item .item-body img.sp { display: none;}
#type .ctn .item .item-cap { position: absolute; left: 0; bottom: -40px; width: 100%; z-index: 3;
 transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) 0.8s; transform: translateY(-142px);}
#type .ctn .item .item-cap img { width: 100%;}
#type .ctn .item .item-cap img.sp { display: none;}
#type .ctn .item .item-in { position: absolute; left: 0; bottom: 100px; width: 100%; z-index: 1; text-align: center;}
#type .ctn .item .item-in img { width: 72%; opacity: 0;}
#type .ctn .item .name { width: 100%; text-align: center;}
#type .ctn .item .name img { width: 80%;}

#type .ctn.show { opacity: 1;}
#type .ctn.show .item .item-cap { transform: translateY(0px);}
#type .ctn.show .item .item-in img { animation: 0.6s zoomIn ease 1.2s forwards;}

#type .note ul { width: 92%; max-width: 1024px; margin: 0 auto; text-align: right;}
#type .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background: url('./img/bg/bg-1.png') no-repeat 50% 20% / 1000px auto; overflow: hidden;}
#type .bg .bubble.bubble-1 { left: 6%; top: 20%; width: 70px; height: 70px; animation-delay: 0.0s;}
#type .bg .bubble.bubble-2 { left: 12%; top: 40%; width: 100px; height: 100px; animation-delay: 0.8s;}

#type .bg .bubble.bubble-3 { left: 40%; top: 30%; width: 40px; height: 40px; animation-delay: 0.4s;}
#type .bg .bubble.bubble-4 { left: 58%; top: 40%; width: 90px; height: 90px; animation-delay: 0.4s;}
#type .bg .bubble.bubble-5 { left: 36%; bottom: 12%; width: 50px; height: 50px; animation-delay: 0.0s;}

#type .bg .bubble.bubble-6 { right: 38%; top: 12%; width: 40px; height: 40px; animation-delay: 0.4s;}
#type .bg .bubble.bubble-7 { right: 12%; top: 30%; width: 80px; height: 80px; animation-delay: 0.0s;}
#type .bg .bubble.bubble-8 { right: 8%; bottom: 15%; width: 40px; height: 40px; animation-delay: 0.4s;}

@media (max-width: 1281px) {
	#type .bg .bubble.bubble-1 { left: 2%;}
	#type .bg .bubble.bubble-2 { left: 4%;}
	#type .bg .bubble.bubble-5 { left: 35%;}
	#type .bg .bubble.bubble-6 { right: 30%;}
	#type .bg .bubble.bubble-7 { right: 5%;}
	#type .bg .bubble.bubble-8 { right: 4%;}
}
@media (max-width: 801px) {
	#type { margin-bottom: -12vw;}
	#type .inner-sct { padding: 60vw 0 20vw;}
	#type .ctn { margin: 0 auto 30px;}
	#type .ctn .item .inner { margin: 0 auto 20px;}
	#type .ctn .item .item-cap { transform: translateY(-85px);}
	#type .bg { background: url('./img/bg/bg-1-sp.png') no-repeat 50% 70% / 100% auto;}
	#type .ctn .item .item-in { bottom: 8vw;}
	#type .ctn .item .item-cap { transform: translateY(-122px);}

	#type .bg .bubble.bubble-1 { left: -20px; top: 45%;}
	#type .bg .bubble.bubble-2 { left: 4%; top: 82%; width: 50px; height: 50px;}
	
	#type .bg .bubble.bubble-3 { left: 38%; top: 52%; width: 80px; height: 80px;}
	#type .bg .bubble.bubble-4 { left: 54%; top: 86%; width: 90px; height: 90px;}
	#type .bg .bubble.bubble-5 { left: 34%; bottom: 14%; width: 50px; height: 50px;}
	
	#type .bg .bubble.bubble-6 { right: 2%; top: 32%; width: 40px; height: 40px;}
	#type .bg .bubble.bubble-7 { right: -40px; top: 45%; width: 80px; height: 80px;}
	#type .bg .bubble.bubble-8 { right: 12%; bottom: 10%; width: 40px; height: 40px;}	
}
@media (max-width: 641px) {
	#type .ctn .item .item-body img.pc { display: none;}
	#type .ctn .item .item-body img.sp { display: block;}
	#type .ctn .item .item-cap { transform: translateY(-142px);}
	#type .ctn .item .item-cap img.pc { display: none;}
	#type .ctn .item .item-cap img.sp { display: block;}
	#type .ctn .item .item-in { bottom: 18vw;}
}
@media (max-width: 481px) {
	#type { margin-bottom: -10vw;}
	#type .inner-sct { padding: 62vw 0 18vw;}

	#type .ctn .ctn-flex .item .inner { margin: 0 auto 10px;}
	#type .ctn .ctn-flex .item .item-in { bottom: 72px;}
	#type .ctn .ctn-flex .item .item-cap { bottom: -20px; transform: translateY(-85px);}
	#type .ctn.show .item .item-cap { transform: translateY(0px);}

	#type .bg .bubble.bubble-1 { left: 30px; top: 24%; width: 45px; height: 45px;}
	#type .bg .bubble.bubble-2 { left: 6%; top: 86%; width: 30px; height: 30px;}
	
	#type .bg .bubble.bubble-3 { left: 35%; top: 50%; width: 50px; height: 50px;}
	#type .bg .bubble.bubble-4 { left: 50%; top: 90%; width: 50px; height: 50px;}
	#type .bg .bubble.bubble-5 { left: 32%; width: 20px; height: 20px;}
	
	#type .bg .bubble.bubble-6 { right: 0%; top: 32%; width: 20px; height: 20px;}
	#type .bg .bubble.bubble-7 { right: -30px; top: 45%; width: 50px; height: 50px;}
	#type .bg .bubble.bubble-8 { right: 12%; bottom: 8%; width: 20px; height: 20px;}
}



#feature { margin-bottom: -50px;}
#feature #sct1 { top: -40px;}
#feature .ttl { position: relative; margin-bottom: -220px; padding-top: 72px; background: url('./img/bg/ttl-2.png') no-repeat 50% 0;}
#feature .ttl:after { content: ''; display: block; width: 100px; height: 100px; background: url('./img/bubble-1.png') no-repeat 50% 50% / 100% auto;
 position: absolute; left: 75%; top: 40%;
}
#feature .ttl h2 { color: #fff;}
#feature .ttl p { color: #fff;}	
#feature .inner-sct{ width: 100%; max-width: 1280px; margin: 0 auto; padding: 140px 0 50px; overflow: hidden;}
#feature .bloc { position: relative; transition: 0.4s linear; opacity: 1;}
#feature .bloc .inner-bloc { position: relative; width: 94%; max-width: 1080px; margin: 0 auto; background: url('./img/point/side-moist.png') no-repeat 0px 100px / 72px auto;}
#feature .ctn { position: relative; width: calc(100% - 120px); margin: 0 0 0 auto; padding: 20px 0 120px;}
#feature .ctn .txt { position: relative; width: 100%; margin-bottom: 20px; transition: 0.4s linear 0.2s; opacity: 0;}
#feature .ctn .pht { position: relative; width: 54%; position: absolute; right: 0; top: 0; transition: 0.4s linear 0.4s; opacity: 1;}

#feature .ctn .txt h3 { margin-bottom: 20px;}
#feature .ctn .txt h3 img { width: 100%; max-width: 400px;}
#feature .ctn .txt p.pc {}
#feature .ctn .txt p.pc img { width: 100%; max-width: 330px;}

#feature .ctn .pht .pht-ctn { position: relative; width: 100%; max-width: 540px; margin: 0 auto;}
#feature .ctn .pht .pht-ctn .item { position: relative; width: 160px; margin: 0 0 0 auto;}
#feature .ctn .pht .pht-ctn .item img{ width: 100%;}
#feature .ctn .pht .pht-ctn .item .z1,
#feature .ctn .pht .pht-ctn .item .z3,
#feature .ctn .pht .pht-ctn .item .z4 { width: 100%;}
#feature .ctn .pht .pht-ctn .item .z1 { position: relative; z-index: 1;}
#feature .ctn .pht .pht-ctn .item .z3 { position: absolute; z-index: 3;}
#feature .ctn .pht .pht-ctn .item .z4 { position: absolute; z-index: 4; left: 0; top: 0;}
#feature .ctn .pht .pht-ctn .item .mask { position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden;}
#feature .ctn .pht .pht-ctn .item .mask img { transition: 0.8s linear 0.6s; transform: scaleY(0.85); opacity: 0;
-webkit-mask-image: url('./img/point/package-mask.png');
-webkit-mask-size: 100%;
 mask-image: url('./img/point/package-mask.png');
 mask-size: 100%;
}
#feature .ctn .pht.show .pht-ctn .item .mask img { transform: scaleY(1); opacity: 1;}
#feature .ctn .pht .pht-ctn .icn { position: absolute; animation: shakes 2.2s linear infinite;}
#feature .ctn .pht .pht-ctn .icn img { width: 100%;}
#feature .ctn .pht .pht-ctn .icn.icn-1 { width: 32%; max-width: 160px; left: 40px; top: 0px; animation-delay: 0.4s;}
#feature .ctn .pht .pht-ctn .icn.icn-2 { width: 30%; max-width: 180px; left: 150px; top: 40px;}
#feature .ctn .pht .pht-ctn .icn.icn-3 { width: 34%; max-width: 180px; left: 0px; top: 90px; animation-delay: 0.5s;}
#feature .ctn .pht .pht-ctn .icn.icn-4 { width: 36%; max-width: 250px; left: 160px; top: 140px;}
#feature .ctn .pht .pht-ctn .icn.icn-5 { width: 30%; max-width: 160px; left: 50px; top: 220px; animation-delay: 0.9s;}
#feature .ctn .pht p{ display: none;}

#feature .ctn .pht figure { width: 94%; max-width: 500px;}
#feature .ctn .pht img { width: 100%;}

#feature .ctn ul.note { max-width: 632px;}
#feature .ctn ul.note li { padding-left: 2em; color: #9b9b9b; font-size: 11px; text-indent: -1.6em;}

#feature .bloc.show,
#feature .ctn .txt.show,
#feature .ctn .pht.show { opacity: 1;}

#feature .bubble { right: 2%; bottom: 25%; width: 50px; height: 50px; animation-delay: 0.2s;}
@media (max-width: 1201px) {
	#feature .inner-bloc { background-size: 60px auto;}
	#feature .ctn { width: calc(100% - 100px);}
	#feature .bubble { right: 0%; bottom: 23%;}
}
@media (max-width: 1001px) {
	#feature .inner-sct{ padding: 40px 0px;}
	#feature .ctn .pht .pht-ctn .icn.icn-1 { left: 20px;}
	#feature .ctn .pht .pht-ctn .icn.icn-2 { left: 120px;}
	#feature .ctn .pht .pht-ctn .icn.icn-3 { left: 0px; top: 90px;}
	#feature .ctn .pht .pht-ctn .icn.icn-4 { left: 130px; top: 140px;}
	#feature .ctn .pht .pht-ctn .icn.icn-5 { left: 20px; top: 200px;}
}
@media (max-width: 801px) {
	#feature { margin-bottom: -12vw;}
	#feature .ttl { margin-bottom: -24vw; padding-top: 0px; background: none;}
	#feature .ttl h2 { position: absolute; left: 0; top: 28%;}
	#feature .ttl:after { width: 50px; height: 50px; left: 65%; top: 80%;}

	#feature .inner-sct{ padding: 18vw 0px 40px;}

	#feature .bloc .inner-bloc { padding-top: 4vw; background-size: 50px auto; background-position: 0px 0px;}
	#feature .ctn { padding-top: 0px; width: 100%;}

	#feature .ctn .txt { width: 100%; margin: 0 auto 30px; padding-left: 80px;}
	#feature .ctn .pht { width: 100%; position: relative; right: auto; top: auto; margin: 0 auto 20px;}
	#feature .ctn .txt h3 { margin-bottom: 0px;}
	#feature .ctn .txt h3 img { max-width: 500px;}
	#feature .ctn .txt p { display: none;}
	#feature .ctn .pht .pht-ctn .icn.icn-1 {}
	#feature .ctn .pht .pht-ctn .icn.icn-2 { left: 150px; top: 50px;}
	#feature .ctn .pht .pht-ctn .icn.icn-3 { top: 100px;}
	#feature .ctn .pht .pht-ctn .icn.icn-4 { left: 160px; top: 170px;}
	#feature .ctn .pht .pht-ctn .icn.icn-5 { top: 230px;}
	#feature .ctn .pht p{ display: block; text-align: center;}
	#feature .ctn .pht p img { width: 92%; max-width: 500px;}
	#feature ul.note { width: 90%; max-width: 450px; margin: 0 auto;}
	#feature .ctn:after,
	#feature .ctn .pht:after { content: ''; display: block; position: absolute; animation: 2s moving linear infinite;}
	#feature .ctn:after { right: 8%; top: 72%; width: 50px; height: 50px;
	 background: url('./img/bubble-2.png') no-repeat 50% 50% / auto 100%;
	}
	#feature .ctn .pht:after { left: -50px; top: 0; width: 80px; height: 80px;
	 background: url('./img/bubble-1.png') no-repeat 50% 50% / auto 100%;
	}
	#feature .bubble { right: 12%; bottom: auto; top: 4%}
}
@media (max-width: 481px) {
	#feature .ttl:after { width: 30px; height: 30px; left: 65%; top: 90%;}
	
	#feature .bloc .inner-bloc { background-size: 30px auto;}
	
	#feature .ctn { padding: 12px 0 40px;}
	#feature .ctn .txt { margin: 0 auto 10px; padding-left: 40px;}
	#feature .ctn .pht .pht-ctn { width: 92%; margin: 0 auto -10px;}
	#feature .ctn .pht .pht-ctn .item { width: 110px;}
	#feature .ctn .pht .pht-ctn .icn.icn-1 { width: 130px;}
	#feature .ctn .pht .pht-ctn .icn.icn-2 { width: 100px; left: 100px; top: 60px;}
	#feature .ctn .pht .pht-ctn .icn.icn-3 { width: 120px; top: 80px;}
	#feature .ctn .pht .pht-ctn .icn.icn-4 { width: 120px; left: 100px; top: 130px;}
	#feature .ctn .pht .pht-ctn .icn.icn-5 { width: 110px; left: 8px; top: 165px;}

	#feature .ctn:after { width: 20px; height: 20px;top: 68%;}
	#feature .ctn .pht:after { left: -30px; top: 8%; width: 60px; height: 60px;}

	#feature .ctn ul.note li { font-size: 9px;}

	#feature .bubble { right: 4%; top: 2%; width: 40px; height: 40px;}
}


#point { margin-bottom: -50px;}
#point #sct2 { top: -40px;}
#point .ttl { position: relative; margin-bottom: -220px; padding-top: 50px; background: url('./img/bg/ttl-2.png') no-repeat 50% 0;}
#point .ttl:after { content: ''; display: block; width: 100px; height: 100px; background: url('./img/bubble-1.png') no-repeat 50% 50% / 100% auto;
 position: absolute; left: 75%; top: 40%;
}
#point .ttl h2 { color: #fff;}
#point .ttl p { color: #fff;}	
#point .inner-sct{ width: 100%; max-width: 1280px; margin: 0 auto; padding: 100px 0 50px; overflow: hidden;}
#point .bloc { position: relative; transition: 0.4s linear; opacity: 1;}
#point .bloc .inner-bloc { position: relative; width: 94%; max-width: 1080px; margin: 0 auto;}

/*
#point #point-1 { margin-bottom: -40px;}
#point #point-1.bloc .inner-bloc { background: url('../img/point/side-1.png') no-repeat 0px 100px / 72px auto;}
#point #point-1 .ctn { width: calc(100% - 120px); margin: 0 0 0 auto; padding-top: 20px;}
#point #point-1 .ctn .txt { width: 100%; margin-bottom: 20px;}
#point #point-1 .ctn .pht { width: 56%; position: absolute; right: 0; top: 0;}
#point #point-1 .ctn .txt h3 { margin-bottom: 20px;}
#point #point-1 .ctn .txt h3 img { width: 100%; max-width: 380px;}
#point #point-1 .ctn .txt p.pc {}
#point #point-1 .ctn .txt p.pc img { width: 100%; max-width: 380px;}
#point #point-1 .ctn .pht .pht-ctn .item { position: relative; width: 160px; margin: 0 0 0 auto;}
#point #point-1 .ctn .pht .pht-ctn .item img{ width: 100%;}
#point #point-1 .ctn .pht .pht-ctn .item .z1,
#point #point-1 .ctn .pht .pht-ctn .item .z3,
#point #point-1 .ctn .pht .pht-ctn .item .z4 { width: 100%;}
#point #point-1 .ctn .pht .pht-ctn .item .z1 { position: relative; z-index: 1;}
#point #point-1 .ctn .pht .pht-ctn .item .z3 { position: absolute; z-index: 3;}
#point #point-1 .ctn .pht .pht-ctn .item .z4 { position: absolute; z-index: 4; left: 0; top: 0;}
#point #point-1 .ctn .pht .pht-ctn .item .mask { position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden;}
#point #point-1 .ctn .pht .pht-ctn .item .mask img { transition: 0.8s linear 0.6s; transform: scaleY(0.85); opacity: 0;
-webkit-mask-image: url('../img/point/package-mask.png');
-webkit-mask-size: 100%;
 mask-image: url('../img/point/package-mask.png');
 mask-size: 100%;
}
#point #point-1 .ctn .pht.show .pht-ctn .item .mask img { transform: scaleY(1); opacity: 1;}
#point #point-1 .ctn .pht .pht-ctn .icn { position: absolute; animation: shakes 2.2s linear infinite;}
#point #point-1 .ctn .pht .pht-ctn .icn img{ width: 100%;}
#point #point-1 .ctn .pht .pht-ctn .icn.icn-1 { width: 32%; max-width: 180px; left: 160px; top: 0px; animation-delay: 0.4s;}
#point #point-1 .ctn .pht .pht-ctn .icn.icn-2 { width: 30%; max-width: 160px; left: 0px; top: 60px;}
#point #point-1 .ctn .pht .pht-ctn .icn.icn-3 { width: 34%; max-width: 180px; left: 160px; top: 140px; animation-delay: 0.5s;}
#point #point-1 .ctn .pht .pht-ctn .icn.icn-4 { width: 28%; max-width: 150px; left: 40px; top: 220px;}
#point #point-1 .ctn .pht .pht-ctn .icn.icn-5 { width: 38%; max-width: 200px; left: 180px; top: 270px; animation-delay: 0.9s;}
#point #point-1 .ctn .pht p{ display: none;}
*/

#point #point-1.bloc .inner-bloc { background: url('./img/point/side-1.png') no-repeat 0% 100% / 132px auto;}
#point #point-2.bloc .inner-bloc { padding: 80px 0px; background: url('./img/point/side-2.png') no-repeat 100% 0% / 72px auto;}
#point #point-3.bloc .inner-bloc { padding: 100px 0 200px; background: url('./img/point/side-3.png') no-repeat 0% 0% / 132px auto;}
#point .ctn { position: relative;}
#point #point-1 .ctn { display: flex; align-items: flex-end; justify-content: space-between; width: calc(100% - 100px); padding-left: 140px;}
#point #point-2 .ctn { display: flex; align-items: center; flex-direction: row-reverse; width: calc(100% - 120px);}
#point #point-3 .ctn { display: flex; align-items: center; width: calc(100% - 120px); padding-left: 140px;}

#point .ctn .txt { position: relative; transition: 0.4s linear 0.2s; opacity: 0;}
#point .ctn .pht { position: relative; transition: 0.4s linear 0.4s; opacity: 0;}
#point .ctn .fig { position: relative; transition: 0.4s linear 0.4s; opacity: 0;}

#point #point-1 .ctn .txt { width: 58%; padding-top: 80px;}
#point #point-1 .ctn .pht { width: 42%; position: relative; padding-bottom: 30px;}
#point #point-2 .ctn .txt { width: 45%;}
#point #point-2 .ctn .pht { width: 55%;}
#point #point-3 .ctn .txt { width: 45%;}
#point #point-3 .ctn .fig { width: 55%;}


#point .ctn ul.note { max-width: 632px; padding-left: 20px;}
#point .ctn ul.note li { padding-left: 2em; color: #9b9b9b; font-size: 12px; text-indent: -1.6em;}

#point .ctn .pht figure { width: 94%; max-width: 500px;}
#point .ctn .pht img { width: 100%;}

#point .ctn .pht .pht-ctn { position: relative; width: 100%; max-width: 540px; margin: 0 auto;}

#point #point-1 .ctn .txt h3 { margin-bottom: 20px;}
#point #point-1 .ctn .txt h3 img { width: 100%; max-width: 420px;}
#point #point-1 .ctn .txt p { margin-bottom: 20px;}
#point #point-1 .ctn .txt p img { width: 100%; max-width: 400px;}
#point #point-1 .ctn .txt ul.note { max-width: 420px; padding-left: 8px;}
#point #point-1 .ctn img.img3-1 { position: absolute; /* left: 32%; */ right: 0%; top: 0px; width: 18%; max-width: 180px;}
#point #point-1 .ctn .pht img.img3-0{ position: relative; width: 100%; z-index: 1;}
#point #point-1 .ctn .pht img.img3-2{ position: absolute; left: 15%; bottom: 30px; width: 65%; max-width: 280px; z-index: 2;
 animation: shakes 4.0s linear infinite; animation-delay: 0.5s;
}
#point #point-1 .ctn .pht img.img3-3 { position: absolute; right: 18%; top: 20%; width: 22%; max-width: 80px; z-index: 3;
 animation: shakes 1.5s linear infinite;
}
#point #point-1 .ctn .pht ul.note { display: none;}
#point #point-1 .ctn .sp-show { display: none;}

#point #point-2 .ctn .txt h3 { margin-bottom: 20px;}
#point #point-2 .ctn .txt h3 img { width: 100%; max-width: 420px;}
#point #point-2 .ctn .txt p { margin-bottom: 40px;}
#point #point-2 .ctn .txt p img { width: 100%; max-width: 420px;}
#point #point-2 .ctn .txt p.sp { display: none;}
#point #point-2 .ctn .txt figure { display: none;}
#point #point-2 .ctn .txt figure img { width: 100%;}


#point #point-3 .ctn .txt h3 {}
#point #point-3 .ctn .txt h3 img { width: 100%; max-width: 420px;}
#point #point-3 .ctn .txt h3 img.sp { display: none;}
#point #point-3 .ctn .fig figure img { width: 100%; max-width: 420px;}
#point #point-3 .ctn .fig figure img.sp { display: none;}

#point .bloc.show,
#point .ctn .txt.show,
#point .ctn .pht.show,
#point .ctn .fig.show { opacity: 1;}

/*#point #point-1 .bubble { right: 2%; bottom: 25%; width: 50px; height: 50px; animation-delay: 0.2s;}*/
#point #point-1 .bubble { right: 0%; top: 40px; width: 150px; height: 150px; animation-delay: 0.4s;}
#point #point-2 .bubble-1 { left: 10%; top: 50px; width: 60px; height: 60px; animation-delay: 1.0s;}
#point #point-2 .bubble-2 { left: 3%; top: 120px; width: 110px; height: 110px; animation-delay: 0.8s;}
#point #point-3 .bubble-1 { right: 5%; top: 50px; width: 60px; height: 60px; animation-delay: 0.0s;}
#point #point-3 .bubble-2 { right: 10%; bottom: 50px; width: 110px; height: 110px; animation-delay: 0.8s;}
@media (max-width: 1201px) {

	#point #point-1.bloc .inner-bloc { background-size: 100px auto;}
	#point #point-2.bloc .inner-bloc { background-size: 60px auto;}

	#point #point-1 .ctn { width: calc(100% - 60px);}
	#point #point-2 .ctn { width: calc(100% - 100px);}
	#point #point-1 .bubble { top: 50%;}

}
@media (max-width: 1001px) {
	#point #point-1.bloc .inner-bloc { padding: 40px 0;}
	#point #point-1 .ctn .txt { width: 55%;}
	#point #point-2 .ctn .pht { width: 45%;}
	#point #point-1 .bubble { width: 120px; height: 120px;}
	#point #point-2 .bubble-2 { left: 0%;}
}
@media (max-width: 801px) {
	#point { margin-bottom: -8vw;}
	#point .ttl { margin-bottom: -24vw; padding-top: 0px; background: none;}
	#point .ttl h2 { position: absolute; left: 0; top: 26%;}
	#point .ttl:after { width: 50px; height: 50px; left: 65%; top: 80%;}

	#point .inner-sct{ padding: 8vw 0 80px;}
	#point .bloc .inner-bloc { width: 92%; margin: 0 auto;}
	#point .ctn-flex { display: block;}

	#point #point-1.bloc .inner-bloc { background: url('./img/point/side-1@sp.png') no-repeat 100% 100px / 50px auto;}
	#point #point-2.bloc .inner-bloc { background-size: 50px auto; padding: 0px;}
	#point #point-3.bloc .inner-bloc { background: url('./img/point/side-3@sp.png') no-repeat 100% 0px / 50px auto;}

	
	#point .ctn .txt { position: relative; transition: 0.4s linear 0.2s; opacity: 0;}
	#point .ctn .pht { position: relative; transition: 0.4s linear 0.4s; opacity: 1;}
	

	#point #point-1 { margin-bottom: 40px;}
	#point #point-1 .ctn { display: block; width: 100%; padding-top: 100px; padding-left: 0px;}
	#point #point-1 .ctn .txt { width: 100%; margin: 0 auto; padding-top: 0px; padding-right: 80px;}
	#point #point-1 .ctn .pht { width: 100%; padding-bottom: 0px;}
	#point #point-1 .ctn .txt h3 { margin-bottom: 0px;}
	#point #point-1 .ctn .txt h3 img { max-width: 500px;}
	#point #point-1 .ctn .txt p { display: none;}
	#point #point-1 .ctn .txt ul.note { display: none;}
	#point #point-1 .ctn img.img3-1 { left: auto; right: 8%;}
	#point #point-1 .ctn .pht { width: 80%; max-width: 500px; margin: 0 auto; padding-top: 0;}
	#point #point-1 .ctn .pht img.img3-0{ margin: 0 auto;}
	#point #point-1 .ctn .pht img.img3-2{ left: 30%; bottom: auto; top: 52%;}
	#point #point-1 .ctn .pht img.img3-3{ left: 60%; top: 25%;; max-width: 120px;}

	#point #point-1 .ctn .sp-show { display: block; margin: 0 auto;}
	#point #point-1 .ctn .sp-show p { margin-bottom: 20px; padding-right: 40px; text-align: center;}
	#point #point-1 .ctn .sp-show p img { width: 90%; max-width: 500px;}
	#point #point-1 .bubble { left: 0%; top: 40%; width: 60px; height: 90px; background-position: 100% 50%; background-size: auto 100%;}

	#point #point-2 { margin-bottom: 40px;}
	#point #point-2 .ctn { display: block; width: 100%;}
	#point #point-2 .ctn .txt { width: 100%; padding-left: 80px;}
	#point #point-2 .ctn .pht { width: 100%;}
	#point #point-2 .ctn .pht { display: none;}
	#point #point-2 .ctn .txt h3 img { max-width: 500px;}
	#point #point-2 .ctn .txt p.pc { display: none;}
	#point #point-2 .ctn .txt figure { display: block; margin: 0 auto 10px; text-align: center;}
	#point #point-2 .ctn .txt figure img { width: 90%;}
	#point #point-2 .ctn .txt p.sp { display: block; margin-bottom: 10px; padding: 0; text-align: right;}
	#point #point-2 .ctn .txt p.sp img { width: 100%; max-width: 500px;}
	#point #point-2 .ctn ul.note { max-width: 420px; margin: 0 0 0 auto;}
	#point #point-2 .bubble-1 { left: auto; right: 18%; top: 0px; width: 60px; height: 60px;}
	#point #point-2 .bubble-2 { left: 0%; bottom: 15%;}
	#point #point-2 .bubble-3 { right: 0%; bottom: auto; top: 30px;}
	#point #point-2 .ctn:after{ content: ''; display: block; position: absolute; animation: 2s moving linear infinite;
	 left: 10%; top: 62%; width: 50px; height: 50px;
	 background: url('./img/bubble-2.png') no-repeat 50% 50% / auto 100%;
	}

	#point #point-3.bloc .inner-bloc { padding: 40px 0;}
	#point #point-3 .ctn { display: block; padding-left: 0px;}
	#point #point-3 .ctn .txt { width: 100%; margin-bottom: 20px; padding-right: 0px;}
	#point #point-3 .ctn .fig { width: 100%;}
	#point #point-3 .ctn .txt h3 img { max-width: 500px;}
	#point #point-3 .ctn .txt p.pc { display: none;}
	#point #point-3 .ctn .txt figure { display: block; margin: 0 auto 10px;}
	#point #point-3 .ctn .fig figure img { max-width: 500px;}

	#point #point-3 .bubble-1 { right: 10%;}
	#point #point-3 .bubble-2 { right: 12%;}

}
@media (max-width: 641px) {
	#point { margin-bottom: -10vw;}
	#point .inner-sct{ padding: 20vw 0 18vw;}
/*	#point #point-1.bloc .inner-bloc { background-size: 40px auto;}*/
	#point #point-1.bloc .inner-bloc { padding: 0px; background-size: 40px auto;}
	#point #point-2.bloc .inner-bloc { background-size: 40px auto;}
	#point #point-2 .bubble-3 { right: -40px;}

	#point .ctn .pht p.note { padding-left: 30%;}
	#point .ctn .pht figure { width:75%; padding-left: 0;}

	#point #point-3 .ctn .txt h3 img.pc { display: none;}
	#point #point-3 .ctn .txt h3 img.sp { display: block;}
	#point #point-3 .ctn .fig figure img.pc { display: none;}
	#point #point-3 .ctn .fig figure img.sp { display: block;}
}
@media (max-width: 481px) {
	#point .ttl h2 { top: 20%;}
	#point .ttl:after { content: none;}

	#point .inner-sct{ padding: 10vw 0;}
	#point #point-1.bloc .inner-bloc { background-size: 32px auto; background-position: 100% 60px;}
	#point #point-2.bloc .inner-bloc { background-size: 32px auto; background-position: 0px 50px;}
	#point #point-3.bloc .inner-bloc { background-size: 32px auto;}

	#point .ctn ul.note li { font-size: 9px;}

	#point .ctn .pht p.note { padding-left: 0; font-size: 10px; text-align: left;}

	#point #point-1 { margin-bottom: 0px;}
	#point #point-1 .ctn { padding-top: 50px;}
	#point #point-1 .ctn .txt { margin: 0 auto; padding-right: 40px;}
	#point #point-1 .ctn .txt h3 img { max-width: 290px;}
	#point #point-1 .ctn .sp-show p { padding-right: 0px;}
	#point #point-1 .ctn .pht { width: 65%; margin: 0 auto;}
	#point #point-1 .ctn img.img3-1 { right: 4%; top: -10px; width: 24%;}
	#point #point-1 .ctn .pht img.img3-2{ left: 32%; top: 50%; width: 140px;}
	#point #point-1 .ctn .pht img.img3-3{ right: 10%; top: 15%; width: 40px;}
	#point #point-1 .ctn .pht ul.note { padding-left: 0px;}
	#point #point-1 .ctn .pht ul.note li br { display: none;}
	#point #point-1 .bubble { top: 40%; width: 40px; height: 60px;}


	#point #point-2 { margin-bottom: 0px;}
	#point #point-2 .ctn { padding: 40px 0 30px;}
	#point #point-2 .ctn .txt { margin: 0 auto; padding-left: 20px;}
	#point #point-2 .ctn .txt h3 { margin-bottom: 10px; padding-left: 30px;}
	#point #point-2 .ctn .txt h3 img { max-width: 290px;}
	#point #point-2 .ctn .txt figure { margin-bottom: 6px;}
	#point #point-2 .ctn .txt figure img { width: 80%;}
	#point #point-2 .ctn .txt ul.note { padding-left: 0px;}
	#point #point-2 .bubble-1 { left: auto; right: 18%; top: 0px; width: 30px; height: 30px;}
	#point #point-2 .bubble-2 { left: auto; right: 2%; bottom: 8%; width: 30px; height: 30px;}
	#point #point-2 .bubble-3 { right: -5%; bottom: auto; top: 30px; width: 60px; height: 60px;}
	#point #point-2 .ctn:after{ left: 2%; top: 58%; width: 30px; height: 30px;}


	#point #point-3.bloc .inner-bloc { padding: 20px 0 40px;}
	#point #point-3 .ctn { width: calc(100% - 40px);}
	#point #point-3 .ctn .txt { margin: 0 auto 20px; padding-left: 12px;}
	#point #point-3 .ctn .txt h3 { margin-bottom: 0px;}
	#point #point-3 .ctn .txt h3 img { max-width: 290px;}
	#point #point-3 .ctn .txt ul.note { padding-left: 0px;}
	#point #point-3 .bubble-1 { top: 0; right: 18%; width: 40px; height: 40px;}
	#point #point-3 .bubble-2 { display: none;}
	#point #point-3 .ctn:after{ left: 6%; top: 58%; width: 30px; height: 30px;}

}



#lineup { position: relative; z-index: 2; margin-bottom: -100px;}
#lineup .ttl { position: relative;  margin-bottom: -220px; padding-top: 40px; background: url('./img/bg/ttl-3.png') no-repeat 50% 0; z-index: 2;}
#lineup .ttl h2 { color: #6a3906;}
#lineup .ttl p { color: #6a3906;}
#lineup .inner-sct { position: relative;}

#lineup .ctn.show { opacity: 1;}

#lineup .check { position: relative; margin-bottom: -130px; z-index: 1;}
#lineup .check.mb0{ margin-bottom: 0px;}
#lineup .check .pos { position: absolute; top: 40px;}
#lineup .check.bg-ptn-3 {}

#lineup .check .inner-check { width: 100%; max-width: 1280px; margin: 0 auto;}
#lineup .check .inner-check.bg-1 { padding: 120px 0 120px; background: url('./img/bg/ptn-2.jpg') repeat 50% 0;}
#lineup .check .inner-check.bg-2 { padding: 260px 0 120px; background: url('./img/bg/ptn-3.png') no-repeat 50% 0;}
#lineup .check .inner-check.bg-3 { padding: 260px 0 200px; background: url('./img/bg/ptn-4.png') no-repeat 50% 0;}
#lineup .check h3.type { position: relative; z-index: 2; margin-bottom: 50px; text-align: center; transition: 0.4s linear; opacity: 0;}
#lineup .check h3.type img { width: 50%; max-width: 300px;}
#lineup .check .ctn-flex { display: flex; align-items: center; width: 92%; max-width: 1024px; margin: 0 auto;}
#lineup .check .pht { width: 50%; transition: 0.4s linear; opacity: 0;}
#lineup .check .txt { width: 50%; transition: 0.4s linear; opacity: 0;}
#lineup .check .pht .pht-ctn { position: relative; width: 100%;}
#lineup .check .pht .pht-ctn .item { position: relative; width: 240px; margin: 0 auto;}
#lineup .check .pht .pht-ctn .item img { width: 100%;}
#lineup .check .pht .pht-ctn .icn { position: absolute; animation: 2s moving linear infinite;}
#lineup .check .pht .pht-ctn .icn.icn-1 { width: 140px; top: 15%; right: 75%; animation-delay: 0.0s}
#lineup .check .pht .pht-ctn .icn.icn-2 { width: 120px; top: 45%; left: 68%; animation-delay: 0.8s}
#lineup .check .pht .pht-ctn .icn.icn-3 { width: 140px; bottom: 50px; right: 70%; animation-delay: 0.6s}
#lineup .check .pht .pht-ctn .icn img { width: 100%;}
#lineup .check .pht h3.sp-tit { display: none; text-align: center;}
#lineup .check .pht p { font-weight: 700; text-align: center;}
#lineup .check .pht p.name { margin-bottom: 10px; font-size: 20px;}
#lineup .check .pht p.price { margin-bottom: 18px; font-size: 18px;}
#lineup .check .pht .cart { position: relative; width: 100%; max-width: 380px; margin: 0 auto;}
#lineup .check .pht .cart form { position: relative; width: 100%;}
#lineup .check .pht .cart form input[type="submit"]{ position: relative; width: 100%; padding: 16px 0; border-radius: 50px; border: none; z-index: 1;
 color: #6a3906; font-size: 14px; font-weight: 700; text-indent: 20px; text-align: center;
}
#lineup .check .pht .cart form svg { width: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-80px, -50%); fill: #6a3906; z-index: 2;}
#lineup .check .pht .cart form input[type="submit"].btn-deep { background: #ffdb67;}
#lineup .check .pht .cart form input[type="submit"].btn-melty { background: #fbbbc6;}
#lineup .check .pht .cart form input[type="submit"].btn-creamy{ background: #ffa782;}
#lineup .check .pht .cart form input[type="submit"].btn-milky{ background: #ffa782;}

#lineup .check .txt h3.pc-tit { margin-bottom: 30px; font-size: 26px; line-height: 1.8; letter-spacing: 0.1rem; text-align: left;}
#lineup .check .txt h3.pc-tit span { display: block;}
#lineup .check .txt h3.pc-tit sup { font-size: 16px; vertical-align: baseline;}
#lineup .check .txt figure { position: relative; width: 100%; max-width: 500px; margin: 0 auto;}
#lineup .check .txt figure img.base { position: relative; z-index: 1; width: 100%;}
#lineup .check .txt figure img.icn1,
#lineup .check .txt figure img.icn2,
#lineup .check .txt figure img.icn3 { position: absolute; z-index: 2;}
#lineup .check .txt figure img.icn1 { width: 150px; right: 15%; top: 22%;
 animation: shakes 2.0s linear infinite; animation-delay: 0.3s;
}
#lineup .check .txt figure img.icn2 { width: 110px; right: 4%; top: 48%;
 animation: shakes 2.0s linear infinite; animation-delay: 0.6s;
}
#lineup .check .txt figure img.icn3 { width: 110px; right: 15%; top: 72.5%;
 animation: shakes 2.0s linear infinite; animation-delay: 0.9s;
}

#lineup ul.kome { width: 100%; margin: 0 0 0 auto; padding-top: 20px;}
#lineup ul.kome.wide-1 { max-width: 240px;}
#lineup ul.kome.wide-2 { max-width: 320px;}
#lineup ul.kome.wide-3 { max-width: 380px;}
#lineup ul.kome li { color: #9b9b9b; font-size: 10px;}
#lineup .check h3.type.show,
#lineup .check .pht.show,
#lineup .check .txt.show { opacity: 1;}

@media (max-width: 1001px) {
	#lineup .check .txt h3.pc-tit { margin-bottom: 20px; font-size: 2.6vw;}
	#lineup .check .txt figure img.icn1 { width: 140px;}
	#lineup .check .txt figure img.icn2 { width: 100px;}
	#lineup .check .txt figure img.icn3 { width: 100px;}
}
@media (max-width: 801px) {
	#lineup { margin-bottom: -30vw;}
	#lineup .ttl { margin-bottom: -26vw; padding-top: 0px;}
	#lineup .ttl div { padding-top: 7.5vw; z-index: 2;}

	#lineup .check { margin-bottom: -20vw;}
	#lineup .check .inner-check.bg-1 { padding: 27vw 0 18vw;}
	#lineup .check .inner-check.bg-2 { padding: 36vw 0 18vw; background: url('./img/bg/ptn-3-sp.png') no-repeat 50% 0 / 100% auto;}
	#lineup .check .inner-check.bg-3 { padding: 36vw 0; background: url('./img/bg/ptn-4-sp.png') no-repeat 50% 0 / 100% auto;}

	#lineup .ttl { background: none;}
	#lineup .ttl div{ position: absolute; left: 0; width: 100%; padding-top: 17.5vw; z-index: 2;}

	#lineup .check .ctn-flex { display: block;}
	#lineup .check h3.type { margin-bottom: 0px;}
	#lineup .check .pht { width: 100%; margin-bottom: 40px;}
	#lineup .check .txt { width: 100%;}
	#lineup .check .pht h3.sp-tit { display: block; margin: 0 auto 20px; font-size: 30px;}
	#lineup .check .pht h3.sp-tit span { display: block;}
	#lineup .check .pht h3.sp-tit sup { font-size: 10px; vertical-align: baseline;}
	#lineup .check .txt h3.pc-tit { display: none;}
	#lineup .check .txt figure img.icn1 { width: 150px;}
	#lineup .check .txt figure img.icn2 { width: 110px;}
	#lineup .check .txt figure img.icn3 { width: 110px;}
	#lineup ul.kome { width: 100%; margin: 0 0 15px auto;}
}
@media (max-width: 641px) {
	#lineup { margin-bottom: -36vw;}
	#lineup .ttl div { padding-top: 12.5vw; z-index: 2;}
	#lineup .check { margin-bottom: -20vw;}
	#lineup .check .inner-check.bg-1 { padding: 28vw 0 14vw;}
	#lineup .check .inner-check.bg-2 { padding: 34vw 0 16vw;}
	#lineup .check .inner-check.bg-3 { padding: 36vw 0 30vw;}
}
@media (max-width: 481px) {
	#lineup .ttl div { padding-top: 8.5vw;}

	#lineup .check .pht .pht-ctn { padding-left: 10px;}
	#lineup .check .pht .pht-ctn .item { width: 140px;}
	#lineup .check .pht .pht-ctn .icn.icn-1 { width: 85px; top: 15%; right: 68%;}
	#lineup .check .pht .pht-ctn .icn.icn-2 { width: 80px; top: 45%; left: 68%;}
	#lineup .check .pht .pht-ctn .icn.icn-3 { width: 100px; bottom: 50px; right: auto; left: 20px;}
	#lineup .check .pht h3.sp-tit { margin: 0 auto 10px; font-size: 21px;}
	#lineup .check .pht p.name { margin-bottom: 10px; font-size: 15px; letter-spacing: -0.05rem;}
	#lineup .check .pht p.price { font-size: 14px;}

	#lineup .check .pht .cart form input[type="submit"]{ padding: 12px 0; font-size: 12px;}
	#lineup .check .pht .cart form svg { width: 24px; transform: translate(-60px, -50%);}

	#lineup ul.kome.wide-2 { max-width: 100%;}
	#lineup ul.kome.wide-3 { max-width: 100%;}

	#lineup .check .txt figure img.icn1 { width: 100px; right: 18%;}
	#lineup .check .txt figure img.icn2 { width: 75px; right: 5%;}
	#lineup .check .txt figure img.icn3 { width: 75px; right: 20%;}

	#lineup ul.kome { padding-top: 12px;}
}


#slider { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 2;}
#slider .spacer { width: 100%; height: 100px; background: linear-gradient(rgba(245,244,240,0),rgba(245,244,240,1));}
#slider .inner { padding: 60px 0 100px; background: #f5f4f1;}
#slider .ctn { width: 90%; margin: 0 auto;}
#slider .ctn h3 { margin-bottom: 40px; text-align: center;}
#slider .ctn h3 img { width: 90%; max-width: 550px;}
#slider .js-slider { padding: 0 40px;}
#slider .slide { position: relative; width: 100%; margin: 0 auto;}
#slider .slide img{ position: relative; width: 100%;}
#slider .slide img.sp { display: none;}
#slider .slide .more { width: 100%; position: absolute; bottom: 0; left: 0; padding-left: 20px;}
#slider .slide .more a { display: block; width: 60%; max-width: 520px; margin: 0 auto; padding: 10px;}
#slider .slide .more a img { width: 80%; max-width: 300px; margin: 0 auto;}
#slider .slick-arrow{ width: 150px; height: 80%; position: absolute; bottom: 10%;
 border: none; z-index: 100; background: rgba(2545,244,241,0);
 text-indent: -9999em; outline: none;
}
#slider .slick-prev { left: 0%;}
#slider .slick-next { right: 0%;}
#slider .slick-arrow:before{ position: absolute; content: ''; display: block; width: 32px; height: 32px; top: 50%; transform: translateY(-50%) rotate(45deg);}
#slider .slick-prev:before { left: 0%; border-bottom: solid 2px #000; border-left: solid 2px #000;}
#slider .slick-next:before { right: 0%; border-top: solid 2px #000; border-right: solid 2px #000;}
#slider .slick-arrow:hover { background: rgba(2545,244,241,0.15);}
@media (max-width: 801px) {
	#slider .slide img.pc { display: none;}
	#slider .slide img.sp { display: block; margin: 0 auto 30px;}
	#slider .slide .more { position: relative; bottom: auto; left: 0; padding-left: 0px;}
	#slider .slide .more a.btn-deep { background: #f8eb95;}
	#slider .slide .more a.btn-melty { background: #ffd2c9;}
	#slider .slide .more a.btn-creamy { background: #e78a68;}
	#slider .slide .more a.btn-milky { background: #ff9275;}
	#slider .slick-arrow{ height: 62%; bottom: auto; top: 0;}
}
@media (max-width: 641px) {
	#slider .js-slider { padding: 0px;}
	#slider .slide img.sp { margin: 0 auto 20px;}
	#slider ul li:first-child a{ padding-left: 8px;}
	#slider ul li:last-child a { padding-right: 8px;}
}
@media (max-width: 481px) {
	#slider .inner { padding: 40px 0 50px;}
	#slider .ctn h3 { margin-bottom: 20px;}
	#slider .slide img.sp { margin: 0 auto 10px;}
	#slider .slick-arrow{ width: 100px;}
	#slider .slick-arrow:before{ width: 24px; height: 24px;}
	#slider .slick-prev:before { left: 10%;}
	#slider .slick-next:before { right: 10%;}
}



.campaign { transition: 0.4s linear; opacity: 0; }
.campaign .inner { width: 100%; margin: 0 auto; background: url('./img/bg/campaign.jpg') no-repeat 50% 50% / cover;}
.campaign p { text-align: center;}
.campaign p img { width: 94%; max-width: 960px;}
.campaign p img.sp { display: none;}
.campaign p a:hover { opacity: 0.9;}
.image .inner { width: 100%; max-width: 1280px; transition: 0.4s linear; opacity: 0;}
.image .inner figure { text-align: center;}
.image .inner img { width: 100%;}
.image .inner img.sp { display: none;}
.image .note { width: 100%; max-width: 1280px; margin: 0 auto; padding: 10px 0; background: #f5f4f1;}
.image ul { width: 94%; max-width: 1024px; margin: 0 auto; text-align: right;}
.campaign.show,
.image.show .inner {opacity: 1;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	.campaign .inner { background: none;}
	.campaign p img.pc { display: none;}
	.campaign p img.sp { display: block; width: 100%;}
	.image .inner img.pc { display: none;}
	.image .inner img.sp { display: block;}
}
@media (max-width: 481px) {
	
}



#shop {}
#shop #sct3 { top: 50px;}
#shop .inner-sct { width: 100%; max-width: 1280px; margin: 0 auto; padding: 110px 0; background: #f5f4f1;}
#shop h2 { margin-bottom: 30px; font-size: 36px; text-align: center;  transition: 0.4s linear; opacity: 0;}
#shop p { margin-bottom: 40px; font-size: 24px; font-weight: 700; text-align: center; transition: 0.4s linear; opacity: 0;}
#shop ul.shoplist { width: 92%; max-width: 1024px; margin: 0 auto 110px; font-size: 0; transition: 0.4s linear; opacity: 0;}
#shop ul.shoplist li { display: inline-block; width: 33.33334%; padding: 10px; vertical-align: top;}
#shop ul.shoplist li a { position: relative; display: block; width: 100%; padding: 20px 0; padding-left: 80px;
 background: #ffd45b; border-radius: 5px;
 color: #53341c; font-size: 20px; font-weight: 700; text-align: left; text-decoration: none;
}
#shop ul.shoplist li a:before { content: ''; display: block; width: 38px; height: 40px;
 position: absolute; left: 25px; top: 50%; transform: translate(0,-50%);
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%2353341c" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; 
}
#shop ul.shoplist li a:hover { opacity: 0.85;}
#shop h2.show,
#shop p.show,
#shop ul.show { opacity: 1;}


#shop .check { width: 92%; max-width: 1180px; margin: 0 auto; transition: 0.4s linear; opacity: 0;}
#shop h3 { margin-bottom: 40px; font-size: 30px; text-align: center;}
#shop .check ul { font-size: 0; text-align: center;}
#shop .check ul li { display: inline-block; width: 18.5%;}
#shop .check ul li.blank { display: none;}
#shop .check ul li a { display: block; width: 94%; max-width: 164px; margin: 0 auto; color: #fff; text-decoration: none;}
#shop .check ul li dl dt { width: 80px; margin: 0 auto 15px;}
#shop .check ul li dl dt img { width: 100%;}
#shop .check ul li dl dd { font-size: 18px; font-weight: 700; line-height: 1.2;}
#shop .check ul li dl dd { position: relative;}
#shop .check ul li dl dd:before,
#shop .check ul li dl dd:after { content: ''; display: block; width: 0; height: 0; position: absolute; top: 50%; transform: translate(0,-50%);
 border: solid 24px transparent;
}
#shop .check ul li dl dd:before{ left: 0; border-left: solid 13px #f5f4f1; border-right: 0;}
#shop .check ul li dl dd:after { right: 0; border-right: solid 13px #f5f4f1; border-left: 0;}
#shop .check ul li dl dd span { display: block; padding: 12px 6px;}
#shop .check ul li dl dd br { display: none;}
#shop .check ul li:nth-child(1) dl dd span { background: #e5864b;}
#shop .check ul li:nth-child(2) dl dd span { background: #e78c8f;}
#shop .check ul li:nth-child(3) dl dd span { background: #ffcf26;}
#shop .check ul li:nth-child(4) dl dd span { background: #e06b51;}
#shop .check ul li:nth-child(5) dl dd span { background: #bd9cdb;}
#shop .check ul li dl dd span:after { content: ''; display: block; width: 9px; height: 9px; border-top: solid 2px #fff; border-right: solid 2px #fff;
 position: absolute; right: 24px; top: 50%; transform: translate(0,-50%) rotate(45deg);
}
#shop .check ul li a:hover { opacity: 0.8;}

#shop .check.show{ opacity: 1;}
@media (max-width: 1001px) {
	#shop ul.shoplist li a { font-size: 16px;}
}
@media (max-width: 801px) {
	#shop ul.shoplist li { width: 50%;}
	#shop ul.shoplist li a { padding: 15px; padding-left: 60px; font-size: 18px;}
	#shop ul.shoplist li a:before { width: 30px; left: 15px;}

	#shop h3 { margin-bottom: 20px;}
	#shop .check ul li { width: 33%; padding: 12px 0;}
	#shop .check ul li.blank { display: inline-block;}
	#shop .check ul li dl dd { font-size: 15px;}
	#shop .check ul li dl dd:before,
	#shop .check ul li dl dd:after { border: solid 30px transparent;}
	#shop .check ul li dl dd:before{ border-left: solid 10px #f5f4f1; border-right: 0;}
	#shop .check ul li dl dd:after { border-right: solid 10px #f5f4f1; border-left: 0;}
	#shop .check ul li dl dd span { padding: 6px;}
	#shop .check ul li dl dd br { display: block;}
	#shop .check ul li dl dd span:after { right: 20px;}
}
@media (max-width: 641px) {
	#shop .inner-sct { padding: 60px 0;}
	#shop h2 { margin-bottom: 20px; font-size: 30px;}
	#shop p { margin-bottom: 30px; font-size: 18px;}
	#shop ul.shoplist { margin: 0 auto 60px;}
	#shop ul.shoplist li { padding: 6px;}
	#shop ul.shoplist li a { font-size: 15px;}
	#shop h3 { margin-bottom: 10px; font-size: 20px;}
	#shop .check ul li { width: 50%; padding: 10px;}
	#shop .check ul li dl dd { font-size: 14px;}
}
@media (max-width: 481px) {
	#shop #sct3 { top: 30px;}
	#shop .inner-sct { padding: 40px 0;}
	#shop p { margin-bottom: 20px; font-size: 16px; font-weight: 400;}
	#shop ul.shoplist li a { padding: 9px 0; padding-left: 30px; border-radius: 3px; font-size: 12px; }
	#shop ul.shoplist li a:before { width: 18px; left: 6px;}
	#shop h3 { margin-bottom: 20px; font-size: 18px;}
	#shop .check ul li dl dt { width: 50px; margin: 0 auto 6px;}
	#shop .check ul li dl dd span { font-size: 12px;}
	#shop .check ul li dl dd span:after { width: 6px; height: 6px; right: 18px;}
}