@charset "UTF-8";
/* CSS Document */

.outline {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0 90px 0;
}
.outline h1 {
    text-align: center;
    font-size:34px ;
    font-size: 3.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 30px;
}
.outline h1 span {
	font-family :"Gotham",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    color: #00a53c;
    font-size:15px ;
    font-size: 1.5rem;
    font-weight: 300;
}

.outline-cont {
    border-top: 2px solid #00a53c;
    border-bottom: 2px solid #00a53c;
}
.outline-cont ul {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #000;
}
.outline-cont ul:last-child {
    border-bottom: none;
}
.outline-cont li {
    font-size:16.5px ;
    font-size: 1.65rem;
    line-height: 35px;
    line-height: 3.5rem;
}
.outline-cont li:first-child {
    width: calc(17% - 20px);
    padding: 16px 0 16px 20px;
}
.outline-cont li:last-child {
    width: 83%;
    padding: 16px 0;
}

.outline h2 {
    text-align: center;
    color: #00a53c;
    font-size:22px ;
    font-size: 2.2rem;
    line-height: 26px;
    line-height: 2.6rem;
    font-weight: 500;
    margin: 80px 0 15px 0;
}
.outline h2 span {
    color: #000;
    font-size:16px ;
    font-size: 1.6rem;
    font-weight: 300;
}
ul.staff {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-top: 2px solid #00a53c;
    border-bottom: 2px solid #00a53c;
}
ul.staff li:first-child {
    width: 54.5%;
}
ul.staff li:last-child {
    width: 45.5%;
    padding: 10px 0;
    font-size:16.5px ;
    font-size: 1.65rem;
    line-height: 35px;
    line-height: 3.5rem;
}
ul.staff li:last-child table {
    width: 55%;
}
ul.manager {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size:16.5px ;
    font-size: 1.65rem;
    line-height: 50px;
    line-height: 5.0rem;
}
ul.manager li:first-child {
    width: calc(31.2% - 20px);
    padding-left: 20px;
}
ul.manager li:last-child {
    width: 68.8%;
}

@media only screen and (min-width:600px) and (max-width:768px) {
    .outline {
        width: 100%;
    }
    
    ul.staff li:last-child table {
        width: 80%;
    }
}

