@charset "utf-8";

hr{/margin:0}

/* ===============================
=====================  ボックス  */
/***** grid *****/
    .gridR01, .gridR02, .gridR03, .gridR04, .gridR05, .gridR06, .gridR07, .gridR08, .gridR09, .gridR10, .grid11R {
        float:left;
        margin:0;
        padding:0;
    }
    .gridR01 {width:8.333%}
    .gridR02 {width:16.666%}
    .gridR03 {width:25%}
    .gridR04 {width:33.333%}
    .gridR05 {width:41.666%}
    .gridR06 {width:50%}
    .gridR07 {width:58.333%}
    .gridR08 {width:66.666%}
    .gridR09 {width:75%}
    .gridR10 {width:83.333%}
    .gridR11 {width:91.666%}

/* ===============================
=====================  共通設定  */
/***** フォントサイズ *****/
    .fs_5l {font-size:2em}/* 30 */
    .fs_4l {font-size:1.6em}/* 24 */
    .fs_3l {font-size:1.333em}/* 20 */
    .fs_2l {font-size:1.2em}/* 18 */
    .fs_l {font-size:1.066em}/* 16 */
    .fs_m {font-size:1em}/* 15 */
    .fs_s {font-size:.933em}/* 14 */
    .fs_2s {font-size:.866em}/* 13 */
    .fs_3s {font-size:.8em}/* 12 */

/* ===============================
====================  レイアウト  */
.inner {
    width: 1000px;
}
    #header {
        padding-top:26px;
        padding-bottom:30px;
    }

/* ===============================
======================  header  */
    .headerLogo {
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        width:326px;
    }
    .menu-trigger {
        display:none;
    }
    #globalNav ul {
        display:block;
        text-align:center;
    }
    #globalNav li {
        display:inline-block;
        margin:0 2%;
    }

/* ===============================
======================  footer  */
    #footer2 ul {
        margin:0 0 0 2%;
    }
    .copyRight {
        left:auto;
        right:2%;
    }
    .footerOutline {
        clear:inherit;
        float:right;
        width:18em;
    }
    .footerOutline .mg_0 {
        padding-top:0;
    }

/* ===============================
=================  #page-index  */
#indexNav span {
    width:220px;
}
.indexYoubou {
    width:800px;
}
    .newsList h2 {
        text-align:right;
        padding-top:20px;
    }
    .newsList dl {
        margin:0 0 0 8%;
        padding:30px 0 30px 8%;
    }
    .newsList dt {
        width:8em;
    }
    .newsList dd {
        margin-left:8em;
    }
    .missionTitle {
        font-size:3em;
        margin:0 0 80px;
        padding:140px 100px 0 0;
    }
    #page-index #main2 {
        background-size:auto;
    }
    #indexNav li {
        width:21%;
        font-size:1.066em;
    }
    .indexYoubou dt,
    .indexYoubou dd,
    .indexYoubou span {
        height:86px;
    }
    .indexYoubou span {
        display:table-cell;
        vertical-align:middle;
    }
    .indexYoubou dt span {
        padding-left:8%;
        padding-right:8%;
    }
    .indexYoubou dt {
        padding:0;
        width:45%;
        float:left;
    }
    .indexYoubou dt:after {
        border:solid 10px transparent;
        border-left:solid 20px #ececf7;
        left:auto;
        top:0;
        bottom:0;
        right:-29px;
    }
    .indexYoubou dd {
        margin:0 0 2em 50%;
    }
    .missionDetail .alignleft {
        float:left;
    }
    .missionDetail h3 {
        margin:0 0 0 220px;
    }
    .missionDetail ul {
        margin:.6em 0 0 220px;
    }
    .missionDetail img {
        width:auto;
    }