@charset "UTF-8";

/* kirameki ================== */

.ttl01-kirameki {
position:relative;}
.ttl01-kirameki h2 {
font-family:'Kosugi Maru', sans-serif;
font-size:270%;
font-weight:normal;
line-height:1.2;}
.ttl01-kirameki .ttl-chara {
pointer-events:none;
position:absolute;
left:50%;
bottom:100%;
width:27%;
max-width:170px;
transform:translate(-50%,-8.5%);}
.ttl01-kirameki .ttl-eng {
margin:0.75em 0 0 0;
font-size:92%;
line-height:1.25;
color:rgba(0,0,0,0.4);
font-weight:bold;}
.desc01-kirameki {
/* font-family:'Kosugi Maru', sans-serif; */
margin-top:1.5em;
font-size:125%;
line-height:1.6;
letter-spacing:-0.02em;}
br.br-sp {
display:none;}
br.br-pc {
display:block;}

@media only screen and ( max-width:767px) {

.ttl01-kirameki h2 {
font-size:8vw;}
.ttl01-kirameki .eng {
font-size:2.93vw;}
.desc01-kirameki {
/* text-align:left; */
font-size:4.26vw;}
br.br-sp {
display:block;}
br.br-pc {
display:none;}

}

.kirameki01 {
position:relative;
overflow:hidden;
z-index:1;
height:700px;}
.kirameki01::before {
content:"";
position:absolute;
right:0;
top:0;
width:60%;
height:100%;
background:url("../../images/kirameki01_01.jpg") no-repeat center center / cover;}
.kirameki01::after {
content:"";
position:absolute;
left:0;
top:0;
width:45%;
height:100%;
background:url("../../images/kirameki01_02.png") no-repeat right center / cover;}
.kirameki01 .ttl {
position:absolute;
z-index:2;
right:56.3%;
top:50%;
width:40%;
max-width:480px;
transform:translate(0%,-63%);}
.kirameki01 .ttl img {
width:100%;}

@media only screen and (max-width:1200px) {

.kirameki01 {
height:auto;
aspect-ratio:12 / 7;}

}

@media only screen and (max-width:767px) {

.kirameki01 {
aspect-ratio:10 / 12;}
.kirameki01::before {
width:100%;
height:auto;
aspect-ratio:50 / 32;
background:url("../../images/kirameki01_01.jpg") no-repeat center bottom / 110%;}
.kirameki01::after {
top:43%;
width:100%;
height:auto;
aspect-ratio:1 / 1;
transform:rotate(-90deg);}
.kirameki01 .ttl {
right:50%;
width:74%;
max-width:960px;
transform:translate(50%,-20%);}

}

.kirameki-about {
margin:0 auto;
padding:160px 0 120px 0 !important;
background:url("../../images/kirameki02_bg01.png") no-repeat center bottom / cover;}
.kirameki-about h3 {
margin-top:1.3em;}
.kirameki-about ul {
margin:3.0em auto 0;
justify-content:space-between;
align-items:center;
font-size:118.75%;}
.kirameki-about ul li.img {
width:50%;}
.kirameki-about ul li.img img {
width:100%;
transform:translate(-2.5%,-2%);}
.kirameki-about ul li.txt {
text-align:left;
width:47%;}
.kirameki-about ul li.txt h4 {
font-family:'Kosugi Maru', sans-serif;
margin-bottom:0.5em;
font-size:136.84%;
line-height:1.35;}
.kirameki-about ul li.txt .chart01 {
margin:1.6em 0 2.4em 0;}
.kirameki-about ul li.txt .chart02 {
margin:1.0em 0 0 0;}

@media only screen and ( max-width:1360px) {

.kirameki-about ul {
font-size:1.4vw;}

}

@media only screen and ( max-width:1023px) {

.kirameki-about {
background:none;}
.kirameki-about ul {
margin:1.5em auto 0;
max-width:800px;
font-size:118.75%;}
.kirameki-about ul li.img {
width:100%;}
.kirameki-about ul li.img img {
transform:translate(0%,0%);}
.kirameki-about ul li.txt {
margin:3em auto 0;
width:100%;
max-width:720px;}

}

@media only screen and ( max-width:767px) {

.kirameki-about {
font-size:4vw;
padding:20.86% 0 15.65% 0 !important;}
.kirameki-about ul {
font-size:4vw;}
.kirameki-about ul li.txt {
margin:2em auto 0;}
.kirameki-about ul li.txt h3 {
font-size:150%;}

}

