@charset 'UTF-8';

@media screen and (max-width: 767px) {

    h2 {
        margin: 20px auto 20px;
        width: 100%;
    }

    h2 img {
        display: block;
    }

    .productContentsBg {
        margin: 20px auto 0;
        padding: 0 0 0;
        width: 100%;
        background: #fff;
        filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.1));
    }

    .productContentsInner {
        margin: 0 auto;
        width: 100%;
    }

    #PD-block01 {
        width: 100%;
        margin: 0;
        padding: 10px 0 60px;
    }

    .jasmark-area {
        margin: 20px auto 0;
        padding: 10px 10px;
        width: 90%;
        display: flex;
        flex-direction: column;
        border: solid 1px #999;
        border-radius: 8px;
    }

    .jasmark-area .jasmark_img {
        width: 30%;
        margin: 0 auto 0;
    }

    .jasmark-area .jasmark_img img {
        width: 100%;
    }

    .jasmark-area .jasmark_copy {
        margin: 10px 0 0;
        font-size: 0.875rem;
        color: #333;
    }

    .about-area {
        margin: 30px auto 0;
        width: 90%;
    }

    .about-area .about-logo-part {
        margin: 0 auto 0;
        width: 100%;
    }

    .about-area .about-logo_img {
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid #d40012;
    }

    .about-area img {
        margin: 0 auto 0;
        width: 80%;
    }

    .about-area .about-main_copy {
        padding-top: 10px;
        font-size: 1.125rem;
        font-weight: 600;
        color: #604c3f;
    }

    .about-product-part {
        margin: 20px auto 0;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .about-product-part .about-package_img {
        margin: 0 auto 0;
        width: 80%;
    }

    .about-product-part img {
        width: 100%;
    }

    .about-product-part .about_discription-con {
        /*flex-basis: 57%;*/
        margin: 20px 0 0;
        width: 100%;
    }

    #about_discription-box01,
    #about_discription-box02,
    #about_discription-box03,
    #about_discription-box04 {
        margin: 0 auto 20px;
        display: flex;
    }

    .about-product-part .kuriBG {
        margin-right: 10px;
        width: 30px;
        padding-top: 2px;
        text-align: center;
        font-weight: 700;
        color: #fff;
        background-image: url(../images/kuri_pic.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
    }

    .about_discription {
        width: calc(100% - 40px);
        font-size: 1rem;
        color: #604c3f;
    }

    #about_discription-box04 .about_discription {
        padding-left: 2em;
        text-indent: -2em;
    }

    .about-linkbtn-part {
        margin: 10px auto 0;
        width: 80%;
        display: flex;
        flex-direction: column;
    }

    .about-linkbtn01 {
        overflow: hidden;
        width: 100%;
        height: 60px;
        margin: 0 0 20px;
        flex-shrink: 0;
    }

    .about-linkbtn01 a {
        display: block;
        position: relative;
        z-index: 100;
        text-align: center;
        background: #e12014;
        color: #fff;
        font-size: 1rem;
        font-weight: 600;
        line-height: 60px;
        text-decoration: none;
        outline: 1px solid #fff;
        outline-offset: -8px;
        transition: 0.5s;
    }

    .about-linkbtn01 a span {
        font-size: 0.75rem;
    }

    .about-linkbtn01 a:before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 5%;
        width: 0;
        height: 0;
        margin-top: -8px;
        border: 8px solid transparent;
        border-left: 8px solid #fff;
    }

    .o2-area {
        width: 100%;
        margin: 0 auto 0;
        padding: 20px 0 0;
    }

    .o2-area .o2-tit-part {
        width: 90%;
        margin: 0 auto 0;
        padding: 10px 0;
        border-top: 1px solid #604c3f;
        border-bottom: 1px solid #604c3f;
        text-align: center;
    }

    .o2-area .o2-tit01 {
        font-size: 1.125rem;
        font-weight: 500;
        color: #00823a;
    }

    .o2-area .o2-tit02 {
        font-size: 1.75rem;
        font-weight: 700;
        color: #00823a;
    }

    .o2-area .o2-tit03 {
        font-size: 1.125rem;
        font-weight: 600;
        color: #604c3f;
    }

    .o2-pic01 {
        width: 100%;
        margin: 10px auto 20px;
    }

    .o2-pic01 img {
        width: 100%;
    }

    .o2-hikaku-part {
        width: 100%;
        margin: 10px auto 0;
        display: flex;
        flex-direction: column;
    }

    .o2-hikaku-part .o2-hikaku-left {
        width: 100%;
        border: 2px solid #d40012;
    }

    .o2-hikaku-tit {
        padding: 2px 0 4px;
        font-size: 1.125rem;
        font-weight: 500;
        color: #fff;
        text-align: center;
    }

    .o2-hikaku-part .o2-hikaku-left .o2-hikaku-tit {
        background: #d40012;
    }

    .o2-hikaku-main {
        margin: 10px 0 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .o2-hikaku-copy {
        font-size: 1rem;
        font-weight: 500;
        color: #333;
        text-align: center;
    }

    .o2-hikaku-part .o2-hikaku-left span {
        font-weight: 600;
        color: #d40012;
    }

    .o2-hikaku-img {
        margin: 10px 20px 10px;
    }

    .o2-hikaku-part .o2-hikaku-right {
        margin: 20px 0 0;
        width: 100%;
        border: 2px solid #2560A6;
    }

    .o2-hikaku-part .o2-hikaku-right .o2-hikaku-tit {
        background: #2560A6;
    }

    .o2-hikaku-part .o2-hikaku-right span {
        font-weight: 600;
        color: #2560A6;
    }

    .o2-hikaku-discription {
        width: 100%;
        margin: 20px auto 0;
        font-size: 1rem;
        color: #333;
    }

    #PD-block02 {
        width: 100%;
        margin: 0 0 0;
        padding: 30px 0 60px;
        background-color: #ffffd3;
    }

    .kodawari-tit-part {
        margin: 0 auto 0;
        width: 90%;
    }

    .kodawari-tit {
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #d40012;
    }

    #PD-block02 .kodawari-tit-part img {
        width: calc(623 / 1000 *100%);
        margin: 0 auto 0;
    }

    .kodawari-main_copy {
        padding-top: 10px;
        font-size: 1.125rem;
        font-weight: 700;
        color: #604c3f;
    }

    .anzen01-area {
        width: 100%;
        margin: 30px 0 30px;
        background-color: #fff;
    }

    .anzen01-area .anzen01-con {
        margin: 0 auto 0;
        width: 90%;
        padding: 20px 0;
        display: flex;
        align-items: flex-start;
    }

    .anzen01-area .anzen-jasmark {
        flex-basis: 30%;
        margin-right: 20px;
    }

    .anzen01-area .anzen01-copy-con {
        flex-basis: 70%;
    }

    .anzen01-area .anzen01-copy01 {
        margin: 0 0 10px;
        padding: 5px 10px;
        font-size: 1.25rem;
        font-weight: 600;
        color: #00823a;
        border: 3px solid #00823a;
        display: inline-block;
    }

    .anzen01-area .anzen01-copy02 {
        font-size: 1rem;
        font-weight: 600;
        color: #333;
    }

    .anzen02-area,
    .anzen03-area {
        width: 90%;
        margin: 20px auto 0;
    }

    .anzen-tit-part {
        height: 44px;
        display: flex;
    }

    .anzen-tit {
        padding: 5px 5px 5px 15px;
        font-size: 1.25rem;
        font-weight: 600;
        color: #fff;
        background-color: #00823a;
    }

    .anzen-tit-circle {
        margin-left: -1px;
        display: inline-block;
        width: 22px;
        border-radius: 0 100% 100% 0% / 50%;
        background: #00823a;
    }

    .anzen-subtit-part {
        margin: 20px 0 0;
        display: flex;
        align-items: center;
    }

    .anzen-kuri {
        width: 15%;
        margin-right: 10px;
    }

    .anzen-subtit-part img {}

    .anzen-subtit {
        width: calc(85% - 10px);
        font-size: 1.125rem;
        font-weight: 700;
        color: #604c3f;
    }

    .anzen02-graph-tit-area {
        width: 100%;
        margin: -20px auto 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .anzen02-graph-tit-area .anzen02-graph-tit {
        margin: 0 0 5px;
        font-size: 0.875rem;
        font-weight: 700;
        color: #333;
    }

    .anzen02-graph-tit-area .anzen02-package01 {
        width: 30%;
        margin: 0 0 5px;
        ;
    }

    .anzen02-graph-con {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .anzen02-graph-left {
        flex-basis: 10%;
        margin-right: 5px;
    }

    .anzen02-pic01 {
        width: 100%;
    }

    .anzen02-graph {
        width: calc(90% - 5px);
    }

    .anzen02-graph table {
        border-collapse: collapse;
        background-color: #fff;
    }

    .green {
        color: #00823a;
    }

    .brown {
        color: #604c3f;
    }

    .anzen02-graph th {
        width: 35%;
        padding: 5px;
        border: solid 2px #00823a;
        font-size: 1rem;
        font-weight: 600;
        text-align: left;
    }

    .anzen02-graph th span {
        font-size: 0.75rem;
        font-weight: 300;
    }

    .anzen02-graph td {
        padding: 5px;
        border: solid 2px #00823a;
        font-size: 0.875rem;
    }

    .anzen02-caution-area {
        margin: 5px 0 20px calc(10% + 5px);
    }

    .anzen02-caution {
        font-size: 0.75rem;
        color: #333;
    }

    .anzen02-risk-con {
        width: 100%;
        margin: -20px auto 0;
        display: flex;
        flex-direction: column;
    }

    .anzen02-risk-con .anzen02-risk-left {
        width: 100%;
    }

    .anzen02-risk-con .anzen02-package02 {
        width: 30%;
        margin: 0 0 0 auto;
    }

    .anzen02-risk-con .anzen02-package02 img {
        width: 100%;
    }

    .anzen02-risk-con .anzen02-risk-right {
        width: 100%;
    }

    .anzen02-risk-con .anzen02-risk-pic {
        margin: 0 0;
    }

    .anzen02-risk-con .anzen02-pic02 {
        width: 100%;
    }

    .anzen02-risk-copy {
        margin: 10px 0 0 5px;
        display: flex;
        flex-flow: wrap;
    }

    .anzen02-risk-copy p {
        width: calc(100% / 3);
        margin: 0 0 10px 0;
        padding: 0 5px 0 1em;
        font-size: 0.75rem;
        color: #333;
        text-indent: -1em;
    }

    .anzen03-copy01 {
        width: 100%;
        margin: 10px auto 0;
        font-size: 1rem;
        font-weight: 600;
        color: #333;
    }

    .anzen03-main-part {
        width: 100%;
        margin: 20px 0 0;
        display: flex;
    }

    .anzen03-main-part .anzen03-pic {
        width: 50%;
        margin-right: 10px;
    }

    .anzen03-main-part img {
        width: 100%;
    }

    .anzen03-main-part .anzen03-discription {
        width: calc(50% - 10px);
        font-size: 1rem;
        color: #333;
    }

    #PD-block03a {
        width: 100%;
        margin: 0 0 0;
        padding: 30px 0 20px;
        background-color: #ceffce;
    }

    #PD-block03a .kodawari-tit-part img {
        width: calc(799 / 1000 *100%);
        margin: 0 auto 0;
    }

    .seizou01-area,
    .seizou02-area {
        width: 90%;
        margin: 0 auto 0
    }

    .seizou01-tit,
    .seizou02-tit {
        width: 94%;
        height: 40px;
        margin: 40px auto 60px;
        padding: 2px 0 0;
        border-radius: 24px;
        display: flex;
    }

    .seizou01-tit {
        background-color: #604c3f;
        border: solid 2px #e1c174;
    }

    .kuri3_img {
        margin: -10px 0 0 -20px;
        width: calc(263/180 * 48px);
        height: 48px;
        padding-top: 2px;
    }

    .kuri3_img img {
        width: 100%;
    }

    .flow_title {
        font-size: 1.25rem;
        font-weight: 700;
        text-align: center;
    }

    .seizou01-tit .flow_title {
        width: calc(100% - (263/180 * 48px) + 20px);
        padding-right: calc(263/180 * 48px - 20px);
        color: #e1c174;
    }

    .seizou-flow-box {
        margin: 20px 0 0;
    }

    .flow-card {
        width: 88%;
        height: 35px;
        margin: 0 auto 0;
        border-radius: 24px;
        display: flex;
    }

    .seizou01-area .flow-card {
        background-color: #e1c174;
        border: solid 2px #604c3f;
    }

    .seizou01-area .kuriBG,
    .seizou02-area .kuriBG {
        margin: -10px 0 0 -10px;
        width: calc(131/117 * 45px);
        height: 45px;
        padding-top: 4px;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
        background-image: url(../images/kuri_pic.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
    }

    .flow_name {
        width: calc(100% - (131/117 * 45px) + 10px);
        padding-right: calc(131/117 * 45px - 10px);
        font-size: 1.125rem;
        font-weight: 700;
        text-align: center;
    }

    .seizou01-area .flow_name {
        color: #604c3f;
    }

    .flow-discription-area {
        margin: 20px auto 0;
        width: 80%;
        display: flex;
        flex-direction: column;
    }

    .flow_discription {
        margin: 0 auto 0;
        text-align: left;
        font-size: 1rem;
        color: #604c3f;
    }

    .flow-onepoint-area {
        margin: 20px auto 0;
        width: 88%;
    }

    .flow_onepoint {
        margin: 20px auto 0;
        width: 100%;
        padding: 0.5em 1em 0.5em 2em;
        border: 1px solid #604c3f;
        text-indent: -1em;
        font-size: 0.875rem;
        color: #604c3f;
    }

    .flow-arrow-box {
        margin: 0 auto 0;
        width: 80%;
    }

    .flow-arrow {
        margin: 20px auto 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 0 20px;
    }

    .seizou01-area .flow-arrow {
        border-color: #604c3f transparent transparent transparent;
    }

    .flow-pic01 {
        width: 90%;
        margin: 10px auto 10px;
    }

    .flow-pic01 img {
        width: 100%;
    }

    .flow-linkbtn01 {
        overflow: hidden;
        width: 80%;
        height: 60px;
        margin: 10px auto 20px;
        flex-shrink: 0;
    }

    .flow-linkbtn01 a {
        display: block;
        position: relative;
        z-index: 100;
        text-align: center;
        background: #00823a;
        color: #fff;
        font-size: 1rem;
        font-weight: 600;
        line-height: 60px;
        text-decoration: none;
        outline: 1px solid #fff;
        outline-offset: -8px;
        transition: 0.5s;
    }

    .flow-linkbtn01 a:before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 5%;
        width: 0;
        height: 0;
        margin-top: -8px;
        border: 8px solid transparent;
        border-left: 8px solid #fff;
    }

    .PD-block03-border-con {
        width: 100%;
        padding-top: 20px;
        background-color: #ceffce;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .PD-block03-border {
        margin: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 50vw 0 50vw;
        border-color: #ceffce transparent transparent transparent;
        background-color: #ffffd3;
        overflow: hidden;
    }

    #PD-block03b {
        width: 100%;
        margin: 0 0 0;
        padding: 20px 0 60px;
        background-color: #ffffd3;
    }

    .seizou02-tit {
        background-color: #e1c174;
        border: solid 2px #604c3f;
    }

    .seizou02-tit .flow_title {
        width: calc(100% - (263/180 * 48px) + 20px);
        padding-right: calc(263/180 * 48px - 36px);
        color: #604c3f;
    }

    .seizou02-area .flow-card {
        background-color: #604c3f;
        border: solid 2px #e1c174;
    }

    .seizou02-area .flow_name {
        color: #e1c174;
    }

    .seizou02-area .flow-arrow {
        border-color: #e1c174 transparent transparent transparent;
    }

}


