@charset "utf-8";
/* --------------------------------
	フォント設定
	基本14px
	基本ゴシック、hタグとclassで明朝
-------------------------------- */

body,
textarea,
address,
caption,
cite,
code,
dfn,
em,
th,
tr,
td,
var,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select {
    font-size: 14px;
    color: #000000;
}

body,
html,
button,
input,
select,
textarea,
.gothic_txt,
.serif_txt_pc {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.serif_txt,
.serif_txt_b,
h1,
h2,
h3,
h4,
h5,
h6,
.hd_subnavi,
footer,
.ttl_sub_t1,
.ttl_sub_t2,
.ttl_sub_t3,
.cb_txt {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.serif_txt_b,
h1,
h2,
h3,
h4,
h5,
h6,
.ttl_sub_t1,
.ttl_sub_t2,
.ttl_sub_t3,
.cb_txt {
    font-weight: 700;
}
.txt_normal{
font-weight: normal;
}

/* --------------------------------
	リンク、リンク色
-------------------------------- */

a {
    text-decoration: underline;
}

/*色*/

a,
a:link {
    color: #337ab7;
    cursor: pointer;
}

a:visited {
    color: #660099;
}

a:hover,
a:active,
a:focus {
    color: #23527c;
}

/*a:hover{
    position: relative;
    top:1px;
    
}
header a:hover,
.ft_nvgrp a:hover{
    position: static;
    top:auto;
    
}*/

a:focus {
    outline: none;
}

/* --------------------------------
	共通のタグ設定
-------------------------------- */

.container {
    /*overflow-x: hidden;*/
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

small {
    font-size: 12px;
}

.mobile_no,
.pc_only,
.mdpc_only,
.md_only {
    display: none !important;
}

.cts_hdr {
    display: block;
    width: 100%;
    height: auto;
}

.cts_hdr img {
    display: block;
    width: 100%;
    height: auto;
}

.cts_m_hdr {
    display: block;
    width: 100%;
    height: 20.625vw;
    overflow: hidden;
    position: relative;
    margin-bottom: -3vw;

}

.cts_m_hdr img {
    display: block;
    width: 160%;
    height: auto;
    position: relative;
    left: -17vw;
    top: -2vw;

}

.hdr_ttl {
    font-size: 24px;
    text-align: center;
    padding: 80px 0px 30px 0px;
}

.hdr_ttl2 {
    font-size: 24px;
    text-align: center;
    padding: 80px 0px 30px 0px;

}

.hdr_ttl3 {
    font-size: 24px;
    text-align: center;
    padding: 80px 0px 80px 0px;
    /*上下を同じpaddingに*/
}

.hdr_ttl4 {
    font-size: 24px;
    text-align: center;
    padding: 80px 0px 30px 0px;

}
.hdr_ttl5 {
        font-size: 15px;
        padding: 50px 0px 50px 0px;

    }

.ttl_sub_t1 {
    font-size: 14px;
    padding: 0px 0px 20px 0px;
    text-align: center;
}

.ttl_sub_t2 {
    font-size: 12px;
    padding: 0px 0px 30px 0px;
    text-align: center;
}

.ttl_sub_t3 {
    font-size: 14px;
    padding: 0px 0px 20px 0px;
    text-align: center;
}

.ttl_sub_t4 {
    font-size: 12px;
    line-height: 1.7;
    padding: 0px 0px 50px 0px;
    text-align: center;
}

.ctgry_ttl {
    font-size: 19px;
    text-align: center;
}

.ctgry_ttl2 {
    font-size: 16px;
    text-align: center;
}

.pdf_link {
    position: relative;
    top: 0px;
    left: 0px;
}

.pdf_link:after {
    content: " ";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../img/common/icon_pdf.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ctgry_mgn1 {
    display: block;
    margin: 80px 0 30px 0;
}

.ctgry_mgn2 {
    display: block;
    margin: 80px 0 30px 0;
}

.ctgry_mgn3 {
    display: block;
    margin: 30px 0 30px 0;
}
.ctgry_mgn4 {
    display: block;
    margin: 40px 0 30px 0;
}

.line_sz1 {
    display: block;
    height: 1px;
    width: 280px;
}

.line_sz2 {
    display: block;
    height: 20px;
    width: 100%;
}

.line_sz3 {
    display: block;
    height: 1px;
    width: 150px;
}

.line_sz4 {
    display: block;
    height: 1px;
    width: 130px;
}

.line_sz5 {
    display: block;
    height: 1px;
    width: 92px;
}
.line_sz6 {
    display: block;
    height: 1px;
    width: 180px;
}
.line_mgn1 {
    display: block;
    margin: 0 0 0 0;

}
.line_mgn2 {
    display: block;
    margin: 0 0 0 0;

}
    .line_mgn3 {
        margin: 0px auto 0px auto;
    }
.line_center {
    margin: 0 auto;

}

.line_blue {
    background: #494a82;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #494a82 20%, #494a82 80%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #494a82 20%, #494a82 80%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #494a82 20%, #494a82 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.line_red {
    background: #7C3F3F;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #7C3F3F 20%, #7C3F3F 80%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #7C3F3F 20%, #7C3F3F 80%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #7C3F3F 20%, #7C3F3F 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.line_gold {
    background: #8C8500;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #8C8500 20%, #8C8500 80%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #8C8500 20%, #8C8500 80%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #8C8500 20%, #8C8500 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.line_mynavi {
    background: #00ABEB;
    /* Old browsers */
    background: -moz-linear-gradient(left, #000000 0%, #00ABEB 20%, #00ABEB 80%, #000000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #000000 0%, #00ABEB 20%, #00ABEB 80%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #000000 0%, #00ABEB 20%, #00ABEB 80%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
    /* IE6-9 */
}

.line_skyladies {
    background: #E8437E;
    /* Old browsers */
    background: -moz-linear-gradient(left, #000000 0%, #E8437E 20%, #E8437E 80%, #000000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #000000 0%, #E8437E 20%, #E8437E 80%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #000000 0%, #E8437E 20%, #E8437E 80%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
    /* IE6-9 */
}

.line_white_blue {
    background: #FFFFFF;
    /* Old browsers */
    background: -moz-linear-gradient(left, #2374DC 0%, #FFFFFF 20%, #FFFFFF 80%, #2374DC 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2374DC 0%, #FFFFFF 20%, #FFFFFF 80%, #2374DC 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2374DC 0%, #FFFFFF 20%, #FFFFFF 80%, #2374DC 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2374DC', endColorstr='#2374DC', GradientType=1);
    /* IE6-9 */
}
.mbs_wrap1,
.cmn_wrap1 {
    margin: 50px 0 0 0;
}

.cts_cmn_inbx,
.cts_cmn_inbx2 {
    width: 100%;
    padding: 0 14px;

}

.txt_normal {
    font-weight: normal;
}

.txt_bold {
    font-weight: bold;
}

#cts_nv {
    /*ついてくるサブナビ*/
}


.txt_red {
    color: #E50012;
}

.txt_blue {
    color: #1B1D63;
}

.txt_bold {
    font-weight: bold;
}

.link_sbtn {
    display: inline-block;
    width: 40px;
    height: auto;
    margin: 0 0 0 6px;
}

.relabox {
    position: relative;
}

/*start min-width: 360px*/

@media (min-width: 360px) {}

/*end min-width: 360px*/

/*start min-width: 560px*/

@media (min-width: 560px) {
    .mdpc_only,
    .md_only {
        display: block !important;
    }
    .cts_hdr {
        display: block;
        width: 100%;
        height: 300px;
        height: 26vw;
        overflow: hidden;
        position: relative;

    }
    .cts_hdr img {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        top: -8vw;
    }
    .cts_m_hdr {
        display: block;
        width: 100%;
        height: 15vw;
        overflow: hidden;
        position: relative;
        margin-bottom: 0;
        padding-bottom: 40px;
        /*位置移動分*/
    }
    .cts_m_hdr img {
        display: block;
        width: 130%;
        height: auto;
        position: relative;
        left: -10vw;
        top: -1vw;
    }
    .cts_cmn_inbx,
    .cts_cmn_inbx2 {
        padding: 0 60px;
        margin: 0 auto;
    }
    .mobile_xs_only {
        display: none !important;
    }
    .hdr_ttl5 {
        font-size: 17px;

    }
}

/*end min-width: 560px*/

/*start min-width: 880px*/

@media (min-width: 880px) {
    .serif_txt_pc {
        font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    }
    .mobile_no {
        display: inline-block !important;
    }
    .pc_only {
        display: block !important;
    }
        .pc_only_inline {
        display: inline !important;
    }
    .mobile_only,
    .md_only {
        display: none !important;
    }
    .pc_bgi_no,
    .pc_bgi_no a {
        text-indent: 0px !important;
        background-image: none !important;
    }
    .contents {
        margin-top: 88px;
    }
    .cts_hdr img {
        top: -4vw;
    }
    .cts_m_hdr {
        width: 100%;
        height: auto;
        top: 40px;
    }
    .cts_m_hdr img {
        display: block;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
    }
    .hdr_ttl {
        font-size: 28px;
        padding: 82px 0px 50px 0px;
    }
    .hdr_ttl2 {
        font-size: 28px;
        padding: 122px 0px 50px 0px;
        /*サブナビの40pxを追加*/
    }
    .hdr_ttl3 {
        font-size: 28px;
        padding: 122px 0px 82px 0px;
        /*サブナビの40pxを追加、上下を同じpaddingに*/
    }
    .hdr_ttl4 {
        font-size: 28px;
        padding: 122px 0px 24px 0px;
        /*サブナビの40pxを追加、下を詰める*/
    }
            
        .hdr_ttl5 {
        font-size: 18px;
        padding: 60px 0px 60px 0px;
        /*ナビ 88px*/
    }
    .ttl_sub_t1 {
        font-size: 17px;
        padding: 0px 0px 20px 0px;
    }
    .ttl_sub_t2 {
        font-size: 15px;
        padding: 0px 0px 82px 0px;
    }
    .ttl_sub_t3 {
        font-size: 19px;
        padding: 0px 0px 20px 0px;
    }
    .ttl_sub_t4 {
        font-size: 14px;
        line-height: 1;
        padding: 0px 0px 50px 0px;
    }
    .cts_cmn_inbx {
        padding: 0 60px;
        max-width: 990px;

    }
    .cts_cmn_inbx2 {
        /*padding: 0 60px;
        max-width: 1080px;*/
        max-width: auto;
        width: auto;
        margin: auto;
        padding: auto;

    }
    .ctgry_ttl {
        font-size: 22px;
    }
    .ctgry_ttl2 {
        font-size: 18px;
    }
    .ctgry_mgn1 {
        display: block;
        margin: 80px 0 50px 0;
    }
    .ctgry_mgn2 {
        display: block;
        margin: 50px 0 50px 0;
    }
    .ctgry_mgn3 {
        display: block;
        margin: 50px 0 50px 0;
    }
    .line_sz1,
    .line_sz2,
    .line_sz3,
    .line_sz6 {
        height: 1px;
        width: 280px;
    }
    .line_sz4,
    .line_sz5 {
        height: 1px;
        width: 130px;
    }

    .line_mgn1 {
        margin: 80px auto 0px auto;
    }
    .line_mgn2 {
        margin: 30px auto 0px auto;
    }

    .line_blue_pc {
        background: #494a82;
        /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 0%, #494a82 20%, #494a82 80%, #ffffff 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 0%, #494a82 20%, #494a82 80%, #ffffff 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 0%, #494a82 20%, #494a82 80%, #ffffff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
        /* IE6-9 */
    }
    .line_red_pc {
        background: #7C3F3F;
        /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 0%, #7C3F3F 20%, #7C3F3F 80%, #ffffff 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 0%, #7C3F3F 20%, #7C3F3F 80%, #ffffff 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 0%, #7C3F3F 20%, #7C3F3F 80%, #ffffff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
        /* IE6-9 */
    }
    .line_gold_pc {
        background: #8C8500;
        /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 0%, #8C8500 20%, #8C8500 80%, #ffffff 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 0%, #8C8500 20%, #8C8500 80%, #ffffff 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 0%, #8C8500 20%, #8C8500 80%, #ffffff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
        /* IE6-9 */
    }

    .mbs_wrap1,
    .cmn_wrap1 {
        max-width: 990px;
        margin: 32px auto 0 auto;
    }

}

/*end min-width: 880px*/

/*start min-width: 1000px*/

@media (min-width: 1000px) {
    .cts_hdr img {
        top: -6vw;
    }
}

/*end min-width: 1000px*/

/*start min-width: 1200px*/

@media (min-width: 1200px) {
    .cts_hdr img {
        top: -7vw;
    }
}

/*end min-width: 1200px*/

/* start max-width: 879px スマホ限定 */

@media screen and (max-width: 879px) {
    .is-fixed {
        position: fixed;
        top: 50;
        left: 0;
        right: 0;

        width: 100%;
        position: fixed;
        top: 50px;
        z-index: 101;
    }
}

/* end max-width: 879px */