.flex_header-box {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: 'Heebo', sans-serif;
background-image: url(../index/back_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center;
width: 100%;
height: 100vh;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

.flex_luxy-box {
display: flex;
flex-wrap: nowrap;
align-content: stretch;
flex-direction: row;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}
.flex_luxy-item {
width: 100%;
height: auto;
margin: 0% 0% 700% 0%;
padding: 0% 0% 0% 0%;
}

@media(max-width: 1500px){
.flex_luxy-item {
width: 100%;
height: auto;
margin: 0% 0% 700% 0%;
padding: 0% 0% 0% 0%;
}
}

@media(max-width: 1250px){
.flex_luxy-item {
width: 100%;
height: auto;
margin: 0% 0% 700% 0%;
padding: 0% 0% 0% 0%;
}
}

@media(max-width: 1024px){
.flex_header-box {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: 'Heebo', sans-serif;
background-image: url(../index/back_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
width: 100%;
height: 100vh;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

.flex_luxy-item {
width: 100%;
height: auto;
margin: 0% 0% 960% 0%;
padding: 0% 0% 0% 0%;
}
}

@media(max-width: 768px){
.flex_header-box {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: 'Heebo', sans-serif;
background-image: url(../index/back_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
width: 100%;
height: 100vh;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

.flex_luxy-item {
width: 100%;
height: auto;
margin: 0% 0% 960% 0%;
padding: 0% 0% 0% 0%;
}
}

@media(max-width: 624px){
.flex_header-box {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: 'Heebo', sans-serif;
background-image: url(../index/back_sp.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
width: 100%;
height: 100vh;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

.flex_luxy-item {
width: 100%;
height: auto;
margin: 0% 0% 1450% 0%;
padding: 0% 0% 0% 0%;
}
}

.flex_contents-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
background-color: rgba(255,255,255,0);
box-shadow: 5px 10px 30px rgba(255,255,255,0);
}
.flex_contents-item {
font-size: 100%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
text-shadow: 3px 4px 5px #000;
text-align: center;
transition: all 500ms;

border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 20% 0% 20% 0%;
background-color: #;
background-image: url(../index/image_01.svg);
background-repeat: no-repeat;
background-size: 30%;
background-position: top 12% center;
}

/* -------------------------------- 
　GOOGLE MAP
-------------------------------- */

.flex_googlemap-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
padding: 0% 0% 0% 0%;
margin: 0% 0% 0% 0%;
} 

.flex_googlemap-item {
border-radius: 0px;
width: 100%;
padding: 0px 0% 0px 0%;
margin: 0% 0% 0% 0%;
}
.flex_googlemap-item:nth-child(1) {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: ;
}

.map_wrapper {
max-width: 100%;
min-width: 1px;
margin: 0% 0% 0% 0%;
padding: 0px;
}
 
.googlemap {
position: relative;
padding-bottom: 35%;
height: 0;
overflow: hidden;
}

.googlemap iframe {
position: absolute;
top: 0;
left: 0%;
right: 0%;
width: 100%;
height: 100%;
}



@media(max-width: 1500px){
.googlemap {
position: relative;
padding-bottom: 35%;
height: 0;
overflow: hidden;
}
}

@media(max-width: 1024px){
.googlemap {
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
}
}

@media(max-width: 768px){
.googlemap {
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
}
}

@media(max-width: 624px){
.googlemap {
position: relative;
padding-bottom: 60%;
height: 0;
overflow: hidden;
}
}

/* -------------------------------- 
　GOOGLE MAP 02
-------------------------------- */

.flex_googlemap02-box {
display: flex;
flex-wrap: nowrap;
align-content: stretch;
flex-direction: row;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;

border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 15% 0% 15% 0%;
background-color: #;
background-image: url(../index/map_pc.svg);
background-repeat: no-repeat;
background-size: 80% auto;
background-position: center center;
}

.flex_googlemap02-item {
width: 20%;
margin: 0% 0% 10% 80%;
padding: 0% 6% 0% 6%;
text-align: left;
transition: all 500ms;
background-color: #;
}


@media(max-width: 1500px){
.flex_googlemap02-box {
display: flex;
flex-wrap: nowrap;
align-content: stretch;
flex-direction: row;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;

border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 15% 0% 15% 0%;
background-color: #;
background-image: url(../index/map_pc.svg);
background-repeat: no-repeat;
background-size: 90% auto;
background-position: center center;
}

.flex_googlemap02-item {
width: 20%;
margin: 0% 0% 11% 80%;
padding: 0% 6% 0% 6%;
text-align: left;
transition: all 500ms;
background-color: #;
}
}

@media(max-width: 1024px){
.flex_googlemap02-box {
display: flex;
flex-wrap: nowrap;
align-content: stretch;
flex-direction: row;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;

border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 15% 0% 15% 0%;
background-color: #;
background-image: url(../index/map_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
}

.flex_googlemap02-item {
width: 15%;
margin: 0% 0% 13% 85%;
padding: 0% 3% 0% 3%;
text-align: left;
transition: all 500ms;
background-color: #;
}
}

@media(max-width: 768px){
.flex_googlemap02-box {
display: flex;
flex-wrap: nowrap;
align-content: stretch;
flex-direction: row;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;

border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 15% 0% 15% 0%;
background-color: #;
background-image: url(../index/map_pc.svg);
background-repeat: no-repeat;
background-size: 106% auto;
background-position: center center;
}

.flex_googlemap02-item {
width: 15%;
margin: 0% 0% 14% 85%;
padding: 0% 2% 0% 2%;
text-align: left;
transition: all 500ms;
background-color: #;
}
}

@media(max-width: 624px){
.flex_googlemap02-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
flex-direction: row;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;

border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 28% 0% 28% 0%;
background-color: #;
background-image: url(../index/map_sp.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
}

.flex_googlemap03-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
flex-direction: row;
margin: 0% 40% 0% 40%;
padding: 15% 0% 15% 0%;
width: 10%;
text-align: center;
}
}

/* -------------------------------- 
　FOOTER
-------------------------------- */

.flex_footer-box {
display: flex;
flex-wrap: nowrap;
align-content: stretch;
flex-direction: row;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;

border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
transition: all 500ms;
}

.flex_footer_crc-item {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 1.5% 0% 1.5% 0%;
text-align: cente;
transition: all 500ms;
background-color: #;
font-family: "Josefin Sans";
text-align: center;
color: #000; 
font-size:1.0rem;
line-height: 200%;
font-weight: 500;
letter-spacing: .2rem;
}

@media(max-width: 1500px){
.flex_footer_crc-item {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 1.5% 0% 1.5% 0%;
text-align: cente;
transition: all 500ms;
background-color: #;
font-family: "Josefin Sans";
text-align: center;
color: #000; 
font-size:1.0rem;
line-height: 200%;
font-weight: 500;
letter-spacing: .1rem;
}
}

@media(max-width: 1024px){
.flex_footer_crc-item {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 1.5% 0% 1.5% 0%;
text-align: cente;
transition: all 500ms;
background-color: #;
font-family: "Josefin Sans";
text-align: center;
color: #000; 
font-size:1.0rem;
line-height: 200%;
font-weight: 500;
letter-spacing: .1rem;
}
}

@media(max-width: 768px){
.flex_footer_crc-item {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 1.5% 0% 1.5% 0%;
text-align: cente;
transition: all 500ms;
background-color: #;
font-family: "Josefin Sans";
text-align: center;
color: #000; 
font-size:0.8rem;
line-height: 200%;
font-weight: 500;
letter-spacing: .1rem;
}
}

@media(max-width: 624px){
.flex_footer_crc-item {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 1.25% 0% 1.25% 0%;
text-align: cente;
transition: all 500ms;
background-color: #;
font-family: "Josefin Sans";
text-align: center;
color: #000; 
font-size:0.6rem;
line-height: 200%;
font-weight: 500;
letter-spacing: .1rem;
}
}