@charset "utf-8";


/* all
-------------------------------------------------------------------*/
html {
    background: #FFFFFF;
    color: #333333;
    font-family: 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 16px;
    line-height: 1.4;

}

html .goti,
html .goti form * {
    font-family: 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

html .min,
html .min form * {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "HG明朝B", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

body {
    width: 100%;
    font-size: 100%;
    text-align: center;
}

.sitewrap {
    width: 1000px;
    min-width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* header
-------------------------------------------------------------------*/
header {
}

header#fix_menu {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transition: top .4s .2s;
}

header #site_ttl {
    float: left;
    padding: 15px 0;
    white-space: nowrap;
}

header #site_ttl a {
    display: inline-block;
    vertical-align: middle;
}


/* contents
-------------------------------------------------------------------*/
main {
    margin-bottom: 0;
    display: block;
}

.ttl_block {
/*    background: #eff5ff; */
    background: #dc0032; 
}

.ttl_block h1 {
    display: flex;
    align-items: center;
/*    min-height: 148px; */
    min-height: 80px;
    font-weight: bold;
    font-size: 28px;
    color :#fff;
}

.section.contents {
    padding: 20px 0 110px;
    min-height: calc(100vh - 270px)
}

.step_list {
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
}

.step_list li {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.step_list li + li {
    padding-left: 0em;
    position: relative;
}

.step_list li + li:before {
    content: "\FF1E";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}

.step_list li.false {
    color: #aaaaaa;
}

.h_style01 {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding-left: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #b9b9b9;
}

.h_style01:before {
    content: "";
    background: #bb0013;
    width: 148px;
    height: 2px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.h_style01 strong {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #dc0032;
    width: 60px;
    height: 60px;
    font-size: 22px;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.h_style01 strong span {
    font-size: 14px;
}

.h_style01 strong + span {
    padding-left: 70px;
}

.h_style01 > span {
    display: flex;
    align-items: center;
    min-height: 60px;
    margin-bottom: 10px;
}

.h_style02 {
    background: #fafafa;
    padding: 7px 7px 7px 20px;
    border: solid 1px #e5e5e5;
    margin-bottom: 20px;
}

.h_style02 span {
    color: #333333;
    font-size: 18px;
    display: block;
    font-weight: bold;
    padding: 0px 10px;
    border-left: solid 4px #bb0013;
}

.sitewrap > .texts > p.caution {
    color: red;
}

.form_wrap {
    margin: 40px 0;
}

.form_wrap .form_ttl {
    font-size: 14px;
    margin-bottom: 10px;
}

.form_wrap .uploader_box {
    position: relative;
    width: 477px;
    height: 41px;
    border: solid 1px #6a6a6a;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.form_wrap .uploader_box input[type="file"] {
    display: none
}

.form_wrap .uploader_box label {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    width: 140px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333333;
}

.form_wrap .uploader_box .upload_name {
    padding-left: 10px;
}

.form_wrap .send_wrap {
    margin: 100px auto 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.btn_wrap > * {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    background: #dc0032;
    border-radius: 5px;
    transition: background .4s;
}

.btn_wrap > *:before,
.btn_wrap > *:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #dc0032;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    z-index: -2;
}

.btn_wrap > *:after {
    border-radius: 0;
    background: none;
    width: 0;
    height: 0;
    right: 25px;
    z-index: -1;
    border-style: solid;
    border-width: 4px 0 4px 6.9px;
    border-color: transparent transparent transparent #dc0033;
}

.btn_wrap a,
.btn_wrap input {
    display: flex;
    width: 340px;
    height: 61px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    appearance: none;
    border: none;
    background: transparent;
    color: #fff;
    border: solid 1px #dc0033;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background .4s, color .4s;
}

.btn_wrap > *:hover {
    background: #fff;
}

.btn_wrap input:hover {
    color: #dc0033;
}

.btn_wrap a {
    background: #dc0033;
}

.btn_wrap a:hover {
    background: #fff;
    color: #dc0033;
    text-decoration: none;
}

.btn_wrap_wh > * {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    background: #fff;
    border-radius: 5px;
    transition: background .4s;
}

.btn_wrap_wh > *:before,
.btn_wrap_wh > *:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #dc0032;
    background: #dc0032;
    border-radius: 50%;
    position: absolute;
    right: 19px;
    z-index: -2;
    transition: .4s;
}

.btn_wrap_wh:hover > *:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #fff;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 19px;
    z-index: -2;
    transition: .4s;
}

.btn_wrap_wh > *:after {
    border-radius: 0;
    background: none;
    width: 0;
    height: 0;
    right: 24px;
    z-index: -1;
    border-style: solid;
    border-width: 4px 0 4px 6.9px;
    border-color: transparent transparent transparent #fff;
}

.btn_wrap_wh:hover > *:after {
    border-radius: 0;
    background: none;
    width: 0;
    height: 0;
    right: 24px;
    z-index: -1;
    border-style: solid;
    border-width: 4px 0 4px 6.9px;
    border-color: transparent transparent transparent #dc0032;
}

.btn_wrap_wh a,
.btn_wrap_wh input {
    display: flex;
    width: 241px;
    height: 61px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    appearance: none;
    border: none;
    background: transparent;
    color: #dc0033;
    border: solid 1px #dc0033;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background .4s, color .4s;
}

.btn_wrap_wh > *:hover {
    background: #fff;
}

.btn_wrap_wh input:hover {
    color: #dc0033;
}

.btn_wrap_wh a {
    background: #fff;
}

.btn_wrap_wh a:hover {
    background: #dc0033;
    color: #fff;
    text-decoration: none;
}

.btn_wrap_gr > * {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    background: #fff;
    border-radius: 5px;
    transition: background .4s;
}

.btn_wrap_gr > *:before,
.btn_wrap_gr > *:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #000;
    background: #000;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    z-index: -2;
    transition: .4s;
}

