﻿.table_profile {
	width: 80%;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3%;
}

.table_profile th, td {
padding: 10px 15px;
border: 1px solid #ddd;
}

.table_profile th {
background: #f4f4f4;
width: 15%;
text-align: left;
}
.google-map{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width:960px) {
.table_profile {
	width: 100%;
}
.table_profile th, td {
width: auto;
display: block;
border-top: none;
}
.table_profile tr:first-child {
border-top: 1px solid #d5d5d5;
}
.google-map{
	width: 80%;
}
}

/* flex layout for image and message block */
.flex {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 80px auto;
    padding: 0 5%;
    max-width: 1200px;
}

.flex .image img {
    max-width: 420px;
    border-radius: 8px;
}

.flex .right .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.flex .right .text {
    line-height: 1.9;
    font-size: 16px;
    color: #333;
}

/* ▼ スマホ対応 */
@media screen and (max-width: 768px) {
    .flex {
        flex-direction: column;
        text-align: center;
    }

    .flex .right {
        text-align: left;
    }

    .flex .image img {
        max-width: 100%;
    }
}