@media screen and ( max-width:599px ) {
    .outline {
        width: 87.5%;
        margin: 0 auto;
        padding: 30px 0 60px 0;
    }
    .outline h1 {
        font-size:30px ;
        font-size: 3.0rem;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .outline h1 span {
        font-size:12px ;
        font-size: 1.2rem;
    }
    
    .outline-cont ul {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        border-bottom: 1px solid #000;
    }
    .outline-cont li {
        font-size:13.5px ;
        font-size: 1.35rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    .outline-cont li:first-child {
        width: 26%;
        padding: 10px 0;
    }
    .outline-cont li:last-child {
        width: 74%;
        padding: 10px 0;
    }
    
    .outline h2 {
        font-size:18px ;
        font-size: 1.8rem;
        line-height: 22px;
        line-height: 2.2rem;
        margin: 50px 0 15px 0;
    }
    .outline h2 span {
        font-size:12px ;
        font-size: 1.2rem;
    }
    ul.staff li:first-child {
        width: 45%;
        padding-left: 0;
        font-size:13.5px ;
        font-size: 1.35rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    ul.staff li:nth-child(2) {
        width: 37.5%;
        font-size:13.5px ;
        font-size: 1.35rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    ul.staff li:last-child {
        width: 55%;
        padding: 10px 0;
        font-size:13.5px ;
        font-size: 1.35rem;
        line-height: 25px;
        line-height: 2.5rem;
    }
    ul.staff li:last-child table {
        width: 100%;
    }
    
    ul.manager {
        width: 100%;
        margin-bottom: 16px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size:13.5px ;
        font-size: 1.35rem;
        line-height: 16px;
        line-height: 1.6rem;
    }
    ul.manager li:first-child {
        width: 100%;
        padding-left: 0;
    }
    ul.manager li:last-child {
        width: 100%;
        padding: 0;
    }
}

.floor {
    width: 100%;
    background-color: #f0f0f0;
}
.floor-cont {
    width: 1000px;
    margin: 0 auto 90px auto;
    padding: 50px 0 90px 0;
}
.floor-cont h1 {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    text-align: center;
    font-size:34px ;
    font-size: 3.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 60px;
}
.floor-cont h1 span {
	font-family :"Gotham",  "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    color: #00a53c;
    font-size:15px ;
    font-size: 1.5rem;
    font-weight: 300;
}

.floor3f,
.floor2f,
.floor1f {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.floor3f {
    margin-bottom: 130px;
}
.floor3f div:first-child {
    width: 60%;
}
.floor3f div:last-child {
    width: 35.5%;
}
.floor3f div:last-child ul {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.floor3f div:last-child li {
    width: 49.3%;
}
.floor3f div:last-child li p {
    padding-top: 10px;
    min-height: 80px;
    font-size:15px ;
    font-size: 1.5rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding-left: 1em;
    text-indent: -1em;
}
.floor3f div:last-child li p span {
    color: #00a53c;
    font-weight: 500;
}
.floor2f {
    margin-bottom: 130px;
}
.floor2f div:first-child {
    width: 60%;
}
.floor2f div:last-child {
    width: 35.5%;
    -webkit-order: -1;
    order: -1;
}
.floor2f div:last-child ul {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.floor2f div:last-child li {
    width: 49.3%;
}
.floor2f div:last-child li p {
    padding-top: 10px;
    min-height: 80px;
    font-size:15px ;
    font-size: 1.5rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding-left: 1em;
    text-indent: -1em;
}
.floor2f div:last-child li p span {
    color: #00a53c;
    font-weight: 500;
}
.floor1f div:first-child {
    width: calc(60% - 104px);
    padding-left: 104px;
}
.floor1f div:last-child {
    width: 35.5%;
}
.floor1f div:last-child ul {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.floor1f div:last-child li {
    width: 49.3%;
}
.floor1f div:last-child li p {
    padding-top: 10px;
    min-height: 80px;
    font-size:15px ;
    font-size: 1.5rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding-left: 1em;
    text-indent: -1em;
}
.floor1f div:last-child li p span {
    color: #00a53c;
    font-weight: 500;
}

@media only screen and (min-width:600px) and (max-width:768px) {
    .floor-cont {
        width: 100%;
        padding: 50px 0;
    }
    
    .floor3f {
        margin-bottom: 50px;
    }
    .floor2f {
        margin-bottom: 50px;
    }
}

@media screen and ( max-width:599px ) {
    .floor-cont {
        width: 93.75%;
        margin: 0 auto 50px auto;
        padding: 35px 0 60px 0;
    }
    .floor-cont h1 {
        font-size:30px ;
        font-size: 3.0rem;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .floor-cont h1 span {
        font-size:12px ;
        font-size: 1.2rem;
    }

    .floor3f,
    .floor2f,
    .floor1f {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .floor3f {
        margin-bottom: 20px;
    }
    .floor3f div:first-child {
        width: 100%;
        margin-bottom: 30px;
    }
    .floor3f div:last-child {
        width: 100%;
    }
    .floor3f div:last-child li {
        width: 44.6%;
    }
    .floor3f div:last-child li p {
        padding-top: 5px;
        min-height: 50px;
        font-size:12px ;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .floor2f {
        margin-bottom: 20px;
    }
    .floor2f div:first-child {
        width: 100%;
        margin-bottom: 30px;
    }
    .floor2f div:last-child {
        width: 100%;
        -webkit-order: 0;
        order: 0;
    }
    .floor2f div:last-child li {
        width: 44.6%;
    }
    .floor2f div:last-child li p {
        padding-top: 5px;
        min-height: 50px;
        font-size:12px ;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .floor1f div:first-child {
        width: 80%;
        padding: 0 10%;
        margin-bottom: 30px;
    }
    .floor1f div:last-child {
        width: 100%;
    }
    .floor1f div:last-child li {
        width: 44.6%;
    }
    .floor1f div:last-child li p {
        padding-top: 5px;
        min-height: 50px;
        font-size:12px ;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
}