@charset "UTF-8";
#contaner{
    width: 100%;
    background: url(../img/feature_lower_bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
#event_app{
    width: 1280px;
    display: flex;
    justify-content: center;
    margin: auto;
}
@media screen and (max-width:1280px) {
    #event_app{
        width: 100%;
    }
}
.content_title{display: none;}
.main_section_wrap{padding: 0;}
.main_section1{background: rgba(255,255,255,1);padding: 10px;}
#event_app dt.dt_title{margin-top: 0;}
#event_app dd.dd2 {font-weight: bolder;}
#event_app .dd_subtxt {font-weight: lighter;}
table{width:100%;border-top:1px solid #ccc;border-right:1px solid #ccc;border-radius: 5px;}
table tr{border-bottom:1px solid #ccc;}
table td{width:16%;border-left:1px solid #ccc;text-align: center;vertical-align: middle;}
.list-box {margin: 1%;padding: 1%;border: 1px dotted #ccc;border-radius:15px;}
.list-box li {
    list-style: circle;
    margin-left: 2%;
    margin-bottom: 2%;
}
.dt_box{
    width:90%;
    margin: 5%; padding: 5%;
    border-top: 1px solid #ccc;
    border-bottom: 1px dotted #ccc;
    border-left:5px double #666;
    border-right:5px double #666;
}
.dd_box-1{display:block;padding:5px;border:3px double red;}
.dd_box-1-inner{display:block;margin:auto;padding:5px;text-align:center;border:2px dotted red;}
.dd_box-2{margin:10px;padding:10px;border:1px solid #bb0000!important;text-align:center;font-size:150%;font-weight:700;}

.txt-center{text-align: center;}

@media screen and (max-width:480px) {
    #contaner{background: none;padding-top: 0px;}
    #event_app{width: 100%;}
    .container_center{padding: 0px;}
    .content_main_list {padding: 0;}
    .arrow1 img {width: 30%;margin: 10px auto;}
    .main_section1{
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        box-shadow: none;
        background:#f9f9f9;
    }
    #event_app dt.dt_title{font-size: .875rem;line-height: 20px;background: #fff;}
    #event_app dt.dt_subtitle{font-size: .875rem;}
    #event_app dd.dd1,#event_app dd.dd2,#event_app dd {font-size: .8125rem;line-height: 20px;}
    #event_app dd.dd1{padding:5px;}
    .list-box li {
        font-size: .8125em;
        line-height: 20px;
        margin-left: 20px;
    }
    .dd_box-2{font-size:.8125rem;font-weight:normal;}
    table td{font-size: .6875rem!important}
}

/*はじめに*/
.main_section_prlg {
    padding: 20px 50px;
    background:#fff;
    display: flex;
    flex-wrap: wrap;
}
    @media screen and (max-width:480px) {
        .main_section_prlg {padding: 10px;width: 100%;}
    }

h1.prlg_ttl,
h2.prlg_subttl,
p.prlg_txt,
dl.prlg_dl,
.prlg_dl_copy {
    flex-basis:900px;margin: auto;
}
    @media screen and (max-width:900px) {
        h1.prlg_ttl,
        h2.prlg_subttl,
        p.prlg_txt,
        dl.prlg_dl,
        .prlg_dl_copy {
            flex-basis:100%;
        }
    }
/*フォント種類・サイズ指定*/
h2.prlg_subttl,
p.prlg_txt,
dl.prlg_dl,
.prlg_dl_copy,
table.prlg_info_tbl {
    font-family: 'Times New Roman', Times, serif;
}
/*20px*/
.prlg_dl_copy,
table.prlg_info_tbl td {font-size: 20px;line-height: 30px;}
    @media screen and (max-width:480px) {
        .prlg_dl_copy,
        table.prlg_info_tbl td {font-size: 15px!important;line-height: 24px!important;letter-spacing: 0;}
    }
/*18px*/
h1.prlg_ttl,
dl.prlg_dl dt,
table.prlg_info_tbl th {font-size: 16px;line-height: 27px;}
    @media screen and (max-width:480px) {
        h1.prlg_ttl,
        dl.prlg_dl dt,
        table.prlg_info_tbl th {font-size: 14px!important;line-height: 21px!important}
    }
/*16px*/
h2.prlg_subttl,
p.prlg_txt,
dl.prlg_dl dd,
a.btn1,a.btn2 {font-size: 15px;line-height: 24px;}
@media screen and (max-width:480px) {
    h2.prlg_subttl,
    p.prlg_txt,
    dl.prlg_dl dd,
    a.btn1,a.btn2 {font-size: 14px!important;line-height: 21px!important;}
}

h1.prlg_ttl{
    padding:10px 20px;
    color:#5c3735;
    font-weight: 700;
    letter-spacing: 4px;
    display: flex;
    justify-content: center;
}

h2.prlg_subttl{
    margin-top:20px;
    padding-top:20px;
    font-weight: 700;
    border-bottom: #91682d 2px solid;
    color:#5c3735;
}

p.prlg_txt{
    padding:20px 10px 40px;
    color:#5c3735;
}

dl.prlg_dl {
    display: flex;
    margin-top:10px;
    padding:10px!important;
    color:#5c3735;
}
    dl.prlg_dl dt{
        padding: 10px;
        font-weight: 700;
        background-color: #5c3735;
        background-image: linear-gradient(to right, #5c3735 25%, #3b1513 100%);
        color:white;
    }
    dl.prlg_dl dt::before{
        content:"\f0a4";
        font-weight:900;
        font-family: "Font Awesome 5 Free";
        padding-right: 10px;
    }

.prlg_dl_copy{
    margin:0 auto 50px;
    padding:50px 0;
    text-align: center;
    color:#5c3735;
    border-bottom: #91682d 2px solid;
}

table.prlg_info_tbl,
ul.prlg_link {
    width:800px;
    margin: 0 auto 50px;
}
    @media screen and (max-width:1050px) {
        table.prlg_info_tbl,
        ul.prlg_link {width:100%;}        
    }
    table.prlg_info_tbl tr {
        border: 1px solid #5c3735;
    }
    table.prlg_info_tbl tr:nth-child(even) {
        background: lightgoldenrodyellow;
    }
    table.prlg_info_tbl th {
        width:40%;
        margin-top:10px;
        padding:10px;
        text-align:center;
        background:#5c3735;
        color: white;
        vertical-align: middle;
    }
    table.prlg_info_tbl th.first-th{
        border-bottom: 1px solid white;
    }
    table.prlg_info_tbl td{
        width:60%;
        margin-top:10px;
        padding:10px;
        padding-left:50px;
        text-align:left;
        color: #5c3735;
    }
    @media screen and (max-width:480px) {
        table.prlg_info_tbl td{padding-left:10px;}
    }

ul.prlg_link {
    display: flex;
    flex-wrap: wrap;
}
    ul.prlg_link li{flex-basis: 100%;display:flex;justify-content: flex-end;}
    ul.prlg_link li:first-of-type{margin-bottom: 10px;}
    a.btn1,a.btn2 {padding:10px 20px;color:white!important;border-radius:5px;text-align: center;}
    a.btn1{background-color: #5c3735;background-image: linear-gradient(to right, #5c3735 25%, #3b1513 100%);}
    a.btn2{background-color: #c1272d;background-image: linear-gradient(to right, #f15a24 25%, #c1272d 100%);}
    @media screen and (max-width:480px) {
        a.btn1,a.btn2 {flex-basis: 100%;}
    }
/*inlineパーツの共通指定*/
.txt_bold_red{color:red;font-weight: bold;}
.text_bold_line{font-weight: 600;text-decoration:underline 3px #f6e7c7 ;}
    @media screen and (max-width:480px) {
        .text_bold_line{text-decoration:underline 2px #f6e7c7 ;}
    }
.asterisk_txt{
    font-size: 12px;
    padding-left: 12px;
    display: block;
    letter-spacing: 0em;
    line-height: normal;
    position: relative;
    font-weight: lighter;
}
.asterisk_txt:before{
    content: "※";
position: absolute;
top: 0;
left: 0;
display: inline-block;
}
.red{color: red;}

/*特長*/
#benefit .prlg_dl_copy,
#benefit ul.prlg_link {
    flex-basis:100%;
    margin: 0 auto 50px;
}
.flag_ttl_wrap{flex-basis: 100%;margin-top:20px;margin-bottom: 10px;}
.flag_ttl_wrap:first-child{margin-top:0px;}
.flag_ttl{
    display: inline-block;
    position: relative;
    height: 30px;/*リボンの高さ*/
    line-height: 30px;/*リボンの高さ*/
    text-align: center;
    padding: 0px 30px 0 10px;/*横の大きさ*/
    font-size: 16px;
    background: #de5c50;
    color: #FFF;
    box-sizing: border-box;
    letter-spacing: .5rem;
    text-shadow: 0 0 2px black;
}
.flag_ttl::after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    right: 0;
    border-width: 15px 15px 15px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
@media screen and (max-width:768px) {
    table.benefit_tbl{
        width: 800px;
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
.thead-sp{display: none;}
@media screen and (max-width:480px) {
    .thead-sp{display: contents;}
}
table.benefit_tbl thead tr{
    background: #6c504e;
    border:1px solid #fff;
    border-left:none;
}
table.benefit_tbl thead td{
    letter-spacing: .5rem;
    color:#fff;
    border-left:1px solid #fff;
}
table.benefit_tbl tbody th{
    /*letter-spacing: .5rem;*/
    background: #0073be;
    color:#fff;
    border:1px solid #fff;
    width:16%;
    vertical-align: middle;
}
table.benefit_tbl tbody td{
    border:1px solid #ccc;
    width:28%;
    vertical-align: top;
}
table.benefit_tbl thead td,
table.benefit_tbl tbody th,
table.benefit_tbl tbody td{
    padding: 10px;
    text-align: center;
    font-size: 15px;
}
@media screen and (max-width:480px) {
    table.benefit_tbl thead td,
    table.benefit_tbl tbody th,
    table.benefit_tbl tbody td{font-size: 13px;}
    table.benefit_tbl tbody th{width: 100px;}
}
ul.td_inner_list{
    list-style: none;
}
ul.td_inner_list li{
    font-size: 13px;
    text-align: left;
    line-height: 15px;
    padding-left: 10px;
    padding-bottom: 10px;
    position: relative;
}
ul.td_inner_list li::before{
    content: "●";
    position: absolute;
    padding-right: 5px;
    color: #0073be;
    font-size: 12px;
    left: 0;
}
ul.td_inner_list li.-is-style-none {
    padding-left: 0;
    padding-bottom: 0;
    text-align: center;
}
ul.td_inner_list li.-is-style-none::before {
    content: "";
    display: none;
}
a.td_inner_list_btn{
    padding: 10px 20px;
    color: #0073be!important;
    border: 1px solid #0073be;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
}
@media screen and (max-width:480px) {
    ul.td_inner_list li{font-size: 12px;}
    ul.td_inner_list li::before{font-size: 10px;}
}

.doc_btn{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px 0;
}
.doc_btn a{
    flex-basis: 24%;
    padding: 20px;
    display: inline-flex;
    justify-content: center;
    background-color: #5c3735;
    background-image: linear-gradient(to bottom, #5c3735 25%, #3b1513 100%);
    outline: 2px solid #96802d; /* 線の太さ・線状・色 */
    outline-offset: -5px;
    color: #fff!important;
}
@media screen and (max-width:480px) {
    .doc_btn a{flex-basis: 48%;font-size: 14px;padding:20px 10px;}
    .doc_btn a:nth-child(n+3){margin-top: 4%;}
}