/* 最小化できませんでした。最小化されていないコンテンツを返します。
(2699,38): run-time error CSS1030: Expected identifier, found '>'
(2699,53): run-time error CSS1031: Expected selector, found ')'
(2699,53): run-time error CSS1025: Expected comma or open brace, found ')'
(13489,13): run-time error CSS1030: Expected identifier, found '>'
(13489,44): run-time error CSS1031: Expected selector, found ')'
(13489,44): run-time error CSS1025: Expected comma or open brace, found ')'
(13514,13): run-time error CSS1030: Expected identifier, found '>'
(13514,44): run-time error CSS1031: Expected selector, found ')'
(13514,44): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@charset "UTF-8";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/01/01
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
@font-face {
    font-family: "icon";
    src: url("../../fonts/icon.woff");
}

/*====================================================================================================

format

====================================================================================================*/
html {
    font-size: 10px;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    margin-top: 0;
}

p {
    margin: 0 0 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em;
    padding-left: 0;
    letter-spacing: -0.5em;
    list-style: none;
}

li {
    letter-spacing: 0;
}

dl {
    margin: 0;
}

dl dt,
dl dd {
    margin: 0;
    padding: 0;
}

table {
    margin: 0 0 1.5em;
    border-spacing: 0;
    border-collapse: collapse;
}

table th > *:last-child,
table td > *:last-child {
    margin-bottom: 0 !important;
}

hr {
    display: none;
}

img {
    border: 0;
    vertical-align: middle;
}

li img {
    vertical-align: middle;
}

button,
input,
select,
textarea {
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    vertical-align: middle;
    font-size: 1.6rem;
    color: #25180A;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.linkList a {
    cursor: pointer;
}

button {
    display: inline;
    border: none;
    padding: 0;
    background: none;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

:placeholder-shown {
    color: #A0907E;
}

::-webkit-input-placeholder {
    color: #A0907E;
}

::-moz-placeholder {
    color: #A0907E;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #A0907E;
}

address,
small {
    font-style: normal;
}

.em {
    font-weight: bold;
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
mark,
audio,
video,
picture,
main {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    outline: 0;
}

fieldset {
    margin: 0;
    border: none;
    padding: 0;
}

nav ul {
    list-style: none;
}

form > *:last-child {
    margin-bottom: 0 !important;
}

/*====================================================================================================

base

====================================================================================================*/
body {
    color: #25180A;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

@media print, screen and (min-width: 769px) {
    body {
        font-size: 1.6rem;
        line-height: 1.5;
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 1.6rem;
        line-height: 1.25;
    }
}

html {
    background: #F5F3F2;
}

#document {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    margin: 0 auto;
    background: #F5F3F2;
}

a {
    color: #004BA5;
}

@media print, screen and (min-width: 769px) {
    a[href*="tel:"] {
        text-decoration: none;
        pointer-events: none;
        cursor: text;
    }

    a[href*="tel:"] img {
        cursor: default;
    }
}

/* Header
--------------------------------------------------------------------------------------------------- */
#gheader {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
}

#gheader .logo {
    margin-bottom: 0;
}

#gheader .logo span {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 180px;
    height: 33px;
    background-position: 0px 0px;
    background-size: 220px 197px;
}

#gheader .headInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#gheader .menuWrap .linkList {
    margin-bottom: 0;
}

#gheader .menuWrap .linkList > li.parent .innerList {
    margin-bottom: 0;
}

#gheader .menuWrap .linkList > li > a {
    color: #25180A;
    text-decoration: none;
    font-weight: 500;
}

#gheader .menuWrap .subList {
    margin-bottom: 0;
}

#gheader .menuWrap .subList .news.unread a:after {
    content: "";
    background: #DD6262;
    border-radius: 50%;
}

#gheader .menuWrap .subList .messages.unread a:after {
    content: "";
    background: #DD6262;
    border-radius: 50%;
}

#gheader .menuWrap .subList .messages.own_company_unread a:after {
    content: "";
    background: #33BCCC;
    border-radius: 50%;
}

#gheader .info .infoTtl {
    overflow: hidden;
}

#gheader .info .infoTtl .main {
    font-weight: 500;
    display: flex;
}

#gheader .info .infoTtl .sub {
    margin-bottom: 0;
    line-height: 1;
}

#gheader .info .infoMenu .list {
    margin-bottom: 0;
}

#gheader .info .infoMenu .subList > li > div > div > a {
    color: #25180A;
    text-decoration: none;
    font-weight: 500;
}

@media print, screen and (min-width: 769px) {
    #gheader {
        background: #FFF;
        border-radius: 0 0 24px 24px;
    }

    #gheader .menuBtn,
    #gheader .infoBtn,
    #gheader .closeBtn {
        display: none;
    }

    #gheader .headInner {
        padding: 0 20px 0 40px;
    }

    #gheader .logo {
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #gheader .logo:not(:only-child) {
        margin-right: 44px;
    }

    #gheader .menuWrap {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    #gheader .menuWrap .menuInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #gheader .menuWrap .linkList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #gheader .menuWrap .linkList > li {
        font-size: 1.6rem;
    }

    #gheader .menuWrap .linkList > li.parent:hover .innerList {
        opacity: 1;
        pointer-events: all;
    }

    #gheader .menuWrap .subList.linkList > li.parent > a:after {
        content: "";
        overflow: hidden;
        display: inline-block;
        text-indent: 200%;
        white-space: nowrap;
        vertical-align: 1px;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 13px;
        height: 8px;
        background-position: -46px -181px;
        background-size: 220px 197px;
        margin-left: 7px;
    }

    #gheader .menuWrap .linkList > li.parent .innerList {
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        position: absolute;
        background: #FFF;
        border-radius: 0 0 6px 6px;
        z-index: 1;
        padding: 20px;
    }

    #gheader .menuWrap .linkList > li.parent .innerList > li {
        font-size: 1.4rem;
        width: 130px;
    }

    #gheader .menuWrap .linkList > li.parent .innerList > li + li {
        margin-top: 10px;
    }

    #gheader .menuWrap .linkList > li.parent .innerList > li a {
        color: #674E30;
        text-decoration: none;
        font-weight: 500;
    }

    #gheader .menuWrap .linkList > li.parent #faqMenuList > li {
        width: 211px;
    }

    #gheader .info .infoMenu .subList > li > div > div > a:hover {
        text-decoration: underline;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    #gheader .menuWrap .linkList > li.parent .innerList > li a:hover {
        color: #FA742A;
        text-decoration: underline;
    }
}

@media print, screen and (min-width: 769px) {
    #gheader .menuWrap .linkList > li > a {
        display: block;
        padding: 18px 20px;
        color: #674E30;
        text-decoration: none;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    #gheader .menuWrap .linkList > li > a:hover {
        color: #FA742A;
        text-decoration: underline;
    }
}

@media print, screen and (min-width: 769px) {
    #gheader .menuWrap .subList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto;
    }

    #gheader .menuWrap .subList > li.news {
        position: relative;
    }

    #gheader .menuWrap .subList > li.news.unread a:after {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 2px;
        right: 4px;
    }

    #gheader .menuWrap .subList > li.news > a span {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 24px;
        height: 26px;
        background-position: 0px -150px;
        background-size: 220px 197px;
    }

    #gheader .menuWrap .subList > li.messages {
        position: relative;
    }

    #gheader .menuWrap .subList > li.messages.unread a:after {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 0px;
        right: 35px;
    }

    #gheader .menuWrap .subList > li.messages.own_company_unread a:after {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 0px;
        right: 35px;
    }

    #gheader .menuWrap .subList > li.messages > a span {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 29px;
        height: 23px;
        background-position: -107px -83px;
        background-size: 220px 197px;
        margin-right: 35px;
    }

    #gheader .menuWrap .subList > li.manual {
        margin-left: 30px;
        cursor: pointer;
    }

    #gheader .menuWrap .subList > li.manual > a span {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 28px;
        height: 28px;
        background-position: 0px -117px;
        background-size: 220px 197px;
    }

    #gheader .menuWrap .subList > li.manual > a.manual_icon {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 22px;
        height: 22px;
        background-position: 0px -117px;
        background-size: 220px 197px;
    }

    #gheader .menuWrap .subList > li > a {
        display: block;
        padding: 5px;
    }

    #gheader .menuWrap .subList > li.header_group_icon {
        position: relative;
    }

    #gheader .menuWrap .subList > li.header_group_icon_link.unread a:after {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 2px;
        right: 4px;
    }

    #gheader
        .menuWrap
        .subList
        li.header_group_icon
        > a.header_group_icon_link {
        content: "";
        display: block;
        height: 18px;
        width: 18px;
        background-image: url("/Image/header_group_icon.png");
        background-size: contain;
        margin-right: 40px;
        font-size: 0;
        background-repeat: no-repeat;
    }

    #gheader .menuWrap .subList > li.setting_icon {
        height: 28px;
        width: 28px;
        margin-right: 40px;
        cursor: pointer;
    }

    #gheader .menuWrap .subList > li.parent > a.setting {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url(images/common/gear.png);
        background-size: contain;
        width: 18px;
        height: 18px;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    #gheader .menuWrap .subList > li > a:hover {
        opacity: 0.7;
    }
}

@media print, screen and (min-width: 769px) {
    #gheader .info {
        position: relative;
        padding-left: 25px;
        margin-left: 35px;
    }

    #gheader .info:hover .infoMenu {
        display: block;
    }

    #gheader .info:before {
        content: "";
        display: block;
        width: 1px;
        height: 28px;
        background: #D9D2CB;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    #gheader .info .infoTtl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 185px;
        height: 60px;
        position: relative;
        z-index: 2;
    }

    #gheader .info .infoTtl .icon {
        margin-right: 12px;
    }

    #gheader .info .infoTtl .main {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        margin-bottom: 1px;
        display: block;
    }

    #gheader .info .infoTtl .sub {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1.2rem;
    }

    #gheader .info .infoMenu {
        background: #FFF;
        display: none;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        position: absolute;
        z-index: 1;
        min-width: 250px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px 20px 20px;
        top: 40px;
        right: -20px;
        border-radius: 0 0 6px 6px;
    }

    #gheader .info .infoMenu a {
        color: #25180A;
        color: #674E30;
        text-decoration: none;
        font-weight: 500;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    #gheader .info .infoMenu a:hover {
        color: #FA742A;
        text-decoration: underline;
    }
}

@media print, screen and (min-width: 769px) {
    #gheader .info .infoMenu .list {
        font-size: 1.4rem;
    }

    #gheader .info .infoMenu .list > li + li {
        margin-top: 10px;
    }

    #gheader .info .infoMenu .list .subList {
        border-bottom: 1px solid #D9D2CB;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    #gheader .info .infoMenu .list .subList > li + li {
        margin-top: 11px;
    }

    #gheader .info .infoMenu .list .subList > li:only-child {
        pointer-events: none;
    }
}

@media screen and (max-width: 768px) {
    #gheader.simple .headInner {
        background: #FFF;
        height: 64px;
        border-radius: 0 0 18px 18px;
    }

    #gheader.type1 .infoBtn button span {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 40px;
        height: 40px;
        background-position: 0px -38px;
        background-size: 220px 197px;
    }

    #gheader.type2 .infoBtn button span {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 40px;
        height: 40px;
        background-position: -45px -38px;
        background-size: 220px 197px;
    }

    #gheader .headSpInner {
        width: 100%;
        height: 64px;
        background: #FFF;
        border-radius: 0 0 18px 18px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #gheader .logo {
        margin: auto;
    }

    #gheader .infoBtn {
        position: absolute;
        left: 18px;
        top: 0;
        bottom: 0;
        margin: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #gheader .infoBtn button {
        padding: 2px;
    }

    #gheader .menuBtn {
        position: absolute;
        right: 18px;
        top: 0;
        bottom: 0;
        margin: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #gheader .menuBtn button {
        padding: 6px;
    }

    #gheader .menuBtn button span {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 32px;
        height: 25px;
        background-position: -70px -83px;
        background-size: 220px 197px;
    }

    #gheader .menuWrap {
        opacity: 0;
        -webkit-transform: translateX(66px);
        transform: translateX(66px);
        pointer-events: none;
        position: fixed;
        z-index: 10;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    }

    #gheader .menuWrap.is_active {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        pointer-events: all;
    }

    #gheader .menuWrap:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(37, 24, 10, 0.8);
    }

    #gheader .menuWrap .menuInner {
        background: #FFF;
        margin-left: 66px;
        position: relative;
        padding: 2px 20px 20px;
        width: calc(100% - 66px);
        height: 100%;
        top: 0;
        right: 0;
        overflow: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #gheader .menuWrap .closeBtn {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 66px;
    }

    #gheader .menuWrap .closeBtn span {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 23px;
        height: 23px;
        background-position: -157px -117px;
        background-size: 220px 197px;
        position: absolute;
        top: 21px;
        left: 22px;
    }

    #gheader .menuWrap .linkList {
        margin-bottom: 30px;
    }

    #gheader .menuWrap .linkList > li {
        font-size: 2rem;
        border-bottom: 1px solid #D9D2CB;
    }

    #gheader .menuWrap .linkList > li.parent > a {
        position: relative;
    }

    #gheader .menuWrap .linkList > li.parent > a.is_active:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #gheader .menuWrap .linkList > li.parent > a:before,
    #gheader .menuWrap .linkList > li.parent > a:after {
        content: "";
        display: block;
        position: absolute;
        top: 29px;
        right: 12px;
        width: 18px;
        height: 2px;
        background: #C9A173;
        border-radius: 1px;
    }

    #gheader .menuWrap .linkList > li.parent > a.header_group_icon_link:before,
    #gheader .menuWrap .linkList > li.parent > a.header_group_icon_link:after {
        content: none;
        display: block;
        position: absolute;
        top: 29px;
        right: 12px;
        width: 18px;
        height: 2px;
        background: #C9A173;
        border-radius: 1px;
    }

    #gheader .menuWrap .linkList > li.parent > a.hasgroup:before,
    #gheader .menuWrap .linkList > li.parent > a.hasgroup:after,
    #gheader .menuWrap .linkList > li.parent > a.manual_icon:before,
    #gheader .menuWrap .linkList > li.parent > a.manual_icon:after {
        content: "";
        display: block;
        position: absolute;
        top: 29px;
        right: 12px;
        width: 18px;
        height: 2px;
        background: #C9A173;
        border-radius: 1px;
    }

    #gheader .menuWrap .linkList > li.parent > ul.innerList > li#guideArea {
        display: none;
    }

    #gheader .menuWrap .linkList > li.parent > a:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    #gheader .menuWrap .linkList > li.parent .innerList {
        padding: 2px 0 20px;
        display: none;
    }

    #gheader .menuWrap .linkList > li.parent .innerList > li {
        font-size: 1.6rem;
        font-weight: 500;
    }

    #gheader .menuWrap .linkList > li.parent .innerList > li + li {
        margin-top: 20px;
    }

    #gheader .menuWrap .linkList > li.parent .innerList > li a {
        color: #25180A;
        text-decoration: none;
    }

    #gheader .menuWrap .linkList > li a {
        display: block;
    }

    #gheader .menuWrap .linkList > li > a {
        padding: 18px 0;
    }

    #gheader .menuWrap .subList > li {
        font-size: 1.8rem;
        font-weight: 500;
    }

    #gheader .menuWrap .subList > li.news.unread a:after {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 12px;
        height: 12px;
        background: #DD6262;
        margin-left: 8px;
    }

    #gheader .menuWrap .subList > li.messages.unread a:after {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 12px;
        height: 12px;
        background: #DD6262;
        margin-left: 8px;
    }

    #gheader .menuWrap .subList > li.messages.own_company_unread a:after {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 12px;
        height: 12px;
        background: #33BCCC;
        margin-left: 8px;
    }

    #gheader .menuWrap .subList > li + li {
        margin-top: 20px;
    }

    #gheader .menuWrap .subList > li a {
        color: #25180A;
        text-decoration: none;
    }

    #gheader .info {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        z-index: 10;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        -webkit-transform: translateX(-66px);
        transform: translateX(-66px);
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    }

    #gheader .info.is_active {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        pointer-events: all;
    }

    #gheader .info:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(37, 24, 10, 0.8);
    }

    #gheader .info .closeBtn {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 66px;
    }

    #gheader .info .closeBtn span {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 23px;
        height: 23px;
        background-position: -157px -117px;
        background-size: 220px 197px;
        position: absolute;
        top: 21px;
        left: 22px;
    }

    #gheader .info .infoInner {
        background: #FFF;
        margin-right: 66px;
        position: relative;
        padding: 24px 20px 20px;
        width: calc(100% - 66px);
        height: 100%;
        top: 0;
        left: 0;
        overflow: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #gheader .info .infoTtl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 10px;
        border-bottom: 1px solid #D9D2CB;
    }

    #gheader .info .infoTtl .txtWrap {
        margin-left: 16px;
        margin-top: 5px;
    }

    #gheader .info .infoTtl .main {
        margin-bottom: 8px;
        font-size: 1.8rem;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #gheader .info .infoTtl .sub {
        font-size: 1.6rem;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #gheader .info .infoMenu .list > li {
        font-size: 1.8rem;
    }

    #gheader .info .infoMenu .list > li + li {
        margin-top: 20px;
    }

    #gheader .info .infoMenu .list > li > a {
        color: #25180A;
        text-decoration: none;
        font-weight: 500;
    }

    #gheader .info .infoMenu .subList {
        padding: 30px 0;
        margin-bottom: 30px;
        border-bottom: 1px solid #D9D2CB;
    }

    #gheader .info .infoMenu .subList > li {
        font-size: 1.6rem;
    }

    #gheader .info .infoMenu .subList > li + li {
        margin-top: 20px;
    }

    #gheader .info .infoMenu .subList > li > a {
        display: block;
        padding-left: 25px;
        text-decoration: none;
    }
}

/* GlobalNavigation
--------------------------------------------------------------------------------------------------- */
#gnav {
    position: relative;
    margin: 0 auto;
}

#gnav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

#gnav ul > li a {
    display: block;
    text-decoration: none;
}

@media print, screen and (min-width: 769px) {
    #gnav {
        width: 1024px;
    }

    #gnav .menu {
        display: none;
    }

    #gnav ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #gnav ul > li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    #gnav ul > li a {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    #gnav .menu {
        position: absolute;
        top: -50px;
        right: 0;
    }

    #gnav ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #gnav ul > li {
        border-bottom: 1px solid currentColor;
        padding: 10px;
    }
}

/* Breadcrumb
--------------------------------------------------------------------------------------------------- */
#breadcrumb ol {
    position: relative;
    margin: 0;
}

#breadcrumb ol > li {
    padding: 10px 0;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}

#breadcrumb ol > li:nth-child(n + 2)::before {
    width: 2em;
    content: ">";
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#breadcrumb ol > li em {
    font-weight: normal;
}

/* MainContents
--------------------------------------------------------------------------------------------------- */
#container {
    position: relative;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

@media print, screen and (min-width: 769px) {
    #container {
        padding-top: 60px;
    }
}

@media screen and (max-width: 768px) {
    #container {
        padding-top: 64px;
    }
}

#wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media print, screen and (min-width: 769px) {
    #wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 768px) {
    #wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media print, screen and (min-width: 769px) {
    #wrapper #mainContents {
        padding-right: 30px;
    }
}

/* SubContents
--------------------------------------------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
    #subContents {
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
    }
}

/* Footer
--------------------------------------------------------------------------------------------------- */
#gfooter {
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#gfooter a,
#gfooter button {
    color: #FFF;
    text-decoration: none;
}

#gfooter .content {
    background: #674E30;
}

#gfooter .content .linkList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#gfooter .content .linkList > li {
    font-weight: 500;
    position: relative;
}

#gfooter .content .linkList > li:not(:last-child):after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background: #A0907E;
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#gfooter .content .linkList > li a,
#gfooter .content .linkList > li button {
    font-size: 1.2rem;
}

@media print, screen and (min-width: 769px) {
    #gfooter .content .linkList > li {
        font-size: 1.2rem;
    }
}

#gfooter .copyright {
    margin-bottom: 0;
    color: #FFF;
    font-weight: 500;
    white-space: nowrap;
}

#gfooter > .copyright {
    text-align: center;
    color: #674E30;
}

@media print, screen and (min-width: 769px) {
    #gfooter {
        padding: 0 40px 40px;
    }

    #gfooter .content {
        border-radius: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 40px;
    }

    #gfooter .content .linkList {
        margin-bottom: 0;
    }

    #gfooter .content .linkList > li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #gfooter .content .linkList > li:not(:last-child) {
        padding-right: 24px;
        margin-right: 24px;
    }

    #gfooter .content .linkList > li a:hover,
    #gfooter .content .linkList > li button:hover {
        text-decoration: underline;
    }

    #gfooter .content .copyright {
        margin-left: auto;
    }

    #gfooter .content .copyright small {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 768px) {
    #gfooter.simple {
        padding-bottom: 40px;
    }

    #gfooter .content {
        padding: 30px 20px;
    }

    #gfooter .content .linkList {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 10px;
    }

    #gfooter .content .linkList > li {
        font-size: 1.2rem;
        line-height: 16px;
        margin-bottom: 24px;
    }

    #gfooter .content .linkList > li:not(:last-child) {
        padding-right: 14px;
        margin-right: 14px;
    }

    #gfooter .content .copyright {
        margin-top: 10px;
        text-align: center;
    }

    #gfooter .content .copyright small {
        font-size: 1.2rem;
    }
}

/*====================================================================================================

    module

====================================================================================================*/
/* section module
--------------------------------------------------------------------------------------------------- */
.m_contents {
    margin-left: auto;
    margin-right: auto;
}

.m_contents > *:last-child {
    margin-bottom: 0 !important;
}

.m_contents .ctInner > *:last-child {
    margin-bottom: 0 !important;
}

@media print, screen and (min-width: 769px) {
    .m_contents {
        padding: 40px 40px 75px;
    }

    .m_contents.s_solid {
        max-width: 1080px;
    }

    .m_contents .ctInner + .ctInner {
        border-top: 1px solid #D9D2CB;
        margin-top: 70px;
        padding-top: 70px;
    }

    .m_contents .ctInner + .ctInner.s_modMgn {
        margin-top: 40px;
        padding-top: 40px;
    }

    .m_contents .ctInner > dl > dd > a {
        color: #25180A;
    }

    .m_contents .narrow {
        width: 1080px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .m_contents .sNarrow {
        width: 800px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .m_contents > .m_formList > .col.detail span {
        padding-right: 2em;
    }
}

@media screen and (max-width: 768px) {
    .m_contents {
        padding: 32px 20px 60px;
    }

    .m_contents .ctInner + .ctInner {
        margin-top: 48px;
    }

    .m_contents .ctInner.s_modMgn {
        margin-top: 16px;
    }

    .m_contents > .m_formList > .col.detail span {
        padding-right: 2em;
    }
}

.m_lastChild > *:last-child {
    margin-bottom: 0 !important;
}

/* heading module
--------------------------------------------------------------------------------------------------- */
.m_pageHead {
    color: #674E30;
    font-size: 2.4rem;
}

.m_pageHead:not(:first-child) {
    margin-top: 50px;
}

.m_pageHead.s_btn {
    position: relative;
}

.m_pageHead.s_btn button {
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: inherit;
    font-size: inherit;
}

.m_pageHead.s_btn button.is_active .i_accBtn:before {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.m_pageHead + .m_reqBox,
#terms_of_service_list .m_reqBox,
#newsDeliveryResult .m_tab + .m_reqBox {
    margin-top: 24px;
    margin-bottom: 20px;
}

.m_pageHead + .m_reqBox,
#privacy_policy_list .m_reqBox {
    margin-top: 24px;
    margin-bottom: 20px;
}

@media print, screen and (min-width: 769px) {
    .m_pageHead {
        margin-bottom: 12px;
    }

    .m_pageHead.s_border {
        border-bottom: 2px solid #c9a173;
        padding-bottom: 10px;
        margin-bottom: 35px;
    }

    #document .m_pageHead.s_btn .i_accBtn {
        position: absolute;
        right: 15px;
    }
}

