.choco {
    color: chocolate;

}

.red {
    color: rgb(230, 6, 6);
}


#header .flex {
    display: inline-flex;
    align-items: center;
}

#header .flex .logo {
    width: 100px;
    /*画像サイズ指定*/
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

#header .flex .right {
    margin: 0 0 0 20px;
    padding: 0;
}

#header .flex .right .title {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
}

#header .image {
    width: 100%;
    margin: 0 auto;
}

#header .image img {
    width: 100%;
}

#header .phone {
    display: flex;
    justify-content: end;

}

#header .phone .a {
    color: black;
    font-weight: bold;

}



#header .nav {
    width: 100%;
    height: 70px;
    background-color: white;
    padding-top: 3px;
    box-sizing: border-box;

}

#header .nav .ul {
    display: flex;
    justify-content: right;
}

#header .nav .li {
    list-style: none;
}

#header .nav .a {
    display: block;
    text-decoration: none;
    color: dimgray;
    margin-right: 35px;
    font-weight: bold;
}

#container {
    font-family: arial;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 720px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#container .h3 {
    text-align: center;
    font-size: large;
}

#container .p {
    font-size: medium;
}

#container .iframe {
    width: 640px;
}

#container .nav {
    width: 100%;
    height: 25px;
    background-color: lightcyan;
    box-sizing: border-box;

}

#container .nav .ul {
    display: flex;
    justify-content: left;
}


#container .nav .a {
    display: block;
    text-decoration: none;
    color: gray;
    font-weight: bold
}

#container .flex {
    display: flex;
}

#container .flex .image {
    width: 720px;
    /*画像サイズ指定*/
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

#container .flex .image img {
    width: 80%;
    height: auto;
}

#container .flex .text {
    width: 110%;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: left;
}


#jouhou {
    width: 100%;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
}

#jouhou th,
#jouhou td {
    border: 1px solid rgb(255, 226, 230);
    padding: 20px;
}

#jouhou th {
    font-weight: bold;
    background-color: lightgray;
    width: 120px;
}


#group {
    font-family: arial;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 720px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
}


#group .nav {
    width: 100%;
    height: 30px;
    background-color: lemonchiffon;
    box-sizing: border-box;

}

#group .nav .ul {
    display: flex;
    justify-content: left;
}


#group .nav .a {
    display: block;
    text-decoration: none;
    color: dimgray;
    font-size: x-large;
    font-weight: bold
}

#group .flex {
    display: flex;
}

#group .flex .iflame {
    width: 100%;
    /*画像サイズ指定*/
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}


#group .flex .text {
    width: 100%;
    margin: 0 0 0 30px;
    padding: 0;
    text-align: left;
}





#kyuujin {
    width: 100%;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
}

#kyuujin th,
#kyuujin td {
    border: 1px solid mintcream;
    padding: 20px;
}

#kyuujin th {
    font-weight: bold;
    background-color: lightcyan;
    width: 180px;
}

#link {
    font-family: arial;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 720px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
}



#footer {
    border-top: solid 1px lightgrey;
    margin-top: 80px;
}

#footer .ul {
    text-align: center;
}

#footer .ul .li {
    padding: 4px;
    display: inline;
    text-align: center;
}

#footer .p {
    text-align: center;
}