.contents article h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    word-break: keep-all;
}
.contents article p {
    word-break: break-all;
    text-align: justify;
}
.contents article img { max-width: 100%;}


/*type_1*/
.type_1 {margin-bottom: 200px;}
.type_1 h3 {margin-bottom: 20px;}
.type_1 p {margin-bottom: 45px;}
.type_1 .flex_box {display: flex;}
.type_1 .flex_box figure:first-child {margin-right: 10px;}



/*type_2*/
.article_wrap {margin-bottom: 200px;}
.article_wrap::after {
    content: "";
    display: block;
    clear: both;
}
.type_2 {width: 45%; margin-bottom: 240px;}
.type_2 h3 {margin-bottom: 70px;}
.type_2 figure {margin-bottom: 45px;}
.type_2:nth-child(2){margin-top: 300px;}
.type_2:nth-child(odd){float: left;}
.type_2:nth-child(even){float: right;}
.type_2:nth-child(even) h3{text-align: right;}
.type_2:last-child {margin-bottom: 0;}
.type_2 h3 span {display: block;}




@media all and (max-width:1300px) {
    .type_2:nth-child(odd) h3, 
    .type_2:nth-child(odd) p {padding-left: 6vw;} 

    .type_2:nth-child(even) h3, 
    .type_2:nth-child(even) p {padding-right: 6vw;} 
}

@media all and (max-width:1200px) {
    .article_wrap {margin-bottom: 16vw;}
    .type_2 { margin-bottom: 19vw;}
    .type_2:nth-child(2){margin-top: 20vw;}
    .type_2 h3 {margin-bottom: 5vw;}
    .type_2 figure {margin-bottom: 3.5vw;}
    
    /*.type_2 h3 span {display: inline;}*/
    
    /**/
    .article_wrap {margin-bottom: 200px;}
    .type_2 {margin-bottom: 240px;}
    .type_2:nth-child(2){margin-top: 300px;}
    .type_2 h3 {margin-bottom: 70px;}
    .type_2 figure {margin-bottom: 45px;}
}

@media all and (max-width:1000px) {
    .type_2 h3 span {display: inline;}
    
    .type_2:nth-child(2){margin-top: 250px;}
    .type_2 h3 {margin-bottom: 40px;}
    .type_2 figure {margin-bottom: 25px;}
}

@media all and (max-width:800px) {
    .type_1 {margin-bottom: 150px;}
    .type_2 {margin-bottom: 150px;}
    .article_wrap {margin-bottom: 150px;}
    
    
    .type_2 {
        width: 100%;
        max-width: 500px;
        margin-top: 0 !important;
    }
    
    .type_2 h3 span {display: block;}
}

@media all and (max-width:700px) {
    .contents article h3 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media all and (max-width:600px) {
    .type_1 {margin-bottom: 130px;}
    .type_2 {margin-bottom: 130px;}
    .article_wrap {margin-bottom: 130px;}
}

@media all and (max-width:550px) {
    .type_2 h3 {
        padding: 0 6vw !important;
    } 
    .type_2:nth-child(odd) p {
        padding-right: 6vw;
    }
    .type_2:nth-child(even) p {
        padding-left: 6vw;
    }
}


@media all and (max-width:500px) {
    .contents article h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .type_2 h3 {
        margin-bottom: 30px;
    }
}

@media all and (max-width:400px) {
    /*.type_2:nth-child(even) h3{text-align: left;}*/
    .type_2 p {
        padding: 0 6vw !important;
    }
}


/*type_3*/
.type_3 h3 {margin-bottom: 20px;}
.type_3 .flex_box {
    display: flex;
    justify-content: space-between;
}
.type_3 p {width: 66%;}
.type_3 figure {width: 30%;}
.type_3 figure img { border: 1px solid #d9d9d9; }

@media all and (max-width:800px) {
    .type_3 p {width: 100%; padding-right: 20px;}
    .type_3 figure { width: 200px; flex-shrink: 0;}
}
@media all and (max-width:600px) {
    .type_3 .flex_box {
        flex-wrap: wrap;
        flex-direction:column-reverse;
    }
    .type_3 p {
        padding: 0;
    }
    .type_3 figure { 
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 40px;
        width: 200px;
    }
}