.content__wrap--contact--03{
    gap: 30px;
}
.content__ttl--contact--03{
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    letter-spacing: .2em;
}
.content__wrap--contact--03 .content__block--contact--03:first-of-type{
    padding: 30px 36px;
}
.content__wrap--contact--03 .content__block--contact--03{
    width: 360px;
    height: 170px;
    background: #fff;
    padding: 30px 20px 36px;
    flex-wrap: wrap;
    flex-shrink: 0;
    gap: 0 10px;
}
    .content__block--contact--03:not(:first-of-type) .content__ttl--contact--03{
        margin-bottom: 20px;
    }
    .content__block--contact--03 .content__btn--contact--tel{
        display: flex;
        align-items: baseline;
        gap: 10px;
    }
.content__info--contact--03{
    display: flex;
    gap: 0 16px;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px){
.section__wrapper--contact--03[class*="section__wrapper--"]{
    width: 100%;
    margin: 0 auto;
    padding-block: 0;
    background-color: #EEEEEE;
}
.section__wrapper--contact--03 .section__inner{
    width: var(--screen-size);
    margin: 0 auto;
    padding-block: 16vw;
}
[class*="section__wrapper--contact--"].section__wrapper--contact--03 [class*="content__btn--contact--"]{
    width: inherit;
}
.section__wrapper--contact--03 .content__wrap--contact--03{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 4vw;
    width: 100%;
}
.section__wrapper--contact--03 .content__block--contact--03,
.section__wrapper--contact--03 .content__wrap--contact--03 .content__block--contact--03:first-of-type{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 4vw;
    width: 100%;
    background: #fff;
    padding: 5.333vw;
    border-radius: 1.067vw;
    box-sizing: border-box;
    height: auto;
}
.section__wrapper--contact--03 .content__ttl--contact--03,
.section__wrapper--contact--03 .content__block--contact--03:not(:first-of-type) .content__ttl--contact--03{
    width: 100%;
    margin-bottom: 0;
    font-size: 4.267vw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.2em;
    color: #ABABAB;
}
.section__wrapper--contact--03 .content__icon--tel,
.section__wrapper--contact--03 .content__icon--mail,
.section__wrapper--contact--03 .content__icon--line{
    position: absolute;
    top: auto;
    bottom: auto;
    left: 6vw;
    margin: 0;
    flex-shrink: 0;
    width: 8vw;
    height: 8vw;
    color: #fff;
}
.section__wrapper--contact--03 .content__info--contact--03{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.133vw;
    width: 100%;
}
.section__wrapper--contact--03 .content__txt--contact--03{
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: #7D7D7D;
}
.section__wrapper--contact--03 [class*="content__btn--contact--"]{
    width: 100%;
    height: auto;
    margin: 0;
}
.section__wrapper--contact--03 [class*="content__btn--contact--"] a{
    width: 100%;
    height: 16vw;
    padding: 0 5.333vw;
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 1;
    gap: 1.333vw;
    border: none;
    border-radius: 9999px;
}
.section__wrapper--contact--03 .content__btn--contact--tel{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.333vw;
    width: 100%;
    height: 16vw;
    margin: 0;
    background: #333;
    border-radius: 9999px;
    padding-left: 5vw;
}
.section__wrapper--contact--03 .content__btn--contact--tel .content__txt--tel{
    font-size: 5.333vw;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
.section__wrapper--contact--03 .content__btn--contact--mail a{
    background: #333;
    color: #fff;
}
.section__wrapper--contact--03 .content__btn--contact--line a{
    background: #06C755;
    color: #fff;
}
.section__wrapper--contact--03 [class*="content__icon--btn--"]{
    width: 6.933vw;
    height: auto;
    right: 5.333vw;
    color: #fff;
}
.section__wrapper--contact--03 .content__btn--contact--mail [class*="content__icon--btn--"]{
    aspect-ratio: 26 / 22;
}
.section__wrapper--contact--03 .content__btn--contact--line [class*="content__icon--btn--"]{
    aspect-ratio: 25 / 27;
}
.section__wrapper--contact--03 a:hover,
.section__wrapper--contact--03 a:active{
	opacity: 1;
}
.section__wrapper--contact--03 .content__btn--contact--mail a:hover,
.section__wrapper--contact--03 .content__btn--contact--mail a:active{
	background: #333;
	color: #fff;
}
.section__wrapper--contact--03 .content__btn--contact--line a:hover,
.section__wrapper--contact--03 .content__btn--contact--line a:active{
	background: #06C755;
	color: #fff;
}
.section__wrapper--contact--03 .content__txt--tel:hover,
.section__wrapper--contact--03 .content__txt--tel:active{
	color: #fff;
	opacity: 1;
	background-color: transparent;
}
}