@charset "UTF-8";

#item_1 + .composite_box01 .inner_item{
    position: relative;
    justify-content: flex-end;
    width: 29%;
}
#item_1 + .composite_box01 .inner_item img{
height: 200px !important;
}

#item_1 + .composite_box01 .inner_item::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 63%;
    right: -22px;
    border-left: 5px solid red;
    border-top: 5px solid red;
    transform: rotate(135deg);
}
@media(max-width: 998px){
#item_1 + .composite_box01 .inner_item::after{
top: 69%;
}
}

@media(max-width: 768px){
#item_1 + .composite_box01 .wrapper_item{
    flex-direction: column;
}
#item_1 + .composite_box01 .inner_item{
width: 100% !important;
margin: 0 0 100px !important;
}
#item_1 + .composite_box01 .inner_item img{
height: auto !important;
}
#item_1 + .composite_box01 .inner_item::after{
top: auto;
    bottom: -30px;
    right: 50%;
transform: rotate(225deg) translateX(-100%);
}
}
/* --------item2------------------------------- */

#item_2 + .composite_box01 .inner_item{
    position: relative;
    justify-content: flex-end;
    width: 29%;
}
#item_2 + .composite_box01 .inner_item img{
height: 200px !important;
}

#item_2 + .composite_box01 .inner_item::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 63%;
    right: -22px;
    border-left: 5px solid red;
    border-top: 5px solid red;
    transform: rotate(135deg);
}
@media(max-width: 998px){
#item_2 + .composite_box01 .inner_item::after{
top: 69%;
}
}

@media(max-width: 768px){
#item_2 + .composite_box01 .wrapper_item{
    flex-direction: column;
}
#item_2 + .composite_box01 .inner_item{
width: 100% !important;
margin: 0 0 100px !important;
}
#item_2 + .composite_box01 .inner_item img{
height: auto !important;
}
#item_2 + .composite_box01 .inner_item::after{
top: auto;
    bottom: -30px;
    right: 50%;
transform: rotate(225deg) translateX(-100%);
}
}



/* --------item3------------------------------- */


#item_3 + .composite_box01 .inner_item{
    position: relative;
    justify-content: flex-end;
    width: 29%;
}
#item_3 + .composite_box01 .inner_item img{
height: 200px !important;
}

#item_3 + .composite_box01 .inner_item::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 63%;
    right: -22px;
    border-left: 5px solid red;
    border-top: 5px solid red;
    transform: rotate(135deg);
}
@media(max-width: 998px){
#item_3 + .composite_box01 .inner_item::after{
top: 69%;
}
}

@media(max-width: 768px){
#item_3 + .composite_box01 .wrapper_item{
    flex-direction: column;
}
#item_3 + .composite_box01 .inner_item{
width: 100% !important;
margin: 0 0 100px !important;
}
#item_3 + .composite_box01 .inner_item img{
height: auto !important;
}
#item_3 + .composite_box01 .inner_item::after{
top: auto;
    bottom: -30px;
    right: 50%;
transform: rotate(225deg) translateX(-100%);
}
#item_3 + .composite_box01 .inner_item:last-child{
margin-bottom: 0 !important;
}
}

/* --------item4------------------------------- */

#item_4 + .composite_box01 .inner_item{
position: relative;
    justify-content: flex-end;
    width: 29%;
}
#item_4 + .composite_box01 .inner_item img{
height: 200px !important;
}

#item_4 + .composite_box01 .inner_item::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 63%;
    right: -22px;
    border-left: 5px solid red;
    border-top: 5px solid red;
    transform: rotate(135deg);
}
@media(max-width: 998px){
#item_4 + .composite_box01 .inner_item::after{
top: 66%;
}
}

@media(max-width: 768px){
#item_4 + .composite_box01 .wrapper_item{
    flex-direction: column;
}
#item_4 + .composite_box01 .inner_item{
width: 100% !important;
margin: 0 0 100px !important;
}
#item_4 + .composite_box01 .inner_item img{
height: auto !important;
}
#item_4 + .composite_box01 .inner_item::after{
top: auto;
    bottom: -30px;
    right: 50%;
transform: rotate(225deg) translateX(-100%);
}
}
/* --------item5------------------------------- */

#item_5 + .composite_box01 .inner_item{
position: relative;
    justify-content: flex-end;
    width: 45%;
}
#item_5 + .composite_box01 .inner_item img{
height: 200px !important;
}

#item_5 + .composite_box01 .inner_item::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 63%;
    right: -22px;
    border-left: 5px solid red;
    border-top: 5px solid red;
    transform: rotate(135deg);
}
@media(max-width: 998px){
#item_5 + .composite_box01 .inner_item::after{
top: 61%;
}
}

@media(max-width: 768px){
#item_5 + .composite_box01 .wrapper_item{
    flex-direction: column;
}
#item_5 + .composite_box01 .inner_item{
width: 100% !important;
margin: 0 0 100px !important;
}
#item_5 + .composite_box01 .inner_item img{
height: auto !important;
}
#item_5 + .composite_box01 .inner_item::after{
top: auto;
    bottom: -30px;
    right: 50%;
transform: rotate(225deg) translateX(-100%);
}
}
/* --------item6------------------------------- */

#item_6 + .composite_box01 .inner_item{
position: relative;
    justify-content: flex-end;
    width: 29%;
}
#item_6 + .composite_box01 .inner_item img{
height: 200px !important;
}

#item_6 + .composite_box01 .inner_item::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 70%;
    right: -22px;
    border-left: 5px solid red;
    border-top: 5px solid red;
    transform: rotate(135deg);
}
@media(max-width: 998px){
#item_6 + .composite_box01 .inner_item::after{
top: 74%;
}
}

@media(max-width: 768px){
#item_6 + .composite_box01 .wrapper_item{
    flex-direction: column;
}
#item_6 + .composite_box01 .inner_item{
width: 100% !important;
margin: 0 0 100px !important;
}
#item_6 + .composite_box01 .inner_item img{
height: auto !important;
}
#item_6 + .composite_box01 .inner_item::after{
top: auto;
    bottom: -30px;
    right: 50%;
transform: rotate(225deg) translateX(-100%);
}
}



























@media(max-width: 768px){
#item_1 + .composite_box01{
    padding-bottom: 0;
}
#item_2 + .composite_box01,
#item_3 + .composite_box01{
    padding: 0;
}
}

#item_3 + .composite_box01 .inner_item:last-child::after{
display: none;
}

@media(max-width: 768px){
#item_4 + .composite_box01{
    padding-bottom: 0;
}
#item_5 + .composite_box01,
#item_6 + .composite_box01{
    padding: 0;
}
}

#item_6 + .composite_box01 .inner_item:last-child::after{
display: none;
}


/* --------Google Map------------------------------- */
.map {
    width: 100%;
    height: 20vw;
    min-height: 300px;
    max-height: 450px;
    position: relative;
    max-width: calc(1200px - var(--i_padding, 20px) * 2);
    margin: 0 auto 50px;
    overflow: hidden;
}

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