.js-header { top: -200px; transition: top .5s; }
.js-header.is-show { top: 0; }
@media screen and (max-width: 600px) { .js-header { background-color: #fff; box-shadow: none; top: 0; } }

#anchor_top { height: 0 !important; }

.merit-l { background: #856814; background: -webkit-linear-gradient(110deg, #856814 3%, #4a3600 90%); background: -moz-linear-gradient(110deg, #856814 3%, #4a3600 90%); background: linear-gradient(110deg, #856814 3%, #4a3600 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#856814", endColorstr="#4A3600", GradientType=0); color: #fff; padding: 2rem 5%; text-align: center; }
.merit-l .txt-l { font-size: 2.2rem; letter-spacing: .1em; line-height: 1.4; }
.merit-l .merit-txt { max-width: 1200px; margin: 1rem auto 0 auto; }
@media screen and (max-width: 768px) { .merit-l .txt-l { font-size: 1.4rem; }
  .merit-l .merit-txt { margin-top: 1rem; max-width: 480px; } }

.merit { background: #38383A; background: -webkit-linear-gradient(90deg, #38383a 0%, #040000 100%); background: -moz-linear-gradient(90deg, #38383a 0%, #040000 100%); background: linear-gradient(90deg, #38383a 0%, #040000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#38383A", endColorstr="#040000", GradientType=1); padding: 2rem 0; }
.merit ul { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; display: grid; gap: 0; grid-template-columns: repeat(3, 1fr); }
.merit ul li { border-right: solid thin #dcdddd; }
.merit ul li:first-of-type { border-left: solid thin #dcdddd; }
@media screen and (max-width: 768px) { .merit { padding: 0; }
  .merit ul { width: 100%; grid-template-columns: 1fr; }
  .merit ul li { padding: .5rem 0; border-right: none; border-bottom: solid thin #dcdddd; }
  .merit ul li img { display: block; max-width: 400px; margin: auto; }
  .merit ul li:first-of-type { border-left: none; } }
@media screen and (max-width: 500px) { .merit ul li img { max-width: 260px; } }

.information { background: #fff; color: #4c4948; }
.information .info-ttl { max-width: 200px; margin-right: auto; margin-left: auto; }
.information .info-item { text-align: center; padding: 3rem 0; }
.information .info-item p { font-size: 1.6rem; line-height: 1.6; }
@media screen and (max-width: 768px) { .information .info-ttl { max-width: 150px; }
  .information .info-item p { font-size: 1.4rem; } }

.footer-information { padding: 20rem 0 10rem 0; background: url("../images/top/link-img-info.png") no-repeat top center; background-size: 1000px auto, cover; color: #fff; position: relative; }
.footer-information .info-ttl { max-width: 200px; margin-right: auto; margin-left: auto; }
.footer-information .info-item { text-align: center; padding: 3rem 0; }
.footer-information .info-item p { font-size: 1.6rem; line-height: 1.6; }
@media screen and (max-width: 768px) { .footer-information { padding: 5rem 0; margin-top: 2rem; background-size: 100% auto, cover; }
  .footer-information .info-ttl { max-width: 150px; }
  .footer-information .info-item p { font-size: 1.4rem; } }
@media screen and (max-width: 600px) { .footer-information { padding-top: 15rem; } }

.top-entrystep { background: #B8BDC0; background: -webkit-linear-gradient(90deg, #b8bdc0 0%, #7d8488 80%); background: -moz-linear-gradient(90deg, #b8bdc0 0%, #7d8488 80%); background: linear-gradient(90deg, #b8bdc0 0%, #7d8488 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B8BDC0", endColorstr="#7D8488", GradientType=1); width: 100%; margin: 0; padding: 3rem 0; position: relative; }
.top-entrystep::after { content: ""; display: block; width: 30%; height: 100%; position: absolute; top: 0; right: 0; background: #686d71; }
.top-entrystep .top-entry-ttl { font-size: 1rem; text-align: center; padding: 5px; background: #4c4948; color: #fff; line-height: 1.2; }
.top-entrystep .step-list { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; margin-top: 30px; display: flex; gap: 20px; position: relative; z-index: 2; }
.top-entrystep .step-list li { width: 30%; /*&.step01,
&.step02 {
	width: calc(510 / 1670 * 100%);
}
&.step03 {
	position: relative;
	width: calc(650 / 1670 * 100%);
	.step_plan {
		position: absolute;
		bottom: 3%;
		right: -5%;
		width: 36%;
	}
}*/ }
.top-entrystep .step-list li a:hover { filter: brightness(110%); }
.top-entrystep .conversion { position: relative; z-index: 2; padding-top: 2rem; padding-bottom: 20px; }
.top-entrystep .conversion li.request { width: 90%; max-width: 416px; margin: 0 auto; }
.top-entrystep .conversion li.limited { display: none; }
@media screen and (max-width: 768px) { .top-entrystep .step-list { max-width: 400px; flex-direction: column; }
  .top-entrystep .step-list li.step01, .top-entrystep .step-list li.step02 { width: 100%; }
  .top-entrystep .step-list li.step03 { width: 100%; } }

.concept .con-ttl { max-width: 180px; margin: auto; }
.concept .copy-img { max-width: 400px; margin: 5rem auto 0 auto; }
.concept .midashi { margin-top: 3rem; font-size: 1.4rem; text-align: center; }
.concept .lead { margin-top: 3rem; font-size: .9rem; line-height: 2.4; letter-spacing: .1em; text-align: center; }
.concept .con-img { max-width: 600px; margin: 3rem auto 0 auto; transition-delay: 1s; }
.concept .con-img .img .cap { bottom: 24.6153846154%; right: -100px; background: none; }
@media screen and (max-width: 850px) { .concept .con-img .img .cap { bottom: 21.5384615385%; right: 0; } }
@media screen and (max-width: 768px) { .concept .con-ttl { max-width: 110px; } }

.links { position: relative; }
.links li { position: relative; padding: 0 0 10rem 0; }
.links li .txt-box, .links li .img-box { position: relative; z-index: 1; }
.links li a { display: block; }
.links li a:hover .txt-box .more .more-txt::after { right: 0; }
.links li .li-box { width: 92.5795053004%; margin-right: auto; margin-left: auto; }
.links li::after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 0; background-color: #A88F43; transition: height 1.5s ease-out; transition-delay: .1s; z-index: 0; }
.links li:first-of-type { margin-top: 0; }
.links li:last-of-type { padding-bottom: 0; }
.links li:last-of-type .li-box { padding-bottom: 0; }
.links li:last-of-type::after { display: none; }
.links li.line-active::after { height: calc(100% + 1rem); }
.links .link-ttl { display: block; width: 28.6259541985%; padding: 2rem 1rem 3.5rem 1rem; position: absolute; top: 3rem; z-index: 2; background: #A88F43; background: -webkit-linear-gradient(90deg, #a88f43 8%, #856814 72%, #695103 100%); background: -moz-linear-gradient(90deg, #a88f43 8%, #856814 72%, #695103 100%); background: linear-gradient(90deg, #a88f43 8%, #856814 72%, #695103 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A88F43", endColorstr="#695103", GradientType=1); }
.links .link-ttl .en img { display: block; height: 1.5rem; width: auto; }
.links .link-ttl .ja { margin-top: .5rem; font-size: .85rem; line-height: 1; }
.links .txt-box { padding: 2rem 1rem; }
.links .txt-box .midashi { font-size: 1.1rem; }
.links .txt-box .lead { margin-top: 1rem; font-size: .875rem; }
.links .txt-box .more { margin-top: 2rem; }
.links .txt-box .more .more-txt { display: block; max-width: 300px; font-size: .875rem; letter-spacing: .1em; padding-bottom: .5rem; border-bottom: solid 1px #b5b5b6; position: relative; }
.links .txt-box .more .more-txt::after { content: ""; width: .5rem; height: .5rem; border-top: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 50%; right: 3px; transform: translateY(-50%) rotate(45deg); transition: .5s ease-in-out; }
.links .img-box { position: relative; }
.links .img-box .img { width: 92.5795053004%; margin: 0 auto; }
.links .design .img-box .img { background: #C2CCD2; background: -webkit-linear-gradient(60deg, #c2ccd2 0%, #7d8488 100%); background: -moz-linear-gradient(60deg, #c2ccd2 0%, #7d8488 100%); background: linear-gradient(60deg, #c2ccd2 0%, #7d8488 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C2CCD2", endColorstr="#7D8488", GradientType=0); }
.links .design .img-box .img::before { content: ""; width: 50%; height: 100%; display: block; position: absolute; top: 0; right: 0; background: #515457; background: -webkit-linear-gradient(60deg, #515457 0%, #292526 100%); background: -moz-linear-gradient(60deg, #515457 0%, #292526 100%); background: linear-gradient(60deg, #515457 0%, #292526 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#515457", endColorstr="#292526", GradientType=0); }
.links .design .img-box .img img { display: block; position: relative; z-index: 2; width: 77.7546777547%; margin: auto; bottom: -1rem; }
.links .design .txt-box { position: absolute; top: 25%; right: 5.3435114504%; width: 42.2037422037%; }
.links .design .link-ttl { right: 0; }
.links .plan { margin-right: 0; }
.links .plan .txt-box { width: 45.8015267176%; margin-left: 5.3435114504%; }
.links .plan .link-ttl { left: 0; }
.links .plan .img-box .img { margin-right: 0; }
.links .location { margin-left: 0; }
.links .location .li-box { position: relative; margin-left: 0; }
.links .location .img-box .img { margin-left: 0; background: #ECEEEF; background: -webkit-linear-gradient(60deg, #eceeef 12%, #c1c6c9 100%); background: -moz-linear-gradient(60deg, #eceeef 12%, #c1c6c9 100%); background: linear-gradient(60deg, #eceeef 12%, #c1c6c9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ECEEEF", endColorstr="#C1C6C9", GradientType=0); }
.links .location .img-box .img img { width: 57.2519083969%; margin-left: 0; }
.links .location .img-box .img .cap { right: auto; left: 0; }
.links .location .txt-box { width: 39.314516129%; color: #222; position: absolute; top: 30%; right: 5.3435114504%; }
.links .location .txt-box .more .more-txt::after { border-top: solid 1px #222; border-right: solid 1px #222; }
.links .location .link-ttl { right: 0; }
.links .access { margin-left: 0; }
.links .access .link-ttl { right: 0; top: auto; bottom: 2rem; }
.links .access .txt-box { margin-left: 13.358778626%; }
.links .access .img-box .img { margin-left: 0; }
@media screen and (max-width: 1200px) { .links .design .img-box .img .cap { z-index: 3; }
  .links .design .txt-box { position: static; width: 100%; } }
@media screen and (max-width: 1080px) { .links .location .li-box { position: relative; margin-left: 0; }
  .links .location .img-box { width: 100%; display: -webkit-box; display: flex; flex-wrap: wrap; }
  .links .location .img-box * { min-height: 0%; }
  .links .location .img-box .img { margin: 0; width: 100%; }
  .links .location .img-box .img img { width: 100%; margin: 0; }
  .links .location .img-box .img .cap { right: auto; left: 0; }
  .links .location .txt-box { width: 100%; position: static; color: #fff; }
  .links .location .txt-box .more a::after { border-top: solid 1px #fff; border-right: solid 1px #fff; }
  .links .location .link-ttl { position: relative; -webkit-box-ordinal-group: 2; order: 1; margin: -2rem 0 0 auto; top: auto; right: auto; } }
@media screen and (max-width: 768px) { .links li { padding-bottom: 2rem; }
  .links li .li-box { width: 100%; margin: 0; padding: 0 0 5rem 0; }
  .links li::after { display: none; }
  .links .link-ttl { display: inline-block; width: 50%; max-width: 220px; padding: 1.5rem 2rem 2rem 2rem; top: 1rem; }
  .links .txt-box { width: 100%; margin-right: 0; margin-left: 0; padding: 2rem 5% 0 5%; }
  .links .txt-box .lead { display: none; }
  .links .img-box .img { width: 95%; }
  .links .design .img-box .img { margin-left: 0; }
  .links .plan .txt-box { width: 100%; margin: 0; }
  .links .plan .img-box .img { margin-right: 0; }
  .links .access { margin-left: 0; }
  .links .access .link-ttl { position: relative; -webkit-box-ordinal-group: 2; order: 1; margin: -1rem 0 0 auto; right: auto; bottom: auto; }
  .links .access .txt-box { margin-left: auto; }
  .links .access .img-box { width: 100%; display: -webkit-box; display: flex; flex-wrap: wrap; }
  .links .access .img-box * { min-height: 0%; }
  .links .access .img-box .img { margin: 0; width: 100%; }
  .links .access .img-box .img img { width: 100%; margin: 0; }
  .links .access .img-box .img .cap { right: auto; left: 0; } }