.btn_wrap_gr:hover > *:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #fff;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    z-index: -2;
    transition: .4s;
}

.btn_wrap_gr > *:after {
    border-radius: 0;
    background: none;
    width: 0;
    height: 0;
    right: 24px;
    z-index: -1;
    border-style: solid;
    border-width: 4px 0 4px 6.9px;
    border-color: transparent transparent transparent #fff;
}

.btn_wrap_gr:hover > *:after {
    border-radius: 0;
    background: none;
    width: 0;
    height: 0;
    right: 24px;
    z-index: -1;
    border-style: solid;
    border-width: 4px 0 4px 6.9px;
    border-color: transparent transparent transparent #b9b9b9;
}

.btn_wrap_gr a,
.btn_wrap_gr input {
    display: flex;
    width: 240px;
    height: 61px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    appearance: none;
    border: none;
    background: transparent;
    color: #000;
    border: solid 1px #b9b9b9;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background .4s, color .4s;
}

.btn_wrap_gr > *:hover {
    background: #b9b9b9;
}

.btn_wrap_gr input:hover {
    color: #b9b9b9;
}

.btn_wrap_gr a {
    background: #fff;
}

.btn_wrap_gr a:hover {
    background: #b9b9b9;
    color: #fff;
    text-decoration: none;
}

.btn_wrap_bk > * {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    background: #000;
    border-radius: 5px;
    transition: background .4s;
}

.btn_wrap_bk > *:before,
.btn_wrap_bk > *:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #fff;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    z-index: -2;
    transition: background .4s;
}

.btn_wrap_bk *:hover:before {
    background: #000;
}

.btn_wrap_bk > *:after {
    border-radius: 0;
    background: none;
    width: 0;
    height: 0;
    right: 24px;
    z-index: -1;
    border-style: solid;
    border-width: 4px 0 4px 6.9px;
    border-color: transparent transparent transparent #000;
    transition: border-color .4s;
}

.btn_wrap_bk > *:hover:after {
    border-color: transparent transparent transparent #fff;
}

.btn_wrap_bk a,
.btn_wrap_bk input {
    display: flex;
    width: 240px;
    height: 58px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    appearance: none;
    border: none;
    background: transparent;
    color: #fff;
    border: solid 1px #000;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background .4s, color .4s;
}

