/****************************************************************************************************/
/* 汎用 */
/****************************************************************************************************/

html:has(dialog[open]) {
    overflow: hidden;
}

body {
    background:#fafafa;
    background-repeat:repeat;
    color:#101010;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    -webkit-text-size-adjust: 100%;
}

a         { text-decoration:none; }
a:link    { color:#ffffff; }
a:visited { color:#ffffff; }
a:active  { color:#f0a0a0; }
a:hover   { color:#f0a0a0; }

a.listLink         { text-decoration:none; }
a.listLink:link    { color:#000050; }
a.listLink:visited { color:#000050; }
a.listLink:active  { color:#000050; }
a.listLink:hover   { color:#a050a0; }

a.listLinkTarget         { text-decoration:none; }
a.listLinkTarget:link    { color:#000000; }
a.listLinkTarget:visited { color:#000000; }
a.listLinkTarget:active  { color:#000000; }
a.listLinkTarget:hover   { color:#000000; }
a.listLinkTarget {
    display: inline;
    padding-top: 100px;
    margin-top: -100px;
}


/****************************************************************************************************/
/* 共有パーツ */
/****************************************************************************************************/

.conceptBar {
    background:#ffffff;
    opacity: 0.9
}
.concept {
    display: none;
    margin-top: 4px;
    margin-left: 8px;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    height: 100%;
}

.conceptText {
    font-size: 16px;
    font-weight: bold;
    color: #000030;
}

.logo {
    text-align: right;
}

.footerFont {
    font-size: 14px;
    color: #505050;
}

.hrNormal {
    border: none;
    max-height: 2px;
    min-height: 2px;
    background-color: #a0c0f0;
}

.hrHeavy {
    border: none;
    max-height: 10px;
    min-height: 10px;
    background-color: #a0c0f0;
}

.hrThin {
    border: none;
    max-height: 2px;
    min-height: 2px;
    background-color: #e0f0ff;
}

.contentMain {
    margin-left: auto;
    margin-right: auto;
}

.contentNowrap {
    white-space: nowrap;
    vertical-align: top;
}

.index_list {
    margin: 0px auto 0px auto;
    font-size: 16px;
}


/****************************************************************************************************/
/* お問合せ */
/****************************************************************************************************/

.inquiry_form {
    margin: 0px auto 0px auto;
}

.inquiry_title {
    display: inline-block;
    vertical-align: top;
    min-width: 180px;
    max-width: 180px;
}

.inquiry_title_wide {
    display: inline-block;
    vertical-align: top;
    width: 250px;
}

.inquiry_title_mandatory {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    min-width: 180px;
    max-width: 180px;
}

.inquiry_title_mandatory_wide {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    width: 250px;
}

.inquiry_title_jpn {
    margin: 0px;
    font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
    font-size: 16px;
    color: #000000;
}

.inquiry_title_eng {
    margin: 0px;
    font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
    font-size: 14px;
    color: #0B479F;
}

.inquiry_title_mandatorymark {
    font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
    font-size: 16px;
    color: #FF0000;
}

.inquiry_input,
.inquiry_input_wide {
    width: 300px;
    background: #f8f8ff;
    border-style: solid;
    border-width: 1px;
    border-color: #a0a0b0;
    font-size: 16px;
}
.inquiry_input_mandatory,
.inquiry_input_mandatory_wide {
    width: 300px;
    background: #f8f8ff;
    border-style: solid;
    border-width: 2px;
    border-color: #9090a0;
    font-size: 16px;
}

.inquiry_group {
    width: 300px;
    background-color: #eaeafa;
}

.inquiry_group_title {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #e0e0f0;
}


/****************************************************************************************************/
/* レスポンシブ対応 */
/****************************************************************************************************/

/* スマホ(small) */
.br_small,
.br_smallmedium {
    display: block;
}

.space_mediumlarge,
.space_large {
    display: none;
}

/* タブレット(medium) */
@media screen and (min-width: 480px) {
    .concept {
        display: block;
    }
    .br_small {
        display: none;
    }
    .space_mediumlarge {
        display: inline-block;
    }
    .inquiry_title_align {
        text-align: right;
    }
    .inquiry_input_wide,
    .inquiry_input_mandatory_wide {
        width: 400px;
    }
}

/* PC(large) */
/* @media screen and (min-width: 768px) and (max-width: 1024px) { */
/* @media screen and (min-width: 1024px) { */
@media screen and (min-width: 768px) {
    .concept {
        display: block;
    }
    .br_small,
    .br_smallmedium {
        display: none;
    }
    .space_mediumlarge,
    .space_large {
        display: inline-block;
    }
    .inquiry_title_align {
        text-align: right;
    }
    .inquiry_input_wide,
    .inquiry_input_mandatory_wide {
        width: 600px;
    }
}