@charset "UTF-8";
/*******************************

particularCss

*******************************/
.page .mainimg {
	margin-bottom: 0;
	position: relative;
}
/*-----------------------------
section
-----------------------------*/
section {
    margin-bottom: 100px;
}

section .h200 {
    font-size: 200%;
    letter-spacing: .2em;
    text-align: left;
    margin-bottom: 25px;
    line-height: 2;
}

section .h165 {
    font-size: 165%;
    letter-spacing: .05em;
    text-align: left;
    margin-bottom: 25px;
}

section .flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

section .left-img {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

section figure {
    margin: 0;
    width: 33%;
}

section .left-img figure {
    text-align: left;
}

section .right-img figure {
    text-align: right;
}

section .txt-wrap {
    width: 60%;
}

section .txt-wrap100 {
    width: 100%;
    margin-bottom: 100px;
}

section .txt-wrap p,
section .txt-wrap100 p {
    margin-bottom: 25px;
}

.img-wrap img {
    width: 100%;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
    section .txt-wrap100 {
        margin-bottom: 80px;
    }
    section .txt-wrap {
        width: 100%;
        margin-bottom: 50px;
    }
    section figure {
        margin: 0;
        width: 100%;
        text-align: center!important;
    }
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
    section {
        margin-bottom: 50px;
    }

    section .h200 {
    font-size: 180%;
    letter-spacing: .05em;
    margin-bottom: 15px;
    }

    section .txt-wrap {
        margin-bottom: 30px;
    }

    section .txt-wrap100 {
        margin-bottom: 50px;
    }
}