.btn_wrap_bk > *:hover {
    background: #fff;
}

.btn_wrap_bk input:hover {
    color: #000;
}

.btn_wrap_bk a {
    background: #000;
}

.btn_wrap_bk a:hover {
    background: #fff;
    color: #000;
    text-decoration: none;
}

.loading {
    text-align: center;
}

.loader {
    margin: 100px auto;
    font-size: 25px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #383838, 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.5), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.7), 1.8em -1.8em 0 0em #383838, 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.5), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.7), 2.5em 0em 0 0em #383838, 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.5), 2.5em 0em 0 0em rgba(56, 56, 56, 0.7), 1.75em 1.75em 0 0em #383838, 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.5), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.7), 0em 2.5em 0 0em #383838, -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.5), 0em 2.5em 0 0em rgba(56, 56, 56, 0.7), -1.8em 1.8em 0 0em #383838, -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.5), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.7), -2.6em 0em 0 0em #383838, -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.5), -2.6em 0em 0 0em rgba(56, 56, 56, 0.7), -1.8em -1.8em 0 0em #383838;
    }
}

@keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #383838, 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.5), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.7), 1.8em -1.8em 0 0em #383838, 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.5), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.7), 2.5em 0em 0 0em #383838, 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.5), 2.5em 0em 0 0em rgba(56, 56, 56, 0.7), 1.75em 1.75em 0 0em #383838, 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.5), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.7), 0em 2.5em 0 0em #383838, -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.2), -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.5), 0em 2.5em 0 0em rgba(56, 56, 56, 0.7), -1.8em 1.8em 0 0em #383838, -2.6em 0em 0 0em rgba(56, 56, 56, 0.2), -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.5), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.7), -2.6em 0em 0 0em #383838, -1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(56, 56, 56, 0.2), 1.8em -1.8em 0 0em rgba(56, 56, 56, 0.2), 2.5em 0em 0 0em rgba(56, 56, 56, 0.2), 1.75em 1.75em 0 0em rgba(56, 56, 56, 0.2), 0em 2.5em 0 0em rgba(56, 56, 56, 0.2), -1.8em 1.8em 0 0em rgba(56, 56, 56, 0.5), -2.6em 0em 0 0em rgba(56, 56, 56, 0.7), -1.8em -1.8em 0 0em #383838;
    }
}

.dl_files {
    display: flex;
    justify-content: space-between;
    margin-bottom: 90px;
}

a.dl_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid #dc0032 1px;
    color: #dc0032;
    font-weight: bold;
    border-radius: 5px;
    width: 265px;
    height: 48px;
    text-decoration: none;
    transition: background .4s;
    margin-left: auto;
    margin-right: auto;
}

a.dl_btn img {
    display: inline-block;
    width: 18px;
    height: 22px;
    margin-right: 5px;
}

a.dl_btn:hover {
    background: #ffeeee;
    text-decoration: none;
    color: #dc0032;
}

.dl_files a.dl_btn {
    margin-left: auto;
    margin-right: 0;
}

.result_wrap {
    margin-bottom: 45px;
}

.result_wrap .result_clm {
    display: flex;
    justify-content: space-between;
}


.result_wrap .page {
    width: 160px;
}

.result_wrap .page dt {
    background: #dc0032;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
}

.result_wrap .page dd img {
    max-width: 100%;
}

.result_wrap .data {
    width: 828px;
}

.result_wrap .data > p {
    padding: 0px 10px 0px;
}

.result_wrap .data > p.charck {
    margin-bottom:0rem;
}

.result_wrap .data > p.m_caution {
    color: red;
    font-size: 90%;
}

.result_wrap .table_wrap {
    margin-bottom: 40px;
}

.table_wrap table thead th {
    font-weight: bold;
    text-align: center;
    border: solid 1px #e5e5e5;
    background: #969696;
    color: #fff;
    padding: 15px 10px;
    white-space: nowrap;
}

/** 追加 **/
.table_wrap table thead th a {
    color: #fff;
    white-space: nowrap;
}