/*サイズ調整追加*/
@media screen and (min-width: 375px) and (max-width: 767px) {

    .kuri3_img {
        margin: -20px 0 0 -20px;
        width: calc(263/180 * 64px);
        height: 64px;
        padding-top: 2px;
    }

    .seizou01-tit .flow_title {
        width: calc(100% - (263/180 * 64px) + 20px);
        padding-right: calc(263/180 * 64px - 20px);
        color: #e1c174;
    }

    .seizou02-tit .flow_title {
        width: calc(100% - (263/180 * 64px) + 20px);
        padding-right: calc(263/180 * 64px - 64px);
        color: #604c3f;
    }

}


@media print,
screen and (min-width: 768px) {

    h2 {
        margin: 40px auto 40px;
        width: 100%;
        max-width: 1000px;
    }

    h2 img {
        display: block;
    }

    .productContentsBg {
        margin: 40px auto 0;
        padding: 0 0 0;
        width: 90%;
        max-width: 1000px;
        background: #fff;
        filter: drop-shadow(3px 6px 3px rgba(0, 0, 0, 0.1));
    }

    .productContentsInner {
        margin: 0 auto;
    }

    #PD-block01 {
        width: 100%;
        margin: 0;
        padding: 20px 0 80px;
    }

    .jasmark-area {
        margin: 20px auto 0;
        padding: 20px 10px;
        width: 80%;
        display: flex;
        align-items: center;
        border: solid 1px #999;
        border-radius: 8px;
    }

    .jasmark-area .jasmark_img {
        flex-basis: 15%;
        margin-right: 20px;
    }

    .jasmark-area .jasmark_img img {
        width: 100%;
    }

    .jasmark-area .jasmark_copy {
        flex-basis: 85%;
        font-size: 1.5rem;
        color: #333;
    }

    .about-area {
        margin: 60px auto 0;
        width: 90%;
    }

    .about-area .about-logo-part {
        margin: 0 auto 0;
        width: 100%;
    }

    .about-area .about-logo_img {
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #d40012;
    }

    .about-area img {
        width: 50%;
    }

    .about-area .about-main_copy {
        padding-top: 10px;
        font-size: 1.75rem;
        font-weight: 700;
        color: #604c3f;
    }

    .about-product-part {
        margin: 20px auto 0;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .about-product-part .about-package_img {
        width: 80%;
        max-width: 500px;
        margin: 20px auto 0;
    }

    .about-product-part img {
        width: 100%;
    }

    .about-product-part .about_discription-con {
        width: 90%;
        max-width: 800px;
        margin: 40px auto 20px;
    }

    #about_discription-box01,
    #about_discription-box02,
    #about_discription-box03,
    #about_discription-box04 {
        margin: 0 auto 20px;
        display: flex;
    }

    .about-product-part .kuriBG {
        margin-top: 5px;
        margin-right: 10px;
        width: 30px;
        padding-top: 2px;
        text-align: center;
        font-weight: 700;
        color: #fff;
        background-image: url(../images/kuri_pic.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
    }

    .about_discription {
        width: calc(100% - 40px);
        font-size: 1.375rem;
        color: #604c3f;
    }

    .about-linkbtn-part {
        margin: 20px auto 0;
        width: 90%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .about-linkbtn01 {
        overflow: hidden;
        width: 360px;
        height: 80px;
        margin: 0 20px 20px;
        flex-shrink: 0;
    }

    .about-linkbtn01 a {
        display: block;
        position: relative;
        z-index: 100;
        text-align: center;
        background: #e12014;
        color: #fff;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 80px;
        text-decoration: none;
        outline: 1px solid #fff;
        outline-offset: -8px;
        transition: 0.5s;
    }

    .about-linkbtn01 a span {
        font-size: 1.25rem;
    }

    .about-linkbtn01 a:hover {
        opacity: 0.5;
    }

    .about-linkbtn01 a:before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 5%;
        width: 0;
        height: 0;
        margin-top: -10px;
        border: 10px solid transparent;
        border-left: 10px solid #fff;
        font-size: 1.25rem;
    }

    .o2-area {
        width: 100%;
        margin: 60px auto 0;
        padding: 20px 0 0;
    }

    .o2-area .o2-tit-part {
        width: 90%;
        margin: 0 auto 0;
        padding: 20px 0;
        border-top: 1px solid #604c3f;
        border-bottom: 1px solid #604c3f;
        text-align: center;
    }

    .o2-area .o2-tit01 {
        font-size: 1.5rem;
        font-weight: 500;
        color: #00823a;
    }

    .o2-area .o2-tit02 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #00823a;
    }

    .o2-area .o2-tit03 {
        font-size: 1.5rem;
        font-weight: 600;
        color: #604c3f;
    }

    .o2-pic01 {
        width: 80%;
        margin: 40px auto 40px;
    }

    .o2-pic01 img {
        width: 100%;
    }

    .o2-hikaku-part {
        width: 100%;
        max-width: 800px;
        margin: 20px auto 0;
        display: flex;
        justify-content: space-between;
    }

    .o2-hikaku-part .o2-hikaku-left {
        width: 47.5%;
        border: 4px solid #d40012;
    }

    .o2-hikaku-part .o2-hikaku-left .o2-hikaku-tit {
        padding: 10px;
        font-size: 1.5rem;
        font-weight: 500;
        color: #fff;
        text-align: center;
        background: #d40012;
    }

    .o2-hikaku-main {
        margin: 10px 0 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .o2-hikaku-copy {
        font-size: 1.5rem;
        font-weight: 500;
        color: #333;
        text-align: center;
    }

    .o2-hikaku-part .o2-hikaku-left span {
        font-weight: 600;
        color: #d40012;
    }

    .o2-hikaku-img {
        margin: 10px 20px 10px;
    }

    .o2-hikaku-part .o2-hikaku-right {
        width: 47.5%;
        border: 4px solid #2560A6;
    }

    .o2-hikaku-part .o2-hikaku-right .o2-hikaku-tit {
        padding: 10px;
        font-size: 1.5rem;
        font-weight: 500;
        color: #fff;
        text-align: center;
        background: #2560A6;
    }

    .o2-hikaku-part .o2-hikaku-right span {
        font-weight: 600;
        color: #2560A6;
    }

    .o2-hikaku-discription {
        width: 100%;
        max-width: 800px;
        margin: 20px auto 0;
        font-size: 1.375rem;
        color: #333;
    }

    #PD-block02 {
        width: 100%;
        margin: 0 0 0;
        padding: 40px 0 20px;
        background-color: #ffffd3;
    }

    .kodawari-tit-part {
        margin: 0 auto 0;
        width: 90%;
    }

    .kodawari-tit {
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #d40012;
    }

    #PD-block02 .kodawari-tit-part img {
        width: calc(623 / 1600 *100%);
    }

    .anzen01-area {
        width: 100%;
        margin: 20px 0 40px;
        background-color: #fff;
    }

    .anzen01-area .anzen01-con {
        margin: 0 auto 0;
        width: 90%;
        max-width: 800px;
        padding: 30px 0;
        display: flex;
        align-items: center;
    }

    .anzen01-area .anzen-jasmark {
        flex-basis: 20%;
        margin-right: 40px;
    }

    .anzen01-area .anzen01-copy-con {
        flex-basis: 80%;
    }

    .anzen01-area .anzen01-copy01 {
        margin: 0 0 10px;
        padding: 10px 20px;
        font-size: 1.5rem;
        font-weight: 600;
        color: #00823a;
        border: 3px solid #00823a;
        display: inline-block;
    }

    .anzen01-area .anzen01-copy02 {
        font-size: 1.5rem;
        font-weight: 600;
        color: #333;
    }

    .anzen02-area,
    .anzen03-area {
        width: 90%;
        margin: 40px auto 0;
    }

    .anzen-tit-part {
        height: 70px;
        display: flex;
    }

    .anzen-tit {
        padding: 10px 10px 10px 30px;
        font-size: 2rem;
        font-weight: 600;
        color: #fff;
        background-color: #00823a;
    }

    .anzen-tit-circle {
        margin-left: -1px;
        display: inline-block;
        width: 35px;
        border-radius: 0 100% 100% 0% / 50%;
        background: #00823a;
    }

    .anzen-subtit-part {
        margin: 20px 0 0;
        display: flex;
        align-items: center;
    }

    .anzen-kuri {
        width: calc(131/117 * 54px);
        margin-right: 20px;
    }

    .anzen-subtit {
        font-size: 1.75rem;
        font-weight: 700;
        color: #604c3f;
    }

    .anzen02-graph-tit-area {
        width: 100%;
        margin: -20px auto 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .anzen02-graph-tit-area .anzen02-graph-tit {
        margin: 0 0 10px;
        font-size: 1rem;
        font-weight: 700;
        color: #333;
    }

    .anzen02-graph-tit-area .anzen02-package01 {
        width: 120px;
        margin: 0 0 10px;
    }

    .anzen02-graph-con {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .anzen02-graph-left {
        flex-basis: 60px;
        margin-right: 20px;
    }

    .anzen02-pic01 {
        width: 60px;
    }

    .anzen02-graph {
        flex-basis: calc(100% - 80px);
    }

    .anzen02-graph table {
        border-collapse: collapse;
        background-color: #fff;
    }

    .green {
        color: #00823a;
    }

    .brown {
        color: #604c3f;
    }

    .anzen02-graph th {
        width: 150px;
        padding: 10px;
        border: solid 2px #00823a;
        font-size: 1.25rem;
        font-weight: 600;
        text-align: left;
    }

    .anzen02-graph th span {
        font-size: 0.875rem;
        font-weight: 300;
    }

    .anzen02-graph td {
        padding: 10px;
        border: solid 2px #00823a;
        font-size: 1.125rem;
    }

    .anzen02-caution-area {
        margin: 10px 0 40px 80px;
    }

    .anzen02-caution {
        font-size: 0.875rem;
        color: #333;
    }

    .anzen02-risk-con {
        width: 100%;
        margin: 20px auto 0;
        display: flex;
    }

    .anzen02-risk-con .anzen02-risk-left {
        width: 120px;
    }

    .anzen02-risk-con .anzen02-package02 img {
        width: 100%;
        margin-top: 20px;
    }

    .anzen02-risk-con .anzen02-risk-right {
        width: calc(100% - 120px);
    }

    .anzen02-risk-con .anzen02-risk-pic {
        margin: 0 0;
    }

    .anzen02-risk-con .anzen02-pic02 {
        width: 100%;
    }

    .anzen02-risk-copy {
        margin: 20px 0 0 40px;
        display: flex;
        flex-flow: wrap;
    }

    .anzen02-risk-copy p {
        width: calc(100% / 3);
        margin: 0 0 20px 0;
        padding: 0 20px 0 1em;
        color: #333;
        text-indent: -1em;
    }

    .anzen03-copy01 {
        width: 100%;
        margin: 20px auto 0;
        font-size: 1.5rem;
        font-weight: 600;
        color: #333;
    }

    .anzen03-main-part {
        width: 100%;
        margin: 20px 0 0;
        padding-left: 80px;
        display: flex;
    }

    .anzen03-main-part .anzen03-pic {
        width: 35%;
        margin-right: 20px;
    }

    .anzen03-main-part img {
        width: 100%;
    }

    .anzen03-main-part .anzen03-discription {
        width: 65%;
        font-size: 1.25rem;
        color: #333;
    }

    #PD-block03a {
        width: 100%;
        margin: 0 0 0;
        padding: 40px 0 20px;
        background-color: #ceffce;
    }

    #PD-block03a .kodawari-tit-part img {
        width: calc(799 / 1600 *100%);
    }

    .kodawari-main_copy {
        padding-top: 10px;
        font-size: 1.75rem;
        font-weight: 700;
        color: #604c3f;
    }

    .seizou01-area,
    .seizou02-area {
        width: 90%;
        max-width: 690px;
        margin: 0 auto 0
    }

    .seizou01-tit,
    .seizou02-tit {
        width: 560px;
        height: 60px;
        margin: 60px auto 60px;
        border-radius: 24px;
        display: flex;
    }

    .seizou01-tit {
        background-color: #604c3f;
        border: solid 2px #e1c174;
    }

    .kuri3_img {
        margin: -30px 0 0 -30px;
        width: calc(263/180 * 90px);
        height: 90px;
        padding-top: 4px;
    }

    .kuri3_img img {
        width: 100%;
    }

    .flow_title {
        width: calc(100% - (263/180 * 90px) + 30px);
        padding-right: calc(263/180 * 90px - 30px);
        font-size: 2rem;
        font-weight: 700;
        text-align: center;
    }

    .seizou01-tit .flow_title {
        color: #e1c174;
    }

    .seizou-flow-box {
        margin: 20px 0 0;
    }

    .flow-card {
        width: 480px;
        height: 50px;
        margin: 0 auto 0;
        border-radius: 24px;
        display: flex;
    }

    .seizou01-area .flow-card {
        background-color: #e1c174;
        border: solid 2px #604c3f;
    }

    .seizou01-area .kuriBG,
    .seizou02-area .kuriBG {
        margin: -10px 0 0 -10px;
        width: calc(131/117 * 60px);
        height: 60px;
        padding-top: 4px;
        text-align: center;
        font-size: 2.25rem;
        font-weight: 700;
        color: #fff;
        background-image: url(../images/kuri_pic.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
    }

    .flow_name {
        width: calc(100% - (131/117 * 60px) + 10px);
        padding-right: calc(131/117 * 60px - 10px);
        font-size: 1.75rem;
        font-weight: 700;
        text-align: center;
    }

    .seizou01-area .flow_name {
        color: #604c3f;
    }

    .flow-discription-area {
        margin: 20px auto 0;
        width: 432px;
        display: flex;
        flex-direction: column;
    }

    .flow_discription {
        margin: 0 auto 0;
        text-align: left;
        font-size: 1.25rem;
        color: #604c3f;
    }

    .flow-onepoint-area {
        margin: 20px auto 0;
        width: 480px;
    }

    .flow_onepoint {
        margin: 20px auto 0;
        width: 100%;
        padding: 1em 1em 1em 2em;
        border: 1px solid #604c3f;
        text-indent: -1em;
        font-size: 1.125rem;
        color: #604c3f;
    }

    .flow-arrow-box {
        margin: 0 auto 0;
        width: 480px;
    }

    .flow-arrow {
        margin: 20px auto 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 30px 0 30px;
    }

    .seizou01-area .flow-arrow {
        border-color: #604c3f transparent transparent transparent;
    }

    .flow-pic01 {
        width: 420px;
        margin: 20px auto 20px;
    }

    .flow-pic01 img {
        width: 100%;
    }

    .flow-linkbtn01 {
        overflow: hidden;
        width: 360px;
        height: 80px;
        margin: 20px auto 20px;
        flex-shrink: 0;
    }

    .flow-linkbtn01 a {
        display: block;
        position: relative;
        z-index: 100;
        text-align: center;
        background: #00823a;
        color: #fff;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 80px;
        text-decoration: none;
        outline: 1px solid #fff;
        outline-offset: -8px;
        transition: 0.5s;
    }

    .flow-linkbtn01 a span {
        font-size: 1.25rem;
    }

    .flow-linkbtn01 a:hover {
        opacity: 0.5;
    }

    .flow-linkbtn01 a:before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 5%;
        width: 0;
        height: 0;
        margin-top: -10px;
        border: 10px solid transparent;
        border-left: 10px solid #fff;
        font-size: 1.25rem;
    }

    .PD-block03-border-con {
        width: 100%;
        padding-top: 20px;
        background-color: #ceffce;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .PD-block03-border {
        margin: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 60px 500px 0 500px;
        border-color: #ceffce transparent transparent transparent;
        background-color: #ffffd3;
        overflow: hidden;
    }

    #PD-block03b {
        width: 100%;
        margin: 0 0 0;
        padding: 20px 0 60px;
        background-color: #ffffd3;
    }

    .seizou02-tit {
        background-color: #e1c174;
        border: solid 2px #604c3f;
    }

    .seizou02-tit .flow_title {
        color: #604c3f;
    }

    .seizou02-area .flow-card {
        background-color: #604c3f;
        border: solid 2px #e1c174;
    }

    .seizou02-area .flow_name {
        color: #e1c174;
    }

    .seizou02-area .flow-arrow {
        border-color: #e1c174 transparent transparent transparent;
    }

}