@charset "UTF-8";

/* CSS Document */

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

	#wp_app

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

#wp_app {
    padding: 40px 0;
}
#wp_app>.inner {
    width: 800px;
    margin: 0 auto;
    background: #fff;
    border-radius: 40px;
    overflow: hidden;
    border: 2px solid #edddb8;
}

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

    #intro

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

#intro {
    padding: 60px 40px;
    background: #fff0ce;
    border-radius: 0 0 40px 40px;
}
#intro .inner {
}
#intro .inner h1 {
    font-weight: bold;
    font-size: 200%;
    margin-bottom: 40px;
    line-height: 1.5em;
    width: 100%;
    text-align: center;
}
#intro .inner h1 span {
    display: block;
    font-size: 70%;
}
#intro .inner p {
    line-height: 2em;
    font-size: 110%;
}
#intro .inner p img {
    float: right;
    width: 160px;
    margin: 0 0 40px 40px;
}

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

    section

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

section {
}
section.bg_color {
    background: #f7f7f7;
    border-radius: 40px;
}
section>.inner {
    padding: 80px 40px;
}
section>.inner h2 {
    font-size: 150%;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

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

    wp_graph

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

.wp_graph {
}
.wp_graph .cell {
    margin-bottom: 60px;
}
.wp_graph .cell .cell_ttl {
    width: 100%;
    text-align: center;
    margin-bottom: -20px;
}
.wp_graph .cell .cell_ttl h3 {
    font-size: 140%;
    background: #ff4200;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    padding: .6em 2em;
    border-radius: 60px;
    color: #fff;
    font-weight: bold;
}
.wp_graph .cell .cell_ttl h3 span {
    display: inline-block;
    font-size: 60%;
}
.wp_graph .cell .cell_ph {
    padding: 60px 160px 30px;
    border: 2px solid #ff4200;
    border-radius: 40px;
    background: #fff;
}
.wp_graph .cell .cell_ph_min {
    padding: 60px 20px 30px;
    border: 2px solid #ff4200;
    border-radius: 40px;
    background: #fff;
}

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

    .wp_comment

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

.wp_comment {
    border-bottom: 4px solid #ccc;
    border-radius: 0 0 40px 40px;
}
.wp_comment:before {
    content: '';
    background: url(../images/comment_bg_top.svg) repeat-x;
    background-size: auto 60px;
    width: 100%;
    height: 60px;
    display: block;
}
.wp_comment .inner {
    padding: 40px;
    background: #fff1d5;
    border-radius: 0 0 40px 40px;
}
.wp_comment p {
    font-size: 110%;
    line-height: 1.85em;
}
.wp_comment p span {
    background: url(../images/comment_line.svg) repeat-x left 0 bottom 0;
    background-size:  auto 2px;
    font-size: 100%;
}
.wp_comment p span strong {
    font-size: 120%;
    font-weight: bold;
}