.table_wrap table tbody th,
.table_wrap table tbody td {
    font-size: 14px;
    padding: 15px 10px;
    border: solid 1px #e5e5e5;
}

.table_wrap table tbody th {
    text-align: center;

}

.table_wrap table tbody td {
    text-align: left;
}

.table_wrap table tbody td.msg {
    vertical-align: top;
}

.table_wrap table tbody td.alter_term {
    text-align: center;
}


.table_wrap table b {
    font-weight: normal;
    color: #ff0000;
}

/* reslut image */
.result_wrap .table_wrap2 {
    margin-bottom: 40px;
}

.table_wrap2 table thead th {
    font-weight: bold;
    text-align: center;
    border: solid 1px #e5e5e5;
    background: #969696;
    color: #fff;
    padding: 5px 5px;
    white-space: nowrap;
}

.table_wrap2 table thead th.line {
    background-image: linear-gradient(
        to top right, 
        transparent, transparent 49%, 
        white 49%, white 51%,
         transparent 51%, 
         transparent);
}

.table_wrap2 table thead th.noline_right{
    border-right: none;
}

.table_wrap2 table thead th.noline_left{
    border-left:  none;
}

.table_wrap2 table thead th.noline_top{
    border-top: none;
} 

.table_wrap2 table thead th.noline_bottom{
    border-bottom: none;
} 

/** 追加 **/
.table_wrap2 table thead th a {
    color: #fff;
    white-space: nowrap;
}

.table_wrap2 table tbody th,
.table_wrap2 table tbody th,
table tbody td {
    font-size: 14px;
    padding: 15px 10px;
    border: solid 1px #e5e5e5;
}

.table_wrap2 table tbody th {
    text-align: left;

}

.table_wrap2 table tbody td {
    text-align: center;
}



.caution_box {
    border: solid 1px #bb0013;
    color: #333;
    padding: 10px 20px 20px 20px;
    border-radius: 5px;
    background: #fffdfd;
    margin-bottom: 20px;
    font-size: 14px;
}

/* 画像チェック結果リンク */

.jump_link {
        margin-bottom:15px;
        margin-left:170px;
        text-align: center;
}
    
a.jump_btn {
        display:flex;
        justify-content:center;
        align-items:center;
        border:solid #dc0032 1px;
        color:#dc0032;
        font-weight:bold;
        border-radius:5px;
        width:265px;
        height:48px;
        text-decoration:none;
        transition:background .4s;
        margin-left:auto;
        margin-right:auto;
    
}
    
.jump_link a.jump_btn{
        margin-left:0px;
        margin-right:0;
}
    
a.jump_btn:hover{
        background:#ffeeee;
}



/* 画像注意事項 */
.caution_box ol {
	margin: 0;
	padding: 0

  }

  .caution_box ol li {
	list-style-type: none;
	line-height: 1.8em;
	padding-left:1.3em;
	text-indent: -1.3em;
  }

  .text_center {
    text-align: center;
  }


.img_box {
    display: flex;
    flex-wrap: wrap;
}

.img_box li {
    width: 131px;
    margin-right: 5px;
}

.img_fit {
    position: relative;
    padding-bottom: 50%;
    border: solid 1px #e5e5e5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_box .img_fit {
    padding-bottom: 131px;
}

.img_fit > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/* footer
-------------------------------------------------------------------*/
#pageTop {
    position: fixed;
    bottom: 15px;
    right: 5%;
    z-index: 500;
}

#pageTop span {
    width: 53px;
    height: 53px;
    overflow: hidden;
    border-radius: 50%;
    background: #333333;
    text-indent: -999px;
    position: relative;
    display: block;
    transition: background .4s;
}

#pageTop:hover span {
    background: #999;
}

#pageTop span:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 17.3px 10px;
    border-color: transparent transparent #ffffff transparent;
}

footer {
    background: #333333;
    padding: 20px 0;
}

footer small {
    display: block;
    text-align: center;
    color: #969696;
}

body.admin header {
    border-bottom: solid 2px #bb0013;
}

body.admin header .navis {
    float: right;
    display: flex;
    margin-top: 40px;
}

