@charset "UTF-8";

#about { color: #333; }
.l-wrapper { position: relative; }
/* 
-------------------------------*/
.sec--intro { padding-bottom: 40px; }
.about-cmnttl-wrap { text-align: center; }
.about-cmnttl-sub img { height: 14px !important; }

.about-subttl,
.about-catch-wrap,
.about-catch { text-align: center; }

.about-subttl { margin-top: 45px; }
.about-subttl img {  width: 297px;}
.about-catch-wrap { margin-top: 32px; }
.about-catch { position: relative; display: inline-block; }
.about-catch__deco { position: absolute; top: 50%; transform: translateY(-46%); display: block; width: 7px; height: calc(100% + 14px); }
.about-catch__deco::before,
.about-catch__deco::after { position: absolute; display: block; width: 100%; height: 1px; background: #14145a; content: ""; }
.about-catch__deco::before { top: 0; }
.about-catch__deco::after { bottom: 0; }
.about-catch__deco--left { left: -15px; border-left: 1px solid #14145a; }
.about-catch__deco--left::before,
.about-catch__deco--left::after { left: 0; }
.about-catch__deco--right { right: -15px; border-right: 1px solid #14145a; }
.about-catch__deco--right::before,
.about-catch__deco--right::after { right: 0; }
.about-catch img { width: 202px; }
.about-txt { font-family: YakuHanMP_Noto, "Noto Serif JP", serif; font-size: 1.4rem; font-weight: 600; line-height: 1.92857; letter-spacing: 0.11em; }
.about-img--2,
.about-img--3 { position: absolute; }
@media screen and (max-width: 680px) {
	
	
	.about-cmnttl-sub { margin-top: 20px !important; }
	
	.about-img--1 { position: relative; margin: 34px -30px 36px; }
	.about-img--2,
	.about-img--3 { z-index: 50; }
	.about-img--2 { bottom: -140px; right: 68.2%; width: calc(50% + 50vw - 215px); height: 180px; }
	.about-img--3 { bottom: -238px; left: 43%; width: calc(50% + 50vw - 135px); height: 200px; }
	.about-img--2 img,
	.about-img--3 img { width: 100%; height: 100%; object-fit: cover; }
	.about-btn-wrap { margin-top: 43px; text-align: right; }
}
@media screen and (min-width: 681px) {
	.sec--intro { padding-top: 97px; padding-bottom: 132px; }
	.about-cmnttl-main img { height: 57px !important;}
	.about-cmnttl-sub { display: none; }
	.about-subttl { margin-top: 70px; }
	.about-subttl img {  width: 523px;}
	.about-catch-wrap { margin-top: 42px; }
	.about-catch img { width: 568px; }
	
	.about-catch__deco { transform: translateY(-50%); width: 12px; height: calc(100% + 24px); }

	
	.about-img--1 { position: absolute; top: 96px; right: -100px; }
	.about-img--1 img { width: 434px; }
	.about-img--2 { top: 612px; right: 177px; }
	.about-img--2 img { width: 248px; }
	.about-img--3 { top: 357px; left: -100px;}
	.about-img--3 img { width: 278px; }
	.about-txt { margin-top: 53px; margin-left: 196px; font-weight: 200; }
	.about-btn-wrap { margin-top: 31px; margin-left: 196px; }
}




/* License
-------------------------------*/
.sec--license { padding-bottom: 60px; }
.license-ttl { text-align: center; }
.license-ttl img { max-width: none; width: 319px; }
.license-txt-wrap { margin-top: 20px; }
.license-txt { font: 500 1.4rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1.714; letter-spacing: 0.02em; }
.license-txt:not(:first-of-type) { margin-top: 10px; }
.license-wrap { margin-top: 35px; }
.license {  }
.license:not(:first-of-type) { margin-top: 34px; }
.license__label { display: flex; justify-content: center; align-items: center; height: 40px; }
.license:nth-of-type(1) .license__label { background: #28a5ff; }
.license:nth-of-type(2) .license__label { background: #333; }
.license__label img { width: auto; height: 24px; }
.license__txt { margin-top: 16px; font: 500 2.2rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1.59; letter-spacing: 0.08em; }
.license__txt ._emp { color: #28a5ff; }
.license__txt__notice { font-size:80%; }
.license-notice { margin-top: 17px; font: 500 1.2rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1.8334; letter-spacing: 0.1em; text-align: justify; }
.license-btn-wrap { margin-top: 49px; }
.license-btn {  }
.license-btn:not(:first-of-type) { margin-top: 20px; }

@media screen and (max-width: 680px) {
	.sec--license { padding-top: 32px; }
	.license-ttl { margin-left: -30px; margin-right: -30px; }
	.license__txt { text-align: center; }
}
@media screen and (min-width: 681px) {
	.sec--license { padding-top: 100px; padding-bottom: 100px; }
	.license-ttl { position: relative; z-index: 50; }
	.license-ttl img { width: 938px; }
	.license-txt-wrap { margin-top: 60px; text-align: center; }
	.license-txt { font-size: 2.0rem; line-height: 1.8; letter-spacing: 0.05em; text-indent: 0.05em; }
	.license-txt:not(:first-of-type) { margin-top: 13px; }
	.license-wrap { position: relative; left: 50%; transform: translateX(-50%); display: inline-flex; flex-direction: column; margin-top: 95px; }
	.license { display: inline-flex; justify-content: space-between; align-items: stretch; min-width: 602px; }
	.license:not(:first-of-type) { margin-top: 72px; }
	.license__label { width: 140px; height: auto; }
	.license__label img { height: 28px; }
	.license__txt { flex: 1; margin-top: 0; margin-left: 24px; font-size: 2.5rem; line-height: 1.8; letter-spacing: 0; }
	.license-notice { margin-top: 84px; text-indent: 0.1em; text-align: center; }
	.license-btn { margin-top: 65px; margin-left: auto; margin-right: auto; }
	.license-btn:not(:first-of-type) { margin-top: 30px; }
}


 
/* Result
-------------------------------*/
.sec--result { position: relative; padding-bottom: 60px; }
.sec--result .l-wrapper { z-index: 100; }
.result-gra { position: absolute; left: 0; bottom: 0; display: block; width: 100%; z-index: 0; mix-blend-mode: overlay; pointer-events: none; }
.result-ttl { position: relative; text-align: center; z-index: 50; }
.result-ttl img { width: 167px; }
.result-intro { margin-top: 24px; margin-left: -15px; margin-right: -15px; font: 500 1.6rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1.875; text-align: center; }
.result-wrap { margin-top: 42px; }
.result { position: relative; border-bottom: 1px solid #14145a; padding: 33px 15px 34px; }
.result:nth-of-type(odd) { background: rgba(250,250,255,0.5); }
/*
.result:nth-of-type(odd)::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #c6c6d2; mix-blend-mode: overlay; z-index: 0; content: ""; } */
.result ._ktkn { letter-spacing: -0.08em; }
.result sup { transform: translateY(-8px); display: inline-block; font-size: 60%; }
.result__inner { position: relative; font-family:YakuHanMP_Noto, "Noto Serif JP", serif; font-weight: 500; z-index: 50; }
.result__ttl { font-size: 2.3rem; line-height: 1.52; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; color: #14145a; }
.result__ttl__main {  }
.result__ttl__sub { display: block; margin-top: 6px; font-size: 1.4rem; line-height: 1; }
.result__num-wrap { display: flex; justify-content: space-between; margin-top: 40px; }
.result__num { text-align: center; }
.result__num._half { width: 50%; }
.result__num__ttl { padding-right: 20px; font-size: 1.5rem; font-weight: 200; line-height: 1; letter-spacing: 0.11em; text-indent: 0.11em; text-align: center; }
.result__num__txt { display: flex; justify-content: center; align-items: baseline; margin-top: -20px; line-height: 1; }
.result__num__txt ._num { font: 400 8.0rem "Shippori Mincho", serif; color: #28a5ff; }
.result__num__txt::after { font-size: 2.0rem; font-weight: 200; line-height: 1; content: "名"; }
.result__txt { font-size: 1.4rem; font-weight: 200; line-height: 1.857; letter-spacing: 0.05em; text-align: justify; }
.result-btn { margin-top: 60px; }
@media screen and (max-width: 680px) {
	.sec--result { padding-top: 48px; }
	.sec--result .l-wrapper { width: calc(100% - 30px); }
	.result-wrap { border-top: 1px solid #14145a; }
}
@media screen and (min-width: 681px) {
	.sec--result { padding-top: 110px; padding-bottom: 80px; }
	.sec--result .l-wrapper { max-width: 870px; }
	
	.result-ttl img { width: 334px; }
	.result-intro { margin: 19px 0 0; font-size: 2.0rem; line-height: 1.9; }
	.result-wrap { position: relative; margin-top: 72px; }
	.result { position: relative; padding: 45px 52px 45px 57px; z-index: 10; }
	.result__inner { display: flex; flex-wrap: wrap; justify-content: flex-end; }
	.result__ttl { width: 100%; margin-bottom: 30px; font-size: 3.2rem; line-height: 1; }
	.result__ttl__main ._ktkn { letter-spacing: 0.05em; }
	.result__ttl__sub { margin-top: 15px; font-size: 1.7rem; }
	.result__num-wrap { width: 337px; margin-top: 5px; }
	.result__num { width: 50%; }
	.result:nth-of-type(4) .result__num:first-of-type { width: 55%; }
	.result:nth-of-type(4) .result__num:last-of-type { width: 45%; }
	
	.result__num__ttl { font-size: 1.6rem; line-height: 1.25; }
	.result__num__txt { margin-top: -18px; }
	.result__num__txt::after { font-weight: 600; }
	.result__txt { width: 362px; margin-left: 52px; font-size: 1.6rem; line-height: 1.875; }
	.result-btn { margin-top: 80px; }
}




/* 
-------------------------------*/
.bar-wrap--1 { position: absolute; top: -30px; left: -100px; }
.bar-wrap--1 img { height: 100px; }
.bar-wrap--2 { position: absolute; top: 18px; right: -30px;}
.bar-wrap--2 img { height: 50px; }
@media screen and (max-width: 680px) {
	.bar-wrap--1,
	.bar-wrap--3 { display: none; }
}
@media screen and (min-width: 681px) {
	.bar-wrap--2 { top: 11px; right: -165px; }
	.bar-wrap--2 img { height: 100px; }
	.bar-wrap--3 { position: absolute; top: 0; bottom: 0; left: -70px; }
	.bar-wrap--3 img { width: 80px; height: 100%; }
}
@media screen and (min-width: 1201px) {
	.bar-wrap--1 { left: auto; right: 700px; width: calc(50% + 50vw - 700px); }
	.bar-wrap--2 { right: auto; left: 555px; width: calc(50% + 50vw - 555px); }
}