@charset "utf-8";
.arrow{
    align-items: center;
    background: var(--color-b);
    color: var(--color-a);
    clip-path:polygon(20% 0%, 80% 0%, 95% 50%, 80% 100%, 20% 100%);
    display: grid;
    justify-content: center;
    padding: 20px 0 20px 0;
}
.main-wrap__text.arrow{
    margin: auto;
}
.btn.flex{
    width: 100%;
}
.no-flex .flex{
    align-items: center;
}
.no-flex .flex .arrow{
    margin-right: 10px;
}
.no-flex .flex .btn{
    margin-left: 0;
}
.flex{
    display: flex;
    flex-shrink: 1;
    justify-content: center;
    width: 100%;
}
.flex .left{
    width: 30%;
    min-width: 300px;
}
.flex .right{
    width: 60%;
    min-width: 600px;
}
.header-right__btn{
    display: none;
}
.header__menu{
    background: none;
    height: 70px;
    width: auto;
    opacity: 1;
    top: 0;
    right: 0;
    transform: scaleY(1);
    visibility: visible;
}
.header__menu-list{
    display: flex;
    height: 70px;
    width: auto;
    top: 0;
    right: 0;
    transform: translateY(0);
}
.header__menu-list-item{
    display: grid;
    align-items: center;
    font-size: 2.0rem;
    margin: 0 2.4rem 0 0; 
}
.main-heading{
    top: 16svh;
}
.main-heading.sub{
    top: calc(16svh + 60px);
}
.main-heading.btn{
    top: calc(40% + 100px);
}
.main-hero{
    height: 40svh;
}
.main-wrap{
    transform: translateY(-10svh);
}
#service .main-wrap{
    display: flex;
    flex-shrink: 1;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main-wrap__unit:first-of-type{
    width: 90%;
}
.main-wrap__unit:not(:first-of-type){
    width: 40%;
}
/*
.main-wrap__unit:last-of-type,
.main-wrap.content .main-wrap__unit:last-of-type{
    margin: 0 auto 50px 5%;
}*/
.contact .main-wrap__unit{
    width: 90%;
}
.main-wrap__unit.title{
    margin: 0 auto 50px;
}
.main-wrap__unit.col-3{
    border: 1px solid var(--color-b);
    box-shadow: 0 0 6px 0 var(--color-b);
    width: 30%;
    padding: 16px;
    text-align: center;
}