body.admin header .navis li + li {
    margin-left: 5px;
}

body.admin header .navis li a {
    display: block;
    font-weight: bold;
    min-width: 120px;
    border: solid 1px #6a6a6a;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    padding: 10px 20px;
    text-align: center;
    transition: background .4s, color .4s, border-color .4s;
}

body.admin header .navis li a:hover,
body.admin header .navis li.current a {
    background: #bb0013;
    color: #fff;
    border-color: #bb0013;
    text-decoration: none;
}

body.admin .search_box {
    background: #fafafa;
    padding: 30px;
    border: solid 1px #e5e5e5;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
}

body.admin .form_wrap {
    margin: 0;
}

body.admin .search_box .h_style02 {
    background: none;
    padding: 0;
    border: none;
}

body.admin .search_box > div {
    width: 48%;
}

body.admin .search_box .form_wrap .submit_box {
    position: relative;
    border: solid 1px #333333;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.admin .search_box .form_wrap .submit_box input[type="text"] {
    appearance: none;
    background: none;
    font-size: 16px;
    height: 3em;
    line-height: 3em;
    padding: 0 1em;
    border: none;
    display: block;
    border-radius: 6px 0px 0px 6px;
    background: #fff;
    width: calc(100% - 130px);
}

body.admin .search_box .form_wrap .submit_box input[type="submit"] {
    appearance: none;
    background: none;
    font-size: 16px;
    height: 3em;
    line-height: 3em;
    border: none;
    display: block;
    background: #333333;
    color: #fff;
    border-radius: 0px 6px 6px 0px;
    width: 130px;
    cursor: pointer;
}

body.admin .head_option {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    justify-content: space-between;
}

body.admin .head_option button {
    display: block;
    border: solid 1px #6a6a6a;
    border-radius: 5px;
    padding: 10px 30px;
    font-size: 14px;
    cursor: pointer;
    background: #fff;
    transition: background .4s, color .4s;
}

body.admin .head_option button > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-weight: bold;
}

body.admin .head_option button:hover {
    background: #eee;
}

