@charset "utf-8";

/*------------------------------------
会員様専用ページ ログイン画面
------------------------------------*/ 
#wpmem_login,
.wpmem_msg {
    width: 100% !important;
}
.wpmem_msg {
    margin-bottom: 4.5rem !important;
    background-color: var(--color03) !important;
    color: transparent !important;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
}
.wpmem_msg > * {
    display: none !important;
}
.wpmem_msg:after {
    content: "認証できません";
    position: absolute;
    color: white;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}




#wpmem_login fieldset {
    width: 100%;
    display: flex;
    display:-webkit-flex;
    align-items:stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    margin: 0 !important;
    padding: 0 !important;
}
#wpmem_login fieldset > legend {
    display: none !important;
}
#wpmem_login fieldset > label {
    position: relative;
    width: 13.4em;
    color: transparent;
    margin: 0;
    word-wrap: normal;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
}
#wpmem_login fieldset > label[for]:before {
    color: var(--color00);
    font-weight: bold;
    white-space: nowrap;
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
    background-color: white;
    z-index: 10;
}
#wpmem_login fieldset > label[for="log"]:before {
    content: "USER ID";
}
#wpmem_login fieldset > label[for="pwd"]:before {
    content: "PASSWORD";
}
#wpmem_login fieldset > label + .div_text {
    width: calc(100% - 13.4em);
    width: -webkit-calc(100% - 13.4em);
    margin: 0;
    position: relative;
}
#wpmem_login fieldset > label + .div_text > input {
    padding: .5rem !important;
    border: 1px solid var(--borderc_01);
    line-height: 1.8em;
    border-radius: 0 !important;
}
#wpmem_login .button_div #rememberme,
#wpmem_login .button_div [for="rememberme"] {
    display: none;
}
#wpmem_login .button_div {
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    flex-direction: row;
}
#wpmem_login .button_div input[name="Submit"] {
    font-size: clamp(12.08px, calc((100vw - 360px) * ((16 - 12.08) / (1200 - 360)) + 12.08px), 16px);
    /* font-size: 16px; */
    text-decoration: none;
    color: white;
    font-weight: 600;
    display: block;
    border: 1px solid var(--color02);
    background-color: var(--color02);
    min-width: 20em;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 0.25em;
    padding: 1.45em .5em;
    position: relative;
    z-index: 10;
}


@media only screen and (max-width: 767px) {

#wpmem_login fieldset > label,
#wpmem_login fieldset > label + .div_text {
    width: 100%;
}
#wpmem_login fieldset > label[for="log"] + .div_text {
    margin-bottom: 1.5rem;
}
#wpmem_login fieldset > label {
    padding-top: 1.5rem;
    position: relative;
    display: flex;
    display: -moz-flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: row;
    margin: 0;
}
#wpmem_login fieldset > label:after {
    content: "";
    height: 2px;
    background-color: var(--color02);
}
#wpmem_login fieldset > label:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    max-width: 100%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
}
#wpmem_login fieldset > label[for]:before {
    left: 1em;
    padding-left: .5em;
    padding-right: .5em;
}
#wpmem_login fieldset > label + .div_text {
    border-bottom: 2px solid var(--borderc_02);
    padding-bottom: 1.0rem;
    padding-left: calc( .5em + 10px);
    padding-right: calc( .5em + 10px);
}

#wpmem_login .button_div {
    width: 100% !important;
}
#wpmem_login .button_div input[name="Submit"] {
    margin-top: 1.0rem !important;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
    

}
@media only screen and (max-width: 575px) {
#wpmem_login .button_div input[name="Submit"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
@media print, screen and (min-width: 768px) {

#wpmem_login fieldset > label,
#wpmem_login fieldset > label[for]:before {
    padding-left: calc(1.05em);
    padding-left: -webkit-calc(1.05em);
    padding-right: calc(1.05em);
    padding-right: -webkit-calc(1.05em);
    padding-bottom: .9em;
}
#wpmem_login fieldset > label + .div_text {
    padding-left: calc(1.45em + 1.2em);
    padding-left: -webkit-calc(1.45em + 1.2em);
    padding-right: calc(1.45em + 1.2em);
    padding-right: -webkit-calc(1.45em + 1.2em);
    padding-bottom: .9em;
}
#wpmem_login fieldset > label:after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    background-color: var(--color02);
}
#wpmem_login fieldset > label[for]:before {
    left: 0;
    right: 0;
}
#wpmem_login fieldset > label + .div_text:after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 1px;
    left: 1rem;
    right: 0;
    background-color: var(--borderc_02);
}
#wpmem_login fieldset > label[for="log"],
#wpmem_login fieldset > label[for="log"] + .div_text {
    margin-bottom: 2.2em;
}
#wpmem_login .button_div {
    padding-top: 4.0rem !important;
}
#wpmem_login .button_div input[name="Submit"] {
    margin-top: 1.5rem !important;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
    
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
#wpmem_login .button_div input[name="Submit"] {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

}
@media print, screen and (min-width: 1200px) {

}