@media screen and (max-width: 768px) {
    .m_pageHead {
        margin-bottom: 20px;
    }

    .m_pageHead.s_btn {
        font-size: 2rem;
        border-bottom: 2px solid #c9a173;
        margin-bottom: 24px;
    }

    .m_pageHead.s_btn button {
        padding: 6px 50px 8px 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .m_pageHead.s_btn .purattoBtn {
        position: absolute;
        right: 0;
        top: 20px;
    }
}

.m_pageHeadBox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m_pageHeadBox .m_pageHead {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.m_pageHeadBox .m_pageHead:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 24px;
    background: #D9D2CB;
    margin: 0 16px;
    vertical-align: -2px;
}

.m_pageHeadBox .btnList {
    margin-bottom: 0;
}

.answerBtnList > li + li {
    margin-left: 16px;
}

@media print, screen and (min-width: 769px) {
    .m_pageHeadBox {
        border-bottom: 2px solid #c9a173;
        padding-bottom: 16px;
        margin-bottom: 35px;
    }

    .m_pageHeadBox .m_pageHead {
        border-bottom: none;
    }

    .m_pageHeadBox .btnList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
    }

    .m_pageHeadBox .btnList > li + li {
        margin-left: 16px;
    }

    .m_pageHeadBox + .m_borderHead {
        margin-top: 0;
    }

    .m_pageHeadBoxUnder {
        align-items: flex-end !important;
    }

    .m_pageHeadBox.adoptDetail {
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    .m_pageHeadBox {
        margin-bottom: 32px;
    }

    .m_pageHeadBox .btnList {
        width: calc(100% + 20px);
        margin-left: -5px;
        margin-right: -25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 16px;
    }

    .m_pageHeadBox .btnList > li {
        margin: 16px 5px 0;
    }

    .m_pageHeadBox .btnList > li .m_btn.s_action.s_em {
        max-width: 100%;
        width: 335px;
        text-align: center;
    }

    .m_pageHeadBox + .m_borderHead {
        margin-top: -8px;
    }
}

.m_boldHead {
    color: #674E30;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 2rem;
}

@media print, screen and (min-width: 769px) {
    .m_boldHead .em {
        font-size: 3.2rem;
        margin: 0 2px;
    }

    .m_boldHead .em.m_en {
        font-weight: 500;
    }

    .m_boldHead.s_marginBtm {
        margin-bottom: 24px;
    }

    .m_boldHead.s_pcCenter {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .m_boldHead.s_marginBtm {
        margin-bottom: 16px;
    }

    .m_boldHead.s_spSmall {
        font-size: 1.8rem;
    }
}

.m_borderHead {
    border-bottom: 1px solid #D9D2CB;
}

.m_borderHead > .txt {
    color: #674E30;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 2rem;
}

.m_borderHead > .txt > button {
    display: block;
    text-align: left;
    width: 100%;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    position: relative;
}

.m_borderHead > .txt > button .purattoBtn {
    position: absolute;
    right: 0;
}

.m_borderHead .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.m_borderHead .list > li {
    font-size: 1.4rem;
    font-weight: 500;
}

.m_borderHead .list > li + li {
    border-left: 1px solid #D9D2CB;
}

.m_borderHead .list > li > a {
    color: #25180A;
    text-decoration: none;
}

.m_borderHead .list > li > a.em {
    font-weight: bold;
    color: #FA742A;
}

@media print, screen and (min-width: 769px) {
    .m_borderHead {
        padding-bottom: 8px;
        margin-bottom: 16px;
        margin-top: 58px;
    }

    .m_borderHead.s_sort {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .m_borderHead.s_sort .list {
        margin-left: 16px;
    }

    .m_borderHead.s_sort .list > li {
        padding-left: 12px;
        margin-left: 12px;
    }

    .m_borderHead.s_sort .list > li:first-child {
        border-left: 1px solid #D9D2CB;
        padding-left: 16px;
    }

    .m_borderHead.s_sort .list > li > a:hover {
        color: #FA742A;
        text-decoration: underline;
    }

    .m_borderHead > .txt > button .purattoBtn {
        bottom: -2px;
    }

    .m_borderHead + .m_reqBox {
        margin-top: 32px;
    }

    .m_borderHead.s_marginBtm {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .m_borderHead {
        padding-bottom: 12px;
        margin-bottom: 24px;
        margin-top: 40px;
    }

    .m_borderHead.s_sort {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 24px;
    }

    .m_borderHead.s_sort > .txt {
        padding-bottom: 6px;
    }

    .m_borderHead.s_sort > .list {
        border-top: 1px solid #D9D2CB;
        padding-top: 24px;
    }

    .m_borderHead.s_sort > .list > li:not(:first-child) {
        padding-left: 16px;
        margin-left: 16px;
    }

    .m_borderHead > .txt > button .purattoBtn {
        bottom: -6px;
    }

    .m_borderHead + .m_secBox:not(:first-child) {
        margin-top: 24px;
    }

    .m_borderHead + .m_reqBox {
        margin-top: 24px;
    }

    .m_borderHead.m_notMaker {
        display: none;
    }
}

.m_boxHeading {
    background: #FFF6E2;
    text-align: center;
    border-radius: 6px;
    font-weight: normal;
    color: #674E30;
}

.m_boxHeading > strong,
.m_boxHeading > dl > dd > label > strong {
    color: #FA742A;
    font-weight: bold;
}

.m_boxHeading > dl {
    margin: 10px 0;
}

@media print, screen and (min-width: 769px) {
    .m_boxHeading {
        font-size: 18px;
        padding: 16px 0;
        margin-bottom: 32px;
    }

    .m_boxHeading > strong,
    .m_boxHeading > dl > dd > label > strong {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .m_boxHeading {
        padding: 18px 0;
        line-height: 1.45;
    }

    .m_boxHeading > strong {
        font-size: 18px;
    }
}

/* box module
--------------------------------------------------------------------------------------------------- */
.m_flex.s_form2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.m_flex.s_volume {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m_flex.s_menu .m_reqTable .mainTable {
    min-width: 910px;
}

@media print, screen and (min-width: 769px) {
    .m_flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .m_flex.s_form2col > * {
        width: calc((99.99% - 32px) / 2);
    }

    .m_flex.s_form2col > *:nth-child(even) {
        margin-left: 32px;
    }

    .m_flex.s_form2col > *:nth-child(n + 3) {
        margin-top: 24px;
    }

    .m_flex.s_volume .col1 {
        margin-right: 32px;
    }

    .m_flex.s_volume .col1 .m_input {
        width: 160px;
    }

    .m_flex.s_volume .col2 .m_input {
        width: 72px;
    }

    .m_flex.s_menu {
        margin-bottom: 50px;
    }

    .m_flex.s_menu .sideCol {
        width: 343px;
    }

    .m_flex.s_menu .sideCol .m_boldHead:not(:first-child) {
        margin-top: 50px;
    }

    .m_flex.s_menu .mainCol {
        width: calc(99.99% - 383px);
        margin-left: auto;
    }

    .m_flex.s_menu .mainCol .m_boldHead {
        margin-bottom: 10px;
    }

    .m_flex.s_menu .mainCol .m_boldHead:not(:first-child) {
        margin-top: 40px;
    }

    .m_flex.s_menu .mainCol .m_reqBox {
        margin-bottom: 20px;
    }

    .m_flex.s_order {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }

    .m_flex.s_order .m_reqTable {
        margin-bottom: 0;
        width: calc((100% - 40px) / 2);
    }

    .m_flex.s_order .m_reqTable + .m_reqTable {
        margin-left: 40px;
    }

    .m_flex.s_2col {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m_flex.s_2col > * {
        width: calc((100% - 31px) / 2);
    }

    .m_flex.s_2col > *:nth-child(even) {
        margin-left: 30px;
    }

    .m_flex.s_2col > *:nth-child(n + 3) {
        margin-top: 30px;
    }

    .m_flex.s_3col {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m_flex.s_3col > * {
        width: calc((100% - 62px) / 3);
    }

    .m_flex.s_3col > *:not(:nth-child(3n + 1)) {
        margin-left: 31px;
    }

    .m_flex.s_3col > *:nth-child(n + 4) {
        margin-top: 30px;
    }
}

@media screen and (max-width: 768px) {
    .m_flex.s_form2col > * {
        width: calc((99.99% - 11px) / 2);
    }

    .m_flex.s_form2col > *:nth-child(even) {
        margin-left: 11px;
    }

    .m_flex.s_form2col > *:nth-child(n + 3) {
        margin-top: 11px;
    }

    .m_flex.s_volume .m_input {
        width: 100%;
    }

    .m_flex.s_volume .col1 {
        margin-right: 11px;
        width: calc(70% - 11px);
    }

    .m_flex.s_volume .col2 {
        width: calc(30% - 11px);
    }

    .m_flex.s_menu {
        margin-bottom: 50px;
    }

    .m_flex.s_menu .sideCol {
        margin-bottom: 40px;
    }

    .m_flex.s_menu .sideCol .m_boldHead:not(:first-child) {
        margin-top: 20px;
    }

    .m_flex.s_menu .mainCol .m_boldHead {
        margin-bottom: 10px;
        font-size: 2.4rem;
    }

    .m_flex.s_menu .mainCol .m_boldHead:not(:first-child) {
        margin-top: 40px;
    }

    .m_flex.s_menu .m_boldHead .em {
        font-size: 3.6rem;
    }

    .m_flex.s_menu .mainCol .m_reqBox {
        margin-bottom: 32px;
    }

    .m_flex.s_order {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
        margin-bottom: 24px;
    }

    .m_flex.s_order .m_reqTable {
        margin-bottom: 0;
        min-width: 278px;
    }

    .m_flex.s_order .m_reqTable + .m_reqTable {
        margin-left: 30px;
    }
}

.m_uploadBox.s_flex {
    position: relative;
}

.m_uploadBox.s_flex.no_file {
    width: 100%;
}

.m_uploadBox.s_flex.no_file .fileWrap {
    display: none;
}

.m_uploadBox.s_flex > .boxInner {
    background: none;
}

.m_uploadBox.s_flex .i_submit {
    position: absolute;
    bottom: 0;
    right: 0;
}

.m_uploadBox > .boxInner {
    position: relative;
}

.m_uploadBox > .boxInner button {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m_uploadBox > .boxInner button .subTxt {
    font-size: 1.2rem;
    color: #674E30;
}

.m_uploadBox > .boxInner input[type="file"] {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.m_uploadBox .subHead {
    font-weight: 500;
    color: #674E30;
    margin-bottom: 10px;
}

@media print, screen and (min-width: 769px) {
    .m_msgBox .m_uploadBox.s_flex > .boxInner button {
        padding: 11px 0;
    }

    .m_uploadBox.s_flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    .m_uploadBox.s_flex > .boxInner {
        padding: 0;
        margin-bottom: 0;
    }

    .m_uploadBox.s_flex > .boxInner button {
        width: 272px;
        padding: 24px 0;
    }

    .m_uploadBox.s_flex.no_file > .boxInner button {
        width: 650px;
    }

    .m_uploadBox.s_flex > .boxInner .m_link {
        color: #FA742A;
    }

    .m_uploadBox.s_flex .fileWrap {
        margin: 0 42px 0 12px;
    }

    .m_uploadBox > .boxInner {
        text-align: center;
        margin-bottom: 20px;
    }

    .m_uploadBox > .msgBox.boxInner {
        text-align: right;
    }

    .m_uploadBox > .boxInner:hover .m_btn.s_secondary > .txt {
        background: #fef1ec;
    }

    .m_uploadBox > .boxInner button {
        border: 2px dashed #c9a173;
        border-radius: 6px;
        padding: 35px 30px;
    }

    .m_uploadBox > .boxInner button .ttl {
        display: block;
        margin-bottom: 20px;
    }

    .m_uploadBox > .msgBox.boxInner button .ttl {
        margin-bottom: 10px;
    }

    .m_uploadBox > .boxInner button .ttl .em {
        display: block;
        font-size: 1.6rem;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .m_uploadBox > .boxInner button .ttl .sub {
        font-size: 1.4rem;
    }

    .m_uploadBox > .boxInner button .m_btn {
        margin-bottom: 12px;
    }

    .m_uploadBox > .boxInner button .subTxt {
        display: block;
    }

    .m_uploadBox .subHead {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .m_uploadBox.s_flex .fileWrap {
        margin-right: 36px;
        max-height: 140px;
        overflow: auto;
    }

    .m_uploadBox > .boxInner {
        margin-bottom: 20px;
    }

    .m_uploadBox > .boxInner button {
        text-align: left;
    }

    .m_uploadBox > .boxInner button .ttl {
        display: none;
    }

    .m_uploadBox > .boxInner button .subTxt {
        display: block;
        margin-top: 3px;
    }

    .m_uploadBox .subHead {
        font-size: 1.6rem;
    }

    .m_uploadBox > .boxInner button {
        border: 2px dashed #c9a173;
        border-radius: 6px;
        padding: 35px 30px;
        text-align: center;
    }
}

.m_reqBox > *:last-child {
    margin-bottom: 0;
}

.m_reqBox .numTxt {
    color: #A0907E;
    font-weight: 500;
    margin-bottom: 12px;
}

.m_reqBox .numTxt + .m_reqTable {
    margin-top: 0;
}

.m_reqBox .searchCol .numTxt {
    margin-bottom: 0;
}

.m_reqBox .searchCol .keyword .keywordInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m_reqBox .searchCol .keyword .keywordInner .kwHead {
    margin: 0 24px 0 0;
    font-size: 1.8rem;
    color: #674E30;
}

.m_reqBox .detailCol {
    display: none;
    width: 100%;
    background: #FFF;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m_reqBox .detailCol .search_title {
    border-bottom: 1px solid #D9D2CB;
    margin-bottom: 20px;
    font-weight: 500;
    height: 35px;
}

.m_reqBox .totalCol .txt {
    font-size: 1.6rem;
}

.m_reqBox .totalCol .txt .num {
    font-size: 1.4rem;
}

.m_reqBox .totalCol .txt .num .em {
    font-size: 2rem;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    font-weight: 500;
}

.m_reqBox + .m_tab {
    padding-top: 40px;
}

.m_reqBox + .m_formBtnCol.s_vertical {
    border-top: none;
    padding-top: 0;
}

.m_reqBox + .m_flex,
#invitationSoruce {
    margin-top: 16px;
}

@media print, screen and (min-width: 769px) {
    .m_reqBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .m_reqBox .numTxt {
        font-size: 1.4rem;
    }

    .m_reqBox .searchCol {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }

    .m_reqBox .searchCol .keyword {
        margin-left: auto;
    }

    .groupNameCheckBox + .keyword,
    .unreadCheckBox + .keyword,
    .AnswerSwitchCheckBox + .keyword {
        margin-left: 32px !important;
    }

    .m_reqBox .searchCol .keyword .m_input {
        width: 300px;
        margin-right: 12px;
    }

    .m_reqBox .searchCol .detail {
        margin-left: 32px;
    }

    .m_reqBox .searchCol .detail .m_btn + .m_btn {
        margin-left: 16px;
    }

    .m_reqBox .searchCol .detailCol {
        margin-top: 15px;
        overflow: auto;
    }

    .m_reqBox .searchCol .detailCol .inner {
        padding: 30px 40px;
        min-width: 1200px;
    }

    .m_reqBox .searchCol > .m_btn {
        margin-left: auto;
    }

    .m_reqBox .m_reqTable:not(:first-child) {
        margin-top: 16px;
    }

    .m_reqBox .totalCol {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto;
    }

    .m_reqBox .totalCol > .txt {
        margin: 0 48px 0 0;
    }

    .m_reqBox .totalCol .num.numInput {
        margin-left: -32px;
    }

    .m_reqBox .totalCol .num.numInput .m_input {
        margin-right: 12px;
    }

    .m_reqBox .totalCol .num .em {
        margin: 0 4px 0 24px;
    }

    .m_reqBox .totalCol > *:last-child {
        margin-right: 0;
    }

    .m_reqBox .m_pager {
        width: 100%;
    }

    .m_reqBox + .m_btnList {
        margin-top: 43px;
    }

    .m_reqBox + .m_formBtnCol.s_vertical {
        margin-top: 48px;
    }

    .m_reqBox.s_user .searchCol > .m_btn {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
    }

    .m_reqBox.s_user .searchCol > .numTxt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 16px;
    }

    .m_reqBox.s_user .searchCol > .btnCol {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .m_reqBox.s_user .searchCol > .keyword {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .m_reqBox.s_user .searchCol > .detail {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .m_reqBox.s_user .searchCol > .detailCol {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media screen and (max-width: 768px) {
    .message_list .m_reqBox .searchCol {
        row-gap: 20px;
    }

    .message_list .m_reqBox .searchCol .detail {
        margin-bottom: 0px;
    }

    .m_reqBox.s_client .searchCol {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 16px;
    }

    .m_reqBox.s_client .searchCol .m_btn {
        margin-left: auto;
    }

    .m_reqBox.s_user .searchCol .m_btn.s_action.s_border.s_plus > .txt {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .m_reqBox.s_user
        .searchCol
        .m_btn.s_action.s_border.s_plus
        > .txt
        .txtInner {
        display: inline-block;
        padding-left: 28px;
        position: relative;
    }

    .m_reqBox.s_user
        .searchCol
        .m_btn.s_action.s_border.s_plus
        > .txt
        .txtInner:before,
    .m_reqBox.s_user
        .searchCol
        .m_btn.s_action.s_border.s_plus
        > .txt
        .txtInner:after {
        left: 0;
    }

    .m_reqBox.s_user .searchCol .m_addSelect {
        margin-bottom: 16px;
    }

    .m_reqBox.s_user .searchCol > .btnCol {
        margin-bottom: 16px;
    }

    .m_reqBox .searchCol {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .m_reqBox .searchCol .detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 335px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: auto;
        margin-bottom: 20px;
    }

    .m_reqBox .searchCol .detail:has(> :nth-child(2)) {
        width: 100%;
    }

    .m_reqBox .searchCol .detail .m_btn + .m_btn {
        margin-left: auto;
    }

    .m_reqBox .searchCol .detailCol {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 24px;
    }

    .m_reqBox .searchCol .detailCol .inner {
        padding: 24px 18px 36px;
    }

    .m_reqBox .searchCol .keyword {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 0 20px;
        display: none;
    }

    .m_reqBox .searchCol .keyword .m_input {
        width: calc(100% - 96px);
    }

    .m_reqBox .searchCol .keyword .m_btn {
        width: 85px;
        margin-left: auto;
    }

    .m_reqBox .searchCol .numTxt {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .m_reqBox .searchCol .m_addSelect {
        margin-bottom: 24px;
    }

    .m_reqBox .searchCol .m_addSelect .m_btn.s_action.s_border.s_plus,
    .message_list .m_reqBox .m_btn {
        width: 100%;
    }

    .m_reqBox .searchCol .m_addSelect .m_btn.s_action.s_border.s_plus > .txt,
    .message_list .m_reqBox .m_btn.s_action.s_border.s_plus > .txt {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .m_reqBox
        .searchCol
        .m_addSelect
        .m_btn.s_action.s_border.s_plus
        > .txt
        .txtInner,
    .message_list .m_reqBox .m_btn.s_action.s_border.s_plus > .txt .txtInner {
        display: inline-block;
        padding-left: 28px;
        position: relative;
    }

    .m_reqBox
        .searchCol
        .m_addSelect
        .m_btn.s_action.s_border.s_plus
        > .txt
        .txtInner:before,
    .m_reqBox
        .searchCol
        .m_addSelect
        .m_btn.s_action.s_border.s_plus
        > .txt
        .txtInner:after {
        left: 0;
    }

    .message_list
        .m_reqBox
        .m_btn.s_action.s_border.s_plus
        > .txt
        .txtInner:before,
    .message_list
        .m_reqBox
        .m_btn.s_action.s_border.s_plus
        > .txt
        .txtInner:after {
        left: 0;
    }

    .m_reqBox .totalCol {
        text-align: center;
    }

    .m_reqBox .totalCol .total {
        display: block;
    }

    .m_reqBox .totalCol.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .m_reqBox .totalCol.row > .txt {
        margin-bottom: 0;
        margin-right: 18px;
    }

    .m_reqBox .totalCol.row .numInput .m_input {
        margin-right: 12px;
    }

    .m_reqBox .totalCol > .txt {
        margin-bottom: 10px;
    }

    .m_reqBox .totalCol > .txt .num .em {
        margin: 0 6px 0 12px;
    }

    .m_reqBox .totalCol .m_inputCol .txt {
        margin-right: 24px;
    }

    .m_reqBox .totalCol .m_inputCol .m_input.s_calendar {
        width: 140px;
    }

    .m_reqBox + .m_btnList {
        margin-top: 30px;
    }
}

.m_box {
    background: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    margin: 0 auto;
    max-width: 497px;
}

.m_box > *:last-child {
    margin-bottom: 0 !important;
}

.m_box .boxHead {
    color: #674E30;
    font-weight: bold;
    font-size: 2.4rem;
}

.m_box > .txt {
    font-size: 1.4rem;
}

.m_box.s_heading {
    padding: 0;
}

.m_box.s_hasHead {
    padding: 0;
}

.m_box.s_hasHead .boxHead {
    background: #f3eadf;
    border-bottom: 2px solid #c9a173;
    border-radius: 6px 6px 0 0;
}

.m_box.s_hasHead .boxFoot {
    border-top: 1px solid #D9D2CB;
    color: #674E30;
    font-weight: bold;
}

.m_box.s_hasHead .boxFoot .ttl {
    display: inline-block;
}

.m_box.s_hasHead .boxFoot .fee {
    display: inline-block;
}

@media print, screen and (min-width: 769px) {
    .m_box {
        padding: 45px 56px;
    }

    .m_box.s_large {
        max-width: 800px;
        margin-bottom: 72px;
    }

    .m_box.s_col {
        padding: 24px 22px;
    }

    .m_box .boxHead {
        margin-bottom: 28px;
    }

    .m_box > .txt {
        margin-bottom: 25px;
        text-align: center;
    }

    .m_box > .txt + .m_backLink {
        margin-top: 50px;
    }

    .m_box.s_hasHead > .boxHead {
        padding: 24px;
    }

    .m_box.s_hasHead > .boxBody {
        padding: 0 48px;
    }

    .m_box.s_hasHead > .boxBody:last-child {
        padding-bottom: 45px;
    }

    .m_box.s_hasHead > .boxFoot {
        text-align: right;
        padding: 40px 0 45px;
        margin: 0 48px;
        font-size: 18px;
    }

    .m_box.s_hasHead > .boxFoot .ttl {
        margin-right: 59px;
    }

    .m_box.s_hasHead > .boxFoot .fee {
        margin-right: 32px;
    }

    .m_box.s_hasHead > .boxFoot .fee > strong {
        font-size: 30px;
    }

    .m_box.s_hasHead > .boxFoot small {
        font-weight: normal;
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .m_box {
        padding: 28px 16px;
    }

    .m_box.s_large {
        margin-bottom: 40px;
    }

    .m_box.s_col {
        padding: 12px;
        max-width: none;
    }

    .m_box.s_msgScroll {
        overflow: auto;
    }

    .m_box .boxHead {
        margin-bottom: 20px;
    }

    .m_box > .txt {
        margin-bottom: 20px;
    }

    .m_box > .txt + .m_backLink {
        margin-top: 30px;
    }

    .m_box.s_hasHead > .boxHead {
        padding: 13px 24px;
        font-size: 18px;
    }

    .m_box.s_hasHead > .boxBody {
        padding: 0 16px;
    }

    .m_box.s_hasHead > .boxBody:last-child {
        padding-bottom: 28px;
    }

    .m_box.s_hasHead > .boxFoot {
        padding: 24px 0 28px;
        margin: 0 16px;
        font-size: 18px;
    }

    .m_box.s_hasHead > .boxFoot .ttl {
        width: 50%;
    }

    .m_box.s_hasHead > .boxFoot .fee {
        width: 50%;
        text-align: right;
    }

    .m_box.s_hasHead > .boxFoot .fee > strong {
        font-size: 30px;
    }

    .m_box.s_hasHead > .boxFoot small {
        font-weight: normal;
        font-size: 12px;
    }

    .m_box.s_hasHead > .boxFoot .m_btn {
        margin-top: 16px;
        text-align: center;
    }
}

.m_msgCol a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 0;
    height: 50px;
}

.m_msgCol .txtWrap {
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #674E30;
    font-weight: bold;
    font-size: 1.6rem;
    text-decoration: underline;
}

.m_msgCol .txtWrap > *:last-child {
    margin-bottom: 0 !important;
}

.m_msgCol .txtWrap .head {
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m_msgCol .txtWrap .txt {
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m_msgCol .date {
    text-align: right;
}

.m_msgCol .date > *:last-child {
    margin-bottom: 0 !important;
}

.m_msgCol .date time {
    display: block;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    color: #674E30;
    font-size: 1.1rem;
    margin-bottom: 1px;
}

.m_msgCol .date .num {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 500;
    background: #DD6262;
    color: #FFF;
    min-width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}

@media print, screen and (min-width: 769px) {
    .m_msgCol a:hover .txtWrap {
        color: #FA742A;
    }
}

.m_tab .parentMenu {
    border-bottom: 4px solid #D9D2CB;
    margin-bottom: 24px;
}

.m_tab .parentMenu ul {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m_tab .parentMenu ul > li {
    font-size: 1.8rem;
}

.m_tab .parentMenu ul > li + li {
    margin-left: 7px;
}

.m_tab .parentMenu ul > li a {
    text-decoration: none;
    display: block;
    color: #25180A;
    background: #FFF;
    position: relative;
    border: 2px solid #D9D2CB;
    border-radius: 6px 6px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 12px 5px;
}

.m_tab .parentMenu ul > li a:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: 6px;
    background: #FFB301;
    border-radius: 6px 6px 0 0;
}

.m_tab .parentMenu ul > li a.current {
    font-weight: 500;
    background: #FFF6E2;
    pointer-events: none;
}

.m_tab .tabMenu ul,
.m_tab .msg_tabMenu ul {
    margin-bottom: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m_tab .tabMenu ul:after,
.m_tab .msg_tabMenu ul:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #D9D2CB;
    position: absolute;
    left: 0;
    bottom: 0;
}

.m_tab .tabMenu ul > li a,
.m_tab .msg_tabMenu ul > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #25180A;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.m_tab .tabMenu ul > li a.current,
.m_tab .msg_tabMenu ul > li a.current {
    font-weight: 500;
    pointer-events: none;
}

.m_tab .tabMenu ul > li a.current:after,
.m_tab .msg_tabMenu ul > li a.current:after {
    opacity: 1;
}

.m_tab .tabMenu ul > li a:after,
.m_tab .msg_tabMenu ul > li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FFB301;
    border-radius: 2px;
    width: 100%;
    height: 4px;
    z-index: 1;
    opacity: 0;
}

@media print, screen and (min-width: 769px) {
    .m_tab .parentMenu ul > li a {
        min-width: 200px;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .m_tab .parentMenu ul > li a:hover {
        opacity: 0.7;
    }
}

@media print, screen and (min-width: 769px) {
    .m_tab .tabMenu {
        margin-bottom: 25px;
    }

    .m_tab .msg_tabMenu {
        margin-bottom: 5px;
    }

    .m_tab .tabMenu.wide ul > li a,
    .m_tab .msg_tabMenu.wide ul > li a {
        padding: 0 30px 10px;
    }

    .m_tab .tabMenu ul > li a,
    .m_tab .msg_tabMenu ul > li a {
        padding: 0 24px 10px;
        font-size: 1.8rem;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .m_tab .tabMenu ul > li a:hover {
        opacity: 0.7;
    }
}

@media print, screen and (min-width: 769px) {
    .m_tab .tabWrap .tab .m_checkList {
        margin-top: 40px;
    }

    .m_tab + .m_reqBox,
    .m_tab + .m_pager {
        margin-top: 48px;
    }

    .m_tab.s_sort {
        padding-bottom: 48px;
    }

    .requestArea #resultMaker {
        margin-top: 48px;
    }
}

@media screen and (max-width: 768px) {
    .m_tab .tabMenu {
        margin-bottom: 20px;
    }

    .m_tab .msg_tabMenu {
        margin-bottom: 5px;
    }

    .m_tab .tabMenu.overflow,
    .m_tab .msg_tabMenu.overflow {
        overflow: auto;
    }

    .m_tab .tabMenu.overflow ul > li,
    .m_tab .msg_tabMenu.overflow ul > li {
        width: auto;
        white-space: nowrap;
    }

    .m_tab .tabMenu.overflow ul > li a,
    .m_tab .msg_tabMenu.overflow ul > li a {
        padding: 0 20px 10px;
    }

    .m_tab .tabMenu ul > li {
        width: 100%;
    }

    .m_tab .msg_tabMenu ul > li {
        width: 100%;
        font-size: 1.8rem;
    }

    .m_tab .tabMenu ul > li a,
    .m_tab .msg_tabMenu ul > li a {
        padding: 0 5px 8px 5px;
    }

    .m_tab + .m_reqBox {
        margin-top: 24px;
    }

    .m_tab + .m_pager {
        margin-top: 32px;
    }

    .m_tab.s_sort {
        padding-bottom: 24px;
    }
}

.m_tab .tabMenu.s_large > ul > li {
    border-radius: 6px 6px 0 0;
    border-width: 1px 1px 0;
    border-color: #D9D2CB;
    border-style: solid;
    background: #FFF;
    height: 56px;
    line-height: 55px;
    position: relative;
    padding: 0;
}

.m_tab .tabMenu.s_large > ul > li + li {
    margin-left: 7px;
}

.m_tab .tabMenu.s_large > ul > li.current {
    background: #FFF6E2;
    font-weight: 500;
}

.m_tab .tabMenu.s_large > ul > li.current::before {
    position: absolute;
    content: "";
    border-radius: 6px 6px 0 0;
    height: 6px;
    width: 100%;
    background: #FFB301;
    top: 0;
    left: 0;
}

@media print, screen and (min-width: 769px) {
    .m_tab .tabMenu.s_large > ul > li {
        width: 200px;
    }
}

@media screen and (max-width: 768px) {
    .m_tab .tabMenu.s_large > ul > li {
        -ms-flex-preferred-size: calc((100% - 7px) / 2);
        flex-basis: calc((100% - 7px) / 2);
    }
}

.m_secBox > *:last-child {
    margin-bottom: 0 !important;
}

@media print, screen and (min-width: 769px) {
    .m_secBox.s_request + .m_secBox.s_request {
        border-top: 1px solid #D9D2CB;
    }

    .m_secBox:not(:first-child) {
        margin-top: 72px;
    }

    .m_secBox.s_request:first-child {
        padding-top: 24px;
    }

    .m_secBox.s_request + .m_secBox.s_request {
        padding-top: 40px;
        margin-top: 40px;
    }

    .m_secBox.s_narrow > .boxInner {
        max-width: 1080px;
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
    .m_secBox.s_request + .m_secBox.s_request {
        margin-top: 16px;
    }

    .m_secBox:not(:first-child) {
        margin-top: 64px;
    }
}

.m_errorWrap {
    margin-bottom: 30px;
}

.m_errorBox {
    padding: 16px;
    font-size: 1.6rem;
    color: #DD6262;
    background: #FFF;
    border: 4px solid #DD6262;
    border-radius: 6px;
}

.m_errorBox > *:last-child {
    margin-bottom: 0 !important;
}

.m_errorBox .field-validation-error.txt {
    position: relative;
    padding-left: 35px;
    margin-bottom: 8px;
    font-size: 1.6rem;
    margin: 0;
}

.m_errorBox .field-validation-error.authError {
    white-space: pre-wrap;
}

.m_errorBox .field-validation-error.txt::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 26px;
    height: 26px;
    background-position: -64px -117px;
    background-size: 220px 197px;
}

@media print, screen and (min-width: 769px) {
    .m_errorBox {
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 768px) {
    .m_errorBox {
        margin-bottom: 24px;
    }
}

.m_msgBox .boxInner {
    background: #F5F3F2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m_msgBox .inputCol .tabMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

.m_msgBox .inputCol .tabMenu li {
    font-size: 1.6rem;
}

.m_msgBox .inputCol .tabMenu li + li {
    margin-left: 24px;
}

.m_msgBox .inputCol .tabMenu li a {
    color: #25180A;
    text-decoration: none;
    display: block;
    position: relative;
    padding-bottom: 6px;
}

.m_msgBox .inputCol .tabMenu li a:after {
    content: "";
    display: block;
    background: #FFB301;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.m_msgBox .inputCol .tabMenu li a.current {
    font-weight: 500;
    pointer-events: none;
}

.m_msgBox .inputCol .tabMenu li a.current:after {
    opacity: 1;
}

@media print, screen and (min-width: 769px) {
    .m_msgBox > .boxInner {
        padding: 32px 40px;
    }

    .m_msgBox .inputCol {
        padding: 15px 24px 20px;
    }
}

@media screen and (max-width: 768px) {
    .m_msgBox > .boxInner {
        padding: 12px;
    }

    .m_msgBox .inputCol {
        padding: 10px 18px 20px;
    }
}

.m_msg {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.m_msg.s_self .msgInner .bln {
    background: #ebd6be;
    word-break: break-all;
}

.m_msg.s_left .msgInner .bln {
    word-break: break-all;
}

.m_msg .name {
    margin-bottom: 5px;
}

.m_msg .name .icon {
    position: absolute;
    top: 0;
}

.m_msg .name .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.m_msg .name .txt {
    margin-bottom: 0;
    font-weight: 500;
}

.m_msg .msgInner {
    position: relative;
    display: flex;
}

.m_msg .msgInner .i_trash {
    position: relative;
    top: 28px;
    right: 15px;
}

.m_msg .msgInner .bln {
    font-size: 1.4rem;
    line-height: 1.5;
    background: #FFF;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}

.m_msg .msgInner .bln > *:last-child {
    margin-bottom: 0 !important;
}

.m_msg .msgInner .time {
    font-size: 1.2rem;
    color: #674E30;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    margin: auto 5px 0 5px;
}

.m_msg .msgInner .m_fileList > li .name {
    font-size: 1.4rem;
}

.m_msg .msgInner .m_fileList > li .size {
    font-size: 1.2rem;
}

.m_msg.s_left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.m_msg.s_left .name .icon {
    left: 0;
}

.m_msg.s_right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.m_msg.s_right .name .icon {
    right: 0;
}

@media print, screen and (min-width: 769px) {
    .m_msg + .m_msg {
        margin-top: 20px;
    }

    .m_msg.s_left {
        padding-left: 56px;
    }

    .m_msg.s_left + .s_left {
        margin-top: 10px;
    }

    .m_msg.s_right {
        padding-right: 56px;
    }

    .m_msg.s_right + .s_right {
        margin-top: 10px;
    }

    .m_msg .name .icon {
        width: 40px;
        height: 40px;
    }

    .m_msg .name .txt {
        font-size: 1rem;
    }

    .m_msg .msgInner .i_trash {
        bottom: 34px;
    }

    .m_msg .msgInner .bln {
        padding: 8px;
        max-width: 520px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 768px) {
    .m_msg + .m_msg {
        margin-top: 15px;
    }

    .m_msg.s_left {
        padding-left: 32px;
    }

    .m_msg.s_left + .s_left {
        margin-top: 8px;
    }

    .m_msg.s_left .msgInner {
        margin-right: 44px;
    }

    .m_msg.s_right {
        padding-right: 32px;
    }

    .m_msg.s_right + .s_right {
        margin-top: 8px;
    }

    .m_msg.s_right .msgInner {
        margin-left: 44px;
    }

    .m_msg .name .icon {
        width: 24px;
        height: 24px;
    }

    .m_msg .name .txt {
        font-size: 0.7rem;
    }

    .m_msg .msgInner .i_trash {
        bottom: 24px;
    }

    .m_msg .msgInner .bln {
        padding: 6px;
        margin-bottom: 3px;
    }
}

.m_txtAreaBox {
    position: relative;
}

.m_txtAreaBox .i_submit {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media print, screen and (min-width: 769px) {
    .m_txtAreaBox .m_textArea {
        width: calc(100% - 42px);
        height: 106px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .m_txtAreaBox .m_textArea {
        width: calc(100% - 36px);
        height: 70px;
    }

    .m_txtAreaBox .m_textArea.is_focus {
        height: 114px;
    }
}

.m_profBox > *:last-child {
    margin-bottom: 0 !important;
}

.m_profBox .nameCol .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.m_profBox .nameCol .txtWrap .ttl .main,
.m_profBox .nameCol .txtWrap .ttl .group {
    display: block;
    font-weight: bold;
    font-size: 2.4rem;
}

.m_profBox .nameCol .txtWrap .ttl .main.link::after {
    margin-left: 8px;
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 30px;
    height: 18px;
    background-position: -141px -83px;
    background-size: 220px 197px;
    content: "";
}

.m_profBox .nameCol .txtWrap .ttl .sub {
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
}

.m_profBox .nameCol .txtWrap .txt {
    font-size: 1.4rem;
    line-height: 1.5;
}

.m_profBox .nameCol .txtWrap .list {
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5;
}

.m_profBox .nameCol .txtWrap .group img {
    width: 20px;
    height: 20px;
}

.m_profBox .nameCol .txtWrap .list > dt {
    font-weight: 500;
    margin-right: 16px;
}

.m_profBox .nameCol .txtWrap .list > dd:not(:last-child) {
    margin-right: 32px;
}

.m_profBox .descCol {
    line-height: 1.5;
    margin-bottom: 20px;
}

.m_profBox .descCol > *:last-child {
    margin-bottom: 0 !important;
}

.m_profBox .descCol > .head {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 1px;
}

.m_profBox .descCol > .txt {
    font-size: 1.4rem;
}

.m_profBox .descCol .m_ctList > li .txt {
    font-size: 1.4rem;
    overflow-wrap: anywhere;
}

.m_profBox .dtlList {
    background: #F5F3F2;
    border-radius: 6px;
    line-height: 1.5;
    margin-bottom: 24px;
}

.m_profBox .dtlList > dt {
    margin-bottom: 3px;
    font-size: 1.4rem;
    font-weight: 500;
}

.m_profBox .dtlList > dt:not(:first-child) {
    border-top: 1px solid #D9D2CB;
}

.m_profBox .dtlList > dd {
    font-size: 1.4rem;
}

@media print, screen and (min-width: 769px) {
    .m_profBox .nameCol {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 28px;
    }

    .m_profBox .nameCol .img {
        width: 128px;
        height: 128px;
    }

    .m_profBox .nameCol .txtWrap {
        margin-left: 32px;
    }

    .m_profBox .nameCol .txtWrap .ttl {
        margin-bottom: 20px;
    }

    .m_profBox .nameCol .txtWrap .txt {
        margin-bottom: 5px;
    }

    .m_profBox .descCol > .txt {
        margin-bottom: 4px;
    }

    .m_profBox .dtlList {
        padding: 20px 24px;
    }

    .m_profBox .dtlList > dt:not(:first-child) {
        padding-top: 16px;
        margin-top: 16px;
    }
}

@media screen and (max-width: 768px) {
    .m_profBox .nameCol {
        margin-bottom: 20px;
    }

    .m_profBox .nameCol .img {
        width: 120px;
        height: 120px;
        margin: 0 auto 20px;
    }

    .m_profBox .nameCol .txtWrap .info_area,
    #makerDetailModalWindow .m_categoryIcon {
        justify-self: center;
    }

    .m_profBox .nameCol .txtWrap .ttl {
        margin-bottom: 8px;
    }

    .m_profBox .nameCol .txtWrap .txt {
        margin-bottom: 3px;
    }

    .m_profBox .dtlList {
        padding: 13px 18px;
    }

    .m_profBox .dtlList > dt:not(:first-child) {
        padding-top: 12px;
        margin-top: 12px;
    }
}

.m_checkAcc {
    background: #ECE8E5;
    border-radius: 6px;
    margin-bottom: 40px;
}

.m_checkAcc .list {
    margin-bottom: 0;
}

.m_checkAcc .m_radioList {
    padding-top: 24px;
}

@media print, screen and (min-width: 769px) {
    .m_checkAcc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 40px 60px;
    }

    .m_checkAcc .ttl {
        margin-bottom: 0;
        color: #674E30;
        font-weight: bold;
        font-size: 2rem;
    }

    .m_checkAcc .boxInner {
        border-left: 1px solid #D9D2CB;
        padding-left: 64px;
        margin-left: 64px;
    }

    .m_checkAcc .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .m_checkAcc .list > li + li {
        margin-left: 24px;
    }

    .m_checkAcc .m_radioList {
        margin-bottom: -15px;
    }
}

@media screen and (max-width: 768px) {
    .m_checkAcc {
        padding: 24px 16px;
    }

    .m_checkAcc .ttl {
        display: none;
    }

    .m_checkAcc .list > li + li {
        margin-top: 12px;
    }

    .m_checkAcc .m_radioList {
        margin-bottom: 0;
    }
}

.m_checkProjects {
    display: flex;
}

.m_checkProjects .list {
    display: flex;
}

.m_checkProjects .list > li + li {
    margin-left: 24px;
}

.m_orderBox .desc {
    font-size: 1.6rem;
    margin-bottom: 16px;
}

@media print, screen and (min-width: 769px) {
    .m_orderBox {
        padding-top: 24px;
    }
}

.m_txtBox {
    margin: 0;
    line-height: 1.8;
}

@media print, screen and (min-width: 769px) {
    .m_linkWrap {
        text-align: right;
    }
}

@media screen and (max-width: 768px) {
    .m_linkWrap {
        text-align: center;
    }
}

.m_notice .time {
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    margin-right: 20px;
}

.m_notice .m_tag {
    margin-bottom: 0;
}

.m_notice .ttl {
    margin: 4px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.m_notice .ttl .ttlInner {
    display: block;
    margin-bottom: 0;
}

.m_notice .ttl .ttlInner a {
    color: #25180A;
    text-decoration: none;
}

.m_notice.s_file .ttlInner {
    padding-right: 20px;
    position: relative;
}

.m_notice.s_file .ttlInner a:after,
.m_notice.s_file .ttlInner .txt:after {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 15px;
    height: 16px;
    background-position: -185px -72px;
    background-size: 220px 197px;
    position: absolute;
    top: 5px;
    right: 0;
}

.m_notice.s_new .ttl {
    padding-left: 20px;
}

.m_notice.s_new .ttl:before {
    content: "";
    background: #DD6262;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: 0;
}

@media print, screen and (min-width: 769px) {
    .m_notice .ttl .ttlInner {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .m_notice .ttl .ttlInner a:hover {
        color: #FA742A;
        text-decoration: underline;
    }

    .m_notice.s_new .ttl:before {
        top: 7px;
    }
}

@media screen and (max-width: 768px) {
    .m_notice .ttl .ttlInner {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .m_notice.s_new .ttl:before {
        top: 5px;
    }
}

.m_noticeBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.m_noticeBox .time {
    margin-right: 20px;
}

.m_noticeBox .m_tag {
    margin-bottom: 0;
}

.m_noticeBox .boxInner {
    width: 100%;
    margin-top: 15px;
}

.m_noticeBox .boxInner > *:last-child {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
    .m_noticeBox .boxInner {
        font-size: 1.4rem;
    }
}

/* paragraph module
--------------------------------------------------------------------------------------------------- */
.i_mail {
    display: inline-block;
    position: relative;
}

.i_mail.s_unread:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #DD6262;
    position: absolute;
    top: -4px;
    right: -4px;
}

.i_mail.s_own_company_unread:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #33BCCC;
    position: absolute;
    top: -4px;
    right: -4px;
}

.i_mail.s_number:after {
    content: "" attr(data-number);
    display: inline-block;
    font-size: 1.2rem;
    min-width: 18px;
    line-height: 18px;
    padding: 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 18px;
    border-radius: 50%;
    text-align: center;
    color: #FFFFFF;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    font-weight: 500;
    background: #DD6262;
    position: absolute;
    top: -7px;
    right: -7px;
}

.i_mail.s_unread.inquirydetail:before {
    content: "";
    display: block;
    width: 11px;
    height: 12px;
    border-radius: 50%;
    background: #DD6262;
    position: absolute;
    top: -4px;
    right: 5px;
    z-index: 2;
}

.i_mail.s_own_company_unread.inquirydetail:before {
    content: "";
    display: block;
    width: 11px;
    height: 12px;
    border-radius: 50%;
    background: #33BCCC;
    position: absolute;
    top: -4px;
    right: 5px;
    z-index: 2;
}

.i_mail > span {
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 29px;
    height: 23px;
    background-position: -107px -83px;
    background-size: 220px 197px;
}

.i_back {
    display: inline-block;
}

.i_back > span {
    content: "";
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: -10px;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 32px;
    height: 32px;
    background-position: -90px -38px;
    background-size: 220px 197px;
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .i_back:hover {
        opacity: 0.7;
    }
}

/* list module
--------------------------------------------------------------------------------------------------- */
.m_formList > .ttl {
    font-weight: 500;
}

.m_formList > .ttl .m_reqBnr {
    margin-left: 12px;
    vertical-align: 1px;
}

.m_formList > .ttl .notes {
    display: block;
    font-weight: normal;
    position: relative;
    color: #674E30;
    font-size: 12px;
    padding-left: 1em;
    margin-top: 5px;
}

.m_formList > .ttl .notes:before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}

.m_formList > .col > *:last-child {
    margin-bottom: 0 !important;
}

.m_formList > #DetailedKubunList.col .field-validation-error {
    margin-top: -40px;
    padding-bottom: 22px;
}

@media screen and (max-width: 768px) {
    .m_formList > #DetailedKubunList.col .field-validation-error {
        margin-top: 0;
    }

    .m_formList > #DetailedKubunList.col li {
        margin: 0 1rem 1rem 0;
    }
}

.disp_pc {
    display: inline-block;
}

.disp_sp {
    display: none;
}

.m_formList > .col .m_tag {
    margin-left: 5px;
}

.m_formList > .col .decimal {
    font-size: 1.4rem !important;
}

a.maker_name[data-target="#makerDetailModalWindow"],
span.maker_name[data-target="#makerDetailModalWindow"],
span.group_name[data-target="#groupDetailModalWindow"],
a[data-target="#groupDetailModalWindow"] {
    color: #25180A;
    text-decoration: underline;
}

.m_formList .g_notice {
    font-size: 1.2rem;
}

.g_notice.mailaddress {
    margin-left: 33px;
    margin-top: 5px;
}

@media print, screen and (min-width: 769px) {
    .m_formList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m_formList.s_fix > .ttl:not(:first-of-type),
    .m_formList.s_fix > .col:not(:first-of-type) {
        margin-top: 20px;
    }

    .m_formList > .ttl:not(:first-of-type),
    .m_formList > .col:not(:first-of-type) {
        margin-top: 35px;
    }

    .m_formList > .ttl {
        width: 25%;
        font-size: 1.6rem;
    }

    .m_formList > .col {
        width: 75%;
    }

    .m_formList > .col .changeBtn {
        margin-left: 20px;
    }

    .m_formList > .col .free_message {
        word-wrap: break-word;
    }

    .m_formList > .col.counselingKubun > span {
        margin-right: 30px;
    }

    .m_formList.s_short > .ttl:not(:first-of-type),
    .m_formList.s_short > .col:not(:first-of-type) {
        margin-top: 24px;
    }

    .m_formList.s_modMgn {
        margin-bottom: 40px;
    }

    .m_formList.open {
        margin-top: 35px;
    }
}

@media screen and (max-width: 768px) {
    .m_formList.s_borderTop {
        border-top: 1px solid #D9D2CB;
        padding-top: 16px;
    }

    .m_formList > .ttl {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }

    .m_formList > .ttl:not(:first-of-type) {
        margin-top: 15px;
    }

    .m_formList > .col {
        border-bottom: 1px solid #D9D2CB;
        border-radius: 2px;
        padding-bottom: 16px;
    }

    .m_formList > .col:after {
        content: "";
        clear: both;
        display: block;
    }

    .m_formList > .col .changeBtn {
        float: right;
        margin-top: -1em;
    }

    .m_formList > .col.counselingKubun > span {
        margin-right: 30px;
    }

    .m_formList.s_short {
        border-bottom: 1px solid #D9D2CB;
    }

    .m_formList.s_short > .ttl {
        margin-bottom: 24px;
    }

    .m_formList.s_short > .col {
        border-bottom: none;
    }

    .m_formList.s_modMgn {
        margin-bottom: 25px;
    }

    .disp_pc {
        display: none;
    }

    .disp_sp {
        display: block;
    }

    .m_formList > .col .disp_sp .m_tag {
        margin: 0;
        width: auto;
        padding: 0 6px 2px;
        margin: 0 0 8px;
    }

    .proName {
        margin: 0 0 8px;
        display:block;
    }
}

.m_formBtnCol {
    text-align: center;
}

.m_formBtnCol.s_vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m_formBtnCol .link {
    margin-bottom: 0;
}

.m_formBtnCol .link a {
    text-decoration: none;
    color: #674E30;
    font-weight: bold;
}

@media print, screen and (min-width: 769px) {
    .m_formBtnCol {
        margin-top: 72px;
        padding-top: 48px;
        border-top: 1px solid #D9D2CB;
        border-radius: 2px;
    }

    .m_formBtnCol > .info {
        text-align: left;
        margin-bottom: 24px;
    }

    .m_formBtnCol.s_vertical > * + * {
        margin-top: 32px;
    }

    .m_formBtnCol.adoptDetail,
    #SelectTemplateForProjectInfoModal .m_formBtnCol,
    #CsvSelectionModal .m_formBtnCol {
        border-top: none;
        margin-top: 0px;
        padding-top: 0px;
    }

    .m_formBtnCol .link {
        font-size: 1.6rem;
        margin-top: 20px;
    }

    .m_formBtnCol .link a:hover {
        text-decoration: underline;
    }
}

@media screen and (max-width: 768px) {
    .m_formBtnCol {
        margin-top: 48px;
    }

    .m_formBtnCol.s_vertical > * + * {
        margin-top: 24px;
    }

    .m_formBtnCol .link {
        margin-top: 20px;
        font-size: 1.6rem;
    }
}

.m_radioList.s_search .m_radio {
    font-size: 1.4rem;
}

.m_radioList.s_check {
    margin: -20px 0 0;
}

.m_radioList.s_check > li {
    display: inline-block;
}

.m_radioList.s_check > li:not(:last-of-type) {
    margin-right: 30px;
}

.m_radioList.s_check + .m_boldHead {
    margin-top: 20px;
}

.m_radioList > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m_radioList.kbnLine {
    text-align: left;
}

.m_radioList.kbnLine > li {
    display: inline-block;
}

@media print, screen and (min-width: 769px) {
    .m_radioList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .m_radioList.s_search li:not(:last-child) {
        margin-right: 15px;
    }

    .m_radioList + .field-validation-error {
        margin-top: 0;
    }

    .m_radioList > li {
        margin-bottom: 15px;
    }

    .m_radioList > li:not(:last-child) {
        margin-right: 30px;
    }

    .m_radioList.s_check {
        margin-top: -20px;
    }

    .m_radioList.s_check > li {
        margin-top: 20px;
    }

    .m_radioList.s_vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .m_radioList.s_vertical > li:not(:last-child) {
        margin-bottom: 24px;
    }

    .m_radioList > li > .m_checkList {
        margin: 16px 0 0 32px;
    }
}

@media screen and (max-width: 768px) {
    .m_radioList.s_search {
        margin-top: 24px;
    }

    .m_radioList.s_check {
        margin-top: -10px;
    }

    .m_radioList.s_check > li {
        margin-top: 10px;
    }

    .m_radioList.s_check + .m_radioList.s_check {
        margin-top: 0;
    }

    .m_radioList.s_col2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m_radioList.s_col2 > li {
        width: 50%;
        padding-right: 10px;
    }

    .m_radioList.s_col2 > li:nth-of-type(n + 3) {
        margin-top: 20px;
    }

    .m_radioList.s_col2 > li:only-child {
        width: 100%;
    }

    .m_radioList.s_col2 > li + li {
        margin-top: 0;
    }

    .m_radioList > li + li {
        margin-top: 24px;
    }

    .m_radioList > li .m_checkList {
        margin: 24px 0 0 32px;
    }
}

.m_pager {
    text-align: center;
}

.m_pager .pagerInner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m_pager .purattoBtn {
    margin-bottom: 0;
}

.m_pager .btn.prev a:before,
.m_pager .btn.next a:before {
    content: "";
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: -1px;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 8px;
    height: 13px;
    background-position: -208px -33px;
    background-size: 220px 197px;
    margin-right: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.m_pager .btn.first a:before,
.m_pager .btn.last a:before {
    content: "";
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: -1px;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 8px;
    height: 13px;
    background-position: -208px -33px;
    background-size: 220px 197px;
    margin-right: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    right: 0;
    margin: auto;
}

.m_pager .btn.first a:after,
.m_pager .btn.last a:after {
    content: "";
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: -1px;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 8px;
    height: 13px;
    background-position: -208px -33px;
    background-size: 220px 197px;
    margin-right: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 7px;
    margin: auto;
}

.m_pager .btn.next,
.m_pager .btn.last {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.m_pager .purattoBtn a {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    position: relative;
}

.m_pager .list {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
}

.m_pager .list > li {
    font-weight: 500;
}

.m_pager .list > li a {
    text-decoration: none;
    display: block;
    color: #674E30;
    background: #FFF;
    border: 2px solid #D9D2CB;
    border-radius: 50%;
    font-size: 1.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.m_pager .list > li a.current {
    background: #A0907E;
    border-color: #A0907E;
    color: #FFF;
    pointer-events: none;
}

.m_pager .list > li.blank {
    color: #674E30;
    font-size: 2rem;
}

@media print, screen and (min-width: 769px) {
    .m_pager .purattoBtn a {
        width: 32px;
        height: 32px;
    }

    .m_pager .purattoBtn a:hover {
        opacity: 0.7;
    }

    .m_pager .list {
        margin: 0 16px;
    }

    .m_pager .list > li {
        margin: 0 2px;
    }

    .m_pager .list > li a {
        width: 32px;
        line-height: 28px;
    }

    .m_pager .list > li a:hover {
        background: #ECE8E5;
    }

    .m_pager .list > li.blank {
        margin: 0 6px;
    }

    .m_pager + .totalCol {
        margin-top: 32px;
    }
}

@media screen and (max-width: 768px) {
    .m_pager {
        margin: 0 -20px;
    }

    .m_pager .pagerInner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m_pager .list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 6px;
    }

    .m_pager .list > li {
        margin: 0 6px;
    }

    .m_pager .list > li:first-child {
        margin-left: 0;
    }

    .m_pager .list > li:last-child {
        margin-right: 0;
    }

    .m_pager .list > li:nth-child(n + 5) {
        display: none;
    }

    .m_pager .list > li a {
        width: 40px;
        line-height: 36px;
    }

    .m_pager .list > li.blank {
        margin: 0;
    }

    .m_pager .purattoBtn a {
        width: 32px;
        height: 40px;
    }

    .m_pager + .totalCol {
        margin-top: 48px;
    }
}

.m_inputList {
    margin-bottom: 40px;
}

.m_inputList > dt {
    color: #25180A;
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 2px;
}

.m_inputList > dt:not(:first-child) {
    margin-top: 20px;
}

.m_inputList > .col > *:last-child {
    margin-bottom: 0 !important;
}

.m_inputList > .col > .m_input {
    margin-bottom: 8px;
}

.m_inputList > .col > .m_input + .field-validation-error {
    margin-top: 0;
}

.m_inputList > .col .err {
    color: #674E30;
    font-size: 1.2rem;
    margin: 3px 0 0;
}

.m_inputList.s_modal > .col > .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
}

.m_inputList.s_modal > .col > .ttl > * {
    margin-bottom: 0;
}

.m_inputList.s_modal > .col > .ttl > *:not(:last-child) {
    margin-right: 16px;
}

.m_inputList.s_modal > .col > .ttl .txt {
    font-size: 1.6rem;
    font-weight: 500;
}

.m_inputList.s_modal > .col > .ttl .sub {
    color: #674E30;
    font-size: 1.2rem;
}

.m_inputList.s_modal > .col > .ttl:not(:first-child) {
    margin-top: 16px;
}

.m_inputList.s_modal > .col > .ttl .m_reqBnr {
    letter-spacing: 0;
}

@media print, screen and (min-width: 769px) {
    .m_inputList.s_modal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m_inputList.s_modal > .col {
        width: calc((100% - 48px) / 2);
    }

    .m_inputList.s_modal > .col:nth-child(even) {
        margin-left: 48px;
    }

    .m_inputList.s_modal > .col:nth-child(n + 3) {
        margin-top: 24px;
    }
}

@media screen and (max-width: 768px) {
    .m_inputList.s_modal > .col + .col {
        margin-top: 24px;
    }

    .m_inputList.s_modal > .col > .ttl {
        margin-bottom: 10px;
    }

    .m_inputList.s_modal > .col > .ttl .sub {
        margin-top: 5px;
        width: 100%;
    }

    .m_inputList.s_modal > .col .m_select {
        width: 100%;
    }

    .m_inputList.s_modal > .col .m_flex.s_volume .col1 {
        margin-right: 16px;
        width: calc(100% - 136px);
    }

    .m_inputList.s_modal > .col .m_flex.s_volume .col1 .m_input {
        width: calc(100% - 2.5em - 12px);
    }

    .m_inputList.s_modal > .col .m_flex.s_volume .col2 {
        width: 120px;
    }

    .m_inputList.s_modal > .col .m_flex.s_volume .col2 .m_input {
        width: 70px;
    }

    .m_inputList > .col > .m_input {
        margin-bottom: 16px;
    }
}

.m_btnList {
    margin-bottom: 20px;
}

.m_btnList.s_vertical .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m_btnList.s_vertical .list > li:nth-child(n + 2) {
    margin-top: 15px;
    margin-left: 0;
}

.m_btnList.s_vertical.s_confirm {
    margin-bottom: 0;
}

.m_btnList.s_center_equal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}

.m_btnList.s_side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.m_btnList.s_side > li {
    margin-top: 0;
}

.m_btnList .subTxt {
    color: #674E30;
    font-weight: bold;
    font-size: 1.6rem;
    text-align: center;
}

.m_btnList .list {
    margin-bottom: 0;
}

.m_btnList .m_backLink {
    margin-top: 24px;
}

@media print, screen and (min-width: 769px) {
    .m_btnList.s_vertical .list li .m_btn > .txt {
        width: 265px;
    }

    .m_btnList.s_vertical .list li .m_btn > .maker_btn {
        width: 265px;
    }

    .m_btnList.s_end {
        text-align: right;
        margin-top: 30px;
    }

    .m_btnList.s_side > li + li {
        margin-left: 16px;
    }

    .m_btnList .subTxt {
        margin-bottom: 16px;
    }

    .m_btnList .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .m_btnList .list > li:only-child .m_btn > .txt {
        width: 306px;
    }

    .m_btnList .list > li + li {
        margin-left: 24px;
    }

    .m_btnList .list .m_btn > .txt {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 188px;
        text-align: center;
    }

    .m_btnList .list .m_btn > .maker_btn {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 188px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .m_btnList > li + li {
        margin-top: 18px;
    }

    .m_btnList + .m_pager {
        margin-top: 48px;
    }
}

@media screen and (max-width: 768px) {
    .m_btnList.s_vertical .list li .m_btn > .txt {
        width: 265px;
    }

    .m_btnList.s_vertical .list.s_confirm {
        display: block;
    }

    .m_btnList.s_vertical .list.s_confirm li .m_btn {
        max-width: initial;
    }

    .m_btnList.s_vertical .list.s_confirm li .m_btn > .txt {
        width: 100%;
    }

    .m_btnList.s_end {
        margin-top: 24px;
        text-align: center;
    }

    .m_btnList.s_side {
        margin-left: -20px;
    }

    .m_btnList.s_side > li + li {
        margin-left: 15px;
    }

    .m_btnList .subTxt {
        margin-bottom: 24px;
    }

    .m_btnList .list > li {
        text-align: center;
    }

    .m_btnList .list > li + li {
        margin-top: 16px;
    }

    .m_btnList .list > li .m_btn {
        width: 100%;
        max-width: 311px;
    }

    .m_btnList > li + li {
        margin-top: 24px;
    }

    .m_btnList + .m_pager {
        margin-top: 32px;
    }
}

.m_txtList > li + li {
    margin-top: 16px;
}

.m_txtList.s_notice {
    font-size: 1.2rem;
}

.m_txtList.s_notice > li {
    position: relative;
    padding-left: 1.2em;
}

.m_txtList.s_notice > li:before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}

.m_txtList.s_notice > li + li {
    margin-top: 3px;
}

.m_txtList.s_border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.m_txtList.s_border > li {
    margin-top: 0;
    line-height: 1;
}

.m_txtList.s_border > li:not(:last-child) {
    border-right: 1px solid #D9D2CB;
    padding-right: 12px;
    margin-right: 12px;
}

.m_txtList.s_border > li .m_link.s_func {
    line-height: 1;
}

.m_list.s_border > li + li {
    border-top: 1px solid #D9D2CB;
}

.m_list.s_border .m_msgCol:first-child a {
    padding-top: 0;
}

.m_list.s_border.s_notice {
    border-bottom: 1px solid #D9D2CB;
}

.m_list.s_flex > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m_list.plan > li {
    padding: 16px 0;
}

.m_list.plan > li:first-child {
    border-top: 1px solid #D9D2CB;
}

.m_list.plan > li:last-child {
    border-bottom: 1px solid #D9D2CB;
}

.m_list.plan .fee {
    color: #674E30;
}

.m_list.plan .price {
    color: #674E30;
}

.m_list .m_notice {
    padding: 14px 0;
}

.m_list .m_notice:first-child {
    padding-top: 0;
}

@media print, screen and (min-width: 769px) {
    .m_list.plan {
        margin-bottom: 12px;
    }

    .m_list.plan > li {
        min-height: 58px;
    }

    .m_list.plan .number {
        display: inline-block;
        width: 160px;
    }

    .m_list.plan .fee {
        font-weight: bold;
        font-size: 18px;
    }

    .m_list.plan .price {
        text-align: right;
        font-weight: bold;
        margin-right: 32px;
        font-size: 18px;
        width: 170px;
    }

    .m_list.plan .price strong {
        font-size: 30px;
    }

    .m_list.plan ~ .note {
        text-align: right;
        font-size: 12px;
        color: #674E30;
    }

    .m_list.s_notice {
        margin-bottom: 48px;
    }

    .m_list.s_messageList {
        background: #FFFFFF;
        padding: 0px 24px;
    }
}

@media screen and (max-width: 768px) {
    .m_list.plan {
        margin-bottom: 10px;
    }

    .m_list.plan > li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .m_list.plan .numberWrap > span {
        display: block;
    }

    .m_list.plan .numberWrap .fee {
        font-size: 18px;
        font-weight: bold;
        margin-top: 6px;
    }

    .m_list.plan .price {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: -6px;
    }

    .m_list.plan .price strong {
        font-size: 30px;
    }

    .m_list.plan .inquiry {
        text-align: center;
        width: 100%;
        color: #674E30;
        font-weight: bold;
        margin-top: 6px;
    }

    .m_list.plan .m_btn {
        margin-top: 21px;
    }

    .m_list.plan ~ .note {
        text-align: right;
        font-size: 12px;
        color: #674E30;
    }

    .m_list.s_notice {
        margin-bottom: 32px;
    }

    .m_list.s_messageList {
        background: #FFFFFF;
        padding: 0px 24px;
    }
}

.m_bnrList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media print, screen and (min-width: 769px) {
    .m_bnrList > li {
        margin: 0 12px;
    }
}

@media screen and (max-width: 768px) {
    .m_bnrList {
        margin: -20px -8px 0;
    }

    .m_bnrList > li {
        margin: 20px 8px 0;
        max-width: calc((100% - 32px) / 2);
    }
}

.m_searchList .item .ttl {
    font-weight: 500;
}

.m_searchList .item .ttl .sub {
    font-weight: normal;
}

.m_searchList .item .col > *:last-child {
    margin-bottom: 0 !important;
}

.m_searchList .item .col .period {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media print, screen and (min-width: 769px) {
    .m_searchList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px;
    }

    .m_searchList.s_request > .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .m_searchList.s_request > .item > .ttl {
        width: 130px;
    }

    .m_searchList.s_request > .item > .ttl .sub {
        display: block;
        font-size: 1.2rem;
    }

    .m_searchList.s_request > .item > .col {
        width: calc(100% - 130px);
    }

    .m_searchList.s_row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m_searchList.s_row > .item {
        width: calc((100% - 40px) / 2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .m_searchList.s_row > .item:nth-of-type(even) {
        margin-left: 40px;
    }

    .m_searchList.s_row > .item:nth-child(n + 3) {
        margin-top: 24px;
    }

    .m_searchList.s_row > .item.industri_type {
        width: 100%;
    }

    .m_searchList.s_row > .item > .ttl {
        width: 130px;
        margin-top: 3px;
    }

    .m_searchList.s_row > .item > .col {
        width: calc(100% - 130px);
    }

    .m_searchList.s_row > .item.Profile {
        margin-left: 0px;
    }

    .m_searchList.s_row > .item.Prefecture {
        margin-left: 40px;
    }

    .m_searchList.s_vertical .item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .m_searchList.s_vertical .item > .ttl,
    .m_searchList.s_vertical .item > .col {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .m_searchList.s_vertical .item > .ttl:not(:first-of-type),
    .m_searchList.s_vertical .item > .col:not(:first-of-type) {
        margin-top: 24px;
    }

    .m_searchList.s_vertical .item > .ttl {
        width: 130px;
        padding-right: 10px;
        padding-top: 6px;
    }

    .m_searchList.s_vertical .item > .ttl .sub {
        font-size: 1.2rem;
        font-weight: normal;
    }

    .m_searchList.s_vertical .item > .col {
        width: calc(100% - 130px);
    }

    .m_searchList .item {
        width: 50%;
    }

    .m_searchList .item.s_large {
        width: 60%;
    }

    .m_searchList .item.s_small {
        width: 40%;
    }

    .m_searchList .item:nth-of-type(even) {
        margin-left: 48px;
    }

    .m_searchList .item .ttl {
        display: inline-block;
        width: 100px;
    }

    .m_searchList .item .ttl.group_member {
        width: 115px;
    }

    .m_searchList .item .ttl:not(:first-of-type) {
        margin-top: 20px;
    }

    .m_searchList .item .col {
        display: inline-block;
        width: calc(100% - 120px);
    }

    .m_searchList .item .col:not(:first-of-type) {
        margin-top: 20px;
    }

    .m_searchList .item .col .period > span {
        margin: auto 8px;
        font-size: 1.4rem;
    }

    .m_searchList .item .col .m_select:not(.s_full) {
        width: 300px;
    }
}

@media screen and (max-width: 768px) {
    .m_searchList {
        margin-bottom: 30px;
    }

    .m_searchList.s_request > .item > .ttl .sub {
        font-size: 1.4rem;
    }

    .m_searchList.s_row .m_select {
        width: 100%;
    }

    .m_searchList .item {
        margin-bottom: 16px;
    }

    .m_searchList .item .ttl {
        margin-bottom: 10px;
        font-size: 2rem;
    }

    .m_searchList .item .ttl:not(:first-of-type) {
        margin-top: 16px;
    }

    .m_searchList .item .col {
        padding-bottom: 16px;
        border-bottom: 1px solid #D9D2CB;
    }

    .m_searchList .item .col .period > span {
        margin: auto 3px;
        font-size: 1.2rem;
    }
}

.m_ctList {
    margin-bottom: 12px;
}

.m_ctList > li.url > .txt > a {
    text-decoration: underline;
}

.m_ctList > li > .ttl {
    display: inline-block;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    color: #674E30;
    background: #F5F3F2;
    border-radius: 2px;
    font-size: 1.2rem;
    margin-right: 8px;
    padding: 1px 7px;
}

.m_ctList > li > .txt {
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    font-size: 1.6rem;
}

.m_ctList > li > .txt > a {
    color: #25180A;
    text-decoration: none;
}

@media print, screen and (min-width: 769px) {
    .m_ctList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 4px;
    }

    .m_ctList > li {
        margin-top: 8px;
    }

    .m_ctList > li:not(:last-child) {
        margin-right: 30px;
    }

    .m_ctList > li.url {
        width: 100%;
    }

    .m_ctList > li.url a:hover {
        text-decoration: none;
    }

    .m_ctList > li > .ttl.url:before {
        content: "";
        display: block;
        width: 9999px;
    }

    .m_ctList > li > .txt:not(:last-child) {
        margin-right: 30px;
    }
}

@media screen and (max-width: 768px) {
    .m_ctList > li > li {
        margin-top: 1px;
    }
}

.m_fileList {
    margin-bottom: 0;
}

.m_fileList > li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m_fileList > li:before {
    content: "";
    margin-right: 12px;
    margin-top: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m_fileList > li.pdf:before {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 12px;
    height: 16px;
    background-position: -185px -135px;
    background-size: 220px 197px;
}

.m_fileList > li.xlsx:before {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 12px;
    height: 16px;
    background-position: -168px -150px;
    background-size: 220px 197px;
}

.m_fileList > li.docx:before {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 12px;
    height: 16px;
    background-position: -185px -93px;
    background-size: 220px 197px;
}

.m_fileList > li.pptx:before {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 12px;
    height: 16px;
    background-position: -185px -156px;
    background-size: 220px 197px;
}

.m_fileList > li.img:before {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 12px;
    height: 16px;
    background-position: -185px -114px;
    background-size: 220px 197px;
}

.m_fileList > li.unknown:before {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 12px;
    height: 16px;
    background-position: -164px -38px;
    background-size: 220px 197px;
}

.m_fileList > li .name {
    word-break: break-all;
}

.m_fileList > li .size {
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    color: #674E30;
}

@media print, screen and (min-width: 769px) {
    .m_fileList > li + li {
        margin-top: 5px;
    }

    .m_fileList > li .name {
        font-size: 1.4rem;
        margin-right: 5px;
    }

    .m_fileList > li .size {
        font-size: 1.2rem;
        margin-right: 10px;
    }

    .m_fileList > li .close {
        overflow: hidden;
        display: inline-block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 18px;
        height: 18px;
        background-position: -185px -23px;
        background-size: 220px 197px;
    }

    .m_fileList > li .close:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 768px) {
    .m_fileList > li + li {
        margin-top: 10px;
    }

    .m_fileList > li > span {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        position: relative;
    }

    .m_fileList > li .name {
        font-size: 1.4rem;
    }

    .m_fileList > li .size {
        font-size: 1.4rem;
        margin-left: 1em;
    }

    .m_fileList > li .close {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 24px;
        height: 24px;
        background-position: -58px -150px;
        background-size: 220px 197px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

.m_flowList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    counter-reset: flowList;
}

.m_flowList > li {
    background: #D9D2CB;
    color: #674E30;
    font-weight: 500;
    position: relative;
    text-align: center;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m_flowList > li:not(:last-child):after {
    content: "";
    display: block;
    height: 2px;
    background: #D9D2CB;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.m_flowList > li.current {
    background: #FFB301;
    color: #FFF;
}

.m_flowList > li.current:before {
    color: #FFB301;
}

.m_flowList > li:before {
    counter-increment: flowList;
    content: counter(flowList) "";
    border-radius: 50%;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    background: #FFF;
    color: #A0907E;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media print, screen and (min-width: 769px) {
    .m_flowList > li {
        font-size: 1.6rem;
        min-width: 216px;
        padding: 9px 60px;
    }

    .m_flowList > li + li {
        margin-left: 40px;
    }

    .m_flowList > li:before {
        position: absolute;
        left: 12px;
        width: 24px;
        height: 24px;
        margin: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 24px;
    }

    .m_flowList > li:after {
        width: 40px;
        right: -40px;
    }
}

@media screen and (max-width: 768px) {
    .m_flowList {
        margin-bottom: 40px;
    }

    .m_flowList > li {
        font-size: 1.4rem;
        max-width: calc((100% - 24px) / 3);
        width: 104px;
        line-height: 1.28;
        padding: 38px 0 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .m_flowList > li + li {
        margin-left: 12px;
    }

    .m_flowList > li:before {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 12px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .m_flowList > li:after {
        width: 12px;
        right: -12px;
    }
}

@media print, screen and (min-width: 769px) {
    .m_flowList.s_long {
        margin-bottom: 56px;
    }
}

@media screen and (max-width: 768px) {
    .m_flowList.s_long {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m_flowList.s_long > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 47px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 12px;
        padding: 0 12px 0 44px;
        min-width: calc((100% - 15px) / 2);
        text-align: left;
    }

    .m_flowList.s_long > li::before {
        left: 12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: auto;
        z-index: 2;
    }

    .m_flowList.s_long > li:nth-child(3n) {
        margin-left: 0;
    }

    .m_flowList.s_long > li:nth-child(n + 3) {
        margin-top: 12px;
    }

    .m_flowList.s_long > li:nth-child(2n)::after {
        top: 62px;
        left: -40px;
        right: auto;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 50px;
    }
}

.m_checkList > dt {
    font-weight: 500;
}

.m_checkList > dd ul {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.m_checkList > dd ul > li .m_radio {
    font-size: 1.4rem;
}

@media print, screen and (min-width: 769px) {
    .m_checkList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 1px solid #D9D2CB;
    }

    .m_checkList > dt,
    .m_checkList > dd {
        padding-bottom: 24px;
    }

    .m_checkList > dt:not(:first-of-type),
    .m_checkList > dd:not(:first-of-type) {
        border-top: 1px solid #D9D2CB;
        padding-top: 24px;
    }

    .m_checkList > dt {
        font-size: 1.6rem;
        width: 280px;
    }

    .m_checkList > dd {
        width: calc(100% - 280px);
    }

    .m_checkList > dd ul > li {
        width: 33.33%;
    }

    .m_checkList > dd ul > li:nth-child(n + 4) {
        margin-top: 16px;
    }

    .m_checkList.s_vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .m_checkList.s_vertical > li:nth-child(n + 2) {
        margin-top: 10px;
    }

    .m_checkList.s_noBorder {
        border-bottom: none;
    }
}

@media screen and (max-width: 768px) {
    .m_checkList > dt {
        font-size: 1.8rem;
        margin-bottom: 24px;
    }

    .m_checkList > dt:not(:first-child) {
        margin-top: 16px;
    }

    .m_checkList > dd {
        padding-bottom: 16px;
        border-bottom: 1px solid #D9D2CB;
    }

    .m_checkList > dd ul > li {
        width: 50%;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .m_checkList > dd ul > li:nth-child(n + 3) {
        margin-top: 24px;
    }
}

.m_markList > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m_markList > li::before {
    content: "・";
}

.m_markList.indent {
    margin-left: 15px;
}

.m_markList.box {
    border: 1px solid #D9D2CB;
    padding: 15px;
}

.m_markList.s_color > li + li {
    margin-top: 15px;
}

.m_markList.s_color > li::before {
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    background: #c9a173;
    border-radius: 50%;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media print, screen and (min-width: 769px) {
    .m_markList.s_color > li::before {
        margin-top: 10px;
    }

    .m_markList.s_430w {
        width: 430px;
        margin: 0 auto;
    }

    .billing_message {
        width: 430px;
        margin: 0 auto;
    }

    .rate_plan.billing_message {
        width: 660px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .m_markList.s_color > li::before {
        margin-top: 8px;
    }
}

.m_panelList > *:last-child {
    margin-bottom: 0 !important;
}

.m_panelList .item .heading {
    background: #f3eadf;
    border-bottom: 2px solid #c9a173;
    border-radius: 6px 6px 0 0;
}

.m_panelList .item .heading > *:last-child {
    margin-bottom: 0 !important;
}

.m_panelList .item .heading .title {
    color: #674E30;
}

.m_panelList .item .body {
    background: #FFFFFF;
    border-radius: 0 0 6px 6px;
}

.m_panelList .item .body .text {
    line-height: 1.5;
}

@media print, screen and (min-width: 769px) {
    .m_panelList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .m_panelList .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc((100% - 40px) / 2);
    }

    .m_panelList .item:nth-of-type(even) {
        margin-left: 40px;
    }

    .m_panelList .item .heading {
        padding: 20px;
    }

    .m_panelList .item .heading .title {
        font-size: 1.8rem;
        text-align: center;
    }

    .m_panelList .item .heading .title > span {
        font-size: 2.4rem;
    }

    .m_panelList .item .body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px 32px 40px;
        height: 100%;
    }

    .m_panelList .item .body .m_btn {
        margin-top: auto;
    }
}

@media screen and (max-width: 768px) {
    .m_panelList {
        margin-top: 24px;
    }

    .m_panelList .item {
        margin-bottom: 24px;
    }

    .m_panelList .item .heading {
        padding: 10px 24px;
    }

    .m_panelList .item .heading .title {
        font-size: 1.6rem;
    }

    .m_panelList .item .heading .title > span {
        font-size: 2rem;
    }

    .m_panelList .item .body {
        padding: 16px 16px 24px;
    }

    .m_panelList .item .body .m_btn {
        display: block;
    }
}

/* table module
--------------------------------------------------------------------------------------------------- */
.m_reqTable {
    overflow-y: hidden;
}

.m_reqTable .mainTable > tbody .reset > td,
.m_reqTable .m_listTable {
    background-color: #E6E6E6;
}

.m_reqTable .projectDetail .note {
    width: 160px !important;
}

.m_reqTable .projectDetail .deadline {
    width: 100px !important;
}

.m_reqTable .projectDetail .cost {
    width: 140px !important;
}

.m_reqTable .projectDetail .button {
    width: 138px !important;
}

.m_reqTable.s_answer .mainTable {
    min-width: 1080px;
}

.m_reqTable.s_answer .mainTable > thead > tr > th.check_box {
    width: 42px;
}

.m_reqTable.s_answer .mainTable > thead > tr > th.status {
    width: 85px;
    white-space: nowrap;
}

.m_reqTable.s_answer .mainTable > thead > tr > th.number {
    width: 225px;
}

.m_reqTable.s_answer .mainTable > thead > tr > th.message {
    width: 85px;
    white-space: nowrap;
}

.m_reqTable.s_answer .mainTable > thead > tr > th.time {
    padding-left: 0;
}

.m_reqTable.s_answer .mainTable > thead > tr > th.date {
    width: 115px;
    padding-right: 0;
}

.m_reqTable.s_answer .mainTable > thead > tr > th.manager {
    width: 200px;
}

.m_reqTable.s_answer .mainTable > tbody > tr > td.date {
    padding-right: 5px;
}

.m_reqTable.s_answer .mainTable > tbody > tr > td.time {
    padding-left: 0;
}

.m_reqTable.s_answer .mainTable > tbody > tr > td.name {
    position: relative;
}

.m_reqTable.s_answer .mainTable > tbody > tr > td.name .file {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    margin-left: 3px;
}

.m_reqTable.s_answer .mainTable > tbody > tr > td.name .file:after {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 15px;
    height: 16px;
    background-position: -185px -72px;
    background-size: 220px 197px;
    position: absolute;
    top: 2px;
}

.m_reqTable.s_answer .mainTable > tbody > tr > td.name .attachment {
    display: none;
    position: absolute;
    background: #FFF;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    z-index: 5;
    top: 32px;
}

.m_reqTable.s_answer .mainTable > tbody > tr > td.name .attachment.show {
    display: table;
}

.m_reqTable.s_answer .mainTable > tbody > tr > td.name .attachment .m_fileList {
    padding: 16px;
}

.m_reqTable.s_detail {
    margin-bottom: 24px;
}

.m_reqTable.s_detail .mainTable {
    min-width: 1380px;
}

.m_reqTable.s_detail .mainTable.inquiry {
    min-width: 1580px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.number {
    width: 130px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.note {
    width: 170px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.cat {
    width: 110px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.vol {
    width: 105px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.unit {
    width: 180px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.budget {
    width: 145px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.cost {
    width: 190px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.deadline {
    width: 110px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.submit {
    width: 155px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.check {
    width: 70px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.name {
    width: 125px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.no {
    width: 60px;
    white-space: nowrap;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.orderLineNo {
    width: 80px;
}

.m_reqTable.s_detail .mainTable > thead > tr > th.status {
    width: 70px;
}

.m_reqTable.s_detail .mainTable > tbody > tr > td.name {
    position: relative;
}

.m_reqTable.s_detail .mainTable > tbody > tr > td.name .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m_reqTable.s_detail .mainTable > tbody > tr > td.name .ttl span {
    word-break: break-all;
}

.m_reqTable.s_detail .mainTable > tbody > tr > td.name .ttlInner {
    max-width: 100%;
    display: inline-block;
}

.m_reqTable.s_detail .mainTable > tbody > tr > td.name .file {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    margin-left: 3px;
}

.m_reqTable.s_detail .mainTable > tbody > tr > td.name .file:after {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 15px;
    height: 16px;
    background-position: -185px -72px;
    background-size: 220px 197px;
    position: absolute;
    top: 2px;
}

.m_reqTable.s_detail .mainTable > tbody > tr > td.name .attachment {
    display: none;
    position: absolute;
    background: #FFF;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    z-index: 5;
    top: 32px;
}

.m_reqTable.s_detail .mainTable > tbody > tr > td.name .attachment.show {
    display: table;
}

.m_reqTable.s_detail .mainTable > tbody > tr > td.name .attachment .m_fileList {
    padding: 16px;
}

.m_reqTable.s_detail
    .mainTable
    > tbody
    > tr
    > td.name
    .attachment
    .m_fileList
    .display {
    cursor: default;
}

.m_reqTable.s_detail .mainTable .answerCol .colInner {
    min-width: 1150px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.m_reqTable.s_detail .mainTable .answerCol .colWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.m_reqTable.s_detail .mainTable .answerCol .colWrap .btnWrap {
    padding: 0 0 0 19px;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m_reqTable.s_detail .mainTable .answerCol .colWrap .btnWrap .catInner {
    margin-bottom: 5px;
}

.m_reqTable.s_client {
    margin-bottom: 24px;
}

.m_reqTable.s_client .mainTable {
    min-width: 1000px;
}

.m_reqTable.s_client .mainTable > thead > tr > th.pref {
    width: 105px;
}

.m_reqTable.s_client .mainTable > thead > tr > th.type {
    width: 150px;
}

.m_reqTable.s_client .mainTable > thead > tr > th.group {
    width: 190px;
}

.m_reqTable.s_client .mainTable > thead > tr > th.answer {
    width: 90px;
}

.m_reqTable.s_client .mainTable > thead > tr > th.add {
    width: 340px;
}

.m_reqTable.s_client .mainTable > thead > tr > th.group_invitation_th.add {
    width: 150px;
}

.m_reqTable.s_public .mainTable {
    min-width: 1286px;
}

.m_reqTable.s_public .mainTable > thead > tr > th.fav {
    width: 120px;
    text-align: center;
}

.m_reqTable.s_public .mainTable > tbody > tr > td.fav {
    text-align: center;
}

.m_reqTable.s_cost .mainTable > thead > tr > th.client {
    width: 225px;
}

.m_reqTable.s_cost .mainTable > thead > tr > th.budget {
    width: 110px;
}

.m_reqTable.s_cost .mainTable > thead > tr > th.deadline {
    width: 125px;
}

.m_reqTable.s_cost .mainTable > thead > tr > th.status {
    width: 115px;
}

.m_reqTable.s_cost .mainTable > thead > tr > th.number {
    width: 115px;
}

.m_reqTable.s_sort {
    margin-bottom: 16px;
}

.m_reqTable.s_sort .mainTable > thead > tr > th.client {
    width: auto;
}

.m_reqTable.s_sort .mainTable > thead > tr > th.budget {
    width: 160px;
}

.m_reqTable.s_sort .mainTable > thead > tr > th.vol {
    width: 100px;
}

.m_reqTable.s_sort .mainTable > thead > tr > th.cat {
    width: 100px;
}

.m_reqTable.s_sort .mainTable > thead > tr > th.note {
    width: 250px;
}

.m_reqTable.s_sort .mainTable > thead > tr > th.no {
    width: 95px;
}

.m_reqTable.s_sort .subTable > tbody > tr > td.name {
    position: relative;
}

.m_reqTable.s_sort .subTable > tbody > tr > td.name .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m_reqTable.s_sort .subTable > tbody > tr > td.name .ttlInner {
    max-width: 100%;
    display: inline-block;
}

.m_reqTable.s_sort .subTable > tbody > tr > td.name .file {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    margin-left: 3px;
}

.m_reqTable.s_sort .subTable > tbody > tr > td.name .file:after {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 15px;
    height: 16px;
    background-position: -185px -72px;
    background-size: 220px 197px;
    position: absolute;
    top: 2px;
}

.m_reqTable .mainTable > tbody > tr > td.name .file {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    margin-left: 3px;
    position: relative;
}

.m_reqTable .mainTable > tbody > tr > td.name .file:after {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 15px;
    height: 16px;
    background-position: -185px -72px;
    background-size: 220px 197px;
    position: absolute;
    top: 6px;
}

.m_reqTable.s_sort .subTable > tbody > tr > td.name .attachment {
    display: none;
    position: absolute;
    background: #FFF;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    z-index: 5;
    top: 32px;
}

.m_reqTable.s_sort .subTable > tbody > tr > td.name .attachment.show {
    display: table;
}

.m_reqTable.s_sort .subTable > tbody > tr > td.name .attachment .m_fileList {
    padding: 16px;
}

.m_reqTable .mainTable > tbody > tr > td.name .attachment {
    display: none;
    position: absolute;
    background: #FFF;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    z-index: 5;
    top: 32px;
}

.m_reqTable .mainTable > tbody > tr > td.client_wide .other {
    margin-left: 5px;
}

.m_reqTable .mainTable > tbody > tr > td.name .attachment.show {
    display: table;
}

.m_reqTable .mainTable > tbody > tr > td.name .attachment .m_fileList {
    padding: 16px;
}

.m_reqTable.s_invitation {
    margin-top: 20px;
}

.m_reqTable.s_invitation .mainTable > thead > tr > th.companyName {
    width: 200px;
}

.m_reqTable.s_invitation .mainTable > thead > tr > th.name {
    width: 200px;
}

.m_reqTable.s_invitation .mainTable > thead > tr > th.mail {
    width: auto;
}

.m_reqTable.s_invitation .mainTable > tbody > tr > td.companyName {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m_reqTable.s_invitation .mainTable > tbody > tr > td.position {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m_reqTable.s_invitation .mainTable > tbody > tr > td.other {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m_reqTable.s_invitation .mainTable > tbody > tr > td.delete {
    width: 100px;
    text-align: right;
}

.m_reqTable.s_order .mainTable {
    min-width: 278px;
}

.m_reqTable.s_order .mainTable > thead > tr > th.client {
    width: auto;
}

.m_reqTable.s_order .mainTable > thead > tr > th.order {
    width: 140px;
    text-align: center;
}

.m_reqTable.s_order .mainTable > tbody > tr > td.order {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.m_reqTable.s_terms .mainTable {
    min-width: 800px;
}

.m_reqTable.s_terms .mainTable > thead > tr > th.delivery {
    width: 80px;
}

.m_reqTable.s_terms .mainTable > thead > tr > th.edition {
    width: 100px;
}

.m_reqTable.s_terms .mainTable > thead > tr > th.type {
    width: 155px;
}

.m_reqTable.s_suspend .mainTable {
    min-width: 800px;
}

.m_reqTable.s_suspend .mainTable > thead > tr > th.client {
    width: 170px;
}

.m_reqTable.s_suspend .mainTable > thead > tr > th.manager {
    width: 170px;
}

.m_reqTable.s_suspend .mainTable > thead > tr > th.phone {
    width: 170px;
}

.m_reqTable.s_suspend .mainTable > thead > tr > th.authority {
    width: 85px;
}

.m_reqTable .mainTable,
.m_reqTable .subTable {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 0;
}

.m_reqTable .mainTable th,
.m_reqTable .mainTable td,
.m_reqTable .subTable th,
.m_reqTable .subTable td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.4rem;
}

.m_reqTable .subTable td .name_ttl {
    word-break: break-all;
}

.m_reqTable .mainTable .decimal,
.m_reqTable .subTable .decimal {
    font-size: 1.2rem !important;
}

.totalCol .em .decimal_big {
    font-size: 1.8rem;
}

.m_reqTable .mainTable > thead > tr > th,
.m_reqTable .subTable > thead > tr > th {
    background: #f3eadf;
    border-bottom: 2px solid #c9a173;
    text-align: left;
    font-weight: 500;
    height: 50px;
    padding: 0 10px;
}

#SearchTotal .m_reqTable .mainTable > thead > tr > th,
.m_reqTable .subTable.total > thead > tr > th {
    padding: 0 5px;
}

.m_reqTable .mainTable > thead > tr > th:first-child,
.m_reqTable .subTable > thead > tr > th:first-child {
    padding-left: 24px;
}

.m_reqTable .mainTable > thead > tr > th.client,
.m_reqTable .subTable > thead > tr > th.client {
    width: 170px;
}

.m_reqTable .mainTable > thead > tr > th.client_wide,
.m_reqTable .subTable > thead > tr > th.client_wide {
    width: 200px;
}

.m_reqTable .mainTable > thead > tr > th.date,
.m_reqTable .subTable > thead > tr > th.date {
    width: 120px;
}

.m_reqTable .mainTable > thead > tr > th.time,
.m_reqTable .subTable > thead > tr > th.time {
    width: 120px;
}

.m_reqTable .mainTable > thead > tr > th.deadline,
.m_reqTable .subTable > thead > tr > th.deadline {
    width: 122px;
}

.m_reqTable .mainTable > thead > tr > th.offercnt,
.m_reqTable .subTable > thead > tr > th.offercnt {
    width: 122px;
}

.m_reqTable .mainTable > thead > tr > th.budget,
.m_reqTable .subTable > thead > tr > th.budget {
    width: 140px;
}

.m_reqTable .mainTable > thead > tr > th.number,
.m_reqTable .subTable > thead > tr > th.number {
    width: 130px;
}

.m_reqTable .mainTable > thead > tr > th.status,
.m_reqTable .subTable > thead > tr > th.status {
    width: 125px;
    text-align: center;
}

#SearchTotal .m_reqTable .mainTable > thead > tr > th.status,
.m_reqTable .subTable > thead > tr > th.status {
    width: 85px;
    padding-left: 0px;
}

.m_reqTable .mainTable > thead > tr > th.message,
.m_reqTable .subTable > thead > tr > th.message {
    width: 100px;
}
#SearchTotal .m_reqTable .mainTable > thead > tr > th.message,
.m_reqTable .subTable > thead > tr > th.message {
    width: 76px;
}

.m_reqTable .mainTable > thead > tr > th.order,
.m_reqTable .subTable > thead > tr > th.order {
    width: 101px;
}

.m_reqTable .mainTable > thead > tr > th.check,
.m_reqTable .subTable > thead > tr > th.check {
    width: 95px;
}

.m_reqTable .mainTable > thead > tr > th.manager,
.m_reqTable .subTable > thead > tr > th.manager {
    width: 125px;
}

.m_reqTable .mainTable > thead > tr > th.edition,
.m_reqTable .subTable > thead > tr > th.edition {
    width: 130px;
}

.m_reqTable .mainTable > thead > tr > th.format,
.m_reqTable .subTable > thead > tr > th.format {
    width: 145px;
}

.m_reqTable .mainTable > thead > tr > th.cost,
.m_reqTable .subTable > thead > tr > th.cost {
    width: 175px;
}

.m_reqTable .mainTable.total > thead > tr > th.cost,
.m_reqTable .subTable > thead > tr > th.cost {
    width: 115px;
}

.m_reqTable .mainTable > thead > tr > th.decline,
.m_reqTable .subTable > thead > tr > th.decline {
    width: 95px;
}

.m_reqTable .mainTable > thead > tr > th.edit,
.m_reqTable .subTable > thead > tr > th.edit {
    width: 200px;
}

.m_reqTable .mainTable > thead > tr > th.affiliation_date {
    width: 145px;
}

.m_reqTable .mainTable > thead > tr > th.evaluation {
    width: 200px;
}

.m_reqTable .mainTable > thead > tr > th .sort,
.m_reqTable .subTable > thead > tr > th .sort {
    padding-right: 16px;
    position: relative;
    color: #25180A;
    text-decoration: none;
}

.m_reqTable .mainTable > thead > tr > th .sort:hover:after,
.m_reqTable .subTable > thead > tr > th .sort:hover:after {
    opacity: 0.7;
}

.m_reqTable .mainTable > thead > tr > th .sort:after,
.m_reqTable .subTable > thead > tr > th .sort:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 8px;
    height: 13px;
    background-position: -208px -51px;
    background-size: 220px 197px;
}

.m_reqTable .mainTable > thead > tr > th .sort.up:after,
.m_reqTable .subTable > thead > tr > th .sort.up:after {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 8px;
    height: 13px;
    background-position: -208px -69px;
    background-size: 220px 197px;
}

.m_reqTable .mainTable > thead > tr > th .sort.down:after,
.m_reqTable .subTable > thead > tr > th .sort.down:after {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 8px;
    height: 13px;
    background-position: -208px -69px;
    background-size: 220px 197px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.m_reqTable .mainTable > tbody > tr:not(:first-child) > td,
.m_reqTable .subTable > tbody > tr:not(:first-child) > td {
    border-top: 1px solid #D9D2CB;
}

.m_reqTable .mainTable > tbody > tr > td,
.m_reqTable .subTable > tbody > tr > td {
    background: #FFF;
    padding: 10px 15px 10px 15px;
}

.m_reqTable .mainTable > tbody > tr > td[rowspan="2"] {
    min-width: 118px;
}

.m_reqTable .mainTable > tbody > tr > td,
.m_reqTable .subTable.total > tbody > tr > td {
    padding: 10px 7px 10px 7px;
}

.m_reqTable .mainTable > tbody > tr > td:first-child,
.m_reqTable .subTable > tbody > tr > td:first-child {
    padding-left: 24px;
}

.m_reqTable .subTable > tbody > tr > td.client > span {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.m_reqTable .mainTable > tbody > tr > td.client > div {
    display: flex;
}

.m_reqTable .mainTable > tbody > tr > td.client > div > span {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.m_reqTable .mainTable > tbody > tr > td.client > span {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.m_reqTable .mainTable > tbody > tr > td.status,
.m_reqTable .subTable > tbody > tr > td.status {
    text-align: center;
    white-space: nowrap;
}

.m_reqTable .mainTable > tbody > tr > td.answer_due_date,
.m_reqTable .subTable > tbody > tr > td.answer_due_date {
    white-space: nowrap;
}

.m_reqTable .mainTable > tbody > tr > td.message,
.m_reqTable .subTable > tbody > tr > td.message {
    text-align: center;
    width: 76px;
}

.m_reqTable .mainTable > tbody > tr > td.order,
.m_reqTable .subTable > tbody > tr > td.order {
    text-align: center;
}

.m_reqTable .mainTable > tbody > tr > td.message a:hover,
.m_reqTable .subTable > tbody > tr > td.message a:hover {
    opacity: 0.7;
}

.m_reqTable .mainTable > tbody > tr > td.text > .txtInner,
.m_reqTable .subTable > tbody > tr > td.text > .txtInner {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m_reqTable .mainTable > tbody > tr > td.answerCol,
.m_reqTable .subTable > tbody > tr > td.answerCol {
    border-top: none;
    padding: 6px 24px 16px;
}

.m_reqTable .mainTable > tbody > tr > td.answerCol .colInner,
.m_reqTable .subTable > tbody > tr > td.answerCol .colInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F5F3F2;
    border-radius: 6px;
    padding: 24px 24px;
}

.m_reqTable .mainTable > tbody > tr > td.answerCol .colInner .head,
.m_reqTable .subTable > tbody > tr > td.answerCol .colInner .head {
    font-weight: 500;
    font-size: 1.6rem;
    margin-right: 24px;
}

.m_reqTable
    .mainTable
    > tbody
    > tr
    > td.answerCol
    .colInner
    .head:not(:first-child),
.m_reqTable
    .subTable
    > tbody
    > tr
    > td.answerCol
    .colInner
    .head:not(:first-child) {
    margin-left: 32px;
}

.m_reqTable .mainTable > tbody > tr > td.answerCol .colInner dd,
.m_reqTable .subTable > tbody > tr > td.answerCol .colInner dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m_reqTable .mainTable > tbody > tr > td.answerCol .colInner dd .m_radio,
.m_reqTable .subTable > tbody > tr > td.answerCol .colInner dd .m_radio {
    margin-right: 16px;
}

.m_reqTable .mainTable > tbody > tr > td.sortCol,
.m_reqTable .subTable > tbody > tr > td.sortCol {
    padding: 0 24px 16px;
    border-top: none;
}

.m_reqTable .mainTable > tbody > tr > td.sortCol > .status,
.m_reqTable .subTable > tbody > tr > td.sortCol > .status {
    display: inline-block;
    vertical-align: middle;
    width: 85px;
}

.m_reqTable .mainTable > tbody > tr > td.sortCol > .m_listTable,
.m_reqTable .subTable > tbody > tr > td.sortCol > .m_listTable {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 90px);
}

.m_reqTable .mainTable > tbody > tr > td a,
.m_reqTable .subTable > tbody > tr > td a,
.order_add_confirm .maker_name {
    color: #25180A;
    text-decoration: underline;
}

.m_reqTable .mainTable > tbody > tr > td a:hover,
.m_reqTable .subTable > tbody > tr > td a:hover,
.order_add_confirm .maker_name:hover {
    color: #FA742A;
    text-decoration: none;
}

.m_reqTable .mainTable > tbody > tr > td .m_en,
.m_reqTable .subTable > tbody > tr > td .m_en {
    display: block;
}

.m_reqTable .mainTable > tbody > tr > td .bnr,
.m_reqTable .subTable > tbody > tr > td .bnr,
.status_banner {
    display: inline-block;
    color: #FFF;
    font-size: 1.2rem;
    border-radius: 2px;
    font-weight: 500;
    background: #DD6262;
    padding: 1px 6px;
    margin-bottom: 1px;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
}

.m_reqTable .mainTable > tbody > tr > td .bnr,
.m_reqTable .subTable > tbody > tr > td .bnr {
    overflow: hidden;
}

.m_reqTable .mainTable > tbody > tr > td .bnr.bnr1,
.m_reqTable .subTable > tbody > tr > td .bnr.bnr1,
.status_banner.bnr1 {
    background: #FA742A;
}

.m_reqTable .mainTable > tbody > tr > td .bnr.bnr2,
.m_reqTable .subTable > tbody > tr > td .bnr.bnr2,
.status_banner.bnr2 {
    background: #c9a173;
}

.m_reqTable .mainTable > tbody > tr > td .bnr.bnr3,
.m_reqTable .subTable > tbody > tr > td .bnr.bnr3,
.status_banner.bnr3 {
    background: #999;
}

.m_reqTable .mainTable > tbody > tr > td .bnr.bnr4,
.m_reqTable .subTable > tbody > tr > td .bnr.bnr4,
.status_banner.bnr4 {
    background: #999;
}

.m_reqTable .mainTable > tbody > tr > td .bnr.bnr5,
.m_reqTable .subTable > tbody > tr > td .bnr.bnr5,
.status_banner.bnr5 {
    background: #33BCCC;
}

.m_reqTable .mainTable > tbody > tr > td .bnr.bnr6,
.m_reqTable .subTable > tbody > tr > td .bnr.bnr6,
.status_banner.bnr6 {
    color: #674E30;
    background: #FFF6E2;
    border: 1px solid #D9D2CB;
}

.m_reqTable .mainTable > tbody > tr > td .bnr.new,
.m_reqTable .subTable > tbody > tr > td .bnr.new,
.status_banner.new {
    background: #FFB301;
}

.m_reqTable .mainTable > tbody > tr > td .bnr.expired,
.m_reqTable .subTable > tbody > tr > td .bnr.expired,
.status_banner.expired {
    background: #999;
}

.status_parent_element > div:not(.status_div) > .status_banner {
    transform: translate(6px, -1px);
}

.m_reqTable .mainTable > tbody > tr > td .cat,
.m_reqTable .subTable > tbody > tr > td .cat {
    display: block;
}

.m_reqTable .mainTable > tbody > tr > td .cat .catInner,
.m_reqTable .subTable > tbody > tr > td .cat .catInner {
    display: inline-block;
    color: #674E30;
    background: #FFF6E2;
    border: 1px solid #D9D2CB;
    font-size: 1.2rem;
    padding: 1px 6px;
    border-radius: 2px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m_reqTable .mainTable > tbody > tr > td .cat .catInner + .notOrder {
    color: #FFF;
    background: #FA742A;
    border: 1px solid #FA742A;
}

.m_reqTable .mainTable > tbody > tr > td .cat .catInner + .bnr1 {
    color: #FFF;
    background: #FA742A;
    border: 1px solid #FA742A;
}

.m_reqTable .mainTable > tbody > tr > td .cat .catInner + .bnr5 {
    color: #FFF;
    background: #33BCCC;
    border: 1px solid #33BCCC;
}

.m_reqTable .mainTable > tbody > tr > td .cat .catInner:not(:last-child),
.m_reqTable .subTable > tbody > tr > td .cat .catInner:not(:last-child) {
    margin-right: 8px;
}

.m_reqTable .mainTable > tbody > tr > td .ttl,
.m_reqTable .subTable > tbody > tr > td .ttl {
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m_reqTable .mainTable > tbody > tr > td .ttl.introduction {
    display: block;
}

.m_reqTable .mainTable > tbody > tr > td .ttl .ttlInner,
.m_reqTable .subTable > tbody > tr > td .ttl .ttlInner {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m_reqTable .mainTable > tbody > tr > td .ttl.file,
.m_reqTable .subTable > tbody > tr > td .ttl.file {
    padding-right: 20px;
    position: relative;
}

.m_reqTable .mainTable > tbody > tr > td .ttl.file a:after,
.m_reqTable .mainTable > tbody > tr > td .ttl.file .txt:after,
.m_reqTable .subTable > tbody > tr > td .ttl.file a:after,
.m_reqTable .subTable > tbody > tr > td .ttl.file .txt:after {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 15px;
    height: 16px;
    background-position: -185px -72px;
    background-size: 220px 197px;
    position: absolute;
    top: 2px;
    right: 0;
}

.m_reqTable .mainTable > tbody > tr > td .sub,
.m_reqTable .subTable > tbody > tr > td .sub {
    display: block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #674E30;
    font-size: 1.2rem;
}

.m_reqTable .mainTable > tbody > tr > td .sub .ttlInner,
.m_reqTable .subTable > tbody > tr > td .sub .ttlInner {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m_reqTable .mainTable tr.answer_detail td.status {
    width: 320px;
}

.m_reqTable .mainTable tr.answer_detail td.inquiryStatus {
    width: 140px;
}

.m_reqTable .mainTable tr.answer_detail td.answered {
    width: 180px;
    white-space: nowrap;
}

.m_reqTable .mainTable tr.answer_detail td.cost {
    width: 234px !important;
}

.m_reqTable .mainTable tr.answer_detail td.budget {
    width: 160px !important;
}

.m_reqTable .mainTable tr.answer_detail td.inquiryBudget {
    width: 240px !important;
}

.m_reqTable .mainTable tr.answer_detail td.deadline {
    width: 250px !important;
}

.m_reqTable .mainTable tr.answer_detail td.inquiryDeadline {
    width: 300px !important;
}

.m_reqTable .mainTable tr.inquiry_detail td div.m_btn .cat {
    margin-left: 27px;
}

.m_reqTable .mainTable tr.inquiry_detail td .cat {
    margin-left: 46px;
}

.status_div {
    margin-left: 10px;
    margin-top: -2px;
}

.m_reqTable.result_group .mainTable > thead > tr > th.name,
.m_reqTable.result_group .mainTable > thead > tr > td.name {
    width: 400px;
}

.status_parent_element {
    display: flex;
}

@media print, screen and (min-width: 769px) {
    .m_reqTable {
        margin-bottom: 48px;
    }

    .m_reqTable .mainTable,
    .m_reqTable .subTable {
        min-width: 1200px;
    }

    .m_reqTable + .m_pager {
        margin-top: 24px;
    }

    .m_reqTable.s_detail .mainTable > tbody > tr > td.name .file {
        position: relative;
    }

    .m_reqTable.s_detail .mainTable > tbody > tr > td.name .attachment {
        left: 0;
    }

    .m_reqTable.s_detail .mainTable > tbody > tr > td.name .m_fileList .name {
        white-space: nowrap;
    }

    .m_reqTable.s_detail
        .mainTable
        > tbody
        > tr
        > td.name
        .m_fileList
        .name
        .size {
        cursor: default;
        margin-left: 5px;
    }

    .m_reqTable.s_detail
        .mainTable
        > tbody
        > tr
        > td.name
        .m_fileList
        .name.deleted {
        cursor: default;
    }

    .m_reqTable.s_detail
        .mainTable
        > tbody
        > tr
        > td.name
        .m_fileList
        .deleted {
        cursor: default;
    }

    .m_reqTable.s_sort .subTable > tbody > tr > td.name .attachment {
        left: 0;
    }

    .m_reqTable.s_sort .subTable > tbody > tr > td.name .m_fileList .name {
        white-space: nowrap;
    }

    .m_reqTable.s_answer .mainTable > tbody > tr > td.name .file {
        position: relative;
    }

    .m_reqTable.s_answer .mainTable > tbody > tr > td.name .attachment {
        left: 0;
    }

    .m_reqTable.s_answer .mainTable > tbody > tr > td.name .m_fileList .name {
        white-space: nowrap;
    }

    .m_reqTable .mainTable > tbody > tr > td.name .m_fileList .name {
        white-space: nowrap;
    }
}

.m_reqTable.s_sort .subTable > tbody > tr > td.name .file {
    position: relative;
}

@media screen and (max-width: 768px) {
    .m_reqTable {
        margin-bottom: 32px;
    }

    .m_reqTable.s_answer .mainTable > tbody > tr > td.title .ttl {
        font-size: 1.4rem;
    }

    .m_reqTable.s_detail .mainTable {
        min-width: 1521px;
    }

    .m_reqTable.s_detail .mainTable > tbody > tr > td.name .attachment {
        width: 250px;
        transform: translateX(-50%);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /*        .m_reqTable.s_sort .subTable > tbody > tr > td.name .file:after {
            top: 10px;
        }*/

    .m_reqTable.s_sort .subTable > tbody > tr > td.name .attachment {
        width: 250px;
        transform: translateX(-50%);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .m_reqTable.s_answer .mainTable > tbody > tr > td.name .m_fileList .name {
        white-space: nowrap;
    }

    .m_reqTable.s_answer .mainTable > tbody > tr > td.name .file:after {
        top: 10px;
    }

    .m_reqTable.s_order .mainTable > thead > tr > th.order {
        width: 80px;
    }

    .m_reqTable .mainTable,
    .m_reqTable .subTable {
        min-width: 1400px;
    }

    .m_reqTable .mainTable > tbody > tr > td.title .ttl,
    .m_reqTable .subTable > tbody > tr > td.title .ttl {
        font-size: 1.6rem;
    }

    .m_reqTable .mainTable > tbody > tr > td.title .sub,
    .m_reqTable .subTable > tbody > tr > td.title .sub {
        font-size: 1.4rem;
    }

    .m_reqTable + .m_pager {
        margin-top: 8px;
    }
}

.m_listTable {
    background: #F5F3F2;
    overflow: hidden;
    border-radius: 6px;
}

.m_listTable .table {
    width: 100%;
    margin-bottom: 0;
    table-layout: fixed;
}

.m_listTable .table tr td {
    padding: 9px 24px 9px 0;
}

.m_listTable .table tr td:first-child {
    padding-left: 24px;
    padding-right: 16px;
}

.m_listTable .table tr td.num {
    width: 50px;
    font-size: 1.6rem;
    font-weight: 500;
}

.m_listTable .table tr td.new_icon {
    width: 80px;
}

.m_listTable .table tr td.check {
    width: 50px;
}

.m_listTable .table tr td.status {
    width: 80px;
}

.m_listTable .table tr td.cost {
    width: 290px;
}

.m_listTable .table tr td.budget {
    width: 300px;
}

.m_listTable .table tr td.deadline {
    width: 175px;
}

.m_listTable .table tr td.change_history {
    width: 100px;
    text-align: right;
    padding: 2px 10px;
}

.m_listTable .message {
    text-align: center;
}

.m_listTable .message a:hover {
    opacity: 0.7;
}

.m_table {
    overflow: auto;
    position: relative;
    margin-bottom: 24px;
}

.m_table table {
    width: 100%;
    min-width: 1286px;
    border-top: 1px solid #c9a173;
    border-left: 1px solid #c9a173;
    margin-bottom: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-radius: 6px;
    overflow: hidden;
}

.m_table table::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    content: "";
}

.m_table table thead th {
    background: #f3eadf;
    font-weight: 500;
}

.m_table table thead th.name {
    width: 152px;
}

.m_table table thead th.number {
    width: 154px;
}

.m_table table thead th.cat {
    width: 154px;
}

.m_table table thead th.vol {
    width: 138px;
}

.m_table table thead th.unit {
    width: 74px;
}

.m_table table thead th.budget {
    width: 138px;
}

.m_table table thead th.deadline {
    width: 138px;
}

.m_table table th,
.m_table table td {
    border-right: 1px solid #c9a173;
    border-bottom: 1px solid #c9a173;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m_table.s_input table td {
    padding: 0;
    position: relative;
}

.m_table.s_input table td:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    background: #FFF6E2;
    opacity: 0;
}

.m_table.s_input table td:focus-within:before {
    opacity: 1;
}

.m_table.s_input table td.warning,
.m_table.s_input table td.warning:before {
    background-color: #FFF8c4;
    border-color: #FFB301;
}

.m_table.s_input table td.validation-error,
.m_table.s_input table td.validation-error:before {
    background-color: #f5dcdc;
    border-color: #DD6262;
}

.m_table.s_input table td input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-sizing: none;
    box-sizing: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    background: none;
    text-align: center;
    width: 100%;
    font-size: inherit;
}

.m_table.s_input table td input:focus {
    outline: none;
}

@media print, screen and (min-width: 769px) {
    .m_table table {
        font-size: 1.4rem;
    }

    .m_table table th,
    .m_table table td {
        padding: 15px 5px;
    }

    .m_table.s_input table td input {
        padding: 16px 5px;
    }
}

@media screen and (max-width: 768px) {
    .m_table table {
        font-size: 1.6rem;
    }

    .m_table table::before {
        min-width: 1286px;
    }

    .m_table table th,
    .m_table table td {
        padding: 14px 5px;
    }

    .m_table.s_input table td input {
        padding: 15px 5px;
    }
}

.c_table {
    overflow: auto;
    position: relative;
    margin-bottom: 24px;
}

.c_table table {
    width: 100%;
    min-width: 1286px;
    border-top: 1px solid #c9a173;
    border-left: 1px solid #c9a173;
    margin-bottom: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-radius: 6px;
    overflow: hidden;
}

.c_table table::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    content: "";
}

.c_table table thead th {
    background: #f3eadf;
    font-weight: 500;
}

.c_table table thead th.name {
    width: 152px;
}

.c_table table thead th.number {
    width: 154px;
}

.c_table table thead th.cat {
    width: 154px;
}

.c_table table thead th.vol {
    width: 138px;
}

.c_table table thead th.unit {
    width: 74px;
}

.c_table table thead th.budget {
    width: 138px;
}

.c_table table thead th.deadline {
    width: 138px;
}

.c_table table thead th.lineno {
    width: 74px;
}

.c_table table thead th.answerkbn {
    width: 74px;
}

.c_table table thead th.unitprice {
    width: 138px;
}

.c_table table thead th.amount {
    width: 138px;
}

.c_table table thead th.duedate {
    width: 138px;
}

.c_table table th,
.c_table table td {
    border-right: 1px solid #c9a173;
    border-bottom: 1px solid #c9a173;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c_table.s_input table td {
    padding: 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c_table.s_input table td:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    background: #FFF6E2;
    opacity: 0;
}

.c_table.s_input table td:focus-within:before {
    opacity: 1;
}

.c_table.s_input table td.validation-error,
.c_table.s_input table td.validation-error:before {
    background-color: #f5dcdc;
    border-color: #DD6262;
}

.c_table.s_input table td a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-sizing: none;
    box-sizing: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    background: none;
    text-align: center;
    width: 100%;
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black;
}

.c_table.s_input table td input:focus {
    outline: none;
}

@media print, screen and (min-width: 769px) {
    .c_table table {
        font-size: 1.4rem;
    }

    .c_table table th,
    .c_table table td {
        padding: 15px 5px !important;
    }

    .c_table.s_input table td input {
        padding: 16px 5px;
    }
}

@media screen and (max-width: 768px) {
    .c_table table {
        font-size: 1.6rem;
    }

    .c_table table::before {
        min-width: 1286px;
    }

    .c_table table th,
    .c_table table td {
        padding: 14px 5px !important;
    }

    .c_table.s_input table td input {
        padding: 15px 5px;
    }
}

.subTableWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.subTableWrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
}

.subTableWrap .subTable {
    border-bottom: 1px solid #D9D2CB;
}

.subTableWrap .subTable td.no {
    width: 95px;
}

.subTableWrap .subTable td.number {
    width: 130px;
}

.subTableWrap .subTable td.deadline {
    width: 122px;
}

.subTableWrap .subTable td.client {
    width: auto;
}

.subTableWrap .subTable td.budget {
    width: 160px;
}

.subTableWrap .subTable td.vol {
    width: 100px;
}

.subTableWrap .subTable td.cat {
    width: 100px;
}

.subTableWrap .subTable td.note {
    width: 250px;
}

.subTableWrap .subTable td.format {
    width: 145px;
}

.subTableWrap .subTable td.status {
    width: 125px;
}

.subTableWrap .subTable.total td.status {
    width: 85px;
    padding-left: 0px;
}

.subTableWrap .subTable td.cost {
    width: 175px;
}

.subTableWrap .subTable.total td.cost {
    width: 115px;
}

.subTableWrap .subTable td.decline {
    width: 95px;
}

.subTableWrap .subTable td.message {
    width: 80px;
}

.subTableWrap .subTable td.order {
    width: 100px;
}

.subTableWrap .subTable.s_detail td.check {
    width: 50px;
}

.subTableWrap .subTable.s_detail td.status {
    width: 90px;
}

.subTableWrap .subTable.s_detail td.name {
    width: 125px;
}

.subTableWrap .subTable.s_detail td.number {
    width: 130px;
}

.subTableWrap .subTable.s_detail td.cat {
    width: 110px;
}

.subTableWrap .subTable.s_detail td.note {
    width: 170px;
}

.subTableWrap .subTable.s_detail td.budget {
    width: 145px;
}

.subTableWrap .subTable.s_detail td.vol {
    width: 105px;
}

.subTableWrap .subTable.s_detail td.deadline {
    width: 140px;
}

/* navigation module
--------------------------------------------------------------------------------------------------- */
.m_btn {
    display: inline-block;
}

.m_btn.s_primary.s_border > .txt {
    background: #FFF;
    border: 2px solid #FA742A;
    color: #FA742A;
}

.m_btn.s_primary.s_border.s_plus > .txt {
    padding-left: 36px;
}

.m_btn.s_primary.s_border.s_plus > .txt .txtInner:before,
.m_btn.s_primary.s_border.s_plus > .txt .txtInner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    margin: auto;
    width: 12px;
    height: 2px;
    border-radius: 1px;
    background: #FA742A;
}

.m_btn.s_primary.s_border.s_plus > .txt .txtInner:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.m_btn.s_primary.s_border.s_plus.s_disabled > .txt .txtInner:before,
.m_btn.s_primary.s_border.s_plus.s_disabled > .txt .txtInner:after {
    background: #999999;
}

.m_btn.s_primary > .txt {
    color: #FFF;
    background: #FA742A;
    border: 2px solid #FA742A;
}

.m_btn.s_primary > .txt.s_disabled {
    pointer-events: none;
    background: #E6E6E6 !important;
    border-color: #E6E6E6 !important;
    color: #999 !important;
}

.m_btn.s_primary.s_group > .txt:hover {
    background: #84bfd9 !important;
    border-color: #84bfd9 !important;
}

.m_btn.s_secondary > .txt {
    color: #FA742A;
    border: 2px solid #FA742A;
    background: #FFF;
}

.m_btn.s_action.s_border > .txt {
    background: #FFF;
    border: 2px solid #33BCCC;
    color: #33BCCC;
}

.m_btn.s_action.s_border.s_plus > .txt {
    padding-left: 36px;
}

.m_btn.s_action.s_border.s_plus > .txt .txtInner:before,
.m_btn.s_action.s_border.s_plus > .txt .txtInner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    margin: auto;
    width: 12px;
    height: 2px;
    border-radius: 1px;
    background: #33BCCC;
}

.m_btn.s_action.s_border.s_plus > .txt .txtInner:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.m_btn.s_action.s_border.s_plus.s_disabled > .txt .txtInner:before,
.m_btn.s_action.s_border.s_plus.s_disabled > .txt .txtInner:after {
    background: #999999;
}

.m_btn.s_action > .txt {
    background: #33BCCC;
    border: 2px solid #33BCCC;
    color: #FFF;
}

.m_btn.s_action > .billing_cancel_submit {
    font-size: 2rem !important;
    padding: 11px 0;
    text-align: center;
    min-width: 248px;
    border-radius: 100px;
}

.m_btn.s_func.s_strongBorder > .txt {
    border-color: #674E30;
}

.m_btn.s_func.s_em > .txt {
    font-size: 1.6rem;
    padding: 4px 17px;
    border-color: #674E30;
}

.m_btn.s_func.s_em.s_num {
    position: relative;
}

.m_btn.s_func.s_em.s_num:after {
    content: "" attr(data-number);
    min-width: 18px;
    line-height: 18px;
    display: inline-block;
    text-align: center;
    background: #DD6262;
    color: #FFF;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 9px;
    position: absolute;
    top: -7px;
    right: 4px;
}

.m_btn.s_func > .txt,
.my_maker_info > .btn_area > label {
    color: #674E30;
    font-weight: bold;
    background: #FFF;
    border: 2px solid #D9D2CB;
    border-radius: 18px;
    padding: 4px 20px;
}

.my_maker_info > .btn_area > label {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m_btn.s_down > .txt:after {
    content: "";
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: 1px;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 13px;
    height: 8px;
    background-position: -46px -181px;
    background-size: 220px 197px;
    margin-left: 6px;
}

.m_btn.s_down.is_active > .txt:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.m_btn.s_disabled {
    pointer-events: none;
}

.m_btn.s_disabled > .txt {
    background: #E6E6E6 !important;
    border-color: #E6E6E6 !important;
    color: #999 !important;
}

.m_btn.s_disabled > .maker_btn {
    background: #E6E6E6 !important;
    border-color: #E6E6E6 !important;
    color: #999 !important;
}

.m_btn.s_reload > .txt:before {
    content: "";
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: -2px;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 19px;
    height: 16px;
    background-position: 0px -181px;
    background-size: 220px 197px;
    margin-right: 6px;
}

.m_btn.s_confirm > .txt {
    color: #674E30;
    border-style: solid;
    border-color: #D9D2CB;
}

.m_btn.s_confirm > .maker_btn {
    color: #674E30;
    border-style: solid;
    border-color: #D9D2CB;
}

.m_btn.s_link > .txt {
    font-size: 1.6rem;
    color: #FFFFFF;
    border-radius: 28px;
    text-align: center;
}

.m_btn.s_link > .txt > span {
    font-size: 2rem;
}

.m_btn.s_link.s_green > .txt {
    background: #7fb547;
}

.m_btn.s_link.s_orange > .txt {
    background: #FFB301;
}

.m_btn > .txt {
    display: block;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.m_btn > .maker_btn {
    display: block;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.m_btn.Remind > .txt {
    color: #674E30;
    background: #FFFFFF;
    border: 2px solid #674E30;
    position: absolute;
    top: -0.5rem;
}

.m_btn.Remind > .txt.s_disabled {
    pointer-events: none;
    background: #E6E6E6 !important;
    border-color: #E6E6E6 !important;
    color: #999 !important;
}

.m_btn.Remind > .txt:hover {
    background: #ECE8E5;
}

.m_btn.Remind > .txt {
    margin-left: 20px;
}

@media print, screen and (max-width: 768px) {
    .m_btn.Remind > .txt {
        margin-left: 0px;
        position: static;
    }

    .my_maker_info > .btn_area > label {
        flex: 1;
        text-align: center;
    }
}

@media print, screen and (max-width: 768px) {
    .m_btn.Remind.Request > .txt {
        margin-left: 0px;
        position: static;
    }
}

@media print, screen and (min-width: 769px) {
    .m_btn.s_primary:not(.s_border) > .txt:hover {
        background: #E26019;
        border-color: #E26019;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .m_btn.s_primary.s_border > .txt:hover {
        opacity: 0.7;
    }
}

@media print, screen and (min-width: 769px) {
    .m_btn.s_secondary > .txt:hover {
        background: #fef1ec;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .m_btn.s_action.s_border > .txt:hover {
        opacity: 0.7;
    }
}

@media print, screen and (min-width: 769px) {
    .m_btn.s_action:not(.s_border) > .txt:hover {
        background: #149dad;
        border-color: #149dad;
    }

    .m_btn.s_func > .txt,
    .my_maker_info > .btn_area > label {
        font-size: 1.4rem;
        padding: 6px 20px;
    }

    .m_btn.s_func > .txt:hover {
        background: #ECE8E5;
    }

    .m_btn.s_search > .txt {
        padding: 4px 48px;
    }

    .m_btn.s_mid > .txt {
        font-size: 2rem !important;
        padding: 11px 64px !important;
        border-radius: 28px !important;
    }

    .m_btn.s_large > .txt {
        font-size: 2rem;
        padding: 11px 64px;
        border-radius: 28px;
        min-width: 306px;
    }

    .m_btn.s_large > .maker_btn {
        font-size: 2rem;
        padding: 11px 64px;
        border-radius: 28px;
        min-width: 306px;
    }

    .m_btn.s_free > .txt {
        font-size: 2rem !important;
        padding: 11px 0;
        text-align: center;
        min-width: 248px;
        border-radius: 100px;
    }

    .m_btn.s_free > .maker_btn {
        font-size: 2rem !important;
        padding: 11px 0;
        text-align: center;
        min-width: 248px;
        border-radius: 100px;
    }

    .m_btn.s_confirm > .txt {
        padding-top: 16px;
        padding-bottom: 16px;
        min-width: 400px;
        font-size: 1.8rem;
        border-width: 4px;
        border-radius: 20px;
    }

    .m_btn.s_confirm > .maker_btn {
        padding-top: 16px;
        padding-bottom: 16px;
        min-width: 400px;
        font-size: 1.8rem;
        border-width: 4px;
        border-radius: 20px;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .m_btn.s_confirm > .txt:hover {
        opacity: 0.7;
    }
}

@media print, screen and (min-width: 769px) {
    .m_btn.s_link > .txt {
        padding: 14px 64px;
    }

    .m_btn.s_link.s_green > .txt:hover {
        background: #67A823;
    }

    .m_btn.s_link.s_orange > .txt {
        background: #FFB301;
    }

    .m_btn.s_link.s_orange > .txt:hover {
        background: #f2ab06;
    }

    .m_btn > .txt,
    .my_maker_info > .btn_area > label,
    .cancellation > label {
        padding: 4px 20px;
        border-radius: 18px;
    }

    .m_btn > .txt.orderBtn {
        padding: 4px 12px;
    }
}

@media screen and (max-width: 768px) {
    .m_btn.s_large > .txt {
        width: 303px;
        max-width: 100%;
        padding: 11px 24px;
        border-radius: 28px;
        font-size: 2rem;
    }

    .m_btn.s_mid {
        width: calc(100% - 12px);
        max-width: 311px;
        margin: 0 auto;
    }

    .m_btn.s_mid > .txt {
        width: 100%;
        font-size: 2rem !important;
        padding: 11px 10px;
        border-radius: 28px;
    }

    .m_btn.s_func.s_em > .txt {
        padding: 8px 18px;
        border-radius: 22px;
    }

    .m_btn.s_search > .txt {
        padding: 8px 38px;
    }

    .m_btn.s_free {
        width: 100%;
    }

    .m_btn.s_free > .txt {
        font-size: 2rem !important;
        padding: 11px 0;
        text-align: center;
        min-width: 100%;
        border-radius: 100px;
    }

    .m_btn.s_confirm > .txt {
        padding-top: 12px;
        padding-bottom: 12px;
        width: 100%;
        font-size: 1.6rem;
        border-width: 3px;
        border-radius: 10px;
    }

    .m_btn.s_confirm > .maker_btn {
        padding-top: 12px;
        padding-bottom: 12px;
        width: 100%;
        font-size: 1.6rem;
        border-width: 3px;
        border-radius: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .m_btn.s_link > .txt {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .m_btn > .txt {
        padding: 8px 22px;
        border-radius: 22px;
    }
}

@media screen and (max-width: 420px) {
    .m_btn.s_large > .txt {
        width: 100%;
        max-width: 100%;
        padding: 11px 24px;
        border-radius: 28px;
        font-size: 2rem;
    }
}

@media print, screen and (min-width: 769px) {
    .m_inputCol {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .m_inputCol .grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .m_inputCol * + .txt {
        margin-left: 8px;
    }

    .m_inputCol .txt + * {
        margin-left: 12px;
    }

    .m_inputCol .txt.s_fixed {
        display: block;
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
    }

    .m_inputCol .txt.ml8 {
        margin-left: 8px;
    }
}

@media screen and (max-width: 768px) {
    .m_inputCol.s_spFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .m_inputCol.s_spFlex * + .txt {
        margin-left: 8px;
    }

    .m_inputCol.s_spFlex .txt + * {
        margin-left: 12px;
        margin-top: 0;
    }

    .m_inputCol .txt + * {
        margin-top: 4px;
    }

    .m_inputCol .grow {
        width: 100%;
    }
}

@media print, screen and (min-width: 769px) {
    .m_inputRow > .row:nth-of-type(n + 2) {
        margin-top: 24px;
    }

    .m_inputRow > .row > .txt {
        width: 170px;
        display: inline-block;
    }

    .m_inputRow > .row > .txt + * {
        margin-left: 12px;
    }
}

@media screen and (max-width: 768px) {
    .m_inputRow > .row:nth-of-type(n + 2) {
        margin-top: 11px;
    }
}

.m_input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #D9D2CB;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 1.6rem;
    position: relative;
}

.m_input.s_full {
    width: 100%;
}

.m_input.s_80w {
    width: 80px;
}

.m_input.s_half {
    width: 50%;
}

.m_input.s_500w + * {
    margin-top: 8px;
}

@media print, screen and (min-width: 769px) {
    .m_input.s_500w {
        width: 500px;
    }
}

@media screen and (max-width: 768px) {
    .m_input.s_500w {
        width: 100%;
    }
}

.m_input.s_block {
    display: block;
}

.m_input.field-validation-error {
    color: #A0907E;
    background-color: #f5dcdc;
    border-color: #DD6262;
}

.m_input.s_price {
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    text-align: right;
    font-weight: 500;
    font-size: 2rem;
    width: 182px;
}

.m_input:focus {
    -webkit-box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    border-color: #fbb08f;
    outline: none;
}

.m_input:disabled {
    background: #E6E6E6;
    pointer-events: none;
}

@media print, screen and (min-width: 769px) {
    .m_input {
        height: 40px;
        width: 160px;
    }

    .m_input.s_calendar {
        background: url(images/common/calendar.png) no-repeat right 12px
                center/14px,
            #FFF;
        cursor: pointer;
    }

    .m_input.s_calendar:disabled {
        background-color: #E6E6E6;
        border-color: #D9D2CB;
    }

    .m_input.warning {
        background-color: #FFF8c4;
        border-color: #FFF33f;
    }

    .m_input.s_calendar.field-validation-error,
    .m_input.input-validation-error {
        background-color: #f5dcdc;
        border-color: #DD6262;
    }

    .m_input.s_number {
        width: 320px;
    }
}

@media screen and (max-width: 768px) {
    .m_input {
        height: 44px;
    }

    .m_input.s_calendar {
        width: 100%;
        background: url(images/common/calendarsp.png) no-repeat right 15px
                center/17px,
            #FFF;
    }

    .m_input.s_number {
        width: 100%;
    }

    .m_input.s_calendar.field-validation-error,
    .m_input.input-validation-error {
        background-color: #f5dcdc;
        border-color: #DD6262;
    }
}

.m_select {
    display: inline-block;
    vertical-align: middle;
}

.m_select.s_disabled {
    pointer-events: none;
}

.m_select.s_disabled .selectInner {
    background: #E6E6E6;
}

.m_select.s_disabled .selectInner:after {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 13px;
    height: 8px;
    background-position: -64px -181px;
    background-size: 220px 197px;
}

.m_select.s_disabled .selectInner select {
    color: #999;
}

.m_select.s_full {
    width: 100%;
}

.m_select.s_long {
    width: 440px;
}
@media print, screen and (min-width: 769px) {
    .m_select.Industri {
        width: calc(50% - 11.6px) !important;
    }
}

@media screen and (max-width: 768px) {
    .m_select.s_long {
        width: 100%;
    }
}

.m_select.s_short {
    width: 200px;
}

.m_select.s_short.expiration_date {
    width: 100px;
}

.m_select.s_min {
    width: 80px;
}

.m_select.s_min select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.m_select + .txt {
    margin-left: 9px;
}

.m_select.field-validation-error .selectInner {
    color: #A0907E;
    background-color: #f5dcdc;
    border-color: #DD6262;
}

.m_select .selectInner {
    position: relative;
    overflow: hidden;
    border: 1px solid #D9D2CB;
    border-radius: 6px;
    background: #FFFFFF;
    z-index: 0;
}

.m_select .selectInner:focus-within {
    -webkit-box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    border-color: #fbb08f;
}

.m_select .selectInner:after {
    content: "";
    pointer-events: none;
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 13px;
    height: 8px;
    background-position: -46px -181px;
    background-size: 220px 197px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
}

.m_select .selectInner select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 0 20% 0 12px;
    width: 110%;
    height: 40px;
    background: transparent;
    z-index: 5;
    cursor: pointer;
    font-size: 1.6rem;
    outline: none;
    opacity: 1;
}

.m_select .selectInner.adoptDetail {
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 0px 0px 0px 0px;
    width: 250px;
}

.m_select .selectInner.expiration_date select {
    width: 120%;
}

@media screen and (max-width: 768px) {
    .m_select .selectInner select {
        font-size: 1.4rem;
    }

    .error-dispordergroup {
        display: none;
    }

    .error-dispordergroup-mobile {
        display: flex !important;
    }
}

.field-validation-error {
    position: relative;
    padding-left: 25px;
    margin: 9px 0;
    font-size: 1.2rem;
    color: #DD6262;
    display: block;
}

.field-validation-error::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 20px;
    height: 20px;
    background-position: -143px -150px;
    background-size: 220px 197px;
}

.ui-datepicker {
    display: none;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    overflow: hidden;
    background: #FFF;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    box-shadow: 0 0 20px rgba(103, 78, 48, 0.2);
    text-align: center;
    pointer-events: all;
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker {
        padding: 20px 25px;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker {
        padding: 24px 20px;
        width: calc(100% - 40px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    display: inline-block;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all,
.message_list div.txt,
.order_add_confirm .maker_name,
.projects_guidance .query {
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    display: block;
    position: absolute;
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        top: 3px;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        top: 2px;
    }
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev > span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next > span {
    display: block;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev > span,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next > span {
        width: 16px;
        height: 16px;
    }
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev > span::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next > span::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev > span::before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next > span::before {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        vertical-align: -1px;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 8px;
        height: 13px;
        background-position: -208px -33px;
        background-size: 220px 197px;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev > span::before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next > span::before {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        vertical-align: -1px;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 12px;
        height: 21px;
        background-position: -185px -46px;
        background-size: 220px 197px;
    }
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
        left: -20px;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
        left: -35px;
    }
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        right: -20px;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        right: -35px;
    }
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    text-align: center;
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
        margin-bottom: 15px;
        font-size: 2rem;
    }
}

.ui-datepicker .ui-datepicker-calendar {
    margin-bottom: 0;
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker .ui-datepicker-calendar {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker .ui-datepicker-calendar {
        width: 100%;
    }
}

.ui-datepicker .ui-datepicker-calendar thead th {
    padding: 0;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker .ui-datepicker-calendar thead th {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker .ui-datepicker-calendar thead th {
        width: 40px;
        height: 40px;
    }
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker
        .ui-datepicker-calendar
        tbody
        tr:not(:last-of-type)
        td
        > .ui-state-default {
        margin-bottom: 2px !important;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker
        .ui-datepicker-calendar
        tbody
        tr:not(:last-of-type)
        td
        > .ui-state-default {
        margin-bottom: 3px !important;
    }
}

.ui-datepicker .ui-datepicker-calendar tbody tr td {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker
        .ui-datepicker-calendar
        tbody
        tr
        td:not(:last-of-type)
        > .ui-state-default {
        margin-right: 2px;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker
        .ui-datepicker-calendar
        tbody
        tr
        td:not(:last-of-type)
        > .ui-state-default {
        margin-right: 3px;
    }
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    display: block;
    color: #25180A;
    background: #FFF;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

@media print, screen and (min-width: 769px) {
    .ui-datepicker .ui-datepicker-calendar .ui-state-default {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

@media screen and (max-width: 768px) {
    .ui-datepicker .ui-datepicker-calendar .ui-state-default {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
    font-weight: 500;
    color: #FFF;
    background: #A0907E;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
    font-weight: 100;
}

.ui-datepicker
    .ui-datepicker-calendar
    .ui-datepicker-today
    a[aria-current="false"] {
    color: #FFF;
    background: #A0907E;
}

.ui-datepicker .ui-datepicker-calendar [aria-current="true"] {
    color: #FFF;
    background: #FFB301;
}

.ui-datepicker
    .ui-datepicker-calendar
    .ui-datepicker-other-month
    .ui-state-default {
    color: #D9D2CB;
    pointer-events: none;
}

.m_textArea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 1.4rem;
    border: 1px solid #D9D2CB;
    border-radius: 6px;
    padding: 12px;
    height: 227px;
    resize: none;
}

.m_textArea.m_projectdetail_textarea {
    height: 189px !important;
}

.m_textArea.input-validation-error {
    background-color: #f5dcdc;
    border-color: #DD6262;
}

.m_textArea:focus {
    -webkit-box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    border-color: #fbb08f;
    outline: none;
}

.m_radio {
    position: relative;
    line-height: 20px;
    font-size: 1.6rem;
    display: inline-block;
}

.m_radio.s_check {
    min-height: 24px;
}

.m_radio.s_check.s_onlyIcon {
    width: 24px;
}

.m_radio input[type="checkbox"],
.m_radio input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.m_radio input[type="checkbox"]:focus + label:before,
.m_radio input[type="radio"]:focus + label:before,
.m_radio input[type="checkbox"]:focus + input[type="hidden"] + label:before,
.m_radio input[type="radio"]:focus + label:before {
    -webkit-box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    box-shadow: 0px 0px 6px rgba(250, 137, 87, 0.6);
    border-color: #fbb08f;
}

.m_radio input[type="checkbox"]:checked + label:after,
.m_radio input[type="checkbox"]:checked + input[type="hidden"] + label:after,
.m_radio input[type="radio"]:checked + label:after {
    opacity: 1;
}

.m_radio input[type="checkbox"] + label,
.m_radio input[type="checkbox"] + input[type="hidden"] + label,
.m_radio input[type="radio"] + label {
    padding-left: 32px;
    cursor: pointer;
    display: inline-block;
}

.m_radio input[type="checkbox"] + label:before,
.m_radio input[type="checkbox"] + label:after,
.m_radio input[type="checkbox"] + input[type="hidden"] + label:before,
.m_radio input[type="checkbox"] + input[type="hidden"] + label:after,
.m_radio input[type="radio"] + label:before,
.m_radio input[type="radio"] + label:after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    margin: auto;
}

.m_radio input[type="checkbox"] + label:after,
.m_radio input[type="checkbox"] + input[type="hidden"] + label:after,
.m_radio input[type="radio"] + label:after {
    opacity: 0;
}

.m_radio input[type="checkbox"] + label span,
.m_radio input[type="checkbox"] + input[type="hidden"] + label span,
.m_radio input[type="radio"] + label span {
    display: inline-block;
}

.m_radio input[type="radio"] + label:before {
    width: 20px;
    height: 20px;
    background: #FFF;
    border: 1px solid #D9D2CB;
    border-radius: 50%;
    top: 3px;
    left: 0;
}

.m_radio input[type="radio"] + label:after {
    width: 12px;
    height: 12px;
    background: #FA742A;
    border-radius: 50%;
    top: 7px;
    left: 4px;
}

.m_radio input[type="checkbox"]:checked + label:before,
.m_radio input[type="checkbox"]:checked + input[type="hidden"] + label:before {
    border-color: #FA742A;
    background: #FA742A;
}

.m_radio input[type="checkbox"] + label:before,
.m_radio input[type="checkbox"] + input[type="hidden"] + label:before {
    width: 24px;
    height: 24px;
    background: #FFF;
    border: 1px solid #D9D2CB;
    border-radius: 6px;
    top: 0;
    left: 0;
}

.m_radio input[type="checkbox"] + label:after,
.m_radio input[type="checkbox"] + input[type="hidden"] + label:after {
    width: 13px;
    height: 8px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    top: 6px;
    left: 6px;
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.m_radio input[type="checkbox"]:disabled + label::before {
    background: #E6E6E6;
    border: 1px solid #D9D2CB;
}

.m_toggle {
    display: inline-block;
    width: 60px;
    height: 32px;
}

.m_toggle input {
    display: none;
}

.m_toggle input + label {
    position: relative;
    cursor: pointer;
    width: 60px;
    height: 32px;
}

.m_toggle input + label::before {
    content: "";
    width: 60px;
    height: 32px;
    border-radius: 100px;
    background: #999999;
    position: absolute;
    top: 0;
    left: 0;
}

.m_toggle input + label::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    top: 3px;
    left: 3px;
    background: #FFF;
    z-index: 2;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

.m_toggle input:checked + label::before {
    background: #FA742A;
}

.m_toggle input:checked + label::after {
    left: 30px;
}

.m_fav {
    display: inline-block;
    width: 30px;
    height: 29px;
    position: relative;
}

.m_fav input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.m_fav input:checked + label:before {
    opacity: 0;
}

.m_fav input:checked + label:after {
    opacity: 1;
}

.m_fav input + label {
    display: block;
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.m_fav input + label:before,
.m_fav input + label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.m_fav input + label:before {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 30px;
    height: 29px;
    background-position: 0px -83px;
    background-size: 220px 197px;
}

.m_fav input + label:after {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 30px;
    height: 29px;
    background-position: -35px -83px;
    background-size: 220px 197px;
    opacity: 0;
}

.m_addSelect {
    position: relative;
    cursor: pointer;
}

.m_addSelect select {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.m_addSelect select.tourDisplay {
    position: static;
}

@media print, screen and (min-width: 769px) {
    .m_addSelect:hover .m_btn {
        opacity: 0.7;
    }
}

.m_checkbox {
    display: inline-block;
}

.m_checkbox input {
    opacity: 0;
    position: absolute;
}

.m_checkbox input + label,
.m_checkbox input + input[type="hidden"] + label {
    display: block;
    position: relative;
    border: 4px solid #D9D2CB;
    background: #FFF;
    color: #674E30;
    font-weight: bold;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m_checkbox input + label:before,
.m_checkbox input + label:after,
.m_checkbox input + input[type="hidden"] + label:before,
.m_checkbox input + input[type="hidden"] + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    margin: auto;
}

.m_checkbox input + label:before,
.m_checkbox input + input[type="hidden"] + label:before {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #D9D2CB;
}

.m_checkbox input + label:after,
.m_checkbox input + input[type="hidden"] + label:after {
    opacity: 0;
}

.m_checkbox input:checked + label,
.m_checkbox input:checked + input[type="hidden"] + label {
    background: #FFF6E2;
    border-color: #FFB301;
}

.m_checkbox input:checked + label:before,
.m_checkbox input:checked + input[type="hidden"] + label:before {
    opacity: 0;
}

.m_checkbox input:checked + label:after,
.m_checkbox input:checked + input[type="hidden"] + label:after {
    opacity: 1;
}

@media print, screen and (min-width: 769px) {
    .m_checkbox input + label,
    .m_checkbox input + input[type="hidden"] + label {
        border-radius: 20px;
        font-size: 1.8rem;
        padding: 14px 10px 14px 60px;
        min-width: 254px;
    }

    .m_checkbox input + label:before,
    .m_checkbox input + input[type="hidden"] + label:before {
        width: 32px;
        height: 32px;
    }

    .m_checkbox input + label:after,
    .m_checkbox input + input[type="hidden"] + label:after {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 32px;
        height: 32px;
        background-position: -127px -38px;
        background-size: 220px 197px;
    }
}

@media screen and (max-width: 768px) {
    .m_checkbox {
        width: 100%;
    }

    .m_checkbox input + label,
    .m_checkbox input + input[type="hidden"] + label {
        border-radius: 14px;
        font-size: 1.6rem;
        padding: 14px 10px 14px 50px;
    }

    .m_checkbox input + label:before,
    .m_checkbox input + input[type="hidden"] + label:before {
        width: 24px;
        height: 24px;
    }

    .m_checkbox input + label:after,
    .m_checkbox input + input[type="hidden"] + label:after {
        overflow: hidden;
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        line-height: 1;
        background-image: url("images/common/mod_img_sprite.png");
        width: 24px;
        height: 24px;
        background-position: -29px -150px;
        background-size: 220px 197px;
    }
}

.m_checkBtn {
    display: inline-block;
}

.m_checkBtn input {
    opacity: 0;
    position: absolute;
    display: none;
}

.m_checkBtn input:checked + label {
    background: #FFF6E2;
    border-color: #FFB301;
}

.m_checkBtn input:checked + label .txt:after {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 16px;
    height: 11px;
    background-position: -164px -59px;
    background-size: 220px 197px;
    right: 14px;
    top: 11px;
}

.m_checkBtn input + label {
    display: block;
    position: relative;
    border: 2px solid #D9D2CB;
    border-radius: 10px;
    color: #674E30;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 4px 33px 4px 15px;
    cursor: pointer;
}

.m_checkBtn input + label .txt:after {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 12px;
    height: 12px;
    background-position: -208px 0px;
    background-size: 220px 197px;
    position: absolute;
    right: 16px;
    top: 10px;
}

.m_checkBtn.designation input:checked + label .txt:before {
    display: block;
}

.m_checkBtn.designation input:checked + label .txt > span {
    display: none;
}

.m_checkBtn.designation input + label .txt:before {
    content: "依頼先に追加済み";
    display: none;
}

.answer_open input:checked + label .txt:before {
    display: block;
}

.m_checkBtn.s_disabled {
    pointer-events: none;
}

.m_checkBtn.s_disabled input + label {
    color: #999999;
    background: #E6E6E6;
    border-color: #E6E6E6;
}

.m_radio.s_disabled,
.m_checkbox.s_disabled {
    pointer-events: none;
}

.m_radio.s_disabled label,
.m_checkbox.s_disabled label {
    color: #999999 !important;
}

.m_userCard {
    position: relative;
}

.m_userCard > input[type="checkbox"]:checked ~ .cardInner,
.my_maker_info > .btn_area > input[type="radio"]:checked + label {
    background: #FFF6E2;
    border-color: #FFB301;
}

.m_userCard > input {
    position: absolute;
    opacity: 0;
}

.m_userCard > label {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.m_userCard > label.groupRepresentative {
    cursor: default;
}

.m_userCard .cardInner {
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #FFF;
    border-radius: 6px;
}

.m_userCard .cardInner .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.m_userCard .cardInner .txtWrap:not(.group_member_txtWrap),
.m_userCard .cardInner .txtWrap:not(.search_group_txtWrap) {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

.m_userCard
    .cardInner.affiliation_search_group
    .txtWrap:not(.group_member_txtWrap):nth-child(2) {
    flex: 3;
}

.m_userCard
    .cardInner.affiliation_search_group
    .txtWrap:not(.group_member_txtWrap):nth-child(3) {
    flex: 7;
}

.m_userCard .cardInner .group_member_txtWrap,
.m_userCard .cardInner .search_group_txtWrap {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    width: 30%;
}

.m_userCard .cardInner .txtWrap > *:last-child {
    margin-bottom: 0 !important;
}

.m_userCard .cardInner .txtWrap .name {
    font-weight: 500;
    margin-bottom: 5px;
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.m_userCard .cardInner .txtWrap .name > .nameInner {
    display: block;
}

.m_userCard .cardInner .txtWrap .name > .nameInner > label {
    cursor: pointer;
}

.m_userCard .cardInner .txtWrap .name.admin {
    padding-right: 30px;
}

.m_userCard .cardInner .txtWrap .name.admin:after {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 22px;
    height: 23px;
    background-position: -116px -150px;
    background-size: 220px 197px;
    position: absolute;
    right: 0;
    top: 7px;
}

.m_userCard .cardInner .txtWrap .name .main {
    font-size: 1.8rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
    .m_userCard .cardInner .txtWrap .name .main {
        margin-top: 5px;
    }
}

.m_userCard .cardInner .txtWrap .name .sub {
    font-size: 1.2rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m_userCard .cardInner .txtWrap .mail {
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    margin-bottom: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m_userCard .cardInner .txtWrap .txtList > li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m_userCard .cardInner .txtWrap .txtList .ttl {
    font-weight: 500;
}

.m_userCard .cardInner .txtWrap .txtList .txt {
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
}

.m_userCard .makeruser_card {
    min-height: 162px;
}

@media screen and (max-width: 768px) {
    .m_userCard .cardInner .group_member_txtWrap.address {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .m_userCard .cardInner .group_member_txtWrap.mobile_none,
    .m_userCard .cardInner .group_member_rating_area {
        display: none;
    }
}

@media print, screen and (min-width: 769px) {
    .m_userCard .cardInner {
        padding: 24px;
    }

    .m_userCard .cardInner .img {
        margin-right: 24px;
        width: 128px;
        height: 128px;
    }

    .m_userCard .cardInner .txtWrap .name + .txtList {
        margin-top: 20px;
    }

    .m_userCard .cardInner .txtWrap .name + .txtList.margin_top_0 {
        margin-top: 0px;
    }

    .m_userCard .cardInner .txtWrap .mail {
        font-size: 1.4rem;
    }

    .m_userCard .cardInner .txtWrap .txtList {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .m_userCard + .m_userCard {
        margin-top: 30px;
    }

    .m_userCard .cardInner {
        padding: 18px;
    }

    .m_userCard .cardInner .img {
        margin-right: 18px;
        width: 109px;
        height: 109px;
    }

    .m_userCard .cardInner .txtWrap .name + .txtList {
        margin-top: 16px;
    }

    .m_userCard .cardInner .txtWrap .mail {
        font-size: 1.6rem;
    }

    .m_userCard .cardInner .txtWrap .txtList {
        font-size: 1.6rem;
    }
}

.m_rangeInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m_rangeInput > .m_input {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media print, screen and (min-width: 769px) {
    .m_rangeInput > span {
        font-size: 1.4rem;
        margin: 0 8px;
    }
}

@media screen and (max-width: 768px) {
    .m_rangeInput > span {
        font-size: 1.2rem;
        margin: 0 4px;
    }
}

.m_avatar.group {
    width: 25%;
}

.m_avatar .imgWrap {
    position: relative;
}

.m_avatar .imgWrap .img img {
    -o-object-fit: cover;
    object-fit: cover;
}

.m_avatar .imgWrap input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.m_avatar .delete {
    display: inline-block;
    margin-top: 8px;
    height: 24px;
    width: 24px;
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 24px;
    height: 24px;
    background-position: -87px -150px;
    background-size: 220px 197px;
}

@media print, screen and (min-width: 769px) {
    .m_avatar {
        margin: 0 0 40px;
        width: 128px;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .m_avatar .delete:hover {
        opacity: 0.7;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .m_avatar .imgWrap:hover {
        opacity: 0.7;
    }
}

@media print, screen and (min-width: 769px) {
    .m_avatar .imgWrap .img img {
        width: 128px;
        height: 128px;
    }
}

@media screen and (max-width: 768px) {
    .m_avatar {
        margin: 0 auto 40px;
        width: 160px;
    }

    .m_avatar .img img {
        width: 160px;
        height: 160px;
    }
}

.m_delete {
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 11px;
    height: 11px;
    background-position: -208px -17px;
    background-size: 220px 197px;
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .m_delete:hover {
        opacity: 0.7;
    }
}

.m_datetimeInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m_datetimeInput .m_select .selectInner select {
    width: 130%;
}

.m_datetimeInput > span {
    display: block;
    text-align: center;
}

@media print, screen and (min-width: 769px) {
    .m_datetimeInput .m_select {
        width: 65px;
    }

    .m_datetimeInput .s_calendar {
        margin-right: 24px;
    }

    .m_datetimeInput > span {
        margin: 0 5px;
    }
}

@media screen and (max-width: 768px) {
    .m_datetimeInput .s_calendar {
        margin-right: 16px;
        width: calc(100% - 44% - 1.5em);
    }

    .m_datetimeInput .m_select {
        width: 22%;
    }

    .m_datetimeInput > span {
        width: 1.5em;
    }
}

/* inline module
--------------------------------------------------------------------------------------------------- */
.m_br[class*="_before"]::before,
.m_br[class*="_after"]::after {
    content: "\A";
    white-space: pre;
}

@media print, screen and (min-width: 769px) {
    .m_pcHide {
        display: none !important;
    }

    .m_pcbr[class*="_before"]::before,
    .m_pcbr[class*="_after"]::after {
        content: "\A";
        white-space: pre;
    }
}

@media screen and (max-width: 768px) {
    .m_spHide {
        display: none !important;
    }

    .m_spbr[class*="_before"]::before,
    .m_spbr[class*="_after"]::after {
        content: "\A";
        white-space: pre;
    }
}

.m_color.s_caution {
    color: #674E30;
}

.m_en,
.m_enfont {
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
}

@media print, screen and (min-width: 769px) {
    .m_hover.s_op:hover {
        opacity: 0.7;
    }
}

.m_reqBnr {
    line-height: 20px;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    background: #DD6262;
    border-radius: 2px;
    color: #FFF;
    padding: 0 5px;
    display: inline-block;
}

.m_link {
    color: #25180A;
    text-decoration: underline;
}

.m_link.s_func {
    color: #FA742A;
    text-decoration: none;
}

.m_link.s_noBd {
    text-decoration: none;
}

.m_link.s_dUrl {
    color: #674E30;
}

@media print, screen and (min-width: 769px) {
    .m_link.s_func:hover,
    .m_link.s_noBd:hover {
        text-decoration: underline;
    }

    .m_link:hover {
        color: #FA742A;
        text-decoration: none;
    }
}

.m_notes {
    font-size: 1.4rem;
}

.m_pwNote {
    margin-top: 6px;
    font-size: 1.2rem;
}

.m_backLink {
    font-size: 1.6rem;
}

.m_backLink.s_foot {
    font-weight: bold;
}

.m_backLink > a {
    color: #674E30;
    color: #674E30;
    text-decoration: none;
}

@media print, screen and (min-width: 769px) {
    .m_backLink > a:hover {
        color: #FA742A;
        text-decoration: underline;
    }
}

.m_backLink > a:before {
    content: "";
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: -10px;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 32px;
    height: 32px;
    background-position: -90px -38px;
    background-size: 220px 197px;
    margin-right: 8px;
}

@media print, screen and (min-width: 769px) {
    .m_backLink.s_foot {
        margin-top: 72px;
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    .m_backLink.s_foot {
        text-align: center;
        margin-top: 56px;
    }
}

.m_infoTxt {
    position: relative;
    color: #DD6262;
    display: inline-block;
    padding-left: 34px;
    min-height: 26px;
}

.m_infoTxt:before {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 26px;
    height: 26px;
    background-position: -33px -117px;
    background-size: 220px 197px;
    position: absolute;
    top: 0;
    left: 0;
}

@media print, screen and (min-width: 769px) {
    .m_infoTxt {
        font-size: 1.4rem;
        padding-top: 1px;
    }

    .m_infoTxt:hover {
        text-decoration: none;
    }
}

@media screen and (max-width: 768px) {
    .m_infoTxt {
        font-size: 1.3rem;
        padding-top: 4px;
    }
}

.js_acc.is_active > .i_accBtn:before {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.i_accBtn {
    display: inline-block;
    border: 2px solid #D9D2CB;
    border-radius: 50%;
    background: #FFF;
    position: relative;
    text-indent: -9999px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.i_accBtn.is_active:before {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.i_accBtn:before {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 13px;
    height: 8px;
    background-position: -46px -181px;
    background-size: 220px 197px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media print, screen and (min-width: 769px) {
    #document .i_accBtn {
        width: 32px;
        height: 32px;
    }
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    #document .i_accBtn:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 768px) {
    .i_accBtn {
        width: 40px;
        height: 40px;
    }
}

.i_closeBtn {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #D9D2CB;
    border-radius: 50%;
    position: relative;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
}

.i_closeBtn:before {
    content: "";
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 11px;
    height: 11px;
    background-position: -208px -17px;
    background-size: 220px 197px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@media print, screen and (min-width: 769px) {
    .i_closeBtn:hover {
        background: #ECE8E5;
    }
}

.i_delete {
    display: inline-block;
    padding: 10px;
}

.i_delete > span {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 18px;
    height: 18px;
    background-position: -185px -23px;
    background-size: 220px 197px;
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .i_delete:hover {
        opacity: 0.7;
    }
}

.i_trash {
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 24px;
    height: 24px;
    background-position: -87px -150px;
    background-size: 220px 197px;
    position: relative;
    top: -13px;
    left: 16px;
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .i_trash:hover {
        opacity: 0.7;
    }
}

.i_submit {
    pointer-events: none;
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 26px;
    height: 24px;
    background-position: -95px -117px;
    background-size: 220px 197px;
}

.i_submit.is_active {
    pointer-events: all;
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 26px;
    height: 24px;
    background-position: -126px -117px;
    background-size: 220px 197px;
}

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .i_submit:hover {
        opacity: 0.7;
    }
}

.m_tag {
    color: #674E30;
    font-size: 1.2rem;
    background: #FFF6E2;
    display: inline-block;
    border: 1px solid #D9D2CB;
    border-radius: 2px;
    padding: 0px 5px;
}

#makerDetailModalWindow .m_categoryIcon,
#groupDetailModalWindow .m_categoryIcon {
    float: none;
    margin-bottom: 10px;
}

.m_categoryIcon {
    color: #FFF;
    width: 100px;
    height: 18px;
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #D9D2CB;
    border-radius: 2px;
    padding: 1px 5px;
    text-align: center;
    margin-right: 10px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
    position: relative;
    object-fit: contain;
}

.m_categoryIcon.customer {
    background: #67A823;
}

.m_categoryIcon.groupRepresent {
    background: #77B7D4;
}

.m_categoryIcon.manufacturingCompanies {
    background: #FFB301;
}

.m_categoryIconList {
    display: flex;
    flex-flow: row;
}

@media print, screen and (max-width: 769px) {
    .m_categoryIconList {
        display: flex;
        flex-flow: column;
    }
}

.m_squareIcon {
    display: inline-block;
    width: 12px;
    height: 12px;
    display: flex;
    margin-top: 5px;
    margin-right: 5px;
    vertical-align: baseline;
    float: left;
    position: relative;
    object-fit: contain;
}

.m_squareIcon.customer {
    background: #67A823;
}

.m_squareIcon.groupRepresent {
    background: #77B7D4;
}

.m_squareIcon.manufacturingCompanies {
    background: #FFB301;
}

.m_categoryIconDisp {
    padding-left: 1em;
}

.m_squareIconName {
    display: none;
}

.m_squareIconName.display_flex {
    display: flex;
    flex-flow: column;
}

@media print, screen and (min-width: 769px) {
    .m_squareIconName {
        display: flex;
        flex-flow: column;
    }
}

.m_squareIconList {
    display: flex;
    flex-flow: column;
}

/* modifire module
--------------------------------------------------------------------------------------------------- */
/* text align */
[class*="_alignLeft"] {
    text-align: left !important;
}

[class*="_alignCenter"] {
    text-align: center !important;
}

[class*="_alignRight"] {
    text-align: right !important;
}

[class*="_alignTop"] {
    vertical-align: top !important;
}

[class*="_alignMiddle"] {
    vertical-align: middle !important;
}

[class*="_alignBottom"] {
    vertical-align: bottom !important;
}

/* font style */
[class*="_fontBold"] {
    font-weight: bold;
}

[class*="_fontItalic"] {
    font-style: italic;
}

[class*="_fontNormal"] {
    font-style: normal !important;
    font-weight: normal !important;
}

/* fontColor */
[class*="_colorType01"] {
    color: #25180A;
}

[class*="_colorType02"] {
    color: #004BA5;
}

/* modal module
--------------------------------------------------------------------------------------------------- */
/* modal module
--------------------------------------------------------------------------------------------------- */
.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12000;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

#paidModal01 {
    z-index: 13000;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    min-height: calc(100% - (20px * 2));
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (20px * 2));
    content: "";
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11999;
    width: 100vw;
    height: 100vh;
    background: rgba(13, 13, 13, 0.7);
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 1;
}

.modal-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.modal-footer {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 980px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2));
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

#document .fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 1;
}

@media screen and (prefers-reduced-motion: reduce) {
    #document .fade {
        -webkit-transition: none;
        transition: none;
        opacity: 1;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.modal .close {
    border: none;
    background: none;
    outline: none;
}

#tempsListModalWindow.m_modal.s_table .modal-dialog,
.m_modal.s_user .modal-dialog {
    max-width: 959px;
}

.m_modal.s_user .modal-body {
    background: #F5F3F2;
    padding: 0;
}

.m_modal.s_user .modal-body .modalHead {
    background: #FFF;
    border-radius: 26px 26px 0 0;
}

.m_modal.s_msg .modal-body {
    padding: 0;
}

.m_modal.s_table .modal-dialog {
    max-width: 927px;
}

.m_modal.s_table .cost-modal-dialog {
    max-width: 80%;
}

.m_modal.s_table .m_reqTable .mainTable,
.m_modal.s_table .m_reqTable .subTable {
    min-width: 815px;
    border-bottom: 1px solid #D9D2CB;
}

.m_modal.s_client .modal-dialog {
    max-width: 647px;
}

#tempsListModalWindow.m_modal.s_client .m_reqTable .mainTable {
    min-width: 815px;
}

#orderTargetModalWindow.m_modal.s_client .m_reqTable {
    overflow-x: hidden;
}

.m_modal.s_client .m_reqTable .mainTable {
    min-width: 0;
}

.m_modal.s_client .m_reqTable .mainTable > tbody > tr > td.answer {
    padding-left: 15px;
    text-align: center;
}

.m_modal.s_client .m_reqTable .mainTable > tbody > tr > td.delete {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.m_modal.s_message .btnWrap {
    text-align: center;
}

.m_modal.s_notice .modal-dialog {
    max-width: 872px;
}

.m_modal.s_scroll .modalInner {
    max-height: calc(100vh - 400px);
    overflow: auto;
}

.m_modal.s_term .modalHead {
    padding: 0 0 24px;
}

.m_modal.s_term .modalInner {
    font-size: 1.4rem;
}

.m_modal.s_term .modalDescription {
    font-size: 1.4rem;
}

.m_modal .modal-dialog {
    max-width: 733px;
}

.m_modal .modal-body {
    background: #FFF;
    border-radius: 26px;
    position: relative;
}

.m_modal .modal-body .headClose {
    position: absolute;
    top: 16px;
    right: 16px;
}

.m_modal .modal-body .m_pageHead {
    margin-top: 0;
}

.m_modal .modalHead {
    position: relative;
}

.m_modal .modalHead .txtWrap {
    word-break: break-all;
}

.m_modal .modalHead .txtWrap > *:last-child {
    margin-bottom: 0 !important;
}

.m_modal .modalHead .ttl {
    color: #674E30;
    font-weight: bold;
    margin-bottom: 1px;
}

.m_modal .m_msgBox > .boxInner {
    overflow: auto;
}

.m_modal .footBtn {
    text-align: center;
}

@media print, screen and (min-width: 769px) {
    .m_modal.s_user .modal-body .modalInner {
        padding: 24px 56px 56px;
    }

    .m_modal.s_user .m_reqBox .searchCol .detailCol .inner {
        min-width: 0;
    }

    .m_modal.s_user .m_searchList {
        max-width: 583px;
    }

    .m_modal.s_user .m_pager {
        margin-top: 48px;
    }

    .m_modal.s_term .modalHead {
        font-size: 2.4rem;
    }

    .m_modal.s_confirm .modal-dialog {
        max-width: 512px;
    }

    .m_modal .modal-body {
        padding: 56px;
    }

    #messageModalWindow.m_modal .modalHead {
        padding: 20px 30px 10px;
    }

    .m_modal .modalHead {
        padding: 20px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .m_modal .modalHead .txtWrap {
        margin-right: 24px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
    }

    .m_modal .modalHead .ttl {
        font-size: 2rem;
    }

    .m_modal .modalHead .sub {
        font-size: 1.4rem;
    }

    .m_modal .modalHead .m_btn {
        margin: 0 34px 0 auto;
    }

    .m_modal .footBtn {
        margin-top: 45px;
    }

    .m_modal .footBtn > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 0 20px;
        margin-bottom: 0;
    }

    .m_modal .m_msgBox > .boxInner {
        height: 588px;
    }

    .m_modal .msgBox_file > .boxInner {
        height: 768px;
    }

    .m_modal.s_client .m_reqTable .mainTable > thead > tr > th.answer {
        width: 130px;
        padding-right: 24px;
        text-align: center;
    }

    .m_modal.s_client .m_reqTable .mainTable > thead > tr > th.delete {
        width: 64px;
    }

    .m_modal.s_message p {
        margin-bottom: 40px;
    }

    .m_modal.s_message .m_textArea {
        margin-bottom: 24px;
        height: 125px;
    }

    .m_modal.s_notice .modal-body .subHead {
        font-size: 1.6rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 768px) {
    .m_modal.s_client .m_reqTable .mainTable > thead > tr > th.answer {
        width: 100px;
    }

    .m_modal.s_client .m_reqTable .mainTable > thead > tr > th.delete {
        width: 48px;
    }

    .m_modal.s_user .modal-body .modalInner {
        padding: 28px 12px 40px;
    }

    #DisplaySettingsModalWindow.m_modal.s_user .modal-body .modalInner {
        text-align: center;
    }

    .m_modal.s_user .m_reqBox .searchCol > .m_btn,
    .m_modal.s_user .m_reqBox .searchCol .detail > .m_btn {
        margin: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .m_modal.s_user .m_reqBox .searchCol > .m_btn > .txt,
    .m_modal.s_user .m_reqBox .searchCol .detail > .m_btn > .txt {
        max-width: 100%;
        width: 307px;
        text-align: left;
    }

    .m_modal.s_user .m_reqBox .searchCol > .m_btn > .txt:after,
    .m_modal.s_user .m_reqBox .searchCol .detail > .m_btn > .txt:after {
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .m_modal.s_user .m_reqBox .searchCol .keyword {
        padding-top: 24px;
    }

    .m_modal.s_user .m_reqBox .searchCol .detail {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 16px auto 24px;
    }

    .m_modal.s_user .m_reqBox .searchCol .detailCol {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .m_modal.s_user .m_reqBox .searchCol .numTxt {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .m_modal.s_user .m_pager {
        margin-top: 40px;
    }

    .m_modal.s_user .m_pager .list > li:first-child {
        display: none;
    }

    .m_modal.s_user .m_userCard + .m_userCard {
        margin-top: 16px;
    }

    .m_modal.s_notice .modal-body {
        padding-top: 32px;
    }

    .m_modal.s_notice .modal-body .m_pageHead {
        margin-right: 30px;
    }

    .m_modal.s_notice .modal-body .subHead {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }

    .m_modal.s_term .modalHead {
        font-size: 2rem;
        text-align: left;
    }

    .m_modal .modal-dialog {
        margin: 20px;
    }

    .m_modal .modal-body {
        padding: 48px 16px 36px;
    }

    .m_modal .modalHead {
        padding: 20px 24px 10px;
        text-align: center;
    }

    .m_modal .modalHead .txtWrap {
        width: calc(100% - 32px);
        margin-bottom: 12px;
        text-align: left;
    }

    .m_modal .modalHead .ttl {
        font-size: 1.6rem;
    }

    .m_modal .modalHead .sub {
        font-size: 1.2rem;
    }

    .m_modal .m_msgBox > .boxInner {
        height: 468px;
    }

    .m_modal .msgBox_file > .boxInner {
        height: 603px;
    }

    .m_modal .footBtn {
        margin-top: 30px;
    }

    .m_modal .footBtn > ul {
        margin-bottom: 0;
    }

    .m_modal .footBtn > ul li:nth-child(n + 2) {
        margin-top: 10px;
    }

    .m_modal.s_client .m_reqTable .mainTable > thead > tr > th.answer {
        width: 95px;
    }

    .m_modal.s_client .m_reqTable .mainTable > thead > tr > th.delete {
        width: 40px;
    }

    .m_modal.s_message p {
        margin-bottom: 18px;
    }

    .m_modal.s_message .m_textArea {
        margin-bottom: 16px;
        height: 176px;
    }

    .m_modal.s_message .m_btn {
        display: inline-block;
    }

    .m_modal.s_message .m_btn button {
        display: inline-block;
        width: 112px;
        height: 44px;
        font-size: 1.6rem;
        padding: 0;
    }

    .m_modal.s_table .cost-modal-dialog {
        max-width: 100%;
    }
}

.m_halfModal {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.m_halfModal.is_active {
    pointer-events: all;
}

.m_halfModal.is_active .modalInner {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.m_halfModal.is_active .modalFooter {
    opacity: 1;
}

.m_halfModal .modalInner {
    background: #FFF;
    -webkit-box-shadow: 0px 0px 20px rgba(103, 78, 48, 0.2);
    box-shadow: 0px 0px 20px rgba(103, 78, 48, 0.2);
    margin: 0 auto;
    overflow: auto;
    border-radius: 24px 24px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.m_halfModal .modalInner > *:last-child {
    margin-bottom: 0 !important;
}

.m_halfModal .modalInner .m_uploadBox,
.m_halfModal .modalInner #modal_window_request {
    margin-top: 24px;
}

.m_halfModal .modalFooter {
    position: fixed;
    z-index: 11;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #A0907E;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
}

.m_halfModal .modalHead {
    margin-bottom: 24px;
}

.m_halfModal .modalHead .ttl {
    color: #674E30;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 0;
}

@media print, screen and (min-width: 769px) {
    .m_halfModal#halfModal01 .modalInner,
    .m_halfModal#project_detail_add_display .modalInner,
    .m_halfModal#project_detail_edit_display .modalInner {
        height: 786px;
    }

    .m_halfModal#halfModal02 .modalInner {
        height: 786px;
    }

    .m_halfModal#halfModal03 .modalInner {
        height: 786px;
    }

    .m_halfModal#halfModal04 .modalInner {
        height: 786px;
    }

    .m_halfModal .modalInner {
        max-width: 1366px;
        padding: 24px 40px 150px;
        max-height: calc(100vh - 100px);
    }

    .m_projectDetailInner {
        height: 790px !important;
        padding: 24px 40px 54px !important;
    }

    .m_halfModal .modalInner::-webkit-scrollbar {
        display: none;
    }

    .m_halfModal .modalInner .reset_area {
        display: block;
    }

    .m_halfModal .modalInner .reset_area .reset_btn {
        margin-left: auto;
    }

    .m_halfModal .modalInner .modalHead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .m_halfModal .modalInner .modalHead .m_btn {
        margin-left: auto;
    }

    .m_halfModal .modalInner .m_select {
        width: 350px;
    }

    .m_halfModal .modalInner .m_uploadBox {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 32px;
    }

    .m_halfModal .modalInner .m_uploadBox > .boxInner button {
        padding: 20px 30px;
    }

    .m_projectdetail_file_upload_btn > .boxInner button {
        padding: 10px 30px !important;
    }

    .m_halfModal .modalFooter {
        height: 90px;
    }

    .m_halfModal .modalFooter > *:not(:last-child) {
        margin-right: 8px;
    }

    .m_halfModal .modalFooter .js_close {
        margin-right: 24px;
    }
}

@media screen and (max-width: 768px) {
    .m_halfModal {
        height: calc(100vh - 72px);
        height: calc(100dvh - 72px);
    }

    .m_halfModal .modalInner {
        padding: 24px 20px 150px;
        height: 100%;
    }

    .m_halfModal .modalInner .modalHead {
        text-align: center;
    }

    .m_halfModal .modalInner .modalHead .ttl {
        margin-bottom: 24px;
        text-align: left;
    }

    .m_halfModal .modalInner .m_uploadBox {
        margin-bottom: 32px;
    }

    .m_halfModal .modalInner .m_uploadBox > .boxInner button {
        text-align: center;
    }

    .m_halfModal .modalFooter {
        height: 84px;
        padding: 0 20px;
    }

    .m_halfModal .modalFooter .m_btn {
        width: calc((100% - 24px) / 3);
    }

    .m_halfModal .modalFooter .m_btn + .m_btn {
        margin-left: 12px;
    }

    .m_halfModal .modalFooter .m_btn > .txt {
        width: 100%;
        height: 58px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        border-radius: 6px;
        line-height: 1.4;
    }
}

.modalOpend {
    pointer-events: none;
}

.modalOpend .m_tab .tabMenu,
.modalOpend .m_halfModal.is_active {
    pointer-events: all;
}

span.answer_attachment_file_download_link,
span.attachment_file_download_link,
span.attachment_pdf_preview_link,
span.attachment_file_pdf_link,
span.attachment_file_deleted,
span.attachment_pdf_preview_link,
span.attachment_file_pdf,
span.answer_attachment_file_pdf,
span.message_attachment_file_pdf,
a.detail_attachment_file_pdf,
.sort_link,
.ttlInner.maker_name,
.cursor_pointer,
.logo,
.m_list .ttlInner.notice,
#noticeModal01 .attachmentfile_dowload,
.my_maker_info > .btn_area > label,
#noticeModal01 .open_pdf_preview,
.attachment_file_download_link_info,
.attachment_file_download_link_detail,
.parent_project_attachment_file_download_link,
.parent_project_detail_attachmentfile_download,
.open_pdf_preview_info,
.open_pdf_preview_detail,
.open_pdf_preview_project_info,
.open_pdf_preview_project_detail,
.open_pdf_preview_parent_project_info,
.open_pdf_preview_parent_project_detail,
.answer_header_attachment_file_download {
    cursor: pointer;
}

.font_red,
.m_color.s_caution.font_red {
    color: #DD6262 !important;
}

.m_formBtnCol > .m_billing_cancel_form {
    max-width: 50%;
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
    margin-bottom: 20px;
}

.hyphen_font {
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
}

.col ul.group_attribute {
    display: flex;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.col ul.group_attribute li {
    width: 33.3%;
}

.col ul.group_attribute li:nth-child(n + 4) {
    margin-top: 16px;
}

.col ul.group_regional_area {
    display: flex;
    flex-wrap: wrap;
}

.col ul.group_regional_area .group_regional {
    width: 17%;
}

.col ul.group_regional_area .group_prefecture {
    width: calc(80% / 6);
}

.col ul.group_regional_area .group_prefecture:nth-child(8) {
    margin-left: 17%;
}

.col ul.group_regional_area .group_prefecture:nth-child(n + 8) {
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .col ul.group_regional_area .group_regional {
        width: 100%;
    }

    .col ul.group_regional_area .group_prefecture {
        width: 130px;
        margin-top: 10px;
    }

    .col ul.group_regional_area .group_prefecture:nth-child(8) {
        margin-left: 0%;
    }
}

/*----------------------------------------------------------------------------------------------------
    ConfirmDialog
    
----------------------------------------------------------------------------------------------------*/
.wkDialogClass {
    z-index: 99999 !important;
    background-color: #FFFFFF;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    pointer-events: all;
}

.wkDialogClass .ui-dialog-content {
    text-align: center;
}

.wkDialogClass .ui-dialog-buttonpane {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    /*height: 60px;*/
}

.wkDialogClass .ui-dialog-buttonset {
    width: 90%;
    /*display: flex;*/
    /*display: -webkit-flex;*/
    display: block;
    text-align: center;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    /*height: 35px;*/
    margin: 0 auto;
}

.overlay {
    width: 100%; /* 黒背景も画面いっぱいに */
    height: 100vh; /* 黒背景も画面いっぱいに */
    background-color: rgba(0, 0, 0, 0.5);
}

.wkBtnOk {
    background-color: #33BCCC;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    min-width: 120px;
    padding: 4px 17px;
    margin: 0 1rem;
    border: 2px solid #33BCCC;
    color: #FFF;
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.wkBtnNg {
    background-color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    min-width: 120px;
    padding: 4px 17px;
    margin: 0 1rem;
    border: 2px solid #674E30;
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.wkBtnCancel {
    background-color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    min-width: 150px;
    font-size: 1.6rem;
    padding: 4px 17px;
    margin: 0 1rem;
    border: 2px solid #674E30;
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.wkDialogMessage {
    min-height: auto !important;
    margin: 1rem 0 !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 1rem 1.5rem !important;
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.ui-draggable .ui-dialog-titlebar {
    display: none;
}

#dl p {
    margin: 1.5rem 0;
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.ui-dialog .ui-dialog-buttonpane {
    border-width: 0px !important;
    padding: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
}

.ui-widget-overlay {
    z-index: 99998 !important;
    background: #000 !important;
    pointer-events: all;
}

.ui-widget.ui-widget-content {
    border-radius: 20px;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #AAAAAA;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
/* ConfirmDialog >>> */

/* ※※ module
--------------------------------------------------------------------------------------------------- */
/*====================================================================================================

    unique

====================================================================================================*/
/* ※※
--------------------------------------------------------------------------------------------------- */
/*# sourceMappingURL=../../Templates/dev/sourcemap/common/styles.css.map */
.billin_release_login .boxHead {
    font-size: 1.7rem;
}

.receive_invitation .m_userCard > label,
.affiliation_request .m_userCard > label {
    z-index: 0;
}

.receive_invitation .m_userCard .open_group_detail_parts,
.not_affiliated .open_group_detail_parts,
.affiliation_request .open_group_detail_parts {
    text-decoration: underline;
    cursor: pointer;
}

.receive_invitation .m_userCard .open_group_detail_parts:hover,
.not_affiliated .open_group_detail_parts:hover,
.affiliation_request .open_group_detail_parts:hover {
    color: #E26019;
}

.group_member_maker td a {
    cursor: pointer;
}

.group_member_cards a,
.m_userCard .maker_name a {
    cursor: pointer;
    color: #25180A;
    text-decoration: underline;
}

.group_member_cards a:hover,
.m_userCard .maker_name a:hover {
    color: #E26019;
    text-decoration: none;
}

.group_member_cards .cardInner .txtWrap .name .nameInner .sub {
    cursor: pointer;
}

.group_member_cards .cardInner .representative_user_name {
    font-size: 1.2rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.m_userCard.group_member_cards > label {
    z-index: 0;
}

.receive_invitation .m_userCard > label {
    z-index: 0;
}

.receive_invitation .m_userCard .open_group_detail_parts {
    text-decoration: underline;
    cursor: pointer;
}

.receive_invitation .m_userCard .open_group_detail_parts:hover {
    color: #E26019;
}

.group_member_sort,
.maker_user_sort {
    margin-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: end;
}

.group_member_sort span,
.maker_user_sort span {
    padding: 1px 15px;
    font-weight: bold;
    cursor: pointer;
    padding-right: 20px;
    position: relative;
    color: #25180A;
    text-decoration: none;
}

.group_member_sort span:hover,
.maker_user_sort span:hover {
    color: #FA742A;
}

.group_member_sort span:nth-child(1),
.maker_user_sort span:nth-child(1) {
    border-left: solid 2px #aaa;
}

.group_member_sort span,
.maker_user_sort span {
    border-right: solid 2px #aaa;
}

.group_member_sort span.sort,
.maker_user_sort span.sort {
    color: #FA742A;
}

.group_member_sort span:after,
.maker_user_sort span:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 7px;
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 8px;
    height: 13px;
    background-position: -208px -51px;
    background-size: 220px 197px;
}

.group_member_sort span.sort.up:after,
.maker_user_sort span.sort.up:after {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 8px;
    height: 13px;
    background-position: -208px -69px;
    background-size: 220px 197px;
}

.group_member_sort span.sort.down:after,
.maker_user_sort span.sort.down:after {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 8px;
    height: 13px;
    background-position: -208px -69px;
    background-size: 220px 197px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.group_member.m_flex.s_3col,
.search_group.m_flex.s_3col {
    width: 100%;
}

.group_member.m_flex.s_3col > *,
.search_group.m_flex.s_3col > * {
    width: 100%;
}

.group_member .m_userCard .cardInner .txtWrap .name,
.search_group .m_userCard .cardInner .txtWrap .name {
    display: block;
}

.group_member .bold,
.search_group .bold {
    font-weight: bold;
}

.group_member .maker_name,
.search_group .maker_name {
    font-size: 2rem;
}

@media screen and (max-width: 768px) {
    .group_member .maker_name {
        font-size: 1.8rem;
    }
}

.group_member .group_name,
.search_group .group_name {
    font-size: 2rem;
}

.group_member .kana {
    font-size: 1.2rem;
}

.group_member .maker_info_tittle,
.search_group .maker_info_tittle {
    background-color: #EEE;
    text-align: center;
    font-size: 1.2rem;
    padding: 1px 5px;
    width: 40px;
}

.txtWrap.overflow_ellipsis,
.group_member .name .overflow_ellipsis,
.search_group .name .overflow_ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.group_member .name .representative_maker_icon {
    margin-left: 8px;
}

.group_member .maker_info,
.search_group .maker_info {
    display: flex;
    flex: 1;
    padding: 5px 0;
}

.group_member .maker_info span:nth-child(2),
.search_group .maker_info span:nth-child(2) {
    padding-left: 10px;
}

.group_member .hope_withdrawal,
.withdraw_group .hope_withdrawal {
    background-color: #DD6262;
    color: #FFF;
    font-size: 1.2rem;
    padding: 2px 10px;
}

.group_member .group_member_rating,
.search_group .search_group_rating {
    display: flex;
    align-items: baseline;
}

.group_member .group_member_rating .rating,
.search_group .search_group_rating .rating {
    margin-left: 15px;
    margin-bottom: 15px;
}

.group_member .txtWrap,
.search_group .txtWrap {
    margin-left: 15px;
}

@media screen and (max-width: 768px) {
    .group_member .group_member_rating {
        display: block;
    }

    .group_member .txtWrap {
        margin-left: 0px;
    }
}

.m_userCard .cardInner .txtWrap > .evaluation_p {
    margin-bottom: 1.5em !important;
}

.group_member.m_flex.s_3col > *:not(:nth-child(3n + 1)),
.search_group.m_flex.s_3col > *:not(:nth-child(3n + 1)) {
    margin-left: 0;
}

.group_member.m_flex.s_3col > *:not(:nth-child(1)),
.search_group.m_flex.s_3col > *:not(:nth-child(1)) {
    margin-top: 10px;
}

.group_member .connect_maker::after,
.group_invitation.connect_maker::after {
    margin-left: 8px;
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 30px;
    height: 18px;
    background-position: -141px -83px;
    background-size: 220px 197px;
    content: "";
}

.search_maker.connect_maker::after {
    margin-left: 4px;
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: sub;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 30px;
    height: 18px;
    background-position: -141px -83px;
    background-size: 220px 197px;
    content: "";
    transform: scale(0.7);
}

.group_member .m_userCard > label,
.search_group .m_userCard > label {
    z-index: 0;
}

.group_member .maker_name a,
.group_member .kana a,
.search_group .maker_name a,
.group_member .group_name a,
.search_group .group_name a,
.m_groupCard .group_name a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

.group_member .maker_name a:hover,
.group_member .kana a:hover,
.search_group .maker_name a:hover,
.group_member .group_name a:hover,
.search_group .group_name a:hover,
.m_groupCard .group_name a:hover {
    color: #E26019;
    text-decoration: underline;
}

.group_member li label,
.search_group li label {
    cursor: pointer;
}

.group_member li label.groupRepresentative {
    cursor: default;
}

.group_member_card_area {
    width: 100%;
}

.group_member_sort,
.maker_user_sort {
    margin-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: end;
}

.group_member_sort span,
.maker_user_sort span {
    padding: 1px 15px;
    font-weight: bold;
    cursor: pointer;
    padding-right: 20px;
    position: relative;
    color: #25180A;
    text-decoration: none;
}

.group_member_sort span:hover,
.maker_user_sort span:hover {
    color: #FA742A;
}

.group_member_sort span:nth-child(1),
.maker_user_sort span:nth-child(1) {
    border-left: solid 2px #AAA;
}

.group_member_sort span,
.maker_user_sort span {
    border-right: solid 2px #AAA;
}

.group_member_sort span.sort,
.maker_user_sort span.sort {
    color: #FA742A;
}

.group_member_sort span:after,
.maker_user_sort span:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 7px;
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 8px;
    height: 13px;
    background-position: -208px -51px;
    background-size: 220px 197px;
}

.group_member_sort span.sort.up:after,
.maker_user_sort span.sort.up:after {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 8px;
    height: 13px;
    background-position: -208px -69px;
    background-size: 220px 197px;
}

.group_member_sort span.sort.down:after,
.maker_user_sort span.sort.down:after {
    overflow: hidden;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 8px;
    height: 13px;
    background-position: -208px -69px;
    background-size: 220px 197px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.group_member_invitation .expiration,
.m_userCard .expiration {
    background-color: #DD6262;
    color: #FFF;
    font-size: 1.3rem;
    padding: 2px 10px;
}

.m_userCard .not_expiration {
    color: #FFF;
    font-size: 1.3rem;
    padding: 2px 10px;
}

.group_member_invitation .cardInner {
    min-height: 140px;
}

.group_dedicated_feature_li {
    line-height: 40px;
}

.group_dedicated_feature_li input[type="text"] {
    width: 66%;
}

.group_dedicated_feature_li input[type="button"] {
    margin-left: 5px;
    background-color: #33BCCC;
    border: 2px solid #33BCCC;
    padding: 2px 10px;
    border-radius: 5px;
    color: #FFF;
}

.group_dedicated_feature_li img,
.group_dedicated_feature_span label {
    cursor: pointer;
}

.group_dedicated_feature_li .no_disp {
    display: none;
}

.group_dedicated_feature_tab {
    margin-top: 50px;
    margin-bottom: 50px;
}

.g_pagehead {
    border-top: 2px solid #c9a173;
    padding-bottom: 10px;
    margin-bottom: 35px;
    margin-top: 35px;
    font-size: 1.5em;
    color: #674E30;
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.header_group_icon {
    cursor: pointer;
}

.group_dedicated_feature_delete_icon {
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 18px;
    height: 18px;
    background-position: -185px -23px;
    background-size: 220px 197px;
}

.group_member_cards .txtWrap .main.link::after {
    margin-left: 8px;
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 30px;
    height: 23px;
    background-position: -141px -85px;
    background-size: 220px 203px;
    content: "";
}

.affiliation_groupmember .main {
    cursor: pointer;
}

.affiliation_groupmember .main a {
    color: black;
    text-decoration: underline;
}

.affiliation_groupmember .main a:hover {
    color: #FA742A;
}

.affiliation_groupmember .name .main.link:after {
    margin-left: 8px;
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    background-image: url(images/common/mod_img_sprite.png);
    width: 30px;
    height: 18px;
    background-position: -141px -83px;
    background-size: 220px 197px;
    content: "";
}

.m_profBox .nameCol .txtWrap .list.group_detail_area {
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap !important;
    line-height: 1.5;
}

.m_profBox .nameCol .txtWrap .list.group_detail_area > dt {
    min-width: 10%;
}

.m_profBox .nameCol .txtWrap .list.group_detail_area > dd {
    word-break: keep-all;
}

#gheader .menuWrap .linkList > li.parent.header_group_icon > a:after {
    background-image: none;
}

#gheader .menuWrap .linkList > li.parent.manual > a:after {
    background-image: none;
}

#gheader .menuWrap .linkList > li.parent.manual > a:after {
    background-image: none;
}

.m_checkList.no_border {
    border-bottom: none !important;
}

.not_affiliated label {
    z-index: 0;
}

#tabSettingArea dt {
    margin-left: 25%;
}

#tabSettingArea dd {
    width: 50%;
}

@media screen and (max-width: 768px) {
    #tabSettingArea dt {
        margin-left: 0;
    }
}

.v-hidden {
    visibility: hidden;
    height: 0;
}

.answerBtnList {
    display: flex;
    justify-content: flex-end;
}

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

.group_attribute_detail {
    display: inline-block;
    width: 24%;
    justify-content: center;
    align-content: center;
    padding: 4px 20px;
    border-radius: 18px;
    color: #FFF;
    margin-bottom: 10px;
    margin-right: 5px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .group_attribute_detail {
        width: 40%;
        padding: 2% 3%;
    }
}

.group_attribute_detail.owned_attribute {
    background: #FA742A;
    border: 2px solid #FA742A;
}

.group_attribute_detail.not_owned_attribute {
    background: #999;
    border: 2px solid #999;
}

.search_group .name .nameInner .maker_name {
    display: flex;
}

.search_group .name .nameInner .maker_name label {
    width: 100%;
}

.grouptag {
    display: inline-block;
    color: #674E30;
    background: #DCEDF4;
    border: 1px solid #77B7D4;
    font-size: 1.2rem;
    padding: 1px 6px;
    border-radius: 2px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.groupNameCheckBox,
.unreadCheckBox,
.AnswerSwitchCheckBox {
    margin: 0 0 0 auto;
}

.groupNameCheckBox li,
.unreadCheckBox li,
.AnswerSwitchCheckBox li {
    display: inline-flex;
    margin: 0;
}

.groupNameCheckBox input[type="checkbox"],
.unreadCheckBox input[type="checkbox"],
.AnswerSwitchCheckBox input[type="checkbox"] {
    display: none;
}

.groupNameCheckBox label,
.unreadCheckBox label,
.AnswerSwitchCheckBox label,
.region_btn {
    cursor: pointer;
    background: #FFF;
    border: 2px solid #77B7D4;
    color: #674E30;
    font-size: 1.5rem;
    border-radius: 28px;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0.8rem 2rem;
    margin: 5px 0 0 10px;
}

.AnswerSwitchCheckBox label {
    margin: 0;
}

.groupNameCheckBox label.chk_on,
.unreadCheckBox label.chk_on,
.AnswerSwitchCheckBox label.chk_on {
    background: #B6DAE8;
}

@media screen and (max-width: 768px) {
    .groupNameCheckBox {
        margin: 0 0 2rem auto;
    }

    .AnswerSwitchCheckBox {
        margin: 0 0 2rem auto;
    }

    .unreadCheckBox {
        margin: 0 0 0 auto;
    }
}

.g_tag {
    display: inline-block;
    color: #674E30;
    background: #DCEDF4;
    border: 1px solid #77B7D4;
    font-size: 1.2rem;
    padding: 0px 5px;
    margin: 0 0 0 10px;
}

.m_modal.s_table .modal-dialog.modal-xl {
    max-width: 1480px;
}

.m_AnserHederBorderHead {
    margin-bottom: 8px !important;
    margin-top: 25px !important;
}

.m_reqTable .subAnserHederTable > tbody > tr > td {
    background: #FFFCF8 !important;
}

.answerBackColor {
    background-color: #DCEDF4 !important;
}

.rateplan_group_summary {
    margin-left: 0px;
}

.area_name {
    min-width: 80px;
    display: block;
}

.corresponding_area {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.release_status {
    margin-top: 24px;
}

.maker_info .maker_info_tittle {
    min-width: 40px;
}

.check_box {
    width: 50px;
}

.answer_unit_price,
.answer_amount {
    width: 150px;
}

.copybtn {
    margin: 0 0 0 2rem;
    height: 40px;
    cursor: pointer;
}

.no_cursor {
    cursor: auto;
}

.name_ttl {
    max-width: 100%;
    white-space: normal;
}

.list_ttl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cat .draft_icon {
    margin-top: -16px;
}

.quote_request_new .draft_icon {
    margin-top: -3px;
}

.no_status_cat {
    text-align: center;
    margin-left: 0 !important;
}

.format_setting_label {
    margin-top: 0px !important;
}

@media screen and (max-width: 768px) {
    .cat .draft_icon {
        margin-top: -13px;
        width: 19px;
    }
}

div.title {
    color: #674E30;
    font-weight: bold;
}

div.block_indent {
    padding-left: 24px;
}

div .block_indent .induction_add_user {
    color: #25180A;
    text-decoration: underline;
}

div .block_indent .induction_add_user:hover {
    color: #FA742A;
    text-decoration: none;
}

.send_date {
    text-align: center;
}

.send_date p {
    display: inline-block;
    padding: 3px 20px;
    border-radius: 16px;
    background-color: #E0E0E0;
    margin: 10px 0;
    font-size: 1.4rem;
}

.unread_element {
    text-align: center;
    display: flex;
    position: relative;
}

.unread_element:before {
    position: absolute;
    content: "";
    background-color: #E0E0E0;
    height: 4px;
    width: 100%;
    top: 13px;
    z-index: 1;
    border-radius: 32px;
}

.unread_element p {
    display: inline;
    padding: 3px 20px;
    border-radius: 16px;
    background-color: #E0E0E0;
    margin: 0 auto;
    z-index: 2;
    font-size: 1.4rem;
}

.list_yajirushi {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

.m_pager + .m_btnList {
    margin-top: 20px;
    margin-bottom: 0;
}

a.link_text {
    color: #674E30;
    text-decoration: underline;
}

a.link_text:hover {
    color: #FA742A;
    text-decoration: none;
}

.m_input.s_700w {
    width: 780px;
}

.back_cur {
    cursor: pointer;
}

.box {
    max-width: 1080px;
    margin: auto;
    margin-top: 50px;
}

.messagelist_li a {
    cursor: pointer;
    color: #674E30;
    text-decoration: underline;
}

.messagelist_li a:hover {
    color: #FA742A;
    text-decoration: none;
}

.messagelist_li .first_div {
    padding-left: 30px;
}

.messagelist_li .second_div {
    min-width: 183px;
    padding-left: 10px;
}

.messagelist_li .top_div {
    padding-top: 20px;
    position: relative;
}

.messagelist_li .bottom_div {
    padding-bottom: 20px;
}

.messagelist_li .top_div.unread:before {
    content: "";
    background: #DD6262;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 28px;
}

.messagelist_li .top_div.own_company_unread:before {
    content: "";
    background: #33BCCC;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 28px;
}

#message_list {
    margin-top: 40px;
}

.message_list .m_reqBox {
    max-width: 1080px;
    margin: 0 auto;
}

.message_list .m_reqBox .searchCol .detail {
    display: none;
}

.messagelist_li .first_div.message {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
    .message_list .unreadCheckBox {
        margin: 0;
    }

    .message_list .unreadCheckBox label {
        margin: 0;
    }

    .message_list .m_reqBox .searchCol .detail {
        width: auto;
        display: block;
        margin: 0;
    }

    .messagelist_li .first_div {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 30px;
        width: 98%;
    }

    .messagelist_li .second_div {
        flex-direction: column;
        max-width: 160px;
        width: 98%;
        padding-left: 30px;
    }
}

@media screen and (min-width: 769px) {
    .messagelist_li .top_div {
        display: flex;
    }

    .messagelist_li .bottom_div {
        display: flex;
    }

    .messagelist_li .first_div {
        padding-left: 30px;
        width: 100%;
    }
}

#fileTab .i_trash {
    top: 0;
    left: 0;
}

@media screen and (max-width: 768px) {
    #ApplyPeriod {
        width: 65%;
    }

    #EditApplyperiod {
        margin-top: 0em;
    }
}

.middle_slash {
    line-height: 42px;
    padding: 0 5px;
}
@media screen and (min-width: 769px) {
    .m_searchList .item .col.industry_pulldown {
        display: flex;
    }
}

@media screen and (max-width: 768px) {
    .m_searchList .item .col.industry_pulldown .middle_slash {
        padding: 0 1px;
        line-height: 1.1;
    }

    .m_searchList .item .col.industry_pulldown .m_select {
        margin-bottom: 3px;
    }
}

#resultMaker .add_message_btn_td {
    text-align: center;
}

.format {
    display: inline-block;
    width: 110px;
}

.format.kbnlist {
    width: 80px !important;
}

.format.add {
    width: 113px !important;
}

.Line .close {
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 18px;
    height: 18px;
    background-position: -185px -23px;
    background-size: 220px 197px;
    margin-left: 10px;
}

.Line .close .s_disabled {
    color: #999999 !important;
    background: #E6E6E6 !important;
    border-color: #E6E6E6 !important;
}

.my_maker_info .btn_area label:nth-child(4) {
    margin-left: 10px;
}

@media screen and (min-width: 769px) {
    .display_setting_btn,
    .output_project_infos_csv_btn,
    .introduction_csv_btn {
        transform: translateY(-100%);
        display: flex;
        justify-content: flex-end;
    }

    #ResultInquiry .display_setting_btn,
    #ResultIntroduction .display_setting_btn {
        margin-left: 16px;
    }

    #ResultInquiry .output_project_infos_csv_btn,
    #ResultIntroduction .introduction_csv_btn {
        margin: 0 0 0 auto;
    }

    div:has(> .output_project_infos_csv_btn),
    div:has(> .introduction_csv_btn) {
        display: flex;
    }
}

@media screen and (max-width: 768px) {
    .display_setting_btn,
    .output_project_infos_csv_btn,
    .introduction_csv_btn {
        transform: translateY(-50%);
        display: flex;
        justify-content: flex-end;
    }

    #ResultInquiry .display_setting_btn,
    #ResultIntroduction .display_setting_btn {
        margin-left: 16px;
    }

    #ResultInquiry .output_project_infos_csv_btn,
    #ResultIntroduction .introduction_csv_btn {
        margin: 0 0 0 auto;
    }

    div:has(> .output_project_infos_csv_btn),
    div:has(> .introduction_csv_btn) {
        display: flex;
    }
}

.csv_output_button {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

@media screen and (min-width: 769px) {
    .display_setting_settinglist {
        display: flex;
        justify-content: space-evenly;
        margin-top: 15px;
        align-items: baseline;
    }
}

@media screen and (max-width: 768px) {
    .display_setting_settinglist {
        display: inline-block;
        justify-content: space-evenly;
        margin-top: 15px;
        margin-left: 10px;
        align-items: baseline;
    }

    .display_setting_settinglist .m_select.s_short {
        margin-left: 10px;
    }

    .display_setting_settinglist .m_radioList > li {
        display: inline-block;
        margin-left: 20px;
    }
}

.display_setting_settingbtn {
    display: flex;
    justify-content: center;
    margin-top: 56px;
}

.input_coordination_code .annotation {
    font-size: 1.1rem;
    color: #674E30;
    margin-top: 6px;
}

.m_input.s_half {
    width: 50%;
}

.input_coordination_code .col dt:nth-child(1) {
    margin-top: 0;
}

.input_coordination_code .col dt {
    margin: 10px 0;
}

.input_coordination_code .col dd {
    margin: 10px 0 0 40px;
}

.input_coordination_code span.warning {
    display: block;
}

.input_coordination_code .maker_name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.invitation_btn_area button {
    margin: 0 auto;
}

.m_reqTable.invitation_table .mainTable {
    min-width: 722px;
}

.m_reqTable.s_invitation.invitation_table
    .mainTable
    > thead
    > tr
    > th.companyName {
    width: 20%;
}

.m_reqTable.s_invitation.invitation_table .mainTable > thead > tr > th.name {
    width: 20%;
}

.m_reqTable.s_invitation.invitation_table .mainTable > thead > tr > th.mail {
    width: 60%;
}

.invitation_mail_preview,
.mail_preview {
    margin-top: 35px;
}

.invitation_mail_preview dl dd dl dt:nth-of-type(2),
.mail_preview dl dd dl dt:nth-of-type(2) {
    margin-top: 40px;
}

.invitation_mail_preview dl dd dl dd,
.mail_preview dl dd dl dd {
    margin-left: 20px;
    word-break: break-all;
}

.invitation_btn_area button {
    margin: 0 auto;
}

.m_reqTable.invitation_table .mainTable {
    min-width: 722px;
}

.m_reqTable.s_invitation.invitation_table
    .mainTable
    > thead
    > tr
    > th.companyName {
    width: 20%;
}

.m_reqTable.s_invitation.invitation_table .mainTable > thead > tr > th.name {
    width: 20%;
}

.m_reqTable.s_invitation.invitation_table .mainTable > thead > tr > th.mail {
    width: 60%;
}

.invitation_mail_preview,
.mail_preview {
    margin-top: 35px;
}

.invitation_mail_preview dl dd dl dt:nth-of-type(2),
.mail_preview dl dd dl dt:nth-of-type(2) {
    margin-top: 40px;
}

.invitation_mail_preview dl dd dl dd,
.mail_preview dl dd dl dd {
    margin-left: 20px;
    word-break: break-all;
}

.invitation_btn_area button {
    margin: 0 auto;
}

.order_add_confirm_detail_div {
    margin-top: 20px;
}

.order_add_confirm_detail_div
    .m_reqTable
    .mainTable
    > tbody
    > tr
    > td.answerCol
    .colInner {
    padding: 14px 24px;
    display: block;
}

.order_add_confirm_detail_div
    .m_reqTable
    .mainTable
    > tbody
    > tr
    > td.answerCol
    .colInner
    table {
    width: 100%;
}

.order_add_confirm_detail_div
    .m_reqTable
    .mainTable
    > tbody
    > tr
    > td.answerCol
    .colInner
    table
    tr
    td:nth-child(1) {
    width: 40%;
}

.order_add_confirm_detail_div
    .m_reqTable
    .mainTable
    > tbody
    > tr
    > td.answerCol
    .colInner
    table
    tr
    td
    div {
    text-align: center;
}

.public_offer_detail .grouptag {
    display: initial;
}

.pointer_events_none,
.modalOpend .m_halfModal.is_active.pointer_events_none,
.modalOpend .m_tab .tabMenu.pointer_events_none {
    pointer-events: none;
}

.m_flex.s_4col {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
}

.m_flex.s_4col > *:nth-child(n + 5) {
    margin-top: 30px;
}

.s_4col li div.cardInner {
    height: 100px;
    text-align: center;
    display: block;
    font-weight: bold;
}

.projects_guidance .tittle {
    font-weight: bold;
}

@media screen and (min-width: 769px) {
    .m_flex.s_4col > * {
        width: calc((100% - 60px) / 4);
    }

    .s_4col li div.cardInner img {
        display: block;
        margin: 0 auto;
    }

    .m_flex.s_4col > *:not(:nth-child(4n + 1)) {
        margin-left: 20px;
    }

    .projects_guidance .m_userCard .cardInner {
        padding: 20px 18px 30px 18px;
    }
}

@media screen and (max-width: 768px) {
    .m_flex.s_4col > * {
        width: 100%;
    }

    .projects_guidance .m_userCard .cardInner {
        padding: 24px;
    }
}

#ServiceModal01 .m_formBtnCol.s_vertical {
    width: 100%;
}

@media print, screen and (min-width: 769px) {
    .maker_m_tab {
        padding-top: 115px;
    }
}

@media screen and (max-width: 768px) {
    .maker_m_tab {
        padding-top: 92px;
    }
}

.m_secBox.maker_strongth:not(:first-child) {
    margin-top: 35px;
}

.maker_m_tab + .m_secBox:not(:first-child) {
    margin-top: 72px;
}

.tourReadonly {
    pointer-events: none;
}

.tourDisplay {
    opacity: 1 !important;
    position: static;
}

/* rateplans
--------------------------------------------------------------------------------------------------- */
.rateplan_title {
    margin: 0 1rem;
}

.rateplan_name {
    margin-bottom: 35px !important;
}

#ratepan_list {
    display: flex;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

#rateplans_basic li {
    font-size: 1.6rem;
    line-height: 1.5;
}

#rateplans_basic li.rateplan_plan {
    width: 25.33%;
    margin: 0 1.5%;
    padding: 3%;
    display: inline-block;
    background-color: #FFF;
    border-radius: 20px;
}

#rateplans_basic li.rateplan_plan:first-child {
    margin: 0 1.5% 0 0;
}

#rateplans_basic li.rateplan_plan:last-child {
    margin: 0 0 0 1.5%;
}

.rateplan_plan h2,
#rateplans_option h2 {
    font-size: 22px;
    text-align: center;
    color: #674E30;
}

.rateplan_plan li {
    list-style: disc;
    margin: 0 0 2rem 1rem;
}

#rateplans_option {
    margin: 2rem 0 0;
    background-color: #FFF;
    padding: 2rem;
    border-radius: 20px;
}

#rateplans_option li {
    list-style: disc;
    margin: 0 0 2rem 2rem;
}

#rateplans_option li span.remarks {
    padding-left: 1em;
    text-indent: -1em;
    display: block;
}

#rateplans_list_area {
    margin: 2rem 0 0;
    width: 800px;
    background-color: #FFF;
    border-radius: 20px;
}

#rateplans_list_area {
    width: 800px;
}

#rateplans_area .rl_mode,
#introduction_area .rl_mode {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: inline-block;
    text-align: center;
}

#rateplans_table {
    display: inline-block;
    width: 100%;
}

#rateplans_table table {
    width: 760px;
}

#rateplans_table th.head:first-child {
    width: 20%;
}

#rateplans_table th.head:first-child {
    border-right: none;
}

#rateplans_table th.head {
    padding: 1rem;
    width: 26.66%;
    border-right: 1px #D9D2CB solid;
    border-bottom: 1px #D9D2CB solid;
    font-size: 2rem;
    color: #674E30;
}

#rateplans_table th.head:last-child {
    border-right: 0;
}

#rateplans_table th {
    font-weight: 100;
    padding: 1rem;
    border-bottom: 1px #D9D2CB solid;
}

#rateplans_table .sticky_table {
    margin: 0;
}

.sticky,
.sticky_from {
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    border-left: none;
    border-right: none;
    z-index: 2;
}

.sticky {
    z-index: 3;
}

.sticky_from {
    left: 49px;
}

.sticky::before,
.sticky_from::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: -1;
    border-right: 1px #D9D2CB solid;
}

.rateplans_inner {
    padding: 2rem;
}

#rateplans_table td {
    padding: 1rem;
    border-right: 1px #D9D2CB solid;
    border-bottom: 1px #D9D2CB solid;
}

#rateplans_table td:last-child {
    border-right: 0;
}

#rateplans_table .center {
    text-align: center;
    width: 100%;
    display: block;
}

#rateplans_table .m_btn.s_free > .txt {
    font-size: 1.5rem !important;
    min-width: auto;
    padding: 0.2rem 2rem;
}

#rateplans_table .m_btn {
    width: 100%;
}

#rateplans_table button {
    text-align: center;
    margin: 0.5rem auto 0;
}

#rateplans_table .month,
#rateplans_table .fee,
#rateplans_table .yen {
    display: inline-block;
}

#rateplans_table .month {
    margin: 0.7rem 0 0 1rem;
}

#rateplans_table .fee {
    margin: 0 1rem 0 0;
    font-size: 2.5rem;
    font-family: "Rubik", "Noto Sans JP", "Noto Sans CJK JP",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
        sans-serif;
    color: #674E30;
    font-weight: bold;
}

#rateplans_table .right {
    float: right;
}

.rateplans_inner p {
    text-align: right;
    font-size: 12px;
    color: #674E30;
}

.rateplans_inner .annotation p {
    margin: 0;
}

.rateplan_blank {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    display: block;
}

.rateplan_brank_cell {
    background: #EEE;
}

@media screen and (max-width: 768px) {
    .rateplan_title {
        margin: 0;
    }

    .rateplan_plan h2,
    #rateplans_option h2 {
        padding: 1.5rem 0 0;
    }

    #ratepan_list {
        display: block;
    }

    #rateplans_basic li.rateplan_plan {
        margin: 35px 0 0;
    }

    #rateplans_basic li.rateplan_plan:first-child {
        margin: 0;
    }

    #rateplans_basic li.rateplan_plan:last-child {
        margin: 35px 0 0;
    }

    #rateplans_basic li.rateplan_plan {
        display: block;
        width: 100%;
        padding: 0;
    }

    .rateplan_plan li {
        margin: 0 2rem 2rem 3rem;
    }

    .rateplan_plan li:last-child {
        padding: 0 0 2rem;
    }

    #rateplans_option {
        line-height: 1.5;
    }

    #rateplans_list_area {
        width: 100%;
    }

    #rateplans_table {
        max-width: 800px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    #rateplans_table .right:after {
        content: "";
        display: block;
        clear: both;
    }

    #rateplans_area {
        white-space: nowrap;
    }
}

#introduction_area #rateplans_table {
    display: flex;
    justify-content: center;
}

#introduction_area #rateplans_table table {
    width: 450px;
}

#introduction_area #rateplans_table td {
    border: 1px #D9D2CB solid;
    text-align: center;
}

#introduction_area #rateplans_table .month {
    margin: 0.7rem 0 0 0;
}

#introduction_area #rateplans_table .price {
    margin-left: 25px;
}

#introduction_area #rateplans_table .price2 {
    margin-left: 10px;
}

#rateplans_area #rateplans_table caption,
#introduction_area #rateplans_table caption {
    caption-side: bottom;
    text-align: left;
    margin-top: 10px;
}

#rateplans_area #rateplans_table caption,
#introduction_area #rateplans_table caption span {
    font-size: 12px;
    color: #674E30;
}

#introduction_area #rateplans_table caption span {
    display: block;
}

#introduction_area #rateplans_table .annotation {
    font-size: 21px;
    margin: 0;
    text-align: center;
    color: #674E30;
    font-weight: bold;
}

#introduction_area #btnArea {
    display: flex;
    justify-content: center;
}

.resultQuoteList .title {
    width: 450px;
}

#changeHistoryModal01 .change_time {
    width: 165px;
}

#changeHistoryModal01 .item_name {
    width: 145px;
}

#changeHistoryModal01 .yazirusi {
    width: 45px;
}

#changeHistoryModal01 tbody div {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tooltip {
    justify-content: center;
    position: absolute;
    max-width: 30%;
    width: auto;
    margin-top: 15px;
    padding: 0.3em 0.5em;
    border: 1px solid #47535c;
    border-radius: 5px;
    background-color: #FFF;
    color: #333333;
    z-index: 9999;
}

@media screen and (max-width: 768px) {
    #gheader .menuWrap .mailnList.linkList .linkList {
        margin-bottom: 0px;
    }

    #gheader .menuWrap .mailnList.linkList .linkList > li {
        border-bottom: none;
    }
}

.open_change_history_modal {
    padding: 0px 16px;
    border: 2px solid #674E30;
    border-radius: 15px;
    color: #674E30;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: #FFF;
}

.open_change_history_modal:hover {
    background-color: #ECE8E5;
    opacity: 0.7;
}

.inquiry_detail
    .m_reqTable
    .mainTable
    tr.answer_detail
    td.deadline
    button.open_change_history_modal {
    float: right;
}

.inquiry_detail
    .m_reqTable
    .mainTable
    tr.answer_detail
    td.inquiryDeadline
    button.open_change_history_modal {
    float: right;
}

.m_listTable .table tr td.change_histry_td {
    width: 80px;
    padding-right: 10px;
}

.m_listTable .table.maker_answer_table tr td.cost {
    width: 175px;
}

.m_listTable .table.maker_answer_table tr td.budget {
    width: 190px;
}

.m_listTable .table.maker_answer_table tr td.name {
    width: 170px;
}

#SelectTemplateForProjectInfoModalBody .col,
#CsvSelectionModalBody .col {
    text-align: center;
}

#SelectTemplateForProjectInfoModalBody .col > div,
#CsvSelectionModalBody .col > div {
    display: inline-block;
}

#SelectTemplateForProjectInfoModal .col .m_select,
#CsvSelectionModal.col .m_select {
    margin-left: 20px;
}

#SelectTemplateForProjectInfoModal .m_formBtnCol,
#CsvSelectionModal .m_formBtnCol {
    margin-top: 30px;
}

.img_width {
    flex-shrink: 0;
}

.text_break {
    word-break: break-all;
}

.m_reqTable .mainTable.resultQuoteList > thead > tr > th.budget {
    width: 215px;
}

.m_reqTable.s_public .mainTable > thead > tr > th.budget {
    width: 191px;
}

.catInner.introduction_bnr {
    color: #674E30;
    font-size: 1.2rem;
    background: #FFF6E2;
    display: inline-block;
    border: 1px solid #D9D2CB;
    border-radius: 2px;
    padding: 0px 5px;
    margin: 0 0 0 5px;
}

#NormalGroup .m_borderHead {
    margin-top: 0px;
}

.group_name_list:nth-child(2) {
    margin-top: 30px;
}

.group_name_list div {
    margin-left: 50px;
}

.group_name_list h2 {
    margin-bottom: 5px;
}

.terms_of_service .tabMenu a {
    cursor: default;
}

.acc02.m_lastChild .public,
.acc02.m_lastChild .private {
    display: flex;
}

.acc02.m_lastChild .public .contents,
.acc02.m_lastChild .private .contents {
    width: 100px;
}

.introduction_group_list_area .m_flex {
    margin-top: 10px;
}

#CsvSelectionModal ul.m_radioList {
    justify-content: center;
    margin-top: 30px;
}

#gheader .language {
    margin: auto 50px auto auto;
    display: flex;
    white-space: nowrap;
}

.language .japanese {
    color: #000000;
    text-decoration: none;
}

.language .english {
    color: #000000;
    text-decoration: none;
}

.language p {
    margin-bottom: 0px;
}

.japaneselabel {
    padding-right: 15px;
    margin-right: 15px;
    font-weight: bold;
    border-right: 1px solid #D9D2CB;
    color: #FA742A;
}

.englishlabel {
    padding-left: 15px;
    margin-left: 15px;
    font-weight: bold;
    border-left: 1px solid #D9D2CB;
    color: #FA742A;
}

.i_answer_icon.txt {
    font-size: 1.4rem;
}

.i_answer_icon:after {
    content: "";
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: 1px;
    line-height: 1;
    background-image: url("images/common/mod_img_sprite.png");
    width: 13px;
    height: 8px;
    background-position: -46px -181px;
    background-size: 220px 197px;
    margin-left: 6px;
}

.answer_open input:checked + label > .i_answer_icon:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.m_borderHead.s_sort .list li a.show_detail_label {
    cursor: pointer;
}

input:checked + label .purattoBtn.i_answer_icon {
    width: 100%;
    line-height: 35px;
    height: 35px;
    margin-left: -3px;
}

.answer_td {
    border-radius: 6px;
}

.answer_td.is_active {
    border-radius: 0 0 6px 6px;
}

.display_none {
    display: none !important;
}

.projects_detail .m_reqTable .mainTable > thead > tr > th.noArea {
    width: 118px;
}

.projects_detail .m_reqTable .mainTable > thead > tr > th.dateArea {
    width: 105px !important;
}

.projects_detail .m_reqTable .mainTable > thead > tr > th.dateArea.icon_plus {
    width: 155px !important;
}

.projects_detail .m_reqTable .mainTable > thead > tr > th.btnArea {
    width: 100px;
}

.projects_detail .m_reqTable .mainTable > tbody > tr > td.btnArea {
    padding: 5px;
}

.projects_detail .m_reqTable .mainTable > thead > tr > th.answer_unit_price,
.projects_detail .m_reqTable .mainTable > thead > tr > th.answer_amount {
    width: 140px;
}

.m_reqTable.s_public .mainTable > tbody > tr > td .currency_symbol + .m_en {
    display: inline-block;
}

@media print, screen and (min-width: 769px) {
    .m_reqBox .searchCol .region_btn_div + .keyword {
        margin-left: 0px;
    }

    .region_btn_div + .groupNameCheckBox {
        margin: 0;
    }
}

.region_btn_div {
    margin-left: auto;
    margin-top: 5px;
}

.region_btn_div.public_offer {
    margin-right: 30px;
}

.region_btn {
    border: 2px solid #98fb98;
    cursor: pointer;
}

@media print, screen and (max-width: 768px) {
    #gheader .language {
        align-items: center;
        margin: auto;
    }
    .region_btn_div {
        height: 40px;
    }
    .region_btn_div.public_offer {
        margin-right: 0;
    }
}

.date_timezone {
    font-size: 1.4rem;
}

.position_relative {
    position: relative;
}

.position_abosulte {
    position: absolute;
}

.margin_top_unset {
    margin-top: unset;
}

.inquiry_anser_history_detail
    .m_reqTable.s_detail
    .mainTable
    > thead
    > tr
    > th.budget {
    width: 211px;
}

.inquiry_anser_history_detail
    .m_reqTable
    .mainTable
    > tbody
    > tr.answer_detail
    > td
    .m_en {
    display: inline-block;
}

.inquiry_anser_history_detail .m_reqTable .deadline .timezone {
    display: inline-block;
}

.inquiry_anser_history_detail
    .m_reqTable.s_detail
    .mainTable
    > thead
    > tr
    > th.unit {
    width: 200px;
}

.inquiry_anser_history_detail
    .m_reqTable
    .mainTable
    tr.answer_detail
    td.budget {
    width: 190px !important;
}

.foreign_publiced {
    padding: 20px 0 40px;
    margin: 0 0 40px;
    border-bottom: 1px solid #D9D2CB;
}

.foreign_detail {
    padding: 0 0 40px;
    border-bottom: 1px solid #D9D2CB;
    margin: 0 0 40px;
}

.foreign_explain_area {
    padding: 0 0 40px;
    margin: 70px 0 40px 0;
}

#noticeModal01 h2.m_pageHead {
    word-break: break-all;
}

.input_password .m_input {
    margin-bottom: 8px;
}

.input_password .field-validation-error {
    margin-top: 0px;
}

.m_textArea:disabled {
    background: #E6E6E6;
    pointer-events: none;
}

.connectionMaker {
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: sub;
    line-height: 1;
    width: 35px;
    height: 20px;
    background-image: url(images/common/mod_img_sprite.png);
    background-position: -141px -83px;
    background-size: 220px 197px;
    content: "";
    transform: scale(0.7);
}

.groupMember {
    overflow: hidden;
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    vertical-align: sub;
    line-height: 1;
    background-image: url("/Image/icon_group_alternative.png");
    width: 30px;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
}

.orderSourceNameArea > span:nth-child(2) {
    margin-left: 5px;
}

.accountlockerrormes {
    padding-left: 35px;
}

.cursor_none {
    cursor: none !important;
}

.remind_btn_area {
    position: relative;
}

@media screen and (max-width: 768px) {
    .remind_btn_area {
        position: static;
        display: block;
    }
    .m_btn.Remind {
        margin: 1rem 0;
    }
}

@media screen and (max-width: 768px) {
    .max-groupregion {
        display: none;
    }
    .txt.min-groupregion {
        font-size: 1.8rem;
        color: #25180A;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .m_borderHead.min-groupregion {
        display: flow !important;
        margin-top: 15px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: none;
    }

    .col.groupregion .acc01 {
        display: none;
    }
}

@media print, screen and (min-width: 769px) {
    .min-groupregion {
        display: none;
    }

    .col.groupregion .acc01 {
        display: block !important;
    }
}
@media screen and (max-width: 768px) {
    .sp_kaigyo {
        display: inline-block;
    }
}

@media screen and (max-width: 768px) {
    .detailkubunlist {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .border_none {
        border: none !important;
    }
}

@media screen and (max-width: 768px) {
    .mobile_none {
        display: none;
    }
}

.LogoSizeError {
    white-space: nowrap;
}

.expiration_label {
    margin: 0 0 1.5rem;
}
div.loader_ground {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #a9a9a9;
    z-index: 12001;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.4;
}

/*サイト準拠*/
.loading .loader {
    margin: 100px auto;
    font-size: 25px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: fixed;
    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 #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}