body.admin .pager_style {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

body.admin .pager_style a {
    color: #aaaaaa;
    transition: color .4s;
}

body.admin .pager_style li + li {
    margin-left: 0.5em;
}

body.admin .pager_style a:hover,
body.admin .pager_style span {
    color: #dc0032;
    text-decoration: none;
}

body.admin .check_hidden input[type="checkbox"],
body.admin .radio_hidden input[type="radio"] {
    display: none;
}

body.admin .table_wrap table thead th {
    padding: 5px;
    text-align: center;

}

body.admin .table_wrap thead label {
    cursor: pointer;
}

body.admin .table_wrap thead .all_check label span {
    font-size: 12px;
    line-height: 1.2;
    display: inline-block;
    background: #333333;
    border: solid 1px #333333;
    color: #fff;
    border-radius: 5px;
    padding: 2px 10px;
    transition: color .4s, background .4s;
}

body.admin .table_wrap thead .all_check label input:checked + span {
    background: #fff;
    color: #333;
}

body.admin .table_wrap thead .sorts {
    display: inline-block;
    vertical-align: middle;
    float: right;
}

/**
labelとinput利用を修正
 */
body.admin .table_wrap thead .sorts div {
    display: block;
    font-size: 12px;
    line-height: 1;
}

body.admin .table_wrap thead .sorts div span.not_selected {
    color: #c9c9c9;
}

body.admin thead .sorts div span.selected {
    color: #333333;
}

body.admin tbody .check_hidden label span {
    display: block;
    margin: auto;
    width: 25px;
    height: 25px;
    border: solid 1px #6a6a6a;
    color: #fff;
    border-radius: 5px;
    transition: background .4s;
    position: relative;
}

body.admin .table_wrap tbody .check_hidden label input:checked + span {
    background: #333333;
}

body.admin .table_wrap tbody .check_hidden label span:before {
    content: "";
    width: 11px;
    height: 6px;
    display: inline-block;
    margin: auto;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(135deg);
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
}

body.admin .table_wrap tbody td {
    text-align: center;
}

body.admin .table_wrap tbody td p {
    text-align: left;
}

body.admin .table_wrap tbody td a {
    display: block;
    border: solid 1px #aaaaaa;
    padding: 2px 10px;
    border-radius: 5px;
    font-weight: bold;
    transition: background .4s, color .4s, border-color .4s;
}

body.admin .table_wrap tbody td a.edit {
    border-color: #dc0032;
    background: #dc0032;
    color: #fff;
}

body.admin .table_wrap tbody td a + a {
    margin-top: 5px;
}

body.admin .table_wrap tbody td a:hover {
    text-decoration: none;
    background: #fff;
    color: #dc0032;
    border-color: #dc0032;
}

body.prohibited .ttl_block {
/*    background: #f3f3f3;*/
    background: #dc0032;
}

body.prohibited .dl_files {
    display: block;
    justify-content: space-between;
    margin-bottom: 90px;
}

body.prohibited .dl_files p {
    margin-bottom: 20px;
    line-height: 30px;
}

body.prohibited .search_box {
    display: block;
    padding: 30px 150px;
}

/**
フォームへの指定を修正
 */
body.prohibited .tp_input {
    display: flex;
    align-items: baseline;
}

body.prohibited .search_box > div {
    width: 100%;
    margin-bottom: 20px;
}

body.prohibited .search_box > div:last-child {
    margin-bottom: 0px;
}

body.prohibited .search_box .h_style03 {
    width: 20%;
    font-weight: bold;
}

body .hissu {
    color: #bb0013;
}

body.prohibited .search_box .hissu {
    padding-left: 10px;
}

body.prohibited .search_box .form_wrap .submit_box {
    position: relative;
    width: 100%;
    border: solid 1px #ddd;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.prohibited .search_box .form_wrap .submit_box input[type="text"] {
    appearance: none;
    background: none;
    font-size: 16px;
    font-family: 'Noto Sans JP';
    padding: 0 1em;
    line-height: 3.5em;
    height: 3.5em;
    border: none;
    display: block;
    border-radius: 6px 0px 0px 6px;
    background: #fff;
    width: 100%;
}

body.prohibited .search_box .form_wrap .submit_box select {
    width: 100%;
    border-color: #ddd;
    border-width: 0px;
    font-size: 16px;
    font-family: 'Noto Sans JP';
    padding: 0 1em;
    line-height: 3.5em;
    height: 3.5em;
}

.select_wrap {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
}

.select_wrap select {
    appearance: none;
    background: transparent;
    position: relative;
    border-radius: 5px;
    z-index: 3;
    border: solid 1px #ddd;
    display: block;
}

.select_wrap:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.7px 5px 0 5px;
    border-color: #000333 transparent transparent transparent;
    position: absolute;
    top: 25px;
    right: 20px;

}

body.prohibited .search_box .form_wrap .submit_box textarea {
    width: 100%;
    height: 180px;
    border-color: #ddd;
    border-width: 0px;
    font-size: 16px;
    font-family: 'Noto Sans JP';
    padding: 20px 20px
}

