@charset "UTF-8";

.area1 {
    background-color: rgba(62, 171, 224, 1);
    text-align: center;
    padding: 1em 0;
}
.p-w {
    color: #FFF;
    margin: 0;
}
.p-y {
    color: rgba(255, 243, 70, 1);
    margin: 0;
    line-height: 1.4;
}
.p-r {
    color: #F00;
    margin: 0;
}
.p-s140 {
    font-size:140%;
}
.p-s230 {
    font-size:230%;
}
.p-s280 {
    font-size:280%;
}
.area1 p:not(:last-child) {
    margin: 0 0 1em;
}
.area2 {
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 20px;
}
.area2 div:nth-child(1) {
    font-size: 150%;
}
.title {
    font-size: 200%;
}
.content {
    margin: 1.5em 0 0 5em;
}

.box1 {
    border: 2px solid rgba(115, 149, 210, 1);
    font-size: 134%;
    padding: 5px 10px;
}
.box2 > div > div.row1,
.box2 > div > div.row2,
.box2 > div > div.row3 {
    display:flex;
    justify-content: center;
    align-items: center;
}
.row1 > div:nth-child(1),
.row2 > div:nth-child(1),
.row2 > div:nth-child(1) img {
    width: 200px;
    text-align: center;
}
.row1 > div:nth-child(2),
.row2 > div:nth-child(2),
.row2 > div:nth-child(2) img {
    width: 150px;
    text-align: center;
    font-size: 50px;
    color: #f00;
}
.row1 > div:nth-child(3),
.row2 > div:nth-child(3),
.row2 > div:nth-child(3) img {
    width: 300px;
    text-align: center;
}
.row1 {
    font-size: 150%;
}
.row3 {
    margin: 5px 0 25px 0;
    font-size: 130%;
}
.row3 > div {
    min-width: 650px;
    text-align: right;
}
.area3 {
    border: 7px solid rgba(242, 242, 242, 1);
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 20px;
    font-size: 150%;
}
.tel span:after {
    content: '　';
}
.tel_hsk span {
    display: block;
}