.kirameki-outline {
position:relative;
padding:80px 0 0 0 !important;
background:#f5f2e9;}
.kirameki-outline::before {
content:"";
pointer-events:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100px;
background:url("../../images/bg_curve01_w.svg") no-repeat center center / 100% 100%;
transform:translate(0,-1px);}
.kirameki-outline .divide {
position:relative;
height:6em;}
.kirameki-outline .divide::after {
content:"";
position:absolute;
left:50%;
top:50%;
width:1em;
height:1em;
background:#c2aa74;
border-radius:50%;
transform:translate(-50%,-50%);}
.kirameki-outline .block01 {
position:relative;
margin:0 auto;
width:90%;
max-width:1000px;
padding:3% 6%;
background:#fff;
border-radius:40px 40px 0 0;}
.kirameki-outline .block01::before , .kirameki-outline .block01::after {
content:"";
position:absolute;
left:0;
top:50%;
width:10%;
aspect-ratio:10 / 14;
background:url("../../images/kirameki03_chara01.png") no-repeat center center / 100% 100%;
transform:translate(-65%,-50%);}
.kirameki-outline .block01::after {
left:100%;
background:url("../../images/kirameki03_chara02.png") no-repeat center center / 100% 100%;
transform:translate(-35%,-50%);}
.kirameki-outline .block01 h3 {
font-family:'Kosugi Maru', sans-serif;
margin-bottom:0.6em;
padding-bottom:0.4em;
font-size:200%;
line-height:1.25;
color:#ea5614;
white-space:nowrap;
border-bottom:2px dotted #b5b5b6;}
.kirameki-outline .block01 ul {
justify-content:space-between;
margin:0 auto;
width:100%;}
.kirameki-outline .block01 ul li {
margin-bottom:3%;
width:48.5%;
line-height:0;}
.kirameki-outline .block01 ul li img {
width:100%;}

@media only screen and ( max-width:1023px) {

.kirameki-outline .block01 h3 {
font-size:3.2vw;}

}

@media only screen and ( max-width:767px) {

.kirameki-outline {
padding:10.43% 0 0 0 !important;}
.kirameki-outline::before {
height:auto;
aspect-ratio:100 / 13;}
.kirameki-outline .divide {
font-size:3vw;}
.kirameki-outline .block01 {
padding:6% 6% 3%;
border-radius:30px 30px 0 0;}
.kirameki-outline .block01::before , .kirameki-outline .block01::after {
display:none;}
.kirameki-outline .block01 h3 {
font-size:5.6vw;}
.kirameki-outline .block01 ul li {
width:100%;}

}

/* kirameki ================== */

.kirameki-target {
padding:160px 0 120px 0 !important;}
.kirameki-target .block01 {
text-align:left;
margin:2.4em auto 0;
max-width:720px;
padding:1.15em 1.4em;
font-size:125%;
line-height:1.5;
background:#ecf4d9;
border-radius:15px;}
.kirameki-target .block01 dl {
display:flex;
flex-wrap:wrap;}
.kirameki-target .block01 dt {
padding:0.2em 0;
width:1.1em;
color:#00a73c;
white-space:nowrap;}
.kirameki-target .block01 dd {
padding:0.2em 0;
width:calc(100% - 1.1em);}
.kirameki-target ul {
justify-content:center;
margin:2.0em auto 0;
width:100%;}
.kirameki-target ul li {
position:relative;
width:25%;
aspect-ratio:1 / 1;}
.kirameki-target ul li .txt {
position:absolute;
left:50%;
top:50%;
width:86%;
font-size:150%;
font-weight:bold;
color:#1d2088;
white-space:nowrap;
transform:translate(-50%,-50%);}
.kirameki-target ul li .txt::before {
content:"";
position:absolute;
z-index:-1;
left:50%;
top:50%;
width:100%;
aspect-ratio:1 / 1;
background:#d5ebf4;
border-radius:50%;
transform:translate(-50%,-50%);}

@media only screen and ( max-width:1023px) {

.kirameki-target ul {
max-width:720px;}
.kirameki-target ul li {
width:33.3333%;}
.kirameki-target ul li .txt {
width:90%;}

}

@media only screen and ( max-width:767px) {

.kirameki-target {
padding:20.86% 0 15.65% 0 !important;
font-size:4vw;}
.kirameki-target .block01 {
font-size:100%;}
.kirameki-target ul {
width:96%;}
.kirameki-target ul li {
width:50%;}
.kirameki-target ul li .txt {
width:92%;
font-size:120%;}

}

.kirameki-variation {
position:relative;
padding:80px 0 120px 0 !important;
background:#f3ebf4;}
.kirameki-variation::before {
content:"";
pointer-events:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100px;
background:url("../../images/bg_curve01_w.svg") no-repeat center center / 100% 100%;
transform:translate(0,-1px);}
.kirameki-variation .ttl {
font-family:'Kosugi Maru', sans-serif;
display:inline-block;
margin:2.2em auto 0.5em;
padding:0.75em 1.9em 1em;
font-size:140%;
line-height:1.3;
color:#00a73c;
white-space:nowrap;
background:#fff;
border-radius:20px;}
.kirameki-variation .ttl h3 {
margin-top:0.4em;}

.kirameki-variation ul {
justify-content:space-between;
margin:3em auto 0;
width:100%;
max-width:850px;}
.kirameki-variation ul li {
text-align:left;
width:47%;
font-size:112.5%;}
.kirameki-variation ul li h4 {
text-align:center;
font-family:'Kosugi Maru', sans-serif;
margin-bottom:0.75em;
padding:0.4em 0;
font-size:131.25%;
line-height:1.4;
color:#fff;
background:#8dc21f;
border-radius:8px;}
.kirameki-variation ul li:nth-child(2) h4 {
background:#1eaa39;}
.kirameki-variation ul li h5 {
margin:0.15em 0;
font-size:106.25%;
line-height:1.4;
font-weight:600;}

@media only screen and ( max-width:767px) {

.kirameki-variation {
padding:10.43% 0 15.65% 0 !important;}
.kirameki-variation::before {
height:auto;
aspect-ratio:100 / 13;}
.kirameki-variation .ttl {
font-size:4vw;}
.kirameki-variation ul li {
margin-bottom:1.75em;
width:100%;}
.kirameki-variation ul li:nth-child(2) {
margin-bottom:0em;}

}

.kirameki-flow {
position:relative;
padding:80px 0 120px 0 !important;
background:#fff;}
.kirameki-flow .block01, .kirameki-flow .block02 {
position:relative;
margin-top:5em;
padding:3.3em 6% 3%;
background:#ecf4d9;
border-radius:15px;}
.kirameki-flow .block02 {
background:#fff5e0;}
.kirameki-flow h3 {
font-family:'Kosugi Maru', sans-serif;
position:absolute;
left:50%;
top:0;
padding:0 1em;
font-size:156%;
line-height:2.0;
font-weight:400;
letter-spacing:0.05em;
color:#fff;
white-space:nowrap;
background:#22ac38;
border-radius:50px;
transform:translate(-50%,-50%);}
.kirameki-flow .block02 h3 {
background:#ed6c00;}
.kirameki-flow h3::after {
content:"";
position:absolute;
left:50%;
top:100%;
width:0;
height:0;
border-style:solid;
border-right:9px solid transparent;
border-left:9px solid transparent;
border-top:14px solid #22ac38;
border-bottom:0;
transform:translate(-50%,-1%);}
.kirameki-flow .block02 h3::after {
border-top:14px solid #ed6c00;}
.kirameki-flow ul {
justify-content:space-between;}
.kirameki-flow ul li {
position:relative;
margin:1.5em 0;
padding:1.35em 0 1.5em;
width:30%;
line-height:1.5;
box-shadow:0 0 0 2px #ed6c00;
border-radius:40px;}
.kirameki-flow .block02 ul li {
box-shadow:0 0 0 2px #22ac38;}
.kirameki-flow ul li .ttl-step {
position:absolute;
left:50%;
top:0;
padding:0.1em 0.9em 0;
font-size:92%;
line-height:1.2;
font-weight:bold;
letter-spacing:0.05em;
color:#ed6c00;
background:#ecf4d9;
transform:translate(-50%,-55%);}
.kirameki-flow .block02 ul li .ttl-step {
color:#22ac38;
background:#fff5e0;}
.kirameki-flow ul li .ttl-step::before, .kirameki-flow ul li .ttl-step::after {
content:"";
position:absolute;
left:-1px;
top:0;
width:2px;
height:100%;
background:#ed6c00;
transform:rotate(-25deg);}
.kirameki-flow ul li .ttl-step::after {
left:auto;
right:-1px;
transform:rotate(25deg);}
.kirameki-flow .block02 ul li .ttl-step::before, .kirameki-flow .block02 ul li .ttl-step::after {
background:#22ac38;}
.kirameki-flow ul li .ttl-num {
margin:0 auto 1.2em;
width:80%;
border-bottom:2px solid #ed6c00;}
.kirameki-flow ul li .ttl-num span {
display:inline-block;
padding:0.1em 0.5em 0;
font-size:156%;
line-height:1.6;
font-weight:bold;
color:#fff;
background:#ed6c00;}
.kirameki-flow .block02 ul li .ttl-num {
border-bottom:2px solid #22ac38;}
.kirameki-flow .block02 ul li .ttl-num span {
background:#22ac38;}
.kirameki-flow ul li h4 {
font-family:'Kosugi Maru', sans-serif;
margin:0.425em 0;
font-size:140%;
line-height:1.4;
font-weight:600;}
.kirameki-flow ul li h5 {
margin:0.475em 0 0 0;
font-size:124%;
line-height:1.4;
font-weight:bold;}

@media only screen and ( max-width:1023px) {

.kirameki-flow ul li {
width:47.5%;}

}

@media only screen and ( max-width:767px) {

.kirameki-flow {
padding:10.43% 0 15.65% 0 !important;
font-size:4vw;}
.kirameki-flow .block01, .kirameki-flow .block02 {
margin-top:4em;}
.kirameki-flow h3 {
font-size:148%;}
.kirameki-flow ul li {
margin:1.15em 0;
width:100%;}

}

.kirameki-faq {
position:relative;
padding:160px 0 120px 0 !important;
background:#d5ebf4;}
.kirameki-faq::before {
content:"";
pointer-events:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100px;
background:url("../../images/bg_curve02_w.svg") no-repeat center center / 100% 100%;
transform:translate(0,-1px) rotate(180deg);}
.kirameki-faq .faq-q {
font-family: 'Kosugi Maru', sans-serif;
text-align:left;
margin-top:1.55em;
padding:0.25em 0 1.0em 75px;
font-size:188%;
line-height:1.3;
color:#00923a;
background:url("../../images/kirameki04_q.png") no-repeat left top / 55px;}
.kirameki-faq .faq-a {
text-align:left;
padding:0 0 0 75px;
font-size:116%;
line-height:1.6;
min-height:4.8em;
background:url("../../images/kirameki04_a.png") no-repeat left top / 55px;}

@media only screen and ( max-width:767px) {

.kirameki-faq {
padding:20.86% 0 15.65% 0 !important;}
.kirameki-faq::before {
height:auto;
aspect-ratio:100 / 13;}
.kirameki-faq .faq-q {
padding:0 0 1.0em 60px;
font-size:156%;
background:url("../../images/kirameki04_q.png") no-repeat left top / 45px;}
.kirameki-faq .faq-a {
padding:0 0 0 60px;
font-size:100%;
background:url("../../images/kirameki04_a.png") no-repeat left top / 45px;}

}

.kirameki-facilities {
position:relative;
padding:80px 0 0 0 !important;
background:#fee9be;}
.kirameki-facilities .swiper-digest {
padding:60px 0;}
.kirameki-facilities .swiper-digest .swiper-wrapper {
transition-timing-function:linear;}
.kirameki-facilities .swiper-digest .swiper-slide {
max-width:290px;
height:auto;}
.kirameki-facilities .swiper-digest .swiper-slide img {
border-radius:10px;
box-shadow:3px 3px 6px 0 rgba(0,0,0,0.3);}

@media only screen and ( max-width:767px) {

.kirameki-facilities {
position:relative;
padding:10.43% 0 0 0 !important;
background:#fee9be;}
.kirameki-facilities .swiper-digest {
padding:8.4% 0;}

}

.kirameki-assessment {
padding:80px 0 120px 0 !important;}

@media only screen and ( max-width:767px) {

.kirameki-assessment {
padding:11.2% 0 21% 0 !important;}

}

.kirameki-access {
position:relative;
padding:80px 0 120px 0 !important;
background:#ecf4d9;}
.kirameki-access::before {
content:"";
pointer-events:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100px;
background:url("../../images/bg_curve01_w.svg") no-repeat center center / 100% 100%;
transform:translate(0,-1px);}
.kirameki-access .gmap {
overflow:hidden;
border-radius:15px;
line-height:0;}

@media only screen and ( max-width:767px) {

.kirameki-access {
padding:10.43% 0 15.65% 0 !important;}
.kirameki-access::before {
height:auto;
aspect-ratio:100 / 13;}

}