body.prohibited .btn_area {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

body.prohibited .btn_area .btn_wrap a {
    width: 249px;
}

body.exclusion .ttl_block {
    background: #dc0032;
}

body.exclusion .search_box .form_wrap .submit_box {
    border-color: #ddd;
    margin-bottom: 10px;
}

body.exclusion .search_box .form_wrap .submit_box input[type="text"] {
    width: 100%;
    appearance: none;
    background: none;
    font-size: 16px;
    font-family: 'Noto Sans JP';
    padding: 0 1em;
    line-height: 3.5em;
    height: 3.5em;
    border: none;
    display: block;
    border-radius: 6px 0px 0px 6px;
    background: #fff;
}

body.exclusion .search_box .form_wrap .submit_box input::placeholder {
    color: #ddd;
}

body.exclusion .search_box .form_wrap .btn_wrap_bk {
    width: 240px;
    margin: 0 auto;
}

body.exclusion .btn_wrap a {
    margin-bottom: 30px;
}

body.exclusion table {
    width: 100%;
}

body.rule .ttl_block {
/*    background: #f3f3f3; */
    background: #dc0032;
}

body.rule .dl_files {
    display: block;
    justify-content: space-between;
    margin-bottom: 90px;
}

body.rule .dl_files p {
    margin-bottom: 20px;
    line-height: 30px;
}

body.rule .search_box {
    display: block;
    padding: 40px 100px;
}

body.rule .search_box .example {
    width: 100%;
    border: solid 1px #e9b7bc;
    border-radius: 8px;
    background-color: #fff5f7;
    font-size: 15px;
    padding: 20px 30px;
    margin-bottom: 30px;
    color: #ff0000;
}

body.rule .search_box .example .example_tit {
    width: 130px;
    border-bottom: solid 1px #ff0000;
    padding-bottom: 5px;
}

body.rule .search_box .example .example_text {
    line-height: 30px;
}

/**
フォームタグへのデザイン適用を修正
 */
body.rule .tp_input {
    width: 80%;
    display: flex;
    align-items: baseline;
    margin: 0 auto;
}

body.rule .search_box > div {
    width: 100%;
    margin-bottom: 20px;
}

body.rule .search_box > div:last-child {
    margin-bottom: 0px;
}

body.rule .search_box .h_style03 {
    width: 25%;
    font-weight: bold;
}

body.rule .search_box .hissu {
    padding-left: 10px;
}

body.rule .search_box .form_wrap .submit_box {
    position: relative;
    width: 100%;
    border: solid 1px #ddd;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.rule .search_box .form_wrap .submit_box input[type="text"] {
    appearance: none;
    background: none;
    font-size: 16px;
    font-family: 'Noto Sans JP';
    padding: 0 1em;
    line-height: 3.5em;
    height: 3.5em;
    border: none;
    display: block;
    border-radius: 6px 0px 0px 6px;
    background: #fff;
    width: 100%;
}

body.rule .search_box .form_wrap .submit_box textarea {
    width: 100%;
    height: 180px;
    border-color: #ddd;
    border-width: 0px;
    font-size: 16px;
    font-family: 'Noto Sans JP';
    padding: 20px 20px
}

body.rule .btn_area {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

body.rule .btn_area .btn_wrap a {
    width: 240px;
}

body.check .ttl_block {
/*    background: #f3f3f3;*/
background: #dc0032;
}

body.check .dl_files {
    display: block;
    justify-content: space-between;
    margin-bottom: 90px;
}

body.check .dl_files p {
    margin-bottom: 30px;
}

body.check .search_box {
    display: block;
    padding: 40px 100px;
}

body.check .search_box > div {
    width: 100%;
    margin-bottom: 20px;
}

body.check .search_box .search_date_txt {
    padding-left: 60px;
    margin-bottom: 30px;
}

body.check .search_box .search_date_txt p {
    line-height: 30px;
}

/**
フォームタグへのデザイン適用を修正
 */
body.check .tp_input {
    display: flex;
    align-items: center;
}

body.check .search_box .h_style03 {
    width: 150px;
}

body.check .search_box .hissu {
    padding-left: 10px;
}

body.check .search_box .form_wrap .submit_box {
    position: relative;
    border: solid 1px #ddd;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 10px;
    margin-left: 10px;
}

body.check .search_box .form_wrap .submit_box input[type="text"] {
    appearance: none;
    background: none;
    font-size: 16px;
    font-family: 'Noto Sans JP';
    padding: 0 1em;
    line-height: 3.5em;
    height: 3.5em;
    border: none;
    display: block;
    border-radius: 6px 0px 0px 6px;
    background: #fff;
    width: 100%;
}

body.check .table_wrap {
    margin-bottom: 50px;
}

body.check .btn_wrap_bk a {
    width: 171px;
    margin-left: 30px;
}

body.check table {
    width: 100%;
}

body.check .table_wrap table thead th {
    padding: 10px;
}

body.check .table_wrap table tbody th,
body.check .table_wrap table tbody td {
    padding: 20px 10px;
}

body.check a.dl_btn {
    width: 330px;
    height: 65px;
}