@charset "UTF-8";

/* CSS Document */

/*====================================

    page_ttl

====================================*/

.page_ttl {
    padding: 0 40px;
    background: url(../images/page_ttl.jpg) no-repeat center center;
    background-size: cover;
}
.page_ttl p {
    font-size: 200%;
    padding: 220px 0;
    color: #fff;
}

/*====================================

    comment

====================================*/

.comment {
    padding: 0 40px;
    background: #f0ebe3;
    padding: 100px 0;
    margin-bottom: 60px;
}
.comment .ttl {
    width: 100%;
    text-align: center;
    font-size: 140%;
    margin-bottom: 40px;
}
.comment p {
    width: 100%;
    text-align: center;
}

/*====================================

    wrap_cell

====================================*/

.wrap_cell {
    padding: 0 40px;
    margin-bottom: 100px;
}
.wrap_cell .cell {
    margin-bottom: 80px;
}
.wrap_cell .cell:last-child {
    margin-bottom: 0px;
}
.wrap_cell .cell:nth-child(odd) {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.wrap_cell .cell:nth-child(even) {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.wrap_cell .cell .ph {
    width: 40%;
}
.wrap_cell .cell .text {
    width: 60%;
}
.wrap_cell .cell:nth-child(odd) .text {
    padding-right: 60px;
}
.wrap_cell .cell:nth-child(even) .text {
    padding-left: 60px;
}
.wrap_cell .cell .text .ttl {
    font-size: 120%;
    font-weight: 400;
    margin-bottom: 20px;
}

/*====================================

    wrap_list

====================================*/

.wrap_list {
    padding: 0 40px;
    margin-bottom: 100px;
}
.wrap_list ul {
    margin-right: -3.33%;
}
.wrap_list ul li {
    float: left;
    width: 30%;
    margin-right: 3.33%;
    text-align: left;
}
.wrap_list ul li:nth-child(2n) {
    transition-delay: .2s;
}
.wrap_list ul li:nth-child(3n) {
    transition-delay: .4s;
}
.wrap_list ul li .ph {
    margin-bottom: 20px;
}
.wrap_list ul li .text .ttl {
    font-weight: 400;
    margin-bottom: 10px;
}
.wrap_list ul li .text p {
    font-size: 90%;
    margin-bottom: 20px;
}