@charset "utf-8";
/* --------------------------------------------------
	reset
-------------------------------------------------- */
*,
::before,
::after { box-sizing: border-box;}

html { line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;}
body { margin: 0;}
main { display: block;}
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0;}
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0;}
ul, ol { margin: 0; padding: 0; list-style: none;}
dd { margin-left: 0;}
hr { box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px; margin: 0; clear: both; color: inherit;}
pre { font-family: monospace, monospace; font-size: inherit;}
address { font-style: inherit;}
a { background-color: transparent; text-decoration: none; color: inherit;}
abbr[title] { text-decoration: underline dotted;}
code, kbd, samp { font-family: monospace, monospace; font-size: inherit;}
small { font-size: 80%;}
sub,
sup { line-height: 0; position: relative; vertical-align: baseline;}

svg, img, embed, object, iframe { vertical-align: bottom;}

/* Forms */
/* ============================================ */
button, input, optgroup, select, textarea { -webkit-appearance: none; appearance: none; background: transparent; padding: 0; margin: 0; border-radius: 0;
 color: inherit; font: inherit; text-align: inherit; text-transform: inherit; vertical-align: middle;
}
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer;}
button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled { cursor: default;}
:-moz-focusring { outline: auto;}
select:disabled { opacity: inherit;}
option { padding: 0;}
fieldset { margin: 0; padding: 0; min-width: 0;}
legend { padding: 0;}

progress { vertical-align: baseline;}
textarea { overflow: auto;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto;}
[type="search"] { outline-offset: -2px;}
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}
[type="number"] { -moz-appearance: textfield;}
label[for] { cursor: pointer;}
details { display: block;}
summary { display: list-item;}
[contenteditable]:focus { outline: auto;}

table { border-color: inherit; border-collapse: collapse;}
td,
th { vertical-align: top; padding: 0;}




/* Magnific Popup CSS */
.mfp-fade.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.85;}
.mfp-fade.mfp-bg.mfp-removing { opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content { opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transform: scale(1.1);
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; transform: scale(1);}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; transform: scale(1.1);}

.mfp-bg { position: fixed; top: 0; left: 0; z-index: 1042; width: 100%; height: 100%; overflow: hidden; background: #000; opacity: 0.8; }


.mfp-wrap { position: fixed; top: 0; left: 0; z-index: 1043; width: 100%; height: 100%; outline: none !important; -webkit-backface-visibility: hidden;}
.mfp-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 8px; text-align: center;}