/*------------------------------------
会員様専用ページ
------------------------------------*/ 

/*
body.member {
    background: url("../member/会員様専用ページ.jpg") no-repeat top center;
}
body.member header, 
body.member #mainVisual,
body.member section,
body.member #common_contact,
body.member footer {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.5;
}
body.member .headline > .icon_mark01 {
    margin-top: -12px !important;
}
body.member .headline > .icon_mark01 + .title.lang_mincho.txts_36 {
    margin-bottom: -18px !important;
}
*/
.file_link {}
.file_link > li + li {
    padding-top: 1.05rem;
}
.file_link > li > a {
    display: flex;
    display:-webkit-flex;
    align-items:stretch;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
    padding-right: 1em;
    padding-left: 1.00em;
}
.file_link > li > a > *:not(.link) {
    display: none !important;
}
.file_link > li > a:before {
    content: "";
    width: 3.8em;
    margin-top: 1.2rem;
    background-position: center top;
    background-size: 50% auto;
    background-repeat: no-repeat;
    display: block;
}
.file_link > li > a:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 397.781 495.031"><path fill="%23ffffff" d="M388.91,497.515H111.122a60,60,0,0,1-60.013-59.859V62.331a60,60,0,0,1,60.013-59.86H298.209c0.177,0,.352.019,0.528,0.026l0.175,0.009a12.5,12.5,0,0,1,3.446.689L302.4,3.209a12.556,12.556,0,0,1,4.651,2.91L445.226,144.042a12.467,12.467,0,0,1,3.659,8.819v284.8A59.982,59.982,0,0,1,388.91,497.515ZM310.689,45.072v81.8a13.553,13.553,0,0,0,13.55,13.533H406.2Zm113.2,120.278H324.239a38.557,38.557,0,0,1-38.547-38.481V27.42H111.122A35,35,0,0,0,76.106,62.331V437.656a35,35,0,0,0,35.016,34.911H388.91a34.987,34.987,0,0,0,34.977-34.911V165.35ZM335.313,368.869h42.224v19.484H335.313v42.593H315.052V323.622h70.622v19.484H335.313v25.763ZM276,426.147q-9.539,4.8-23.368,4.8H217.139V323.622h35.567q13.458,0,22.963,4.5a31.946,31.946,0,0,1,14.456,13.139q4.954,8.637,4.959,20.814v30.413a41.2,41.2,0,0,1-4.773,20.228A32.573,32.573,0,0,1,276,426.147Zm-1.924-64.659q0-8.787-5.47-13.583t-15.456-4.8H237.4v68.35h15.754q9.981,0,15.456-4.793t5.47-13.589V361.488Zm-88.924,23.768a37.265,37.265,0,0,1-17.711,4.055h-22.85v41.635H124.334V323.622h43.109a36.941,36.941,0,0,1,17.711,4.1,29.13,29.13,0,0,1,11.872,11.552,37.406,37.406,0,0,1,0,34.5A29,29,0,0,1,185.154,385.256Zm-6.434-35.763a11.111,11.111,0,0,0-4.286-4.728,12.419,12.419,0,0,0-6.473-1.659H144.593v26.722h23.368a12.252,12.252,0,0,0,6.4-1.66,11.4,11.4,0,0,0,4.329-4.685,15.013,15.013,0,0,0,1.549-6.945A15.669,15.669,0,0,0,178.72,349.493Z" transform="translate(-51.094 -2.469)"/></svg>');
}
.file_link > li > a .link {
    position: relative;
    display: block;
    width: 100%;
    padding-right: 1.0em;
}
.file_link > li > a .link:after {
    content: "";
    width: .875em;
    height: .875em;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;    
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 314.438 490.781"><path fill="%23ffffff" d="M161.682,4.586l-68.9,68.849L269.426,249.97,92.787,426.532l68.9,68.849L407.208,249.97Z" transform="translate(-92.781 -4.594)"/></svg>');
}

@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 575px) {}
@media print, screen and (min-width: 768px) {}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {}
@media print, screen and (min-width: 992px) {}
@media print, screen and (min-width: 1200px) {}