@charset "utf-8";

.mainimage {
    width: 100%;
    height: 610px;

    text-align: center;
    background: url(../images/top/mainimage_bg.png) no-repeat top center #fff;
}
.mainimage .maintext {
    position: relative;

    top: 20%;
    width: 50%;
    margin: 0 auto;
    padding: 2em 0;

    font-size: 16px;
    color: #fff;

    background-color: #8b0000;
}
.mainimage .maintext .maintitle {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
}

/* ============================== */
.c1, .c2, .c3 {
    margin: 0;
    padding: 0;
}

.inner {
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0 100px;
}

.flex {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
/* .flex .flex_lefttext {} */
/* .flex .flex_righttext {} */
.flex .flex_leftimg {
    width: 420px;
    margin-right: 20px;
}
.flex .flex_rightimg {
    width: 420px;
    margin-left: 20px;
}

/* ============================== */
.c1 {
    /* .c2 のコンテンツを一番目立たせたいため、色削除 */
    /* 下向き矢印削除 */
    /* background: url(../images/top/c1_bg.png) top center repeat-x, url(../images/top/c1_bg_bottom.png) bottom center repeat-x #f7f2df; */
    background: url(../images/top/c1_bg.png) top center repeat-x #fff;
}
.c1 .inner .merit {
    text-align: center;
}
.c1 .inner .merit .authority {
    position: relative;
    right: -25em;

    text-decoration: none;
    font-size: 10px;
    color: #000;
}

/* ============================== */
.c2 {
    /* 下向き矢印削除 */
    /* background: url(../images/top/c2_bg_bottom.png) bottom center repeat-x #fdf1e7; */
    background: #faf0e6;
}
.c2 .inner ul {
    margin: 0 auto;
    background: none;
}
.c2 .inner ul .flex_feature {
    display: flex;
    justify-content: space-between;
    /* 文字サイズが小さいため、ネガティブマージンにより拡大 */
    /* margin-top: 50px; */
    margin: 50px -120px 0;

    align-items: center;
    text-align: center;
}
.c2 .inner ul li img {
    width: 1000px;
}
.c2 .inner ul li:first-child img {
    padding: 1em 1em 1em 0;
    background: #fff;
}
.c2 .inner ul li p {
    /* テキスト上下左右中央寄せのため */
    display: flex;
    align-items: center;
    justify-content: center;

    width: 300px;
    height: 300px;
    padding: 50px 1em;

    font-size: 20px;
    font-weight: bold;
    color: #fff;

    background: #825330;
    border-radius: 1em;
}

/* ============================== */
.c3 .inner {
    padding-bottom: 0;
}

/* ============================== */
.authors {
    width: 700px;
    margin: 0 auto;

    /* 本文と同サイズに変更のご要望 */
    /* font-size: 10px; */
}
.authors p {
    /* 見た目上、全角40字程度で折り返すようにする（padding分、+2em） */
    width: 42em;
    padding-left: 2em;

    line-height: 2.0;
    text-align: left;
}

.author_corp {
    width: 100%;
    padding: 1em;

    border: solid 1px #000;
    line-height: 2.0;
    background: #faf0e6;
}