@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
}
body{
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
    line-height: 1.7;
    color: #432;
}

a {
    text-decoration: none;
    color:inherit;
}

.list a:hover {
    background-color:lightgray;
    color: white;
}

img {
    max-width: 100%;
    vertical-align:bottom;
}

li{
    list-style-type: none;
}

/* レイアウト */

#wrapper {
    max-width: 1000px;
    margin: 0 auto;
}

.header {
    height:70px;
    border-top: solid 10px red;
    border-bottom: solid 5px gray;
    display:flex;
    padding: .5rem;
}

.rogo {
    width: 200px;
    height:55px;
    object-fit: cover;
}

.menu {
    width:70%;
    display: flex;
    padding-left: 2.5rem;
    justify-content :space-evenly;
    font-size: .8rem;
    line-height: 2.5rem;
}

.list {
    display:block;
    height:50px;
    width: auto;
}



.contents {
    margin-top: 2rem;
    padding: 0 2.5rem;
}

.title {
    text-align: center;
    font-size: 1.5rem;
}

.title::after{
    content:"\A";
    white-space:pre;
}

.text {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.text::after{
    content:"\A";
    white-space:pre;
}

.footer {
    margin-top: 1rem;
    height:50px;
    padding: 0 2rem;
    line-height: 3rem;
    background-color:red;
    color: white;
}

/* タブレット
------------------------------- */
@media (min-width: 400px) {
  .title {
    text-align: center;
    font-size: 1.2rem;
    }
    
｝