.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { position: absolute; top: 50%; left: 8px; right: 8px; z-index: 1044; 
width: auto; margin-top: -0.8em; color: #CCC; text-align: center;}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { 	display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close,
button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;
display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0;}
.mfp-close { position: absolute; right: 0%; top: 0px; width: 42px; height: 42px;
 color: #FFF; font-style: normal; font-size: 28px; text-decoration: none; font-size: 0px; text-indent: -9999em;}
.mfp-close:before,
.mfp-close:after { content: ''; display: block; width: 1px; height: 42px; position: absolute; right: 5%; top: 0; background: #fff;}
.mfp-close:before{ transform: rotate(45deg);}
.mfp-close:after { transform: rotate(-45deg);}

.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close { width: 50%; right: 0%; color: #FFF; text-align: right; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; top: 50%; opacity: 0.65; margin: 0; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active{ margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after { content: ''; display: block; width: 0; height: 0;
 position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;
}
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; top: 0; left: 0;
 display: block; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000;
}

/* Main image in popup */
img.mfp-img { display: block; width: auto; max-width: 100%; height: auto; line-height: 0; box-sizing: border-box; padding: 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure small { display: block; color: #BDBDBD; font-size: 12px; line-height: 14px; }
.mfp-figure figure{ margin: 0; }

.mfp-bottom-bar { width: 100%; margin-top: -36px; position: absolute; top: 100%; left: 0; cursor: auto; }

.mfp-title { padding-right: 36px; color: #F3F3F3; text-align: left; line-height: 18px; word-wrap: break-word; }

.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
	 * Remove all paddings around the image on small screen
	 */
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}

@media all and (max-width: 901px) {
	.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
	.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
	.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%;}
	.mfp-container { padding-left: 6px; padding-right: 6px; }
}
@media all and (max-width: 481px) {
	.mfp-image-holder .mfp-close { right: 25px;}
	img.mfp-img { padding: 40px 20px;}
}


/*	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;}


.slick-arrow { position: absolute; background: transparent; border: none; z-index: 100; text-indent: -9999em; outline: none;}
.slick-arrow:before{ content: ''; display: block; width: 0px; height: 0px; position: absolute; top: 50%; transform: translateY(-50%);}


/** Dots */
.slick-dotted.slick-slider{ padding-bottom: 30px;}
.slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; font-size: 0; text-align: center;}
.slick-dots li { position: relative; display: inline-block; width: 36px; height: 15px; padding: 0; cursor: pointer;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; margin: 0 auto; cursor: pointer;
 color: transparent; border: 0; outline: none; background: #453e3f; border-radius: 50%;
}
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none;}
.slick-dots li.slick-active button { background: #7fbe26;}

@media (max-width: 801px) {
	.slick-dots li { width: 30px; height: 15px;}
	.slick-dots li button { width: 15px; height: 15px;}
}
@media (max-width: 481px) {
	.slick-dotted.slick-slider{ padding-bottom: 20px;}
	.slick-dots li { height: 12px;}
	.slick-dots li button { width: 12px; height: 12px;}
}



/*		font-style
-------------------------------------------------- */
html {
  font-family: "Noto Sans JP", sans-serif;
  color: #181818;
  font-size: 10px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-size: 18px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
input, textarea { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}
.eng { font-family: 'BellMT', 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;}

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



@keyframes menu-1 {
 0% { transform: translate(-50%,0px) rotate(0deg);}
40% { transform: translate(-50%,8px) rotate(0deg);}
80% { transform: translate(-50%,8px) rotate(0deg);}
81% { transform: translate(-50%,8px) rotate(0deg);}
100% { transform: translate(-50%,8px) rotate(45deg); background: #fff;}
}

@keyframes menu-2 {
 0% { transform: translate(-50%,0px) rotate(0deg);}
40% { transform: translate(-50%,-8px) rotate(0deg);}
80% { transform: translate(-50%,-8px) rotate(0deg);}
81% { transform: translate(-50%,-8px) rotate(0deg);}
100% { transform: translate(-50%,-8px) rotate(-45deg); background: #fff;}
}

@keyframes menu-1sp {
 0% { transform: translate(-50%,0px) rotate(0deg);}
40% { transform: translate(-50%,6px) rotate(0deg);}
80% { transform: translate(-50%,6px) rotate(0deg);}
81% { transform: translate(-50%,6px) rotate(0deg);}
100% { transform: translate(-50%,6px) rotate(45deg); background: #fff;}
}

@keyframes menu-2sp {
 0% { transform: translate(-50%,0px) rotate(0deg);}
40% { transform: translate(-50%,-6px) rotate(0deg);}
80% { transform: translate(-50%,-6px) rotate(0deg);}
81% { transform: translate(-50%,-6px) rotate(0deg);}
100% { transform: translate(-50%,-6px) rotate(-45deg); background: #fff;}
}



#lp-hd { position: fixed; left: 0; top: 0; width: 100%; z-index: 100; background: #fff;}
#lp-hd .inner-hd { width: 96%; margin: 0 auto;}
#lp-hd .hd-ctn { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 25px 0; padding-right: 260px;}
#lp-hd .hd-logo { width: 30%; max-width: 370px; font-size: 0;}
#lp-hd .hd-logo p { line-height: 1;}
#lp-hd .hd-logo p img { width: 100%;}
#lp-hd .hd-btn { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 240px;}
#lp-hd .hd-btn a { display: block; width: 100%; padding: 14px 0px; background: #f4d73a; border-radius: 50px; border: solid 2px #000;
 color: #000; font-size: clamp(12px, 1.4vw, 16px); font-weight: 700; line-height: 1; text-align: center; text-decoration: none;
 transition: 0.3s linear;
}
#lp-hd .hd-btn a::before { content: ''; display: inline-block; width: 27px; height: 20px; margin-right: 10px;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 148"><path d="M199.7,29c-.5-15.8-11.9-27.9-27.9-28.5-4.7-.2-9.4,0-14.1,0h-73C66.1.5,47.6,0,29.1.5,14.9.9,2.6,10,.6,24.5c-1,7-.4,14.3-.4,21.4v70.1c0,12.1,4.2,23.3,15.8,28.9,6.6,3.2,13.4,2.8,20.5,2.8h135.4c.5,0,1,0,1.5-.1,15.3-1.4,26-13,26.4-28.5.2-8.5,0-17.1,0-25.6,0-21.4.7-43,0-64.4ZM185,119.7c-.4,7.5-5.6,12.9-13.2,13.3H34.7c-6.3,0-12.7.5-17.1-5.3-4-5.2-2.7-13.6-2.7-19.8V40.3c0-6.2-1.3-14.5,2.7-19.8,4.3-5.8,10.8-5.3,17.1-5.3h97.2c13.2,0,26.7-.9,39.9,0,11.4.8,13.2,10,13.2,19.1v30.2c0,18.3,1,36.8,0,55.1Z" fill="%23000000"/><path d="M150.3,41.2c-18,13.4-35.9,26.7-53.9,40.1-16.2-13-32.3-26-48.5-38.9-7.3-5.9-17.8,4.5-10.4,10.4,18,14.4,36,28.9,54,43.3,3.7,3,8.3,1.8,10.9-.9.1,0,.3-.2.4-.3,18.3-13.6,36.7-27.3,55-40.9,7.5-5.6.2-18.4-7.4-12.7Z" fill="%23000000" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; vertical-align: middle;
}
#lp-hd .hd-btn a span { display: inline-block; vertical-align: middle;}
#lp-hd .hd-btn a:hover { background: #fff;}

#lp-hd .hd-nav { width: 70%;}
#lp-hd .hd-nav ul { font-size: 0px; text-align: right;}
#lp-hd .hd-nav ul li { display: inline-block; padding: 0 12px; font-size: 17px; font-weight: 700; line-height: 1;}
#lp-hd .hd-nav ul li a { color: #000; text-decoration: none;}
#lp-hd .hd-nav ul li a:hover { color: #86bf30;}
@media (max-width: 1201px) {
	#lp-hd .hd-ctn { padding-right: 190px;}
	#lp-hd .hd-logo p span { font-size: 14px;}
	#lp-hd .hd-nav ul li { padding: 0 10px; font-size: 14px;}
	#lp-hd .hd-btn { right: 20px; width: 180px;}
	#lp-hd .hd-btn a { font-size: 14px;}
	#lp-hd .hd-btn a::before { width: 20px; height: 18px; margin-right: 6px;}
}
@media (max-width: 1001px) {
	#lp-hd .hd-ctn { padding: 24px 0; padding-right: 190px;}
	#lp-hd .hd-logo p span { font-size: 12px;}
	#lp-hd .hd-btn a { padding: 9px 0;}
}
@media (max-width: 801px) {
	#lp-hd .hd-ctn { padding: 26px 0px;}
	#lp-hd .hd-logo { width: 45%;}
	#lp-hd .hd-logo p span { font-size: 14px;}
	#lp-hd .hd-nav { display: none;}
	#lp-hd .hd-btn { right: 70px;}
}
@media (max-width: 481px) {
	#lp-hd .hd-ctn { padding: 16px 0px;}
	#lp-hd .hd-logo p span { margin-bottom: 4px; font-size: 10px;}
	#lp-hd .hd-btn { width: 140px; right: 50px;}
	#lp-hd .hd-btn a { padding: 4px 0; font-size: 11px; border-width: 1px;}
	#lp-hd .hd-btn a::before { width: 14px; height: 12px; margin-right: 4px;}
}


.menu-trig { display: none; position: fixed; right: 18px; top: 14px; width: 40px; height: 40px; z-index: 200;}
.menu-trig.fixed { position: fixed; top: 15px; right: 30px;}
.menu-trig div { position: relative; width: 100%; height: 100%; cursor: pointer;}
.menu-trig div span { display: block; width: 68%; height: 3px; position: absolute; left: 50%; background: #000; transform: translate(-50%,0px);}

.menu-trig div span:nth-of-type(1) { top: 11px;}
.menu-trig div span:nth-of-type(2) { top: 19px;}
.menu-trig div span:nth-of-type(3) { top: 27px;}
.menu-trig.active div span:nth-of-type(1) { animation: menu-1 0.3s linear forwards;}
.menu-trig.active div span:nth-of-type(2) { opacity: 0;}
.menu-trig.active div span:nth-of-type(3) { animation: menu-2 0.3s linear forwards;}
@media (max-width: 801px) {
	.menu-trig { display: block;}
	.menu-trig.wh div span { background: #fff;}
}
@media (max-width: 481px) {
	.menu-trig { right: 12px; top: 6px; width: 32px; height: 32px;}
	.menu-trig div span { height: 2px;}
	.menu-trig div span:nth-of-type(1) { top: 9px;}
	.menu-trig div span:nth-of-type(2) { top: 15px;}
	.menu-trig div span:nth-of-type(3) { top: 21px;}
	.menu-trig.active div span:nth-of-type(1) { animation: menu-1sp 0.3s linear forwards;}
	.menu-trig.active div span:nth-of-type(3) { animation: menu-2sp 0.3s linear forwards;}
}


#sp-nav { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #7db628; z-index: 100; visibility:hidden; transition: 0.3s linear; opacity: 0;}
#sp-nav.open { visibility: visible; opacity: 1;}
#sp-nav .inner { position: relative; width: 96%; margin: 0 auto; padding-top: 120px;}
#sp-nav .logo { width: 45%; max-width: 370px; position: absolute; left: 0; top: 0;}
#sp-nav .logo div { font-size: 0; padding-top: 24px;}
#sp-nav .logo div a { display: block; width: 100%; line-height: 1;}
#sp-nav .logo div a img { width: 100%;}
#sp-nav ul { margin-bottom: 30px; text-align: center;}
#sp-nav ul li { padding: 5px 0; font-size: 20px; letter-spacing: 0.1rem;}
#sp-nav ul li a { display: block; 5px 0; color: #fff; font-weight: 700; text-decoration: none;}
#sp-nav .btn-contact { width: 72%; max-width: 420px; margin: 0 auto;}
@media (max-width: 481px) {
	#sp-nav .inner { padding-top: 100px;}
	#sp-nav .logo div { padding-top: 18px;}
	#sp-nav ul li { font-size: 18px;}
}



.pagetop { width: 60px; position: fixed; right: 4%; bottom: 30px;}
.pagetop a { display: block; width: 100%; border: solid 1px #fff; border-radius: 50%; overflow: hidden;}
.pagetop a img { width: 100%;}


#ft { background: #64b72f;}
#ft ,inner-sct { padding-top: 50px;}
#ft ul { text-align: center;}
#ft ul li { padding: 8px 0; font-size: 16px; letter-spacing: 0.1rem;}
#ft ul li a { color: #fff; text-decoration: none;}
#ft .copyright { padding: 20px 0;}
#ft .copyright p { color: #fff; font-size: 14px; text-align: center;}


@media (max-width: 1001px) {
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#ft ul li { font-size: 14px; }
	#ft .copyright { padding: 12px 0;}
	#ft .copyright p { font-size: 10px;}
}






.ttl h2 { font-size: clamp(24px, 4.0vw, 38px); font-weight: 700; letter-spacing: 0.085rem; text-align: center;}
.ttl h2 span { background: linear-gradient( transparent 60%, #f4d73a 60%);}
@media (max-width: 801px) {
	.ttl h2 { font-size:; }
}



.btn a { position: relative; display: block; width: 100%; padding: 12px 0 15px; background: #f4d73a; border: solid 2px #000; border-radius: 50px;
 color: #000; line-height: 1; text-align: center; text-decoration: none; transition: 0.3s ease;
}
.btn a::before { content: ''; display: inline-block; width: 0px; height: 0px; margin-right: 10px; vertical-align: middle;
	border: solid 6px transparent; border-left: solid 12px #000; border-right: 0px;
}
.btn a span { display: inline-block; font-size: 16px; font-weight: 700; vertical-align: middle;}
.btn a:hover { background: #fff;}

.btn-contact { margin: 0 auto;}
.btn-contact a { position: relative; display: block; width: 100%; padding: 24px 0; background: #f4d73a; border: solid 2px #000; box-shadow: 2px 2px 0 #000; border-radius: 50px;
 color: #000; line-height: 1; text-align: center; text-decoration: none; transition: 0.3s ease;
}
.btn-contact a::before { content: ''; display: inline-block; width: 34px; height: 30px; margin-right: 18px;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 148"><path d="M199.7,29c-.5-15.8-11.9-27.9-27.9-28.5-4.7-.2-9.4,0-14.1,0h-73C66.1.5,47.6,0,29.1.5,14.9.9,2.6,10,.6,24.5c-1,7-.4,14.3-.4,21.4v70.1c0,12.1,4.2,23.3,15.8,28.9,6.6,3.2,13.4,2.8,20.5,2.8h135.4c.5,0,1,0,1.5-.1,15.3-1.4,26-13,26.4-28.5.2-8.5,0-17.1,0-25.6,0-21.4.7-43,0-64.4ZM185,119.7c-.4,7.5-5.6,12.9-13.2,13.3H34.7c-6.3,0-12.7.5-17.1-5.3-4-5.2-2.7-13.6-2.7-19.8V40.3c0-6.2-1.3-14.5,2.7-19.8,4.3-5.8,10.8-5.3,17.1-5.3h97.2c13.2,0,26.7-.9,39.9,0,11.4.8,13.2,10,13.2,19.1v30.2c0,18.3,1,36.8,0,55.1Z" fill="%23000000"/><path d="M150.3,41.2c-18,13.4-35.9,26.7-53.9,40.1-16.2-13-32.3-26-48.5-38.9-7.3-5.9-17.8,4.5-10.4,10.4,18,14.4,36,28.9,54,43.3,3.7,3,8.3,1.8,10.9-.9.1,0,.3-.2.4-.3,18.3-13.6,36.7-27.3,55-40.9,7.5-5.6.2-18.4-7.4-12.7Z" fill="%23000000" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; vertical-align: middle;
}
.btn-contact a span { display: inline-block; font-size: clamp(18px, 2.7vw, 27px); font-weight: 700; vertical-align: middle;}
.btn-contact a:hover { transform: translate(2px,2px); background: #fff; box-shadow: 0px 0px 0 #000;}
@media (max-width: 801px) {
	.btn-contact a { padding: 12px 0;}
}
@media (max-width: 481px) {
	.btn a { padding: 6px 0 8px;}
	.btn a::before { border: solid 4px transparent; border-left: solid 8px #000; border-right: 0px;}
	.btn a span { font-size: 16px;}
	
	.btn-contact a { padding: 12px 0;	}
	.btn-contact a::before { width: 24px; height: 20px; margin-right: 10px;}
	.btn-contact a span { font-size: 16px;}
}


.cta { background-image: repeating-linear-gradient(-45deg, #fdfcf4, #fdfcf4 6px, #f9f4db 6px, #f9f4db 12px); border-top: solid 3px #86bf30; border-bottom: solid 3px #86bf30;}
.cta .inner { padding: 50px 0 60px;}
.cta p { margin-bottom: 30px; font-size: clamp(21px, 3.0vw, 30px); font-weight: 700; text-align: center;}
.cta p span { background: linear-gradient( transparent 60%, #f4d73a 60%);}
.cta p br.sp { display: none;}
.cta .btn-contact { width: 72%; max-width: 410px;}

.cta .btn-link { width: 92%; max-width: 920px; margin: 0 auto; font-size: 0; text-align: center;}
.cta .btn-link li { display: inline-block; width: 50%; padding: 0 20px;}
.cta .btn-link a { position: relative; display: block; width: 100%; padding: 18px 0; background: #f4d73a; border: solid 2px #000; box-shadow: 2px 2px 0 #000; border-radius: 50px;
 color: #000; text-align: center; text-decoration: none; transition: 0.3s ease;
}

.cta .btn-link a::before { content: ''; display: inline-block; width: 34px; height: 30px; margin-right: 12px;}
.cta .btn-link a.mail::before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 160"><path d="M199.7,29c-.5-15.8-11.9-27.9-27.9-28.5-4.7-.2-9.4,0-14.1,0h-73C66.1.5,47.6,0,29.1.5,14.9.9,2.6,10,.6,24.5c-1,7-.4,14.3-.4,21.4v70.1c0,12.1,4.2,23.3,15.8,28.9,6.6,3.2,13.4,2.8,20.5,2.8h135.4c.5,0,1,0,1.5-.1,15.3-1.4,26-13,26.4-28.5.2-8.5,0-17.1,0-25.6,0-21.4.7-43,0-64.4ZM185,119.7c-.4,7.5-5.6,12.9-13.2,13.3H34.7c-6.3,0-12.7.5-17.1-5.3-4-5.2-2.7-13.6-2.7-19.8V40.3c0-6.2-1.3-14.5,2.7-19.8,4.3-5.8,10.8-5.3,17.1-5.3h97.2c13.2,0,26.7-.9,39.9,0,11.4.8,13.2,10,13.2,19.1v30.2c0,18.3,1,36.8,0,55.1Z" fill="%23000000"/><path d="M150.3,41.2c-18,13.4-35.9,26.7-53.9,40.1-16.2-13-32.3-26-48.5-38.9-7.3-5.9-17.8,4.5-10.4,10.4,18,14.4,36,28.9,54,43.3,3.7,3,8.3,1.8,10.9-.9.1,0,.3-.2.4-.3,18.3-13.6,36.7-27.3,55-40.9,7.5-5.6.2-18.4-7.4-12.7Z" fill="%23000000" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; vertical-align: middle;
}
.cta .btn-link a.qa::before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 160"><path class="cls-1" d="M164.32,158.38c-10.76,0-34.17-2.43-51.2-21.61-4.34.39-8.74.59-13.13.59C44.86,137.37,0,106.55,0,68.68S44.86,0,100,0s100,30.81,100,68.68c0,22.06-15.08,42.48-40.6,55.34,1.47,6.73,5.02,16.76,13.55,22.56,2.18,1.49,3.21,4.18,2.59,6.74-.63,2.57-2.78,4.47-5.41,4.79-.35.04-2.47.27-5.81.27ZM115.82,123.8c1.92,0,3.76.88,4.97,2.4,9.81,12.39,23.29,17,33.44,18.64-5.64-8.99-7.54-18.75-8.17-23.67-.35-2.77,1.14-5.44,3.69-6.58,23.53-10.55,37.58-27.72,37.58-45.9,0-30.89-39.18-56.01-87.33-56.01S12.67,37.8,12.67,68.68s39.17,56.01,87.33,56.01c5.06,0,10.14-.29,15.11-.86.24-.03.48-.04.72-.04Z" fill="%23000000" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; vertical-align: middle;
}
.cta .btn-link a span { display: inline-block; font-size: clamp(20px, 2.7vw, 27px); font-weight: 700; vertical-align: middle;}
.cta .btn-link a:hover { transform: translate(2px,2px); background: #fff; box-shadow: 0px 0px 0 #000;}
@media (max-width: 801px) {
	.cta { background-image: repeating-linear-gradient(-45deg, #fdfcf4, #fdfcf4 3px, #f9f4db 3px, #f9f4db 6px); border-width: 2px;}
	.cta .btn-link li { padding: 0 12px;}
	.cta .btn-link a { padding: 12px 0;}
}
@media (max-width: 481px) {
	.cta .inner { padding: 32px 0 40px;}
	.cta p { margin-bottom: 18px; font-size: 18px;}
	.cta p br.sp { display: block;}
	
	.cta .btn-link { width: 72%;}
	.cta .btn-link li { display: block; width: 100%; padding: 0px; margin-bottom: 18px;}
	.cta .btn-link li:last-child { margin-bottom: 0px;}
	.cta .btn-link a::before { width: 24px; height: 20px; margin-right: 12px;}
	.cta .btn-link a { padding: 10px 0;}
	.cta .btn-link a span { font-size: 16px;}
}


.spacer { height: 60px;}
@media (max-width: 481px) {
	.spacer { height: 30px;}
}



#lp-kv { background-image: repeating-linear-gradient(-45deg, #fdfcf4, #fdfcf4 6px, #f9f4db 6px, #f9f4db 12px);}
#lp-kv .inner-kv { background: url('./img/kv-illust.webp') no-repeat 50% 100%;}
#lp-kv .kv-ctn { padding: 140px 0 310px;}
#lp-kv .kv-ctn h1 { text-align: center;}
#lp-kv .kv-ctn h1 img { width: 94%; max-width: 940px;}
#lp-kv .kv-ctn h1 img.sp { display: none;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#lp-kv { background-image: repeating-linear-gradient(-45deg, #fdfcf4, #fdfcf4 3px, #f9f4db 3px, #f9f4db 6px);}
	#lp-kv .inner-kv { background: none;}
	#lp-kv .kv-ctn { padding: 68px 0px 0px;}
	#lp-kv .kv-ctn h1 img.pc { display: none;}
	#lp-kv .kv-ctn h1 img.sp { display: block; width: 100%;}
}
@media (max-width: 481px) {
	#lp-kv .kv-ctn { padding: 45px 0px 0px;}
}



#lp-pageNav .inner-sct { padding: 60px 0 80px;}
#lp-pageNav ul { width: 88%; max-width: 1240px; margin: 0 auto 50px; font-size: 0px;}
#lp-pageNav ul li { display: inline-block; width: 50%; position: relative; padding: 0 25px;}
#lp-pageNav ul li:before { content: ''; display: block; width: 98px; height: 98px; position: absolute; left: 20px; top: -40px; z-index: 2;}
#lp-pageNav ul li:nth-child(1):before { background: url('./img/icn-1.webp') no-repeat 50% 50% / 100% auto;}
#lp-pageNav ul li:nth-child(2):before { background: url('./img/icn-2.webp') no-repeat 50% 50% / 100% auto;}
#lp-pageNav ul li a { position: relative; display: block; border-radius: 30px; overflow: hidden; box-shadow: 6px 6px 0 #598617; z-index: 1; transition: 0.3s ease;}
#lp-pageNav ul li a img { width: 100%;}
#lp-pageNav ul li a img.sp { display: none;}
#lp-pageNav ul li a:hover { transform: translate(4px,4px); box-shadow: 2px 2px 0 #598617; opacity: 0.8;}
#lp-pageNav p { margin-bottom: 40px; font-size: 28px; font-weight: 700; letter-spacing: 0.085rem; text-align: center;}
#lp-pageNav p br { display: none;}
#lp-pageNav .btn-contact { width: 60%; max-width: 410px;}
@media (max-width: 801px) {
	#lp-pageNav ul { margin: 0 auto 30px;}
	#lp-pageNav ul li:before { width: 54px; height: 54px; top: -30px;}
	#lp-pageNav ul li { padding: 0 15px;}
	#lp-pageNav ul li a { border-radius: 20px; box-shadow: 4px 4px 0 #598617;}
	#lp-pageNav p { font-size: 3.2vw;}
}
@media (max-width: 641px) {
	#lp-pageNav .inner-sct { padding: 30px 0 40px;}
	#lp-pageNav ul { margin: 0 auto 12px;}
	#lp-pageNav ul li { display: block; width: 100%; padding: 20px 10px 15px;}
	#lp-pageNav ul li:before { width: 72px; height: 72px; left: 0px; top: 0px;}
	#lp-pageNav ul li a { border-radius: 12px;}
	#lp-pageNav ul li a img.pc { display: none;}
	#lp-pageNav ul li a img.sp { display: block;}
	#lp-pageNav p { margin-bottom: 20px;}
}
@media (max-width: 481px) {
	#lp-pageNav ul li { padding: 20px 6px 8px;}
	#lp-pageNav ul li:before { width: 50px; height: 50px; left: -5px;}
	#lp-pageNav ul li a { border-radius: 8px;}
	#lp-pageNav p { margin-bottom: 20px; font-size: 16px;}
	#lp-pageNav p br { display: block;}
}


#lp-leading-1 { position: relative; background: #7db628;}
#lp-leading-1 .inner-sct { padding: 40px 0 60px;}
#lp-leading-1 h2 { margin-bottom: 40px; color: #fff; font-size: clamp(24px, 3.6vw, 36px); font-weight: 700; letter-spacing: 0.085rem; line-height: 1.5; text-align: center;}
#lp-leading-1 h2 span.bloc { display: block; font-size: clamp(32px, 3.8vw, 40px);}
#lp-leading-1 h2 span.bloc span.line { padding-bottom: 8px; font-size: clamp(40px, 5.2vw, 52px); border-bottom: solid 5px #f4d73a;}
#lp-leading-1 .box { width: 88%; max-width: 1180px; margin: 0 auto; padding: 60px 30px 50px; background: #fff; border-radius: 25px; border: solid 2px #799d44;}
#lp-leading-1 .ctn { display: flex; justify-content: space-between; align-items: center; width: 100%;}
#lp-leading-1 .ctn .txt { width: 38%;}
#lp-leading-1 .ctn .fig { width: 60%;}

#lp-leading-1 .ctn .txt h3 { margin-bottom: 30px; font-size: clamp(24px, 3.2vw, 32px); font-weight: 700; letter-spacing: 0.085rem; line-height: 1.2; text-align: center;}
#lp-leading-1 .ctn .txt h3:before,
#lp-leading-1 .ctn .txt h3:after { content: ''; position: relative; display: inline-block; width: 3px; height: 36px; background: #000; vertical-align: middle;}
#lp-leading-1 .ctn .txt h3:before{ transform: rotate(-20deg);}
#lp-leading-1 .ctn .txt h3:after { transform: rotate(20deg);}
#lp-leading-1 .ctn .txt h3 span { display: inline-block; margin: 0 20px; vertical-align: middle;}
#lp-leading-1 .ctn .txt figure { text-align: center;}
#lp-leading-1 .ctn .txt figure img { width: 100%; max-width: 300px;}

#lp-leading-1 .ctn .fig figure { text-align: center;}
#lp-leading-1 .ctn .fig figure img { width: 90%; max-width: 700px;}
@media (max-width: 801px) {
	#lp-leading-1 h2 span.bloc span.line { padding-bottom: 5px; border-width: 3px;}
}
@media (max-width: 641px) {
	#lp-leading-1 h2 { margin-bottom: 20px;}
	#lp-leading-1 .ctn { display: block;}
	#lp-leading-1 .ctn .txt { width: 100%; margin-bottom: 30px;}
	#lp-leading-1 .ctn .fig { width: 100%;}
	#lp-leading-1 .ctn .txt h3 { margin-bottom: 12px; font-size: 5.0vw;}
	#lp-leading-1 .ctn .txt figure img { width: 40%;}
}
@media (max-width: 481px) {
	#lp-leading-1 .inner-sct { padding: 30px 0 40px;}
	#lp-leading-1 h2 { font-size: 18px;}
	#lp-leading-1 h2 span.bloc { font-size: 20px;}
	#lp-leading-1 h2 span.bloc span.line { font-size: 26px; border-width: 2px;}
	#lp-leading-1 .box { padding: 20px 18px 12px; border-radius: 15px;}
	#lp-leading-1 .ctn .txt { margin-bottom: 16px;}
	#lp-leading-1 .ctn .txt h3 { margin-bottom: 6px;}
	#lp-leading-1 .ctn .txt h3:before,
	#lp-leading-1 .ctn .txt h3:after { width: 1px; height: 21px;}
	#lp-leading-1 .ctn .txt h3 span { margin: 0 12px;}
}


#lp-leading-2 { position: relative; background: #7db628;}
#lp-leading-2 .inner-sct { padding: 40px 0 60px;}
#lp-leading-2 h2 { margin-bottom: 40px; color: #fff; font-size: clamp(24px, 3.6vw, 36px); font-weight: 700; letter-spacing: 0.085rem; line-height: 1.5; text-align: center;}
#lp-leading-2 h2 span.bloc { display: block; font-size: clamp(32px, 3.8vw, 40px);}
#lp-leading-2 h2 span.bloc span.line { padding-bottom: 8px; font-size: clamp(40px, 5.2vw, 52px); border-bottom: solid 5px #f4d73a;}
#lp-leading-2 h2 br.sp { display: none;}
#lp-leading-2 .box { width: 88%; max-width: 1180px; margin: 0 auto; padding: 60px 20px 50px; background: #fff; border-radius: 25px; border: solid 2px #799d44;}
#lp-leading-2 .ctn { width: 100%;}
#lp-leading-2 .ctn h3 { margin-bottom: 30px; font-size: clamp(18px, 3.2vw, 32px); font-weight: 700; letter-spacing: 0.085rem; line-height: 1.2; text-align: center;}
#lp-leading-2 .ctn h3:before,
#lp-leading-2 .ctn h3:after { content: ''; position: relative; display: inline-block; width: 3px; height: 80px; background: #000; vertical-align: middle;}
#lp-leading-2 .ctn h3:before{ transform: rotate(-20deg);}
#lp-leading-2 .ctn h3:after { transform: rotate(20deg);}
#lp-leading-2 .ctn h3 span { display: inline-block; margin: 0 20px; vertical-align: middle;}
#lp-leading-2 .ctn h3 br.sp { display: none;}
#lp-leading-2 .ctn figure { text-align: center;}
#lp-leading-2 .ctn figure img { width: 92%; max-width: 800px;}
@media (max-width: 801px) {
	#lp-leading-2 h2 span.bloc span.line { padding-bottom: 6px; border-width: 3px;}
	#lp-leading-2 .ctn h3:before,
	#lp-leading-2 .ctn h3:after { width: 2px; height: 54px;}
	#lp-leading-2 .box { padding: 40px 0px 30px;}
	#lp-leading-2 .ctn h3 br.sp { display: block;}
}
@media (max-width: 481px) {
	#lp-leading-2 .inner-sct { padding: 20px 0px 40px;}
	#lp-leading-2 h2 { margin-bottom: 12px; font-size: 18px;}
	#lp-leading-2 h2 span.bloc { font-size: 21px; line-height: 1.8;}
	#lp-leading-2 h2 span.bloc span.line { padding-bottom: 4px; border-width: 2px; font-size: 24px;}
	#lp-leading-2 h2 br.sp { display: block;}
	
	#lp-leading-2 .box { padding: 30px 0px 20px; border-radius: 15px;}
	#lp-leading-2 .ctn h3 { margin-bottom: 20px; font-size: 16px;}
	#lp-leading-2 .ctn h3 span { margin: 0 12px;}
	
}



#lp-about .inner-sct { padding: 80px 0;}
#lp-about .ttl { margin-bottom: 20px;}
#lp-about .ttl.mb { margin-bottom: 40px;}
#lp-about p.read { margin-bottom: 36px; font-size: 26px; font-weight: 700; letter-spacing: 0.085rem; text-align: center;}
#lp-about p.read span { font-size: 36px;}
#lp-about p.read span.color { color: #7db628; font-size: 42px;}
#lp-about p.read br.sp { display: none;}
#lp-about .box { width: 88%; max-width: 880px; margin: 0 auto 120px; padding: 30px 0; border: solid 3px #86bf30; border-radius: 20px; box-shadow: 6px 6px 0 #d8e4c3;}
#lp-about .box p { margin-bottom: 30px; color: #353537; font-size: clamp(20px, 2.8vw, 28px); font-weight: 700; letter-spacing: 0.1rem; text-align: center;}
#lp-about .box ul { width: 92%; max-width: 680px; margin: 0 auto; font-size: 0; text-align: center;}
#lp-about .box ul li { display: inline-block; width: 50%; vertical-align: middle;}
#lp-about .box ul li:nth-child(1) img { width: 90%; max-width: 300px;}
#lp-about .box ul li:nth-child(2) img { width: 80%; max-width: 230px;}

#lp-about aside { background: #ebf5db;}
#lp-about aside .inner { padding: 60px 0;}
#lp-about aside .ctn { display: flex; justify-content: space-between; align-items: center; width: 92%; max-width: 1100px; margin: 0 auto;}
#lp-about aside .txt { width: 48%;}
#lp-about aside .thumb{ width: 52%;}
#lp-about aside .txt .comment { position: relative; width: 92%; max-width: 420px; margin: 0 auto;}
#lp-about aside .txt .comment:before,
#lp-about aside .txt .comment:after { content: ''; display: block; width: 0px; height: 0px; position: absolute; border: solid 12px transparent;}
#lp-about aside .txt .comment:before{ bottom: 47px; right: -26px; border-bottom: solid 10px #7db628; border-left: solid 14px #7db628;}
#lp-about aside .txt .comment:after { bottom: 50px; right: -18px; border-bottom: solid 10px #fff; border-left: solid 14px #fff;}
#lp-about aside .txt .comment div{ position: relative; padding: 30px 0 20px; background: #fff; border: solid 3px #7db628; border-radius: 20px;}
#lp-about aside .txt .comment h4 { color: #7db628; font-size: 36px; font-weight: 700; text-align: center;}
#lp-about aside .txt .comment h4:before,
#lp-about aside .txt .comment h4:after { content: ''; position: relative; display: inline-block; width: 3px; height: 36px; background: #7db628; vertical-align: middle;}
#lp-about aside .txt .comment h4:before{ transform: rotate(-20deg);}
#lp-about aside .txt .comment h4:after { transform: rotate(20deg);}
#lp-about aside .txt .comment h4 span { display: inline-block; vertical-align: middle; margin: 0 20px;}
#lp-about aside .txt .comment p { font-size: clamp(18px, 2.4vw, 24px); font-weight: 700; text-align: center;}
#lp-about aside .thumb span { position: relative; display: block; cursor: pointer;}
#lp-about aside .thumb span.js-media-popup:before { content: ''; display: block; width: 76px; height: 52px;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 140"><path class="cls-1" d="M21.91,135.87c-8.62-2.34-15.34-9.2-17.82-17.68C0,102.56,0,69.98,0,69.98c0,0,0-32.58,4.09-48.06C6.57,13.29,13.29,6.57,21.91,4.24,37.4,0,99.93,0,99.93,0c0,0,62.67,0,78.16,4.24,8.77,2.34,15.34,9.06,17.68,17.68,4.24,15.49,4.24,48.06,4.24,48.06,0,0,0,32.58-4.24,48.21-2.34,8.47-8.91,15.34-17.68,17.68-15.49,4.24-78.16,4.24-78.16,4.24,0,0-62.53,0-78.01-4.24ZM80.06,100.07l51.86-30.09-51.86-29.95v60.04Z" fill="%23ff0031" /><polygon points="80.06 100.07 131.92 69.98 80.06 40.03 80.06 100.07" fill="%23ffffff"/></svg>');
 background-size: 100% auto;
 background-repeat: no-repeat;
}

#lp-about aside .thumb span img { position: relative; width: 100%; z-index: 1;}
#lp-about aside .thumb span:hover img { opacity: 0.8;}
#lp-about aside .thumb span.js-media-popup.hide:before { content: none;}
@media (max-width: 801px) {
	#lp-about .ttl { margin-bottom: 12px;}
	#lp-about p.read { font-size: 24px;}
	#lp-about p.read br.sp { display: block;}
	#lp-about p.read span { font-size: 30px;}
	#lp-about p.read span.color { color: #7db628; font-size: 36px;}

	#lp-about .box { margin-bottom: 80px;}
	#lp-about aside .ctn { display: block;}
	#lp-about aside .txt { width: 100%; margin-bottom: 20px; padding-bottom: 20px;}
	#lp-about aside .thumb{ width: 85%; margin: 0 auto;}

	#lp-about aside .txt .comment { width: 100%; max-width: 580px;}
	#lp-about aside .txt .comment:before,
	#lp-about aside .txt .comment:after { border: solid 12px transparent;}
	#lp-about aside .txt .comment:before{ bottom: -26px; right: 50px; border-top: solid 20px #7db628; border-left: solid 7px #7db628;}
	#lp-about aside .txt .comment:after { bottom: -17px; right: 48px; border-top: solid 20px #fff; border-left: solid 7px #fff;}
	#lp-about aside .txt .comment div{ padding: 15px 0;}
	#lp-about aside .txt .comment h4 { font-size: 30px;}
	#lp-about aside .txt .comment p { font-size: 20px;}
	#lp-about aside .txt .comment p br { display: none;}
}
@media (max-width: 481px) {
	#lp-about .inner-sct { padding: 40px 0;}
	#lp-about .ttl.mb { margin-bottom: 20px;}
	#lp-about p.read { margin-bottom: 20px; font-size: 16px; letter-spacing: 0.05rem;}
	#lp-about p.read span { font-size: 21px;}
	#lp-about p.read span.color { font-size: 24px;}
	#lp-about .box { margin-bottom: 60px; padding: 15px 0; border-radius: 12px; border-width: 2px;}
	#lp-about .box p { margin-bottom: 20px; font-size: 14px;}

	#lp-about aside .inner { padding: 30px 0px;}
	#lp-about aside .txt { margin-bottom: 8px; padding-bottom: 20px;}
	#lp-about aside .txt .comment:before{ bottom: -22px; right: 40px;}
	#lp-about aside .txt .comment:after { bottom: -14px; right: 38px;}
	#lp-about aside .txt .comment div{ padding: 10px 0 15px; border-radius: 12px; border-width: 2px;}
	#lp-about aside .txt .comment h4 { font-size: 20px;}
	#lp-about aside .txt .comment h4:before,
	#lp-about aside .txt .comment h4:after { width: 2px; height: 24px;}
	#lp-about aside .txt .comment h4 span { margin: 0 12px;}
	#lp-about aside .txt .comment p { font-size: 14px;}
	
	#lp-about aside .thumb span:before { width: 50px; height: 36px;}
}


#lp-about .case .slide-case { margin-bottom: 30px;}
#lp-about .case .slick-track { display: flex;}
#lp-about .case .slick-slide { height: auto !important;}
#lp-about .case .bloc { padding: 0 30px;}
#lp-about .case .case-box { width: 100%; max-width: 960px; height: 100%; margin: 0 auto; padding: 20px 0; border: solid 3px #86bf30; border-radius: 20px; background: #f9ffef;}
#lp-about .case .case-box .flex { display: flex; justify-content: space-between; width: 100%; }
#lp-about .case .case-box .fig { width: 26%;}
#lp-about .case .case-box .txt { width: 74%; border-left: solid 2px #86bf30;}
#lp-about .case .case-box .fig figure { margin-bottom: 18px; line-height: 1; text-align: center;}
#lp-about .case .case-box .fig figure img { width: 68%; margin: 0 auto;}
#lp-about .case .case-box .fig p { font-size: 18px; line-height: 1.32; text-align: center;}
#lp-about .case .case-box .fig p span { display: block; margin-bottom: 6px; font-size: 24px; font-weight: 700;line-height: 1.25;}
#lp-about .case .case-box .txt ul { width: 100%; max-width: 640px; padding: 12px 0px; padding-left: 40px; }
#lp-about .case .case-box .txt ul li { margin-bottom: 30px;}
#lp-about .case .case-box .txt ul li:last-child { margin-bottom: 0px;}
#lp-about .case .case-box .txt ul li dl dt { margin-bottom: 12px; font-size: 22px; font-weight: 700; line-height: 1;}
#lp-about .case .case-box .txt ul li dl dt span { display: inline-block; padding: 5px 20px; border-radius: 50px; color: #fff;}
#lp-about .case .case-box .txt ul li dl.needs dt span { background: #36519e;}
#lp-about .case .case-box .txt ul li dl.after dt span { background: #86bf30;}
#lp-about .case .case-box .txt ul li dl dd { font-size: 18px; letter-spacing: 0.1rem; line-height: 1.45;}
#lp-about .case .case-box .txt ul li dl.after dd { font-weight: 700;}
#lp-about .case .case-box .txt ul li dl.after dd span.marker { background: linear-gradient( transparent 60%, #f5e370 60%);}
#lp-about .case .slick-arrow { width: 40px; height: 74px; top: 50%; }
#lp-about .case .slick-prev { left: 50%; transform: translate(-50%,-50%); margin-left: -30vw;}
#lp-about .case .slick-next { left: 50%; transform: translate(-50%,-50%); margin-left: 30vw;}
#lp-about .case .slick-arrow:before{ border: solid 37px transparent;}
#lp-about .case .slick-prev:before { left: 25%; border-right: solid 20px #86bf30; border-left: 0px;}
#lp-about .case .slick-next:before { right: 25%; border-left: solid 20px #86bf30; border-right: 0px;}

#lp-about .case .btn { width: 60%; max-width: 270px; margin: 0 auto;}
@media (max-width: 1401px) {
	#lp-about .case .case-box .txt ul { padding: 12px 40px;}
}
@media (max-width: 1201px) {
	#lp-about .case .slick-prev { left: 12%; transform: translate(0%,-50%); margin-left: 0px;}
	#lp-about .case .slick-next { left: auto; right: 12%; transform: translate(0%,-50%); margin-left: 0px;}
}
@media (max-width: 1001px) {
	#lp-about .case .slick-prev { left: 6%;}
	#lp-about .case .slick-next { right: 6%;}
}
@media (max-width: 801px) {
	#lp-about .case .case-box { padding: 20px 30px;}
	#lp-about .case .case-box .flex { display: block;}
	#lp-about .case .case-box .fig { width: 100%; margin-bottom: 20px; text-align: center;}
	#lp-about .case .case-box .txt { width: 100%; border-left: 0px; border-top: solid 2px #86bf30;}

	#lp-about .case .case-box .fig figure { display: inline-block; width: 150px; margin: 0; vertical-align: middle;}
	#lp-about .case .case-box .fig p { display: inline-block; vertical-align: middle; text-align: left;}
	#lp-about .case .case-box .fig p br { display: none;}
	#lp-about .case .case-box .txt ul { padding: 20px 0px 0px;}
	#lp-about .case .case-box .txt ul li dl dd { letter-spacing: 0.05rem; line-height: 1.65;}
}
@media (max-width: 481px) {
	#lp-about .case .inner-sct { padding: 40px 0px;}
	#lp-about .case .bloc { padding: 0 8px;}
	#lp-about .case .bloc.last { margin-bottom: 12px;}
	#lp-about .case .case-box { padding: 18px 20px; border-radius: 12px; border-width: 2px;}
	#lp-about .case .case-box .fig { margin-bottom: 12px;}
	#lp-about .case .case-box .fig figure { width: 90px;}
	#lp-about .case .case-box .fig figure img { width: 80%;}
	#lp-about .case .case-box .fig p { font-size: 13px;}
	#lp-about .case .case-box .fig p span { margin-bottom: 4px; font-size: 18px;}
	
	#lp-about .case .case-box .txt { border-width: 1px;}
	#lp-about .case .case-box .txt ul { padding-top: 12px;}
	#lp-about .case .case-box .txt ul li { margin-bottom: 18px;}
	#lp-about .case .case-box .txt ul li dl dt { margin-bottom: 6px; font-size: 14px;}
	#lp-about .case .case-box .txt ul li dl dt span { padding: 4px 10px;}
	#lp-about .case .case-box .txt ul li dl dd { font-size: 13px;}

	#lp-about .case .slick-arrow { width: 32px; height: 60px;}
	#lp-about .case .slick-prev { left: 0%;}
	#lp-about .case .slick-next { right: 0%;}
	#lp-about .case .slick-arrow:before{ border: solid 26px transparent;}
	#lp-about .case .slick-prev:before { border-right: solid 18px #86bf30; border-left: 0px;}
	#lp-about .case .slick-next:before { border-left: solid 18px #86bf30; border-right: 0px;}

}



#lp-reason {}
#lp-reason .inner-sct { padding: 80px 0 72px;}
#lp-reason .ttl { margin-bottom: 40px;}
#lp-reason .reason-tab { display: flex; justify-content: space-between; align-items: center; width: 90%; max-width: 960px; margin: 0 auto 30px;}
#lp-reason .reason-tab .tab { position: relative; width: 30%;}
#lp-reason .reason-tab .tab .circle { position: relative; width: 100%; padding-bottom: 40px; font-size: 0;}
#lp-reason .reason-tab .tab .circle div { width: 100%; padding-top: 100%; background: #b8e673; position: relative; border-radius: 50%; transition: 0.3s ease;}
#lp-reason .reason-tab .tab .circle div:before,
#lp-reason .reason-tab .tab .circle div:after { content: ''; display: block; position: absolute; left: 50%;}
#lp-reason .reason-tab .tab .circle div:before { width: calc(100% - 12px); height: calc(100% - 12px); border-radius: 50%;
 top: 50%; transform: translate(-50%,-50%);
}
#lp-reason .reason-tab .tab .circle div:after { width: 20px; height: 20px; border-bottom: solid 4px #fff; border-right: solid 4px #fff; bottom: 30px; transform: translateX(-50%) rotate(45deg);}
#lp-reason .reason-tab .tab .circle span.tit { display: block; width: 50%; margin: 0 auto; padding-bottom: 8px; line-height: 1;
 position: absolute; left: 50%; top: 20%; transform: translateX(-50%);
}
#lp-reason .reason-tab .tab .circle span.tit img { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
#lp-reason .reason-tab .tab .circle p { display: block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-28%);
 color: #fff; font-size: clamp(18px, 3.0vw, 30px); font-weight: 700; line-height: 1.2; text-align: center;
}
#lp-reason .reason-tab .tab.tab-1 .circle p { transform: translateY(0%);}

#lp-reason .reason-tab .tab .circle:hover div { background: #86bf30}
#lp-reason .reason-tab .tab.on .circle { transform: scale(1.1);}
#lp-reason .reason-tab .tab.on .circle div { background: #86bf30;}
#lp-reason .reason-tab .tab.on .circle div:before { border: solid 2px #fff;}
#lp-reason .reason-tab .tab.on .circle:after { content: ''; display: block; width: 100%; height: 30px; position: absolute; left: 0%; bottom: 0;
 background: url('./img/arw.svg') no-repeat 50% 50% / auto 100%;
}
#lp-reason .reason-tab .tab.on .circle span.tit { border-bottom: solid 2px #fff;}


#lp-reason .reason-ctn { display: none;}
#lp-reason .reason-ctn.show { display: block;}
#lp-reason .reason-ctn .box { width: 92%; max-width: 960px; margin: 0 auto; border: solid 2px #86bf30; border-radius: 20px; overflow: hidden;}
#lp-reason .reason-ctn .box .box-tit { position: relative; padding: 28px 0 24px; padding-left: 250px; background: #86bf30; font-size: 0px;}
#lp-reason .reason-ctn .box .box-tit .tips { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); line-height: 1;
 width: 180px; padding: 10px 20px; background: #fff; border-radius: 50px;}
#lp-reason .reason-ctn .box .box-tit .tips img { width: 100%;}
#lp-reason .reason-ctn .box .box-tit h3 { color: #fff; font-size: clamp(24px, 3.6vw, 36px);  font-weight: 700; letter-spacing: 0.085rem; line-height: 1;}
#lp-reason .reason-ctn .box .box-ctn { padding: 20px 40px 40px;}
#lp-reason .reason-ctn .box .box-ctn p { margin-bottom: 20px; font-size: 18px; font-weight: 700; letter-spacing: 0.085rem;}
#lp-reason .reason-ctn .box .box-ctn p span.kome { display: block; font-size: 16px; font-weight: 400;}
#lp-reason .reason-ctn .box .box-ctn p.note { margin-bottom: 0px; font-size: 16px; font-weight: 400;}

#lp-reason .reason-ctn .box .box-ctn ul.reason-1 { display: flex; justify-content: space-between; margin-bottom: 20px; font-size: 0; text-align: center;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li { padding: 12px 0;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li:nth-child(1) { width: 28%;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li:nth-child(2) { width: 26%; border-left: solid 2px #86bf30; border-right: solid 2px #86bf30;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li:nth-child(3) { width: 40%;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dt { font-weight: 700; text-align: center;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dt span { display: inline-block; padding: 0 5px;
 font-size: 24px; font-weight: 700; line-height: 1.2;
 background: linear-gradient( transparent 60%, #f4d73a 60%);
}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dd { color: #86bf30; font-size: 26px; font-weight: 700; text-align: center;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dd em { font-size: 46px;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li span.marker { display: inline-block; padding: 0 5px;
 font-size: 24px; font-weight: 700; line-height: 1.2; text-align: center;
 background: linear-gradient( transparent 60%, #f4d73a 60%);
}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li ul.logo { display: flex; justify-content: space-between; align-items: center; width: 90%; margin: 0 auto; padding-top: 20px; font-size: 0px;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li ul.logo li { padding: 0;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li ul.logo li:nth-child(1) { width: 50%;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li ul.logo li:nth-child(2) { width: 35%; border: none;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li ul.logo li img { width: 100%;}

#lp-reason .reason-ctn .box .box-ctn ul.reason-2 { display: flex; justify-content: space-between; font-size: 0; text-align: center;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li { width: 32%;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl {}
#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dt { margin-bottom: 12px;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dt img { width: 60%; max-width: 120px;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd { display: inline-block; font-size: 16px; letter-spacing: 0.085rem; text-align: left;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd.tit { margin-bottom: 12px;
/* color: #86bf30;*/ font-size: 23px; font-weight: 700; line-height: 1.2; text-align: center;
}

#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd.tit span { display: inline-block; padding: 0 5px;
 background: linear-gradient( transparent 60%, #f4d73a 60%);
}
#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd.txt { padding: 0 12px; font-weight: 700;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd.kome { padding-top: 12px; font-size: 13px;}

#lp-reason .reason-ctn .box .box-ctn ul.reason-3 { display: flex; justify-content: space-between; font-size: 0; text-align: center;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li { 
	/* width: 30%; */
	flex: 1;
	padding: 0 20px;
}
#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li:nth-child(2) { 
	/* width: 35%; */
	border-left: solid 2px #86bf30; border-right: solid 2px #86bf30;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl { position: relative;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dt { margin-bottom: 8px;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dt img { display: block; width: 100%; max-width: 240px; margin: 0 auto 8px;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dt span { display: inline-block; margin-bottom: 6px; padding: 0 5px;
/* color: #86bf30; */ font-size: 23px; font-weight: 700; line-height: 1.2; text-align: center;
 background: linear-gradient( transparent 60%, #f4d73a 60%);
}
#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dd { display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: 0.085rem; text-align: left;}
#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dd.kome { padding-top: 12px; font-size: 12px; text-align: center;}
@media (max-width: 801px) {
	#lp-reason .ttl { margin-bottom: 20px;}
	#lp-reason .reason-tab .tab.on .circle div:before { width: calc(100% - 8px); height: calc(100% - 8px); border-width: 1px;}
	#lp-reason .reason-tab .tab .circle div:after { width: 12px; height: 12px; border-width: 2px; bottom: 20px;}
	#lp-reason .reason-tab .tab .circle span.tit { padding-bottom: 5px;}

	#lp-reason .reason-ctn .box .box-tit { padding: 20px 20px 18px; padding-left: 160px;}
	#lp-reason .reason-ctn .box .box-tit .tips { width: 120px; padding: 8px 12px;}
	#lp-reason .reason-ctn .box .box-tit h3 { font-size: 21px;}

	#lp-reason .reason-ctn .box .box-ctn { padding: 20px 30px 30px;}
	#lp-reason .reason-ctn .box .box-ctn p { margin-bottom: 12px; font-size: 16px;}
	#lp-reason .reason-ctn .box .box-ctn p br { display: none; }
	#lp-reason .reason-ctn .box .box-ctn p.note { font-size: 14px;}
	#lp-reason .reason-ctn .box .box-ctn p span.kome { font-size: 14px;}

/*
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 { flex-wrap: wrap; padding-top: 12px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li:nth-child(1) { width: 50%; padding: 6px 0;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li:nth-child(2) { width: 50%; padding: 6px 0; border: 0px; border-left: solid 1px #86bf30;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li:nth-child(3) { width: 100%; margin-top: 12px; border-top: solid 1px #86bf30;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dt { font-size: 18px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dd { font-size: 24px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dd em { font-size: 30px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li span { margin-bottom: 0px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li ul.logo { max-width: 400px;}
*/
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 { display: block; padding-top: 12px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li:nth-child(1) { width: 100%; padding: 0px 0px 10px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li:nth-child(2) { width: 100%; padding: 10px 0px; border: 0px; border-top: solid 1px #86bf30;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li:nth-child(3) { width: 100%; padding: 10px 0px 0px; border-top: solid 1px #86bf30;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl { text-align: center;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dt span { font-size: 20px; line-height: 1.2; vertical-align: middle;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dd { padding-left: 0px; font-size: 28px; line-height: 1.2; vertical-align: middle;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dd em { font-size: 40px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li span.marker { font-size: 20px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li ul.logo { display: block; width: 80%; max-width: 400px; vertical-align: middle;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li ul.logo li { display: inline-block; padding: 6px; vertical-align: middle;}

	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 { display: block;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li { width: 100%; padding: 16px 0; border-top: solid 1px #86bf30;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li:nth-child(1) { border-top: none;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl { position: relative; width: 100%; padding-left: 120px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dt { width: 100px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin: 0;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd { width: 100%; font-size: 14px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd.tit { font-size: 18px; text-align: left;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd.txt { padding: 0px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd.kome { padding-top: 6px; font-size: 12px;}

	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 { display: block;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li { width: 100%; padding: 18px 0;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li:nth-child(2) { width: 100%; border: 0px; border-top: solid 1px #86bf30; border-bottom: solid 1px #86bf30;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dt { margin-bottom: 12px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dd.kome { display: block; padding-top: 6px;}
}
@media (max-width: 481px) {
	#lp-reason .inner-sct { padding: 40px 0px;}

	#lp-reason .reason-tab { margin: 0 auto 16px;}
	#lp-reason .reason-tab .tab .circle { padding-bottom: 24px;}
	#lp-reason .reason-tab .tab .circle div:after { width: 10px; height: 10px; bottom: 14px;}
	#lp-reason .reason-tab .tab .circle p { font-size: 14px;}
	
	#lp-reason .reason-tab .tab.on .circle:after { height: 18px;}
	#lp-reason .reason-tab .tab.on .circle span.tit { padding-bottom: 4px; border-width: 1px;}
	#lp-reason .reason-tab .tab.on .circle div:before { width: calc(100% - 6px); height: calc(100% - 6px);}

	#lp-reason .reason-ctn .box { border-width: 2px; border-radius: 12px;}
	#lp-reason .reason-ctn .box .box-tit { padding: 15px 20px; padding-left: 120px;}
	#lp-reason .reason-ctn .box .box-tit .tips { left: 12px; width: 90px; padding: 5px 10px;}
	#lp-reason .reason-ctn .box .box-tit h3 { font-size: 16px; letter-spacing: 0.05rem;}
	#lp-reason .reason-ctn .box .box-ctn { padding: 12px 20px 10px;}
	#lp-reason .reason-ctn .box .box-ctn p { margin-bottom: 6px; font-size: 13px; line-height: 1.8; letter-spacing: 0.05rem;}
	#lp-reason .reason-ctn .box .box-ctn p.note { font-size: 11px;}
		#lp-reason .reason-ctn .box .box-ctn p span.kome { font-size: 11px;}

	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 { margin-bottom: 8px; padding: 8px 0;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li { padding: 6px 0;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dt span { font-size: 16px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dd { font-size: 20px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li dl dd em { font-size: 30px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li span.marker { font-size: 16px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-1 li ul.logo { padding-top: 12px;}

	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li { padding: 10px 0;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl { padding-left: 80px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dt { width: 80px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd { font-size: 14px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd.tit { margin-bottom: 4px; font-size: 17px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-2 li dl dd.kome { padding-top: 6px; font-size: 12px;}

	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li { padding: 12px 0;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dt { margin-bottom: 4px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dt img { max-width: 260px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dt span { font-size: 18px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dd { font-size: 14px;}
	#lp-reason .reason-ctn .box .box-ctn ul.reason-3 li dl dd.kome { font-size: 11px;}
}



#lp-interview { background: #ebf5db;}
#lp-interview .inner-sct { padding: 72px 0 60px;}
#lp-interview .ttl { margin-bottom: 50px;}
#lp-interview .ctn { width: 88%; max-width: 1000px; margin: 0 auto;}
#lp-interview .ctn ul { font-size: 0; text-align: center;}
#lp-interview .ctn ul li { display: inline-block; width: 33.333334%; padding: 0 18px; vertical-align: top;}
#lp-interview .ctn ul li dl { width: 100%; max-width: 300px; margin: 0 auto;}
#lp-interview .ctn ul li dl dt { margin-bottom: 20px;}
#lp-interview .ctn ul li dl dt a { display: block; border-radius: 10px; overflow: hidden; background: #fff;}
#lp-interview .ctn ul li dl dt a img { width: 100%; transition: 0.3s ease;}
#lp-interview .ctn ul li dl dd { color: #353535; font-size: 18px; text-align: left; letter-spacing: 0.085rem;}
#lp-interview .ctn ul li dl dd span { display: block; margin-bottom: 8px; font-size: 20px; font-weight: 700;}
#lp-interview .ctn ul li dl dt a:hover img { opacity: 0.8;}
@media (max-width: 801px) {
	#lp-interview .ttl { margin-bottom: 30px;}
	#lp-interview .ctn ul li { padding: 0 8px;}
	#lp-interview .ctn ul li dl dd { font-size: 14px;}
	#lp-interview .ctn ul li dl dd span { font-size: 16px;}
}
@media (max-width: 641px) {
	#lp-interview .ttl { margin-bottom: 12px;}
	#lp-interview .ctn ul li { display: block; width: 100%; padding: 12px 0;}
	#lp-interview .ctn ul li dl { max-width: 400px;}
	#lp-interview .ctn ul li dl dd { font-size: 14px;}
	#lp-interview .ctn ul li dl dd span { font-size: 16px;}
}
@media (max-width: 481px) {
	#lp-interview .inner-sct { padding: 40px 0px;}
	#lp-interview .ttl { margin-bottom: 6px;}
	#lp-interview .ctn ul li dl dt { margin-bottom: 10px;}
	#lp-interview .ctn ul li dl dd { font-size: 13px;}
	#lp-interview .ctn ul li dl dd span { margin-bottom: 5px; font-size: 14px;}
}



#lp-flow {}
#lp-flow .inner-sct { padding: 80px 0 72px;}
#lp-flow .ttl { margin-bottom: 20px;}
#lp-flow .read{ margin-bottom: 50px;}
#lp-flow .read p { font-size: 26px; font-weight: 700; letter-spacing: 0.05rem; text-align: center;}
#lp-flow .ctn { display: flex; justify-content: space-between; width: 90%; max-width: 920px; margin: 0 auto 20px;}
#lp-flow .ctn .bloc { width: 30%;}
#lp-flow .ctn .box { position: relative; margin-bottom: 12px; background: #fff; border: solid 3px #86bf30; border-radius: 20px;}
#lp-flow .ctn .box .type { position: absolute; left: 0; top: -20px; width: 100%; text-align: center;}
#lp-flow .ctn .box .type span { display: inline-block; padding: 5px 20px; background: #86bf30; border-radius: 50px;
 color: #fff; font-size: 22px; font-weight: 700; line-height: 1; text-align: center;
}
#lp-flow .ctn .box ol { padding-top: 12px; border-radius: 20px; overflow: hidden;}
#lp-flow .ctn .box ol li { position: relative; padding: 16px 0; padding-left: 75px; font-size: 22px; font-weight: 700; line-height: 1.25;}
#lp-flow .ctn .box ol li:nth-child(even){ background: #f1f8e6;}
#lp-flow .ctn .box ol li.row { padding: 8px 0; padding-left: 75px;}
#lp-flow .ctn .box ol li:before { content: ''; display: block; width: 40px; height: 40px; border-radius: 50px;
 position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
}
#lp-flow .ctn .box ol li:nth-child(1):before { background: url('./img/step-icn-1.jpg') no-repeat 50% 50% / 100% auto;}
#lp-flow .ctn .box ol li:nth-child(2):before { background: url('./img/step-icn-2.jpg') no-repeat 50% 50% / 100% auto;}
#lp-flow .ctn .box ol li:nth-child(3):before { background: url('./img/step-icn-3.jpg') no-repeat 50% 50% / 100% auto;}
#lp-flow .ctn .box ol li:nth-child(4):before { background: url('./img/step-icn-4.jpg') no-repeat 50% 50% / 100% auto;}
#lp-flow .ctn p { font-weight: 700; line-height: 1.4; text-align: center;}
#lp-flow .ctn p span { display: block; color: #86bf30; font-size: 21px; }
#lp-flow .note { width: 90%; max-width: 920px; margin: 0 auto;}
#lp-flow .note p { font-size: 14px; text-align: right;}

@media (max-width: 801px) {
	#lp-flow .ttl { margin-bottom: 20px;}
	#lp-flow .read p { font-size: 20px;}
	#lp-flow .ctn { display: block; margin: 0 auto;}
	#lp-flow .ctn .bloc { width: 100%; padding: 25px 0 20px;}
	#lp-flow .ctn .box { width: 80%; max-width: 360px; margin: 0 auto 8px;}
	#lp-flow .ctn .box ol li { font-size: 18px;}
}
@media (max-width: 481px) {
	#lp-flow .inner-sct { padding: 40px 0;}
	#lp-flow .ttl { margin-bottom: 8px;}
	#lp-flow .read{ margin-bottom: 20px;}
	#lp-flow .read p { font-size: 16px;}
	#lp-flow .ctn .bloc { padding: 20px 0;}
	#lp-flow .ctn .box { border-width: 2px;}
	#lp-flow .ctn .box .type { top: -16px;}
	#lp-flow .ctn .box .type span { font-size: 16px;}
	#lp-flow .ctn .box ol li { padding: 12px 0; padding-left: 60px; font-size: 15px;}
	#lp-flow .ctn .box ol li.row { padding: 8px 0; padding-left: 60px;}
	#lp-flow .ctn .box ol li:before { width: 30px; height: 30px; left: 15px;}
	#lp-flow .ctn p { font-size: 16px;}
	#lp-flow .ctn p span { font-size: 18px;}
	#lp-flow .note p { font-size: 12px; text-align: left;}
}



#lp-pay .inner-sct { padding: 60px 0 80px;}
#lp-pay .ctn { width: 92%; margin: 0 auto;}
#lp-pay .ctn h2 { margin-bottom: 40px; font-size: clamp(24px, 4.0vw, 38px); font-weight: 700; letter-spacing: 0.085rem; text-align: center;}
#lp-pay .ctn h2 span { background: linear-gradient( transparent 60%, #f4d73a 60%);}
#lp-pay .ctn p { font-size: 23px; font-weight: 700; letter-spacing: 0.1rem; line-height: 2; text-align: center;}
#lp-pay .ctn p span { color: #7db628; font-size: clamp(24px, 4.0vw, 36px);}
@media (max-width: 1001px) {
	#lp-pay .ctn p { font-size: 20px;}
}
@media (max-width: 801px) {
	#lp-pay .ctn p { font-size: 16px; text-align: left;}
	#lp-pay .ctn p br.pc{ display: none;}
}
@media (max-width: 481px) {
	#lp-pay .inner-sct { padding: 30px 0px 40px;}
	#lp-pay .ctn h2 { margin-bottom: 16px; font-size: 21px;}
	#lp-pay .ctn p { font-size: 13px; letter-spacing: 0.05rem; line-height: 1.8;}
	#lp-pay .ctn p span { font-size: 16px;}
}



#lp-problem { position: relative; background: #ebf5db;}
#lp-problem .inner-sct { padding: 80px 0 72px;}

#lp-problem .ttl { margin-bottom: 60px;}
#lp-problem .problem-tab { display: flex; justify-content: space-between; align-items: center; width: 90%; max-width: 960px; margin: 0 auto 30px;}
#lp-problem .problem-tab .tab { position: relative; width: 30%;}
#lp-problem .problem-tab .tab .circle { position: relative; width: 100%; padding-bottom: 40px; cursor: pointer;}
#lp-problem .problem-tab .tab .circle div { width: 100%; padding-top: 100%; background: #b8e673; position: relative; border-radius: 50%; transition: 0.3s ease;}
#lp-problem .problem-tab .tab .circle div:before,
#lp-problem .problem-tab .tab .circle div:after { content: ''; display: block; position: absolute; left: 50%;}
#lp-problem .problem-tab .tab .circle div:before { width: calc(100% - 12px); height: calc(100% - 12px); border-radius: 50%;
 top: 50%; transform: translate(-50%,-50%);
}
#lp-problem .problem-tab .tab .circle div:after { width: 20px; height: 20px; border-bottom: solid 4px #fff; border-right: solid 4px #fff; bottom: 30px; transform: translateX(-50%) rotate(45deg);}
#lp-problem .problem-tab .tab .circle span.tit { display: block; width: 50%; margin: 0 auto; padding-bottom: 8px; line-height: 1;
 position: absolute; left: 50%; top: 18%; transform: translateX(-50%);
}
#lp-problem .problem-tab .tab .circle span.tit img { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
#lp-problem .problem-tab .tab .circle p { display: block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-28%);
 color: #fff; font-size: clamp(14px, 2.6vw, 26px); font-weight: 700; line-height: 1.2; text-align: center;
}
#lp-problem .problem-tab .tab .circle:hover div { background: #86bf30}
#lp-problem .problem-tab .tab.on .circle { transform: scale(1.1);}
#lp-problem .problem-tab .tab.on .circle div { background: #86bf30;}
#lp-problem .problem-tab .tab.on .circle div:before { border: solid 2px #fff;}
#lp-problem .problem-tab .tab.on .circle:after { content: ''; display: block; width: 100%; height: 30px; position: absolute; left: 0%; bottom: 0;
 background: url('./img/arw.svg') no-repeat 50% 50% / auto 100%;
}
#lp-problem .problem-tab .tab.on .circle span.tit { border-bottom: solid 2px #fff;}

#lp-problem .problem-ctn { display: none;}
#lp-problem .problem-ctn.show { display: block;}
#lp-problem .problem-ctn .box { width: 92%; max-width: 960px; min-height: 200px; margin: 0 auto; background: #fff; border: solid 2px #86bf30; border-radius: 20px; overflow: hidden;}
#lp-problem .problem-ctn .box .box-tit { position: relative; padding: 28px 0 24px; padding-left: 250px; background: #86bf30; font-size: 0px;}
#lp-problem .problem-ctn .box .box-tit .tips { position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
 width: 180px; padding: 10px 20px; background: #fff; border-radius: 50px; line-height: 1;
}
#lp-problem .problem-ctn .box .box-tit .tips img { width: 100%;}
#lp-problem .problem-ctn .box .box-tit h3 { color: #fff; font-size: 30px; font-weight: 700; letter-spacing: 0.085rem; line-height: 1.2;}
#lp-problem .problem-ctn .box .box-ctn { padding: 20px 40px 40px;}
#lp-problem .problem-ctn .box .box-ctn p { font-size: 20px; font-weight: 700; letter-spacing: 0.085rem; line-height: 1.85;}
#lp-problem .problem-ctn .box .box-ctn p.mb { margin-bottom: 20px;}
#lp-problem .problem-ctn .box .box-ctn ul.problem-1 { margin-bottom: 30px;}
#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li { margin-bottom: 28px;}
#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li:last-child { margin-bottom: 0px;}
#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dt { position: relative; margin-bottom: 5px; padding-left: 30px; color: #86bf30; font-size: 24px; font-weight: 700; letter-spacing: 0.085rem;}
#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dt:before { content: ''; display: block; width: 18px; height: 18px; background: #86bf30; border-radius: 50px;
 position: absolute; left: 0; top: 0.4em;
}
#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dd { padding-left: 30px; color: #353537; font-size: 20px; font-weight: 700; letter-spacing: 0.085rem;}
#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dd.kome { font-size: 16px; font-weight: 400;}
#lp-problem .problem-ctn .box .box-ctn .btn { width: 60%; max-width: 200px;}

#lp-problem .bloc.pt { padding-top: 120px;}
#lp-problem .case-box { width: 90%; max-width: 960px; margin: 0 auto; padding: 20px 0; border: solid 3px #86bf30; border-radius: 20px; background: #f9ffef;}
#lp-problem .case-box .flex { display: flex; justify-content: space-between; width: 100%; }
#lp-problem .case-box .fig { width: 26%;}
#lp-problem .case-box .txt { width: 74%; border-left: solid 2px #86bf30;}
#lp-problem .case-box .fig figure { margin-bottom: 8px; line-height: 1.4; text-align: center;}
#lp-problem .case-box .fig figure img { width: 68%; }
#lp-problem .case-box .fig p { font-size: 18px; line-height: 1.4; text-align: center;}
#lp-problem .case-box .fig p span { display: block; font-size: 24px; font-weight: 700;}
#lp-problem .case-box .fig p em { display: block;}
#lp-problem .case-box .txt ul { width: 100%; max-width: 640px; padding-top: 12px; padding-left: 40px; }
#lp-problem .case-box .txt ul li { margin-bottom: 30px;}
#lp-problem .case-box .txt ul li:last-child { margin-bottom: 0px;}
#lp-problem .case-box .txt ul li dl dt { margin-bottom: 12px; font-size: 22px; font-weight: 700; line-height: 1;}
#lp-problem .case-box .txt ul li dl dt span { display: inline-block; padding: 5px 20px; border-radius: 50px; color: #fff;}
#lp-problem .case-box .txt ul li dl.needs dt span { background: #36519e;}
#lp-problem .case-box .txt ul li dl.after dt span { background: #86bf30;}
#lp-problem .case-box .txt ul li dl dd { font-size: 18px; letter-spacing: 0.085rem; line-height: 1.45;}
#lp-problem .case-box .txt ul li dl.after dd { font-weight: 700;}
#lp-problem .case-box .txt ul li dl.after dd span.marker { background: linear-gradient( transparent 60%, #f5e370 60%);}
@media (max-width: 801px) {
	#lp-problem .ttl { margin-bottom: 40px;}
	#lp-problem .problem-tab .tab.on .circle div:before { width: calc(100% - 8px); height: calc(100% - 8px); border-width: 1px;}
	#lp-problem .problem-tab .tab .circle div:after { width: 12px; height: 12px; border-width: 2px; bottom: 20px;}
	#lp-problem .problem-tab .tab .circle span.tit { padding-bottom: 5px; top: 16%;}
	#lp-problem .problem-tab .tab .circle p { transform: translateY(-35%);}
	
	#lp-problem .problem-ctn .box .box-tit { padding: 20px 20px 18px; padding-left: 160px;}
	#lp-problem .problem-ctn .box .box-tit .tips { width: 120px; padding: 8px 12px;}
	#lp-problem .problem-ctn .box .box-tit h3 { font-size: 21px;}
	#lp-problem .problem-ctn .box .box-ctn { padding: 12px 20px 30px;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li { margin-bottom: 20px;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dt { padding-left: 20px; font-size: 20px;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dt:before { width: 14px; height: 14px;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dd { padding-left: 20px; font-size: 16px;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dd.kome { font-size: 14px;}
	#lp-problem .problem-ctn .box .box-ctn p { font-size: 16px;}
	#lp-problem .problem-ctn .box .box-ctn p br { display: none; }

	#lp-problem .bloc.pt { padding-top: 80px;}
	#lp-problem .case-box .txt ul li dl dt { font-size: 18px;}
	#lp-problem .case-box .txt ul li dl dd { font-size: 14px;}

	#lp-problem .case-box { padding: 20px 30px;}
	#lp-problem .case-box .flex { display: block;}
	#lp-problem .case-box .fig { width: 100%; margin-bottom: 20px; text-align: center;}
	#lp-problem .case-box .txt { width: 100%; border-left: 0px; border-top: solid 2px #86bf30;}

	#lp-problem .case-box .fig figure { display: inline-block; width: 150px; margin: 0; vertical-align: middle;}
	#lp-problem .case-box .fig p { display: inline-block; vertical-align: middle; text-align: left;}
	#lp-problem .case-box .fig p em { display: inline-block; margin-left: 6px;}
	#lp-problem .case-box .txt ul { padding-top: 20px; padding-left: 0px;}
	#lp-problem .case-box .txt ul li dl dd { letter-spacing: 0.05rem; line-height: 1.65;}
}
@media (max-width: 481px) {
	#lp-problem .inner-sct { padding: 40px 0px;}
	#lp-problem .ttl { margin-bottom: 20px;}
	#lp-problem .problem-tab { margin: 0 auto 16px;}
	#lp-problem .problem-tab .tab .circle { padding-bottom: 24px;}
	#lp-problem .problem-tab .tab .circle div:after { width: 10px; height: 10px; bottom: 10px;}
	#lp-problem .problem-tab .tab .circle span.tit { top: 8%;}
	#lp-problem .problem-tab .tab .circle p { font-size: 11px;}
	#lp-problem .problem-tab .tab.tab-1 .circle p { font-size: 9.5px;}
	
	#lp-problem .problem-tab .tab.on .circle:after { height: 18px;}
	#lp-problem .problem-tab .tab.on .circle span.tit { padding-bottom: 4px; border-width: 1px;}
	#lp-problem .problem-tab .tab.on .circle div:before { width: calc(100% - 6px); height: calc(100% - 6px);}

	#lp-problem .problem-ctn .box { min-height: 120px; border-width: 2px; border-radius: 12px;}
	#lp-problem .problem-ctn .box .box-tit { padding: 15px 20px; padding-left: 120px;}
	#lp-problem .problem-ctn .box .box-tit .tips { left: 12px; width: 90px; padding: 5px 10px;}
	#lp-problem .problem-ctn .box .box-tit h3 { font-size: 16px; letter-spacing: 0.05rem;}
	#lp-problem .problem-ctn .box .box-ctn { padding: 12px 20px 20px;}
	#lp-problem .problem-ctn .box .box-ctn p { font-size: 13px; line-height: 1.8;}
	#lp-problem .problem-ctn .box .box-ctn p.mb { margin-bottom: 12px;}

	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 { margin-bottom: 16px;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li { margin-bottom: 12px;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dt { padding-left: 15px; font-size: 15px;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dt:before { width: 9px; height: 9px; top: 0.5em;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dd { padding-left: 15px; font-size: 13px; letter-spacing: 0.05rem;}
	#lp-problem .problem-ctn .box .box-ctn ul.problem-1 li dl dd.kome { font-size: 11px;}

	#lp-problem .bloc.pt { padding-top: 50px;}
	#lp-problem .case-box { padding: 18px 20px; border-radius: 12px; border-width: 2px;}
	#lp-problem .case-box .fig { margin-bottom: 12px;}
	#lp-problem .case-box .fig figure { width: 90px;}
	#lp-problem .case-box .fig figure img { width: 80%;}
	#lp-problem .case-box .fig p { font-size: 13px;}
	#lp-problem .case-box .fig p span { font-size: 18px;}

	#lp-problem .case-box .txt { border-width: 1px;}
	#lp-problem .case-box .txt ul { padding-top: 12px;}
	#lp-problem .case-box .txt ul li { margin-bottom: 18px;}
	#lp-problem .case-box .txt ul li dl dt { margin-bottom: 6px; font-size: 14px;}
	#lp-problem .case-box .txt ul li dl dt span { padding: 4px 10px;}
	#lp-problem .case-box .txt ul li dl dd { font-size: 13px;}
}



#lp-faq { position: relative; background: #ebf5db;}
#lp-faq .inner-sct { padding: 72px 0 80px;}
#lp-faq .ttl { margin-bottom: 50px;}
#lp-faq h3 { margin-bottom: 25px; color: #86bf30; font-size: clamp(18px, 3.0vw, 30px); font-weight: 700; text-align: center;}
#lp-faq ul { width: 90%; max-width: 960px; margin: 0 auto 60px; }
#lp-faq ul li { padding: 12px 0;}
#lp-faq ul li dl { width: 100%; background: #fff; border-radius: 20px; border: solid 3px #86bf30;}
#lp-faq ul li dl dt { position: relative; padding: 25px 80px 20px; font-size: 24px; font-weight: 700; letter-spacing: 0.085rem; line-height: 1.4; cursor: pointer;}
#lp-faq ul li dl dt:before,
#lp-faq ul li dl dt:after { content: ''; display: block; position: absolute;}
#lp-faq ul li dl dt:before{ width: 21px; height: 27px; left: 40px; top: 28px;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 63"><path class="cls-1" d="M41.92,47.81l8.08,6.9-6.23,7.41-7.83-6.65c-3.7,2.78-8.33,4.12-13.72,4.12-13.05,0-22.22-7.91-22.22-25.67v-8.25C0,7.74,9.17,0,22.22,0s22.31,7.74,22.31,25.67v8.25c0,5.64-.93,10.19-2.61,13.89ZM11.78,33.92c0,11.11,3.62,15.74,10.44,15.74,2.02,0,3.87-.42,5.3-1.35l-6.57-5.64,6.4-7.49,4.97,4.38c.25-1.68.42-3.54.42-5.64v-8.25c0-11.11-3.7-15.74-10.52-15.74s-10.44,4.63-10.44,15.74v8.25Z" fill="%2386bf30"/></svg>');
 background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 50%;
}
#lp-faq ul li dl dt:after { width: 15px; height: 15px; border-bottom: solid 4px #86bf30; border-right: solid 4px #86bf30; right: 40px; top: 50%;
 transform: translateY(-50%) rotate(45deg); transition: 0.3s ease;
}
#lp-faq ul li dl dt.open:after { transform: translateY(-35%) rotate(-135deg);}
#lp-faq ul li dl dd { position: relative; display: none; padding: 20px 40px; color: #353537; font-size: 18px; font-weight: 700; line-height: 1.5; letter-spacing: 0.085rem;}
#lp-faq ul li dl dd:before { content: ''; display: block; width: calc(100% - 80px); height: 1px; border-top: dashed 2px #86bf30;
 position: absolute; left: 50%; top: 1px; transform: translateX(-50%);
}

#lp-faq .box { position: relative; width: 90%; max-width: 960px; margin: 0 auto; padding: 30px 40px; padding-right: 260px;
 background: #fff; border-radius: 20px; border: solid 3px #86bf30;
}
#lp-faq .box p { font-size: 21px; font-weight: 700; line-height: 1.5; letter-spacing: 0.085rem;}
#lp-faq .box p br { display: none;}
#lp-faq .box .btn { width: 200px; position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
#lp-faq .box .btn a { padding: 8px 0; box-shadow: none;}
#lp-faq .box .btn a:before { margin-right: 8px;}
@media (max-width: 801px) {
	#lp-faq .ttl { margin-bottom: 30px;}
	#lp-faq h3 { margin-bottom: 8px;}
	#lp-faq ul li dl { border-width: 2px;}
	#lp-faq ul li dl dt { padding: 18px 60px 15px; font-size: 20px;}
	#lp-faq ul li dl dt:before{ width: 18px; height: 24px; left: 25px; top: 21px;}
	#lp-faq ul li dl dt:after { width: 12px; height: 12px; border-width: 3px; right: 25px;}
	#lp-faq ul li dl dd { padding: 15px 30px; font-size: 14px; font-weight: 400;}
	#lp-faq ul li dl dd:before { width: calc(100% - 50px);}
	
	#lp-faq .box { padding: 20px; padding-right: 240px;}
	#lp-faq .box p { font-size: 18px;}
	#lp-faq .box .btn { right: 20px;}
}
@media (max-width: 481px) {
	#lp-faq .inner-sct { padding: 40px 0px;}
	#lp-faq .ttl { margin-bottom: 12px;}
	#lp-faq h3 { margin-bottom: 4px;}

	#lp-faq ul { margin: 0 auto 30px;}
	#lp-faq ul li { padding: 6px 0;}
	#lp-faq ul li dl { border-radius: 12px; border-width: 2px;}
	#lp-faq ul li dl dt { padding: 12px 40px 10px 45px; font-size: 14px; }
	#lp-faq ul li dl dt:before{ width: 15px; height: 20px; left: 20px; top: 12px;}
	#lp-faq ul li dl dt:after { width: 10px; height: 10px; border-width: 2px; right: 20px;}
	#lp-faq ul li dl dd { padding: 12px 20px; font-size: 13px;}
	#lp-faq ul li dl dd:before { width: calc(100% - 40px); border-width: 1px;}

	#lp-faq .box { padding: 12px 20px; border-radius: 12px; border-width: 2px;}
	#lp-faq .box p { margin-bottom: 12px; font-size: 14px; letter-spacing: 0.05rem;}
	#lp-faq .box p br { display: block;}
	#lp-faq .box .btn { position: relative; right: auto; top: auto; transform: translateY(0%);}
}



#lp-related .inner-sct { padding: 60px 0;}
#lp-related .ctn { padding: 30px 0;}
#lp-related .slide-article .article { padding: 0 32px;}
#lp-related .slide-article .inner { width: 100%; max-width: 840px; margin: 0 auto; padding: 30px 50px; border: solid 3px #86bf30; border-radius: 20px;}
#lp-related .slide-article a { display: block; width: 100%; color: #000; text-decoration: none;}
#lp-related .slide-article a dl { display: table; width: 100%;}
#lp-related .slide-article a dl dt,
#lp-related .slide-article a dl dd { display: table-cell; vertical-align: middle;}
#lp-related .slide-article a dl dt { width: 260px;}
#lp-related .slide-article a dl dt img { width: 100%;}
#lp-related .slide-article a dl dd { width: auto; padding-left: 30px; font-size: 18px; font-weight: 700;}
#lp-related .slide-article a dl dd time { display: block; color: #a1cd5d; }
#lp-related .slide-article a:hover { opacity: 0.8; color: #666;}

#lp-related .slick-arrow { width: 40px; height: 74px; top: 50%; }
#lp-related .slick-prev { left: 50%; transform: translate(-50%,-50%); margin-left: -30vw;}
#lp-related .slick-next { left: 50%; transform: translate(-50%,-50%); margin-left: 30vw;}
#lp-related .slick-arrow:before{ border: solid 37px transparent;}
#lp-related .slick-prev:before { left: 25%; border-right: solid 20px #86bf30; border-left: 0px;}
#lp-related .slick-next:before { right: 25%; border-left: solid 20px #86bf30; border-right: 0px;}

@media (max-width: 1201px) {
#lp-related .slick-prev { left: 12%; transform: translate(0%,-50%); margin-left: 0px;}
#lp-related .slick-next { left: auto; right: 12%; transform: translate(0%,-50%); margin-left: 0px;}
}
@media (max-width: 1001px) {
	#lp-related .slide-article .article { padding: 0 60px;}
	#lp-related .slick-prev { left: 5px;}
	#lp-related .slick-next { right: 5px;}
}
@media (max-width: 801px) {
	#lp-related .slide-article .inner { padding: 20px 30px;}
	#lp-related .slide-article a dl dt { width: 180px; }
}
@media (max-width: 641px) {
	#lp-related .slide-article a dl dt,
	#lp-related .slide-article a dl dd { display: block;}
	#lp-related .slide-article a dl dt { width: 100%; margin: 0 auto 12px;}
	#lp-related .slide-article a dl dd { padding-left: 0px;}
}
@media (max-width: 481px) {
	#lp-related .inner-sct { padding: 40px 0;}
	#lp-related .ctn { padding: 15px 0;}
	#lp-related .slide-article .article { padding: 0 45px;}
	#lp-related .slide-article .inner { padding: 12px 20px; border-width: 2px; border-radius: 12px;}
	#lp-related .slide-article a dl dd {font-size: 13px;}
	
	#lp-related .slick-arrow { width: 32px; height: 60px;}
	#lp-related .slick-arrow:before{ border: solid 30px transparent;}
	#lp-related .slick-prev:before { border-right: solid 18px #86bf30; border-left: 0px;}
	#lp-related .slick-next:before { border-left: solid 18px #86bf30; border-right: 0px;}
}






.lp__modal { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.8); opacity: 0;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
 position: fixed; top: 0; left: 0; z-index: 10;
 cursor: default;
 visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.lp__modal.active { visibility: visible; opacity: 1;}
.lp__modal-wrapper { position: relative;}
.lp__modal-wrapper .close { position: absolute; right: -2.5%; top: -6%; color: #fff; font-size: 1.8rem; cursor: pointer;}
@media screen and (max-width: 801px) {
  .lp__modal-wrapper { width: 85%; height: 48vw; }
  .lp__modal-wrapper iframe { width: 100%; height: 100%; }
	.lp__modal-wrapper .close { top: -25%;}
}
@media screen and (max-width: 481px) {
}