@charset "utf-8";
/*@import url(/wp-content/themes/qdh_corp/"https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");*/

/*
Theme Name: qdh_corp
Theme URI:
Description: The 2015 default theme for Mediacross.
Author: Mediacross
Author URI: http://medi-cro.jp/
Version: 2015.1
*/


/*------------------------------------------------------------------------------------------------  Reset and Utility.css  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-size: 100%;font-weight: normal;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
input, textarea {margin: 0;padding: 0;}
ol, ul{list-style:none;}
img {vertical-align: middle; max-width: 100% !important;height: auto !important;}
table{border-collapse: collapse; border-spacing:0;width: 100%;}
caption, th{text-align: left;}
a:focus {outline:none;}

/*------------------------------------------------------------------------------------------------  HTML,Body,Anchor*/

* {
    font-size: 62.5%;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, "MS Gothic", "MS ゴシック", sans-serif;
    /*font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Meiryo, "MS Gothic", "MS ゴシック", sans-serif;*/
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
html > body {
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    counter-reset: number 0;
}

.clearfix {min-height: 1px;}
.clearfix::after,
.ms_inner::after {content: ""; display: block;clear: both;height: 0;visibility: hidden;}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.both{clear:both;}

a{color: #333; text-decoration: none;}
a:hover{color: #00aebb;}
#content a{text-decoration: underline;}
#content a:hover{text-decoration: none;}

p{
    margin-bottom: 1em;
    text-align: justify;
}
.indent {
    text-indent: -1em;
    padding-left: 1em;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.va-middle {
    vertical-align: middle;
}
/*------------------------------------------------------------------------------------------------  text  */
.txtC{text-align:center !important;}.txtL{text-align:left !important;}.txtR{text-align:right !important;}
.txtM{vertical-align: middle !important;}
.imgC {
    display: block;
    text-align: center;
    margin: auto;
}
@media screen and (max-width:480px) {
    .imgC--sp{
        display: block;
        margin: 0 auto 20px;
        text-align: center;
    }
}
.red{color: #D80C18;}
.blue{color: #0054a7;}
.light-blue{color: #00aebb;}
.bold{font-weight: bold;}
.floatL,.floatR{
    display:  block;
    margin-left: auto;
    margin-right: auto;
}
.under {
    text-decoration: underline;
}
.rbr{display: none;}
@media screen and (min-width:480px) {
    .spbr{display: none;}
}
.fs9{font-size: 9px;line-height: 1.4;}.fs10{font-size: 10px;line-height: 1.4;}.fs11{font-size: 11px;line-height: 1.4;}.fs12{font-size: 12px;}.fs13{font-size: 13px;}.fs16{font-size: 16px;}.fs18{font-size: 18px;}.fs21{font-size: 21px;}.fs24{font-size: 24px;}
/* =============================================================
  list
=============================================================  */
.disc > li {
    list-style-type: disc;
    margin-left: 1.5em;
}
.circle > li {
    list-style-type: circle;
    margin-left: 1.5em;
}
.decimal > li {
    list-style-type: decimal;
    margin-left: 1.5em;
}
.decimal > li + li {
    margin-top: 1em;
}
.kome > li {
    margin-left: 1em;
    position: relative;
}
.kome > li::before {
    content: "※";
    position: absolute;
    left: -1em;
}
.dice > li {
    margin-left: 1em;
    position: relative;
}
.dice li::before {
    content: "◆";
    position: absolute;
    left: -1em;
}
.kome-num > li {
    margin-left: 2em;
    position: relative;
}
.kome-num li::before {
    counter-increment: serialnum 1;
    content: "※"counter(serialnum)".";
    position: absolute;
    left: -2em;
}
.kome-num-annotation > li {
    font-size: 12px;
    margin-left: 2em;
    padding-left: 0;
    position: relative;
}
.kome-num-annotation li::before {
    counter-increment: serialnum 1;
    content: "※"counter(serialnum)"";
    position: absolute;
    left: -2em;
}
.bracket-num {
    counter-reset: serialnum;
    list-style-type: none !important;
}
.bracket-num > li {
    margin-left: 2em;
    position: relative;
}
.bracket-num > li + li {
    margin-top: 5px;
}
.bracket-num > li::before {
    counter-increment: serialnum 1;
    content: "("counter(serialnum)")";
    position: absolute;
    left: -2em;
}

.kome-txt {
    margin-left: 1em;
    position: relative;
}
.kome-txt::before {
    content: "※";
    position: absolute;
    left: -1em;
}
.kanji-list > li {
    margin-left: 2em;
    position: relative;
}
.kanji-list >li::before {
    position: absolute;
    left: -2em;
}
.kanji-list li:nth-child(1)::before {content: "一";}
.kanji-list li:nth-child(2)::before {content: "二";}
.kanji-list li:nth-child(3)::before {content: "三";}
.kanji-list li:nth-child(4)::before {content: "四";}
.kanji-list li:nth-child(5)::before {content: "五";}
.kanji-list li:nth-child(6)::before {content: "六";}
.kanji-list li:nth-child(7)::before {content: "七";}
.kanji-list li:nth-child(8)::before {content: "八";}
.kanji-list li:nth-child(9)::before {content: "九";}
.kanji-list li:nth-child(10)::before {content: "十";}
.kanji-list li:nth-child(11)::before {content: "十一";}
.kanji-list li:nth-child(12)::before {content: "十二";}
.kanji-list li:nth-child(13)::before {content: "十三";}
.kanji-list li:nth-child(14)::before {content: "十四";}
.kanji-list li:nth-child(15)::before {content: "十五";}
.kanji-list li:nth-child(16)::before {content: "十六";}
.kanji-list li:nth-child(17)::before {content: "十七";}
.kanji-list li:nth-child(18)::before {content: "十八";}
.kanji-list li:nth-child(19)::before {content: "十九";}
.kanji-list li:nth-child(20)::before {content: "二十";}

.maru-num-list {
    margin-bottom: 2em;
}
.maru-num-list li {
    margin-left: 2em;
    position: relative;
}
.maru-num-list2 li {
    margin-left: 1em;
}
.maru-num-list li::bofore {
    position: absolute;
    left: -1em;
}
.maru-num-list li:nth-child(1)::before {content: "①";}
.maru-num-list li:nth-child(2)::before {content: "②";}
.maru-num-list li:nth-child(3)::before {content: "③";}
.maru-num-list li:nth-child(4)::before {content: "④";}
.maru-num-list li:nth-child(5)::before {content: "⑤";}


.maru-num-list--detail {
    width: 85%;
    padding-left: 1em;
}

.annotation-list {
    font-size: 12px;
}
.tel-info-list {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (min-width: 601px) {
    .tel-info-list dt {
        width: 5%;
    }
    .tel-info-list dd {
        width: 95%;
    }
    .maru-num-list li {
        display: flex;
    }
    .maru-num-list--etc {
        padding-left: 50px;
    }
    .maru-num-list--title {
    width: 15%;
    position: relative;
}

}
@media screen and (max-width: 600px) {
    .tel-info-list dt {
        width: 10%;
    }
    .tel-info-list dd {
        width: 90%;
    }
    .maru-num-list--etc {
        display: block;
    }
    .maru-num-list li {
        margin: 0 0 10px 0;
    }
    .maru-num-list--title {
        display: inline;
        width: 100%;
    }
    .maru-num-list--title::after {
        content: ":";
    }
    .maru-num-list--detail {
        display: inline-block;
        padding-left: 1.5em;
        width: 100%;
    }
    .maru-num-list--etc {
        display: block;
    }
}
@media screen and (max-width: 400px) {
    .tel-info-list dt {
        width: 15%;
    }
    .tel-info-list dd {
        width: 85%;
    }
    .maru-num-list li {
        margin: 0 0 10px 0;
    }
    .maru-num-list--title {
        display: inline;
        width: 100%;
    }
    .maru-num-list--detail {
        display: inline-block;
        padding-left: 1.5em;
        width: 100%;
    }
    .maru-num-list--etc {
        display: block;
    }
    .maru-num-list--title::after {
        content: ":";
    }
}
@media screen and (min-width: 44em),print {
    .floatL{float:left;}
    .floatR{float:right;}
    .rbr{display: inline;}
}
@media screen and (max-width: 750px) {
    .imageR {
        display: block;
        margin: 0 auto 20px;
    }
    .sp-rbr {
        display: none;
    }
}
@media screen and (min-width: 751px) {
    .imageR {
        display: block;
        float: right;
        margin-left: 20px;
    }
}

.pdf{
    background: url(/wp-content/themes/qdh_corp/images/icon_pdf.png) right center no-repeat;
    background-size: 20px;
    display: inline-block;
    padding-right: 1.8em;
}
.button_pdf {
    color: #fff;
    display: inline-block;
    padding: 0.5em 1em 0.5em 3em;
    background: #bb4456 url(/wp-content/themes/qdh_corp/images/icon_pdf2.png);
    background: url(/wp-content/themes/qdh_corp/images/icon_pdf2.png),-moz-linear-gradient(
        top,
        #ed768a 0%,
        #bb4456);
    background: url(/wp-content/themes/qdh_corp/images/icon_pdf2.png),-webkit-gradient(
        linear, left top, left bottom,
        from(#ed768a),
        to(#bb4456));
    background-position: 0.5em center, 0 0;
    background-repeat: no-repeat;
    border-radius: 2px;
    border: 0px solid #000000;
    box-shadow:
        0px 0px 2px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.7);
}
.annai .button_pdf {
    padding: 10px 15px 10px 40px;
}
.button_pdf2 {
    color: #fff;
    display: inline-block;
    padding: 1em 1em 1em 3em;
    background: url(/wp-content/themes/qdh_corp/images/icon_pdf2.png) #447cbb;
    background: url(/wp-content/themes/qdh_corp/images/icon_pdf2.png),-moz-linear-gradient(
        top,
        #76aeed 0%,
        #447cbb);
    background: url(/wp-content/themes/qdh_corp/images/icon_pdf2.png),-webkit-gradient(
        linear, left top, left bottom,
        from(#76aeed),
        to(#447cbb));
    background-position: 0.5em center, 0 0;
    background-repeat: no-repeat;
    border-radius: 2px;
    border: 0px solid #000000;
    box-shadow:
        0px 0px 2px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.7);
}
.button_entry {
    color: #ffffff;
    display: inline-block;
    /* padding: 1em 1em 1em 4em; */
    padding: 1em 3em 1em 5em;
    font-size: 18px;/* 追加 20190621 */
    background: url(/wp-content/themes/qdh_corp/images/icon_entry.png) #447cbb;
    background: url(/wp-content/themes/qdh_corp/images/icon_entry.png),-moz-linear-gradient(
        top,
        #76aeed 0%,
        #447cbb);
    background: url(/wp-content/themes/qdh_corp/images/icon_entry.png),-webkit-gradient(
        linear, left top, left bottom,
        from(#76aeed),
        to(#447cbb));
    background-position: 1em center, 0 0;
    background-repeat: no-repeat;
    border-radius: 2px;
    border: 0px solid #000000;
    box-shadow:
        0px 0px 2px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.7);
}
.button_pdf:hover,
.button_pdf2:hover,
.button_entry:hover{color: #fff;}

.hanlink{
    margin-top: 0.5em;
    display: inline-block;
    padding: 0.2em 1em 0.1em 1.8em;
    border: 1px solid #d1d1d1;
    border-radius: 0.2em;
    text-decoration: none !important;

    background: #fefefe; /* Old browsers */
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg),-moz-linear-gradient(top,  #fefefe 0%, #e7e7e7 100%); /* FF3.6+ */
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg),linear-gradient(to bottom,  #fefefe 0%,#e7e7e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    background-position: 0.5em center,0 0;
}

.blue-box {
    border: 3px solid #004190;
    font-weight: 700;
    margin: 30px 0;
    padding: 5px 10px;
    text-align: center;
}

#side_maga a img,
.magalist li img{
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.side-koho-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.side-koho-links li {
    font-size: 12px;
}
@media screen and (max-width: 44em),print {
    .side-koho-links {
        justify-content: space-between;
        margin-bottom: 0;
    }
    .side-koho-links li {
        margin-right: 20px;
    }
    .side-koho-links li:last-child {
        margin-right: 0;
    }
}

.kome-annotation {
    font-size: 75.5%;
    vertical-align: top;
    position: relative;
    top: -1px;
}




/*------------------------------------------------------------------------------------------------  parts  */

.decimal > li{
    list-style-type: decimal;
    margin-left: 2em;
}
.latin > li{
    list-style-type: lower-latin;
    margin-left: 2em;
    margin-bottom: 0.5em;
}

br.r_no{display: none;}

@media screen and (min-width: 44em),print {
    .w160{max-width: 160px !important;}
    .w280{max-width: 280px !important;}
    .w290{max-width: 290px !important;}
    .w310{max-width: 310px !important;}
    .w320{max-width: 320px !important;}
    .w340{max-width: 340px !important;}
    .w360{max-width: 360px !important;}
    .w400{max-width: 400px !important;}
    .w410{max-width: 410px !important;}
    br.r_no{display: inline;}
}

/*space px*/
.ma0{margin: 0 !important;}
.mt0{margin-top: 0 !important;}.mt5{margin-top: 5px !important;}.mt10{margin-top: 10px !important;}.mt15{margin-top: 15px !important;}.mt20{margin-top: 20px !important;}.mt25{margin-top: 25px !important;}.mt30{margin-top: 30px !important;}.mt35{margin-top: 35px !important;}.mt40{margin-top: 40px !important;}.mt45{margin-top: 45px !important;}.mt50{margin-top: 50px !important;}.mt100{margin-top: 100px !important;}
.mr0{margin-right: 0 !important;}.mr5{margin-right: 5px !important;}.mr10{margin-right: 10px !important;}.mr15{margin-right: 15px !important;}.mr20{margin-right: 20px !important;}.mr25{margin-right: 25px !important;}.mr30{margin-right: 30px !important;}.mr35{margin-right: 35px !important;}.mr40{margin-right: 40px !important;}.mr45{margin-right: 45px !important;}.mr50{margin-right: 50px !important;}.mr100{margin-right: 100px !important;}
.mb0{margin-bottom: 0 !important;}.mb5{margin-bottom: 5px !important;}.mb10{margin-bottom: 10px !important;}.mb15{margin-bottom: 15px !important;}.mb20{margin-bottom: 20px !important;}.mb25{margin-bottom: 25px !important;}.mb30{margin-bottom: 30px !important;}.mb35{margin-bottom: 35px !important;}.mb40{margin-bottom: 40px !important;}.mb45{margin-bottom: 45px !important;}.mb50{margin-bottom: 50px !important;}.mb100{margin-bottom: 100px !important;}.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}.ml10{margin-left: 10px !important;}.ml15{margin-left: 15px !important;}.ml20{margin-left: 20px !important;}.ml25{margin-left: 25px !important;}.ml30{margin-left: 30px !important;}.ml35{margin-left: 35px !important;}.ml40{margin-left: 40px !important;}.ml45{margin-left: 45px !important;}.ml50{margin-left: 50px !important;}.ml100{margin-left: 100px !important;}.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}.pt10{padding-top: 10px !important;}.pt15{padding-top: 15px !important;}.pt20{padding-top: 20px !important;}.pt25{padding-top: 25px !important;}.pt30{padding-top: 30px !important;}.pt35{padding-top: 35px !important;}.pt40{padding-top: 40px !important;}.pt45{padding-top: 45px !important;}.pt50{padding-top: 50px !important;}.pt100{padding-top: 100px !important;}
.pr0{padding-right: 0 !important;}.pr5{padding-right: 5px !important;}.pr10{padding-right: 10px !important;}.pr15{padding-right: 15px !important;}.pr20{padding-right: 20px !important;}.pr25{padding-right: 25px !important;}.pr30{padding-right: 30px !important;}.pr35{padding-right: 35px !important;}.pr40{padding-right: 40px !important;}.pr45{padding-right: 45px !important;}.pr50{padding-right: 50px !important;}.pr100{padding-right: 100px !important;}
.pb0{padding-bottom: 0 !important;}.pb5{padding-bottom: 5px !important;}.pb10{padding-bottom: 10px !important;}.pb15{padding-bottom: 15px !important;}.pb20{padding-bottom: 20px !important;}.pb25{padding-bottom: 25px !important;}.pb30{padding-bottom: 30px !important;}.pb35{padding-bottom: 35px !important;}.pb40{padding-bottom: 40px !important;}.pb45{padding-bottom: 45px !important;}.pb50{padding-bottom: 50px !important;}.pb100{padding-bottom: 100px !important;}.pl0{padding-left: 0 !important;}
.pl5{padding-left: 5px !important;}.pl10{padding-left: 10px !important;}.pl15{padding-left: 15px !important;}.pl20{padding-left: 20px !important;}.pl25{padding-left: 25px !important;}.pl30{padding-left: 30px !important;}.pl35{padding-left: 35px !important;}.pl40{padding-left: 40px !important;}.pl45{padding-left: 45px !important;}.pl50{padding-left: 50px !important;}.pl70{padding-left: 70px !important;}.pl100{padding-left: 100px !important;}.pl170{padding-left: 170px !important;}.pl230{padding-left: 230px !important;}
.pl30--pc{padding-left: 30px!important;}
@media screen and (max-width:600px) {
    .pl30--pc{padding-left: 0!important;}
}
.ml90p {
    margin-left: 90%;
}

/*space em*/
.mb1{margin-bottom:1em !important;}.mb2{margin-bottom:2em !important;}.mb3{margin-bottom:3em !important;}.mb4{margin-bottom:4em !important;}
.pl1e{padding-left: 1em !important;}

.w210{width: 210px!important;}

/*------------------------------------------------------------------------------------------------  input */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea,
select{
    font-size: 14px;
    padding: 4px 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    vertical-align: baseline;
    border-radius: 4px;
    font-size: 14px;
    width: 100% !important;
    box-sizing: border-box;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #00AEBB;
    background-color: #E5F7F8;
}
textarea{min-height: 8em;}
input.only_num,
input.imeoff{ime-mode: disabled;}

input[type="radio"],input[type="checkbox"]{
    vertical-align: middle;
    margin: 0 2px 0 1em;
}

span.wpcf7-list-item{
    margin: 0 1em 0 0 !important;
}
.form_required {
    background-color: #fdeff0;
}
input[type="submit"]:not(#s_submit),
input[type="button"],
#content button{
    border: none;
    border-radius: 0.3em;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 1px 1px rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 0.4em 1.2em;
    position: relative;
    text-align: center;

    background: #66dce2; /* Old browsers */
    background: -moz-linear-gradient(top,  #66dce2 0%, #00aebb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66dce2), color-stop(100%,#00aebb)); /* Chrome,Safari4+ */
    background: linear-gradient(to bottom,  #66dce2 0%,#00aebb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66dce2', endColorstr='#00aebb',GradientType=0 ); /* IE6-9 */
}
input[type="submit"]:hover:not(#s_submit),
input[type="button"]:hover,
#content button:hover{
    background: #6be6ea; /* Old browsers */
    background: -moz-linear-gradient(top,  #6be6ea 0%, #00c3d1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6be6ea), color-stop(100%,#00c3d1)); /* Chrome,Safari4+ */
    background: linear-gradient(to bottom,  #6be6ea 0%,#00c3d1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6be6ea', endColorstr='#00c3d1',GradientType=0 ); /* IE6-9 */
}
input[type="submit"]:focus:not(#s_submit),
input[type="button"]:focus,
#content button:active{
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
}
input[type="submit"][disabled="disabled"]{
    background-color: #eee;
    border-color: #bbb;
    color: #888;
}
input[name="submitBack"] {
    margin-right: 15px;
}
option,
optgroup,
button{
    font-size: 100%;
}
optgroup{background-color: #f5f5f5;}
option{background-color: #fff;}

label{
    display: inline-block;
}

/* 必須表示 */
#formWrapper table th,
#entry_form #content table th{
    position: relative;
    padding-right: 4em !important;
}
table th span.red{
    position: absolute;
    right: 1em;
    font-size: 12px;
}

@media screen and (min-width: 44em), print {
    table th span.red {
        top: 22px;
    }
}


.confirm #formWrapper .red {
    display: none;
}
#formWrapper .error,
.quiz-box-input .error,
.agree-check .error {
    background-color: #f74850;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    margin: 0 10px;
    padding: 0 10px;
}
/* form flow */
.form_state {
    display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    margin-bottom: 30px;
    padding-right: 10px;
}
.form_state li {
    background: #ccc;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: 25%;
    padding: 0 10px;
}
.form_state li::after {
    content:"";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent transparent transparent #ccc;
}
.form_state li:last-child {
    margin-right: 0;
}
.form_state li.on {
    background: #66dce2;
    color: #fff;
    font-weight: bold;
}
.form_state li.on::after {
    border-color: transparent transparent transparent #66dce2;
}
@media screen and (max-width: 44em) {
    #formWrapper .error,
    .quiz-box-input .error,
    .agree-check .error {
        margin: 10px 0 0 0;
    }
    .form_state li {
        width: 22%;
    }
}
@media screen and (min-width: 44em),print {
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    select{
        max-width: 24em !important;
    }
    textarea{max-width: 28em !important;}
    .textarea--wide {
        max-width: none !important
    }
}
/*塗り絵コンテストフォーム用*/
.age-input input {
    width: 4em !important;
}
.parent-tr.invisible {
    display: none;
}
.mw-wp-form_image img {
    max-width: 300px!important;
}

/* ------------------------------------------------------------------------------  quiz_form */
.page-confirm .submitBtn input[type="submit"][disabled] {
    background:#DCDCDC!important;
    cursor:not-allowed!important;
}
.page-quiz-confirm .submit-area input[type="submit"][disabled] {
    background:#DCDCDC!important;
    cursor:not-allowed!important;
}
.page-fb-campaign-confirm .submit-area input[type="submit"][disabled] {
    background:#DCDCDC!important;
    cursor:not-allowed!important;
}
.page-au-campaign-confirm .submit-area input[type="submit"][disabled] {
    background:#DCDCDC!important;
    cursor:not-allowed!important;
}
@media screen and (min-width: 441px) {
    .form-medium-list {
        display: flex!important;
            justify-content: space-between;
            flex-wrap: wrap;
    }
}
@media screen and (max-width: 440px) {
    .form-medium-list span label {
        display: block;
    }
}
.mw_wp_form .form-medium-list .horizontal-item + .horizontal-item {
    margin-left: 0;
}

/* ------------------------------------------------------------------------------  feburary-campaign */
.quiz-end {
    text-align: center;
}
.quiz-answer {
    background-color: #e5f7f8;
    font-size: 16px;
    padding: 30px 20px 45px;
}
.quiz-answer__icon {
    color: #00AEBB;
}
.quiz-answer__box {
    background-color: #fff;
    padding: 10px 20px;
}
.quiz-answer__lead {
    margin: 0;
}
.quiz-answer__content {
    font-size: 16px;
    text-align: center;
}
.quiz-answer__reference {
    font-size: 14px;
}
.reference-link {
    word-break: break-all;
}

@media screen and (min-width: 703px) {
    .quiz-answer__list {
        padding-left: 30px;
    }
    .qa-br {
        display: none;
    }
    .quiz-answer__lead {
    text-indent: -3em;
    padding-left: 3em;
    }
    .quiz-answer__reference {
        margin-left: 30px;
    }
}
@media screen and (min-width: 441px) {
    .feb-quiz-poster {
        margin: 0 auto 30px;
        width: 300px;
    }
}
@media screen and (max-width: 440px) {
    .feb-quiz-poster {
        margin: 0 auto 30px;
        width: 100%;
    }
    .page-february-campaign input.w210 {
        width: 100%!important;
        max-width: 100%!important;
    }
}


/* ------------------------------------------------------------------------------  entry_form */
#entry_form #content fieldset{margin-bottom: 2em;}
#entry_form #content fieldset legend{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
#entry_form #content table th,
#entry_form #content table td{
    border: none;
    display: block;
    padding: 1em;
}
#entry_form #content table th{
    background-color: #eee;
    padding: 0.5em 1em;
}

#entry_company_pref,
select[id*="entry_pref"]{
    margin-bottom: 0.5em;
}

#entries li,
#entries_results li{
    border-bottom: 1px dashed #00AEBB;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
#entries li:last-child,
#entries_results li:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#entries li .entry_num,
#entries_results li .entry_num{
    background-color: #DDF6FF;
    color: #00AEBB;
    padding: 0 0.5em;
    text-align: center;
    vertical-align: middle;
}
#entries li .clear_btn{
    background: none #aaa;
    font-size: 12px;
    margin-top: 1em !important;
    padding: 0.25em 0.8em;
}

input#entry_company_zip,
#entries li input[id*="entry_zip"]{
    max-width: 10em !important;
}

#entry_form #content button[onclick*="EntryBlock"],
#entry_form #content button[type*="submit"]{
    display: block;
    margin: 0 auto;
}
#entry_form #content button.add_auto{
    font-size: 12px;
    padding: 0.25em 0.8em;
}

#entry_form #content .form_btn{
    text-align: center;
}
#entry_form #content .form_btn form{
    display: inline-block;
    margin: 0 0.5em;
}

.area_list li{
    display: inline-block;
    margin: 0 1em 1em 0;
}

.course{
    font-size: 12px;
    padding-top: 1em;
}
.course dt{
    background-color: #ddf6ff;
    padding: 0.25em 0.5em;
}
.course dd{padding: 0.25em 0.5em;}

.caution{
    border: 4px double;
    color: #d80c18;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1em;
    padding: 0.5em 1em;
}

@media screen and (min-width: 44em),print {
    #entry_form #content table th,
    #entry_form #content table td{
        border-color: #ddd;
        border-style: none none dashed;
        border-width: 0 0 1px;
        display: table-cell;
        padding: 0.6em 0;
    }
    #entry_form #content table th{
        background-color: transparent;
        vertical-align: middle;
        white-space: nowrap;
    }
    #entry_form #content table th.vat {
        vertical-align: top;
    }
    #entries li .entry_num,
    #entries li .entry_box,
    #entries_results li .entry_num,
    #entries_results li .entry_box{display: table-cell;}
    #entries li .entry_box,
    #entries_results li .entry_box{
        padding-left: 1em;
        width: 100%;
    }
}
/* ----------------------------------------------------------  page campaign */
.quiz-important {
    border: 1px solid #d1d1d1;
    color: #00aebb;
    margin-bottom: 40px;
    padding: 3.79% 5.3%;
}
.quiz-important li {
    font-weight: bold;
}
.quiz-poster {
    margin: 0 auto 50px;
    text-align: center;
}
.quiz-poster img {
    display: block;
    margin: 0 auto;
}
.campaign-choises {
    font-size: 14px;
    padding: 20px 30px;
    width: 100%;
}
.quiz-box__title-q {
    font-size: 16px;
    font-weight: bold;
}
.campaign-quiz-box .quiz-box__answer {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.campaign-quiz-box .quiz-box__answer::before {
    color: #00aebb;
    content: "A";
    font-size: 24px;
    font-weight: 700;
    margin-right: 10px;
}
.page-campaign .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
}
.page-campaign .campaign-quiz-box dt::before {
    content: none;
}
.page-campaign .quiz-box__title-q::before {
    color: #00aebb;
    content: "Q";
    font-size: 24px;
    font-weight: 700;
    margin-right: 10px;
}
.campaign-quiz-box {
    background: #e5f7f8;
    margin-bottom: 30px;
    padding: 20px;
}
.campaign-winter {
    font-size: 16px;
}
.campaign-winter li {
    margin-top: 1em;
}
/* ------------------------------------------------------------------------------  wrap,box */
#contentWrapper,
#footer,
#breadCrumb,
.inner,
.inner2{
    padding: 0 1em;
}

@media screen and (min-width: 44em),print {
    #contentWrapper,
    #footer,
    #breadCrumb,
    .inner,
    .inner2{
        padding: 0;
    }

    #header,
    #gnav #gnav_wrap,
    #footer,
    .inner,
    #pagetitle h2,
    #breadCrumb,
    #contentWrapper{
        width: 990px;
        margin-right: auto;
        margin-left: auto;
    }
    .inner2{
        max-width: 800px !important;
        margin-right: auto;
        margin-left: auto;
    }
    #content{
        width: 660px;
        float: left;
    }
    #sidebar{
        width: 280px;
        float: right;
    }
    #header_wrap,
    #footerWrapper,
    #copy{min-width: 990px;}
}
.attention-info-wrap {
    background-color: #eee;
    color: #e70000;
    margin-bottom: 15px;
    padding: 20px 20px 10px;
}
.attention-info-wrap h1 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}
.attention-info-wrap h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.attention-info-wrap p {
    text-indent: 1em;
}
.info-important-link {
    background: #e70000;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2.5em;
    padding: 10px 15px;
}
.info-important-link h3 {
    float: left;
    font-weight: 700;
    padding-right: 30px;
}
.info-important-link a {
    color: #fff;
    font-weight: 700;
}
@media screen and (max-width: 480px) {
    .info-important-link h3 {
        float: none;
        padding-right: 0;
    }
}
.indented-box {
    text-indent: 1em;
}

#test{position:fixed;top:0;left:0;background-color: #aaa;z-index: 100;}
#ga{position:absolute;top:0;right:0;z-index:9999;color:#f00;}



/* ------------------------------------------------------------------------------  header */
#header_wrap{
    height: auto;
    border-bottom: 3px solid #04263b;
}
#header{
    position: relative;
    text-align: center;
}
#header .h_inner{padding: 0 1em;}
#header a{color: #333;}
#header #description{
    font-size: 11px;
    margin-bottom: 1em;
}
#header #logo{
    padding: 1em 0;
}
#header #logo span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0.2em;
}
#header #logo img,#footer #footer_logo img{max-width: 278px !important;}
#header #changetxt{display: none;}

/*.togmenu {
    display: none;
}*/
.menubtn {
    display: block;
    font-weight: bold;
    background-color: #00AEBB;
    color: #fff;
    z-index: 100;
    position: relative;
    padding: 0.8em 1em;
}
.menubtn h2{
    background: url(/wp-content/themes/qdh_corp/images/menu_icon.png) 0 0 no-repeat;
    background-size: contain;
    font-size: 16px;
    font-weight: bold;
    padding-left: 2.5em;
}

#gnav{
    z-index: 90;
    width: 100%;
    position: relative;
}
#gnav #gnav_wrap{position: relative;}
#gnav ul li a,
#gnav ul li span{
    margin-top: 0;
    display: block;
    /*font-weight: bold;*/
    padding: 0.75em 1em;
    text-decoration: none;
    box-sizing: border-box;
}
#gnav ul li.stay{
    background: none;
}
#gnav ul li .mainsub{
    z-index: 150;
}
#gnav ul li:hover .mainsub{}
#gnav ul li .mainsub .ms_inner{
    background-color: rgba(255,255,255,1);
    box-sizing: border-box;
    width: 100%;
}
#mainnav li .mainsub .ms_inner .ms_info{display: none;}


@media screen and (max-width: 44em) { /* スマホ（w44em以下）用 */
    #gnav a:hover,
    #gnav span:hover{color: #fff;}
    #gnav #subnav a:hover{background-color: #04263b;}

    #gnav ul#mainnav > li,
    #gnav ul#subnav > li{
        border-top: 1px dotted #aaa;
        float: none;
    }
    #gnav ul#mainnav li .mainsub.active  li{
        border-top: 1px dotted #eee;
    }
    #gnav ul#mainnav li .mainsub.active  li span{
        background-color: rgba(255,255,255,0.1);
    }
    #gnav ul#mainnav li .mainsub.active  li .ms_list_sub{
        background-color: rgba(255,255,255,0.2);
    }
    #gnav ul li .mainsub.active{
        height: auto;
        opacity: 1;
        overflow: visible;
    }
    #gnav ul li .mainsub .ms_inner{
        color: #fff;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding: 0;
    }
    #mainnav li .mainsub .ms_inner a{color: #fff;}
    #mainnav li .mainsub.active .ms_inner{
        overflow: visible;
        height: auto;
    }
    .contact_btn_v3 {
        margin-bottom: 10px;
    }
    .contact_btn_v3 .contact-btn--sp-wide {
        background-color: #8957a1 ;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon_portal.png);
        background-size: 25px 25px;
        background-position: 0.5em center;
        background-repeat: no-repeat;
        box-sizing: border-box;
        color: #fff;
        width: 100%;
        position: relative;
    }
    .contact-btn--sp-wide a::after {
        content: "";
        background: url(/wp-content/themes/qdh_corp/images/new_window_white.png) no-repeat center / 100%;
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 6px;
    }

}
@media screen and (max-width: 704px) {
    .cotact-btn--outside {display: none;}
}
@media screen and (min-width: 44em),print { /* PC（w44em以上）用 */
    #header_wrap{
        height: 182px;
        background: url(/wp-content/themes/qdh_corp/images/header_bg.png) 0 0 repeat-x;
    }
    #header{
        padding: 25px 0 2px;
        text-align: left;
    }
    #header #description{
        position: absolute;
        top: 0;
        line-height: 25px;
        color: #fff;
        margin-bottom: 0;
    }
    #header #logo{
        line-height: 98px;
        padding: 0;
    }
    #header #logo span{
        background: url(/wp-content/themes/qdh_corp/images/logo_span_bg.png) left center no-repeat;
        display: inline-block;
        text-indent: -9999px;
        width: 146px;
        padding-top: 0;
        vertical-align: top;
    }
    #header #changetxt{
        display: block;
        position: absolute;
    }
    #header #changetxt{
        left: 325px;
        top: 78px;
        box-sizing: border-box;
        background: url(/wp-content/themes/qdh_corp/images/textsize_bg.png) left 5px top 10px no-repeat;
        border-top: 1px solid #ddd;
        height: 26px;
        padding: 5px 0 0 65px;
        width: 150px;
    }
    #header #changetxt span{
        display: inline-block;
        cursor: pointer;
    }
    #header #changetxt span#df{margin-right: 4px;}

    #header .contact_btn{
        position: absolute;
        right: 0;
        top: 25px;
        width: 360px;
    }

    /* ヘッダー文字サイズボタン */
    #changetxt div {
        border: 1px solid #ddd;
        color: #999;
        float: left;
        font-size: 14px;
        font-weight: 700;
        padding: 1px 5px;
    }
    #changetxt div:hover {
        cursor: pointer;
    }
    #changetxt #btn-df:hover,
    #changetxt #btn-zf:hover {
        transform: translate3d(0, 2px, 0);
    }
    #changetxt #btn-df {
        background: #00aebb;
        color: #fff;
        margin-right: 5px;
    }
    #changetxt #btn-zf {
        margin-right: 0;
    }

    .cotact-btn--outside {
        box-sizing: border-box;
        position: absolute;
        top: 30px;
        left: 331px;
    }
    .cotact-btn--outside a {
        display: block;
    }
    .cotact-btn--outside a:hover {
        transform: translate3d(0, 2px, 0);
    }



    /*ヘッダー用コンタクトボタン v2_修正後*/
    #header .contact_btn_v2 {
        position: absolute;
        right: 0;
        top: 25px;
        width: 320px;
    }
    #header .contact_btn_v2 li {
        float: left;
        width: 50%;
    }
    #header .contact_btn_v2 a {
        box-sizing: border-box;
        display: block;
        height: 0;
        overflow: hidden;
        padding-top: 49px;
    }
    #header .contact_btn_v2 a.cb01 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn01.png) no-repeat;
    }
    #header .contact_btn_v2 a.cb02 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn02.png) no-repeat;
    }
    #header .contact_btn_v2 a.cb03 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn03.png) no-repeat;
    }
    #header .contact_btn_v2 a.cb04 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn04.png) no-repeat;
    }
    /*ヘッダー用コンタクトボタン v2_修正後*/
    #header .contact_btn a{
        box-sizing: border-box;
        background-position: center 1.5em;
        height: 97px;
        padding: 5em 0 1em;
        text-align: center;
    }
    /*ヘッダー用コンタクトボタン　vs3_修正後 20171204*/
    #header .contact_btn_v3 {
        position: absolute;
        right: 0;
        top: 25px;
        max-width: 480px;
        height: 98px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }
    #header .contact_btn_v3 li {
        width: 120px;
    }
    #header .contact_btn_v3 a {
        background-size: 100%;
        box-sizing: border-box;
        display: block;
        height: 0;
        overflow: hidden;
        padding-top: 49px;
    }
    #header .contact_btn_v3 a.cb01 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn01_new.png) no-repeat center / 100%;
    }
    #header .contact_btn_v3 a.cb02 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn02_new.png) no-repeat center / 100%;
    }
    #header .contact_btn_v3 a.cb03 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn03_new.png) no-repeat center / 100%;
    }
    #header .contact_btn_v3 a.cb04 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn04_new.png) no-repeat center / 100%;
    }
    #header .contact_btn_v3 a.cb05 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn05_new.png) no-repeat center / 100%;
    }
    #header .contact_btn_v3 a.cb06 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn06_new.png) no-repeat center / 100%;
    }
    #header .contact_btn_v3 a.cb07 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn07_new.png) no-repeat center / 100%;
    }
    #header .contact_btn_v3 a.cb08 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn08_new.png) no-repeat center / 100%;
    }
    #header .contact_btn_v3 a.cb09 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn09_new.png) no-repeat center / 100%;
    }

    #header .contact_btn_v3 a.cb09 {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn09_new.png) no-repeat center / 100%;
    }

    /* 20250530ヘッダーコンタクトボタン改修 */
    .header-contact-btn {
        position: absolute;
        top: 25px;
        right: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .contact-btn-primary {
        max-width: 360px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
            /* flex-wrap: wrap; */
    }
    .contact-btn-primary__link {
        max-width: 120px;
        height: 49px;
        display: block;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
    .contact-btn-primary__link--dsyunin {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn02_new.png) no-repeat center / 100%;
    }
    .contact-btn-primary__link--demand {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn03_new.png) no-repeat center / 100%;
    }
    .contact-btn-primary__link--pvremote {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn04_new.png) no-repeat center / 100%;
    }
    .contact-btn-primary__link--recruit {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn06_new.png) no-repeat center / 100%;
    }
    .contact-btn-primary__link--demandeye {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn07_new.png) no-repeat center / 100%;
    }
    .contact-btn-primary__link--pcb {
        background: url(/wp-content/themes/qdh_corp/images/contact_btn08_new.png) no-repeat center / 100%;
    }


    .contact-btn-second {
        width: 120px;
        height: 98px;
        overflow: hidden;
    }

    .contact-btn-second__link {
        height: 100%;
        display: block;
        text-indent: 100%;
        white-space: nowrap;
    }
    .contact-btn-second__link--download {
        background: url(/wp-content/themes/qdh_corp/images/header_btn_download.png) no-repeat center / 100%;
    }

    .menubtn {
        display: none;
    }
    .togmenu {
        display: block;
    }
    #gnav #mainnav{
        height: 57px;
        position: relative;
    }
    #gnav ul#mainnav > li{
        float: left;
        border: none;
    }
    #gnav ul#mainnav > li > a,
    #gnav ul#mainnav > li > span{
        background-image: url(/wp-content/themes/qdh_corp/images/gnavi.png?20190524);
        background-repeat: no-repeat;
        height: 57px;
        text-indent: -9999px;
    }
    #gnav ul#mainnav > li#gnav1 > a{background-position: 0 0; width: 78px;}
    #gnav ul#mainnav > li#gnav2 > span{background-position: -78px 0; width: 134px;}
    #gnav ul#mainnav > li#gnav3 > span{background-position: -212px 0; width: 176px;}
    #gnav ul#mainnav > li#gnav4 > span{background-position: -388px 0; width: 177px;}
    #gnav ul#mainnav > li#gnav5 > span{background-position: -565px 0; width: 164px;}
    #gnav ul#mainnav > li#gnav6 > span{background-position: -729px 0; width: 145px;}
    #gnav ul#mainnav > li#gnav7 > span{background-position: -874px 0; width: 116px;}
    #gnav ul#mainnav > li#gnav1:hover > a{background-position: 0 -60px;}
    #gnav ul#mainnav > li#gnav2:hover > span{background-position: -78px -60px;}
    #gnav ul#mainnav > li#gnav3:hover > span{background-position: -212px -60px;}
    #gnav ul#mainnav > li#gnav4:hover > span{background-position: -388px -60px;}
    #gnav ul#mainnav > li#gnav5:hover > span{background-position: -565px -60px;}
    #gnav ul#mainnav > li#gnav6:hover > span{background-position: -729px -60px;}
    #gnav ul#mainnav > li#gnav7:hover > span{background-position: -874px -60px;}

    #mainnav li .mainsub,
    #mainnav li .mainsub .ms_inner,
    #mainnav li .mainsub .ms_inner .ms_info,
    #mainnav li .mainsub .ms_inner .ms_list{
        -weblit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    #gnav ul li .mainsub{
        position: absolute;
        top: 100%;
        left: 0;
    }
    #gnav ul li:hover .mainsub{
        height: auto;
        opacity: 1;
        overflow: visible;
    }
    #gnav ul li .mainsub .ms_inner{
        color: #fff;
        overflow: hidden;
        width: 990px;
        height: 0;
        padding: 0;
    }
    #mainnav li .mainsub .ms_inner a{color: #fff;}
    #mainnav li:hover .mainsub .ms_inner{
        /*overflow: visible;*/
        height: 440px;
    }
    #mainnav li .mainsub .ms_inner .ms_info{
        box-sizing: border-box;
        width: 370px;
        padding: 3em 2em;
        float: left;
        display: block;
    }
    #mainnav li .mainsub .ms_inner .ms_info h3{
        font-size: 21px;
        line-height: 1;
        margin-bottom: 0.75em;
    }
    #mainnav li .mainsub .ms_inner .ms_info h3 a{
        padding: 0;
    }
    #mainnav li .mainsub .ms_inner .ms_info p{
        font-size: 12px;
    }
    #mainnav li .mainsub .ms_inner .ms_list{
        box-sizing: border-box;
        background-color: rgba(255,255,255,0.1);
        position: relative;
        float: left;
        width: 620px;
        height: 100%;
        padding: 2em 0;
    }
    #mainnav li .mainsub .ms_inner .ms_list > li{
        box-sizing: border-box;
        width: 50%;
    }
    #mainnav li .mainsub .ms_inner .ms_list > li > span,
    #mainnav li .mainsub .ms_inner .ms_list > li > a.ar{
        display: block;
        background: url(/wp-content/themes/qdh_corp/svg/arrow08.svg) 280px center no-repeat;
    }
    #mainnav li .mainsub .ms_inner .ms_list > li > .ms_list_sub{
        left: 50%;
        position: absolute;
        top: 0;
        width: 0;
        overflow: hidden;
    }
    #mainnav li .mainsub .ms_inner .ms_list > li:hover{background-color: rgba(255,255,255,0.1);}
    #mainnav li .mainsub .ms_inner .ms_list > li:hover > .ms_list_sub{
        width: 310px;
        overflow: visible;
        height: 100%;
        background-color: rgba(255,255,255,0.1);
        padding: 2em 0;
    }
    #mainnav li .mainsub .ms_inner .ms_list > li:hover > .ms_list_sub li a:hover{background-color: rgba(255,255,255,0.1);}
    .ms_list_sub.half li {
        float: left;
        width: 50%;
    }

    #gnav #subnav {
        font-size: 11px;
        position: absolute;
        right: 380px;
        top: -92px;
    }
    #gnav #subnav li{
        background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg) left center no-repeat;
        border: none;
        padding-left: 15px;
        line-height: 1.8;
    }
    #gnav #subnav li a{
        display: inline;
        font-weight: normal;
        padding: 0;
    }
    #gnav #subnav li a:hover{background-color: #fff;}
    #gnav.follow {
        background-color: #fff;
        border-bottom: 1px solid #cdd4d8;
        position: fixed;
        top: 0;
    }
}

#gnav ul#mainnav > li:hover > a,
#gnav ul#mainnav > li:hover > span,
#gnav ul li .mainsub .ms_inner{background-color: #04263b;}
#gnav ul#mainnav > li#gnav2:hover > a,
#gnav ul#mainnav > li#gnav2:hover > span,
#gnav ul li#gnav2 .mainsub .ms_inner{background-color: #00aebb;}
#gnav ul#mainnav > li#gnav3:hover > a,
#gnav ul#mainnav > li#gnav3:hover > span,
#gnav ul li#gnav3 .mainsub .ms_inner{background-color: #e9546b;}
#gnav ul#mainnav > li#gnav4:hover > a,
#gnav ul#mainnav > li#gnav4:hover > span,
#gnav ul li#gnav4 .mainsub .ms_inner{background-color: #004190;}
#gnav ul#mainnav > li#gnav5:hover > a,
#gnav ul#mainnav > li#gnav5:hover > span,
#gnav ul li#gnav5 .mainsub .ms_inner{background-color: #f7ab00;}
#gnav ul#mainnav > li#gnav6:hover > a,
#gnav ul#mainnav > li#gnav6:hover > span,
#gnav ul li#gnav6 .mainsub .ms_inner{background-color: #45b035;}
#gnav ul#mainnav > li#gnav7:hover > a,
#gnav ul#mainnav > li#gnav7:hover > span,
#gnav ul li#gnav7 .mainsub .ms_inner{background-color: #00afec;}

/* ------------------------------------------------------------------------------  pagetitle */
#pagetitle{
    background-color: #333;
}
#pagetitle h2{
    background-color: #e9546b;
    box-sizing: border-box;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 1em;
}
.page-about #pagetitle h2,
.parent-pageid-2 #pagetitle h2,
.category-news #pagetitle h2
.single #pagetitle h2{background-color: #00aebb;}
.page-consumer #pagetitle h2,
.parent-pageid-5 #pagetitle h2{background-color: #e9546b;}
.page-business #pagetitle h2,
.parent-pageid-6 #pagetitle h2{background-color: #004190;}
.page-public_interest #pagetitle h2,
.parent-pageid-7 #pagetitle h2,
.post-type-archive-leaflet #pagetitle h2,
.post-type-archive-magazine #pagetitle h2 {background-color: #f7ab00;}
.page-dkoujishi_interest #pagetitle h2,
.page-eisei_interest #pagetitle h2,
.page-dsyunin #pagetitle h2{background-color: #f7ab00;}

.page-contact #pagetitle h2,
.page-inquiry #pagetitle h2{background-color: #00afec;}

/* ------------------------------------------------------------------------------  slider */
#slideWrapper{
    background-color: #333;
    margin-bottom: 0.8em;
    /*max-height: 300px;*/
    overflow: hidden;
}
#slideWrapper .bx-wrapper{
    max-width: 1400px !important;
    margin: 0 auto;
}
#slide_inner{
    width: 100%;
    margin: 0 auto;
    background: #fff;
    position: relative;
}
#slide_inner li {
    position: relative;
}
.sub_slider{
    max-height: 95px;
    overflow: hidden;
}
.sub_slider img{margin: 0 auto;}
.about_50th {
    opacity: 1 !important;
    display: block;
    text-align: center;
    color: #fff;
    background: #00afec;
    padding: .25rem 1rem;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
}
.about_50th:hover {
    color: #00afec;
    background: #fff;
}
@media screen and (min-width: 44em),print {
    .about_50th {
        display: block;
        position: absolute;
        bottom: 8%;
        left: 41%;
        color: #00afec;
        font-size: 12px;
        font-weight: bold;
        border-radius: 20px;
        border: 3px solid #00afec;
        background: #fff;
    }
    .about_50th:hover {
        color: #fff;
        background: #00afec;
    }
    .about_50th .sp {
        display: none;
    }
    .pdf_btn {
        position: absolute;
        bottom: 14%;
        right: 22%;
        max-width: 23%;
    }
}
@media screen and (min-width: 44em) and (max-width: 88.563em) {
    .about_50th {
        font-size: 10px;
        padding: .25rem .5rem;
        left: 40%;
    }
}
@media screen and (min-width: 88.563em) {
    #slideWrapper .bx-wrapper .bx-prev,
    #slideWrapper .bx-wrapper .bx-next{
        position: absolute;
        background: url(/wp-content/themes/qdh_corp/images/slider_arrow.png) 0 0 no-repeat;
        top: 50%;
        width: 44px;
        height: 44px;
        margin-top: -22px;
        text-indent: -9999px;
    }
    #slideWrapper .bx-wrapper .bx-prev:hover,
    #slideWrapper .bx-wrapper .bx-next:hover{background-position: 0 -44px;}
    #slideWrapper .bx-wrapper .bx-prev{
        left: -50px;
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
    #slideWrapper .bx-wrapper .bx-next{
        right: -50px;
    }
}
@media screen and (max-width: 44em) { .sub_slider{display: none !important;} }
@media screen and (min-width: 44em),print {
    #slideWrapper,
    #slide_inner,
    .sub_slider{
        min-width: 990px;
    }
    #slide_inner{max-width: 1400px !important;}
}
.top_attention {
    position: absolute;
    top: 1%;
    right: 10%;
    width: 40%;
    padding: 1%;
    border: 2px solid #000;
    background: url(/wp-content/themes/qdh_corp/images/top_attention_bg.png);
    box-sizing: border-box;
}
.top_attention dt {
    width: 80%;
    margin: 0 auto 3.5%;
}
.top_attention dd {
    max-width: 49%;
    float: left;
}
.top_attention dd:last-child {
    float: right;
}
@media screen and (min-width: 44em),print {
    .top_attention {
        top: 8%;
        right: 17%;
        width: 33%;
        padding: 1%;
        border: 8px solid #000;
    }
    .top_attention dt {
        width: 100%;
    }
}
.message_kumamoto {
    text-align: center;
    padding: 1.5%;
}
@media screen and (min-width: 44em),print {
    .message_kumamoto {
        position: absolute;
        top: 9%;
        right: 17%;
        width: 33%;
        padding: 0;
    }
}
@media screen and (max-width: 44em) {
    .bx-controls {
        display: none;
    }
    .pdf_btn {
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 26.25em),print {
    .engineer_recruit_bnr a {
        display: block;
        max-width: 258px;
        margin: 0 auto;
    }
    .engineer_recruit_bnr a + a {
        margin-top: 5px;
    }
}
@media screen and (min-width: 26.3125em),print {
    .engineer_recruit_bnr {
        display: flex;
            gap: 0 10px;
    }
}
@media screen and (min-width: 44em),print {
    .guide_movie_bnr {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    .new_graduates_movie_bnr {
        position: absolute;
        right: 290px;
        bottom: 20px;
        transition: opacity .2s ease-out;
    }
    .new_graduates_movie_bnr:hover {
        cursor: pointer;
        opacity: .6;
    }
    .engineer_recruit_bnr {
        position: absolute;
        left: 20px;
        bottom: 20px;
    }
    .quiz-bnr {
        position: absolute;
        left: 300px;
        bottom: 20px;
    }
}
@media screen and (max-width: 43.9375em) {
    .guide_movie_bnr,
    .new_graduates_movie_bnr,
    .quiz-bnr {
        text-align: center;
        margin-top: 10px;
    }
    .engineer_recruit_bnr {
        padding: 1em;
    }
}
@media screen and (max-width: 1140px) {
    .new_graduates_movie_bnr {
        position: absolute;
        right: 20px;
        top: 5px;
    }
    .guide_movie_bnr {
        bottom: 5px;
    }
}
@media screen and (max-width: 44em) {
    .new_graduates_movie_bnr {
        position: unset;
    }
}
/* ------------------------------------------------------------------------------  sidebar */
#sidebar{text-align: center;}

#searchform,
.side_box,
#side_map,
#side_contact,
#sidebar .bnr,
#side_maga,
#side_link{
    margin-bottom: 1.5em;
}
.bnr-text {
    margin-bottom: 0.5em;
}

#searchform {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    position: relative;
}
#searchform #s {
    border: medium none;
    box-sizing: border-box;
    line-height: 28px;
    height: 28px;
    padding: 0 30px 0 0.5em;
    width: 100%;
    font-size: 100%;
    float: left;
}
#searchform #s_submit{
    background: #00aebb url(/wp-content/themes/qdh_corp/images/icon_search.png) center center no-repeat;
    background-size: 13px;
    border: none;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    position: absolute;
    right: 0;
}

.side_box{
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px 30px;
}
.side_kmamotojishin_bnr {
    margin-bottom: 1.5em;
}
#side_eco a{
    display: block;
    width: 220px;
    height: 35px;
    text-indent: -9999px;
    background-image: url(/wp-content/themes/qdh_corp/images/side_ec_btn.png);
    background-repeat: no-repeat;
    margin: 0 auto;
}
#side_eco a#se01{background-position: 0 0;}
#side_eco a#se02{background-position: 0 -35px;}
#side_eco a#se03{background-position: 0 -70px;}

#sidebar .bnr{display: block;}

#side_map p{margin: 0;}
#side_map p a{
    background-color: #00AEBB;
    color: #fff;
    display: block;
    font-weight: bold;
    text-align: center;
}
#side_map ul{
    background-image: url(/wp-content/themes/qdh_corp/images/side_map.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 1em;
    text-align: left;
}
#side_map ul li{
    display: inline-block;
    margin: 0 1em 1em 0;
}
#side_map ul li a{
    display: inline-block;
    padding: 0.05em 0.4em;
}
#side_map ul li a,
#office_map li a,
.prev-next a,
.eco_tab li{
    border: 1px solid #d1d1d1;
    border-radius: 0.3em;
    text-decoration: none !important;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #e7e7e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#e7e7e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

#side_contact img{
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 1px 0;
}

#side_maga a img{max-width: 140px !important;}

#side_link{}
#side_link > li{
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px;
}
#side_link > li p{
    background-color: #00aebb;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    padding: 1em 0;
    text-align: center;
    margin-bottom: 0;
}
#side_link > li .s_sub li{
    border-bottom: 1px dotted #ddd;
    padding: 0.25em 0.6em;
    text-align: left;
}
#side_link > li .s_sub a{
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg) 0 center no-repeat;
    padding-left: 1.2em;
    display: block;
    font-size: 12px;
}

@media screen and (min-width: 44em),print {
    #sidebar .contact_btn a{
        background-position: 7em center;
        font-size: 11px;
        padding: 1.2em 0 1.2em 11em;
    }

    #side_map ul{
        box-sizing: border-box;
        height: 250px;
        background-position: center center;
        position: relative;
    }
    #side_map ul li{
        margin: 0;
        position: absolute;
    }
    #side_map ul li#sb_fuku{left: 140px; top: 20px;}
    #side_map ul li#sb_saga{left: 70px; top: 35px;}
    #side_map ul li#sb_naga{left: 50px; top: 80px;}
    #side_map ul li#sb_ooit{left: 210px; top: 65px;}
    #side_map ul li#sb_kuma{left: 120px; top: 95px;}
    #side_map ul li#sb_miya{left: 180px; top: 150px;}
    #side_map ul li#sb_kago{left: 80px; top: 180px;}
    #side_map ul li a{font-size: 12px;}
}

/* ------------------------------------------------------------------------------  footer */
#footerWrapper{
    border-top: 1px solid #ddd;
    padding: 2em 0 0;
}

#footer_link{display: none;}

#foot_logo {
    margin-bottom: 1.5em;
    position: relative;
}
#foot_logo .footer-sns-box {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
}
.footer-sns-box li {
    margin-right: 20px;
    width: 40px;
}
.footer-sns-box li:last-child {
    margin-right: 0;
}
.footer-sns-box img {
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 480px) {
    #foot_logo {
        margin-bottom: 5px;
    }
    .footer-sns-box {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .footer-sns-box li {
        margin-right: 30px;
    }
}
#foot_logo img{
    max-width: 278px !important;
    display: block;
    margin: 0 auto 1em;
}
#foot_logo p{
    font-size: 12px;
    line-height: 1.6;
}

#subnav_foot{
    border-top: 1px solid #ddd;
    padding: 0.5em 0;
}
#subnav_foot li{
    display: inline-block;
    background: url(/wp-content/themes/qdh_corp/svg/arrow05.svg) 0 center no-repeat;
    background-size: 5px 5px;
    font-size: 11px;
    padding-left: 0.8em;
    margin-right: 1em;
}

#footer #to_top{display: none;}

#copy{
    background-color: #a5b0b7;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    padding: 1em;
    text-align: center;
}

#page-top {
    position: fixed;
    bottom: 0;
    right: 0;
    padding-right: 1em;
    padding-bottom: 1em;
}

@media screen and (min-width: 44em),print {
    #footer{position: relative;}
    #footer #to_top {
        display: block;
        position: absolute;
        right: 0;
        top: -59px;
    }

    #footer_link{
        margin-bottom: 2em;
        display: block;
    }
    #footer_link > li{
        border-right: 1px solid #ddd;
        width: 20%;
        float: left;
        box-sizing: border-box;
        padding: 0 1em;
        min-height: 270px;
    }
    #footer_link > li:first-child{border-left: 1px solid #ddd;}
    #footer_link > li p{
        background: url(/wp-content/themes/qdh_corp/svg/icon_title01.svg) 0 center no-repeat;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 0.8em;
        padding-left: 1.5em;
    }
    #footer_link > li .s_sub li{
        background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg) 0 0.2em no-repeat;
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 0.4em;
        padding-left: 1.2em;
    }

    #foot_logo{line-height: 50px;}
    #foot_logo img{
        float: left;
        margin: 0 45px 0 0;
    }
}

/* ------------------------------------------------------------------------------  contact_area */
#contact_area{clear: both;}
#contact_area .contact_btn a {
    font-size: 14px;
    padding: 1.4em 0 1.4em 4em;
    text-decoration: none;
}
@media screen and (min-width: 44em),print {
    #contact_area{
        background: url(/wp-content/themes/qdh_corp/images/contact_bg.png) 0 0 no-repeat;
        box-sizing: border-box;
        height: 180px;
        margin-top: 4em;
        padding: 30px 0 0 40px;
        position: relative;
    }
    #contact_area #ca_title{
        position: absolute;
        left: 20px;
        top: -10px;
    }
    #contact_area #ca_title::after{
        border-left: 4px solid #00585f;
        border-top: 10px solid transparent;
        content: "";
        height: 0;
        position: absolute;
        right: -4px;
        top: 0;
        width: 0;
    }
    #contact_area .contact_btn{
        width: 350px;
    }

    #contact_area .contact_btn a {
        width: 180px;
        padding: 1.4em 0 1.4em 7.5em;
        background-position: 4.5em center;
    }
}

/* ------------------------------------------------------------------------------  home */
#content,
#sidebar,
.top_sec{margin-bottom: 4em;}

.home #contentWrapper {
    padding-block-start: 2em;
}
.home-content-banner {
    display: flex;
        justify-content: center;
}

#top_3cont{
    font-size: 12px;
    line-height: 1.6;
    padding: 2em 0;
}
#top_3cont li{
    padding: 0 0 2em;
}

/*#top_3cont li>p{
    font-size:0.813em;
}*/

#news{
    position: relative;
}
#news .title1{
    background: url(/wp-content/themes/qdh_corp/svg/icon_title02.svg) 0 0 no-repeat;
    padding-left: 30px;
}
#news .tab_box{}
#news .tab_box .cat_list_sz{
    font-size:14px;
}
#news .tab_box .cat_list_sz li{
    cursor: pointer;
    float: left;
    font-weight: bold;
    padding: 0.6em 0.5em 0.6em 2.5em;
    position: relative;
    box-sizing: border-box;
    width: 50%;
}
#news .tab_box .cat_list_sz li::before{
    content: "";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 11px 11px;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 1.5em;
    top: 1em;
}
#news .tab_box .cat_list_sz li#clt01{background-color: #e5f7f8; color: #00aebb;}
#news .tab_box .cat_list_sz li#clt01::before{background-image: url(/wp-content/themes/qdh_corp/svg/arrow01.svg);}
#news .tab_box .cat_list_sz li#clt02{background-color: #ddf6ff; color: #00afec;}
#news .tab_box .cat_list_sz li#clt02::before{background-image: url(/wp-content/themes/qdh_corp/svg/arrow09.svg);}
#news .tab_box .cat_list_sz li#clt03{background-color: #ecf7ea; color: #45b035;}
#news .tab_box .cat_list_sz li#clt03::before{background-image: url(/wp-content/themes/qdh_corp/svg/arrow03.svg);}
#news .tab_box .cat_list_sz li#clt04{background-color: #fdeef0; color: #e9546b;}
#news .tab_box .cat_list_sz li#clt04::before{background-image: url(/wp-content/themes/qdh_corp/svg/arrow04.svg);}
#news .tab_box .cat_list_sz li#clt05{background-color: #fbe8bd; color: #f7ab00;}
#news .tab_box .cat_list_sz li#clt05::before{background-image: url(/wp-content/themes/qdh_corp/svg/arrow12.svg);}
#news .tab_box .cat_list_sz li.active{color: #fff !important;}
#news .tab_box .cat_list_sz li.active::before{
    background-image: url(/wp-content/themes/qdh_corp/svg/arrow02.svg) !important;
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
#news .tab_box .cat_list_sz li#clt01.active{background-color: #00aebb;}
#news .tab_box .cat_list_sz li#clt02.active{background-color: #00afec;}
#news .tab_box .cat_list_sz li#clt03.active{background-color: #45b035;}
#news .tab_box .cat_list_sz li#clt04.active{background-color: #e9546b;}
#news .tab_box .cat_list_sz li#clt05.active{background-color: #f7ab00;}
#news .tab_box .tabpanel{}
#news .tab_box .tabpanel#clb01{border-top: 4px solid #00aebb;}
#news .tab_box .tabpanel#clb02{border-top: 4px solid #00afec;}
#news .tab_box .tabpanel#clb03{border-top: 4px solid #45B035;}
#news .tab_box .tabpanel#clb04{border-top: 4px solid #E9546B;}
#news .tab_box .tabpanel#clb05{border-top: 4px solid #f7ab00;}
#news .tab_box .tabpanel ul{}

.cat_list li{
    border-bottom: 1px dotted #ccc;
    padding: 0.8em 0;
    font-size: 13px;
}
.cat_list li p {margin-bottom: 0.5em;}
.cat_list li p .date{
    font-size: 12px;
}
.cat_list li p .cat {
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin: 0 0 0 1em;
    padding: 0.1em 0 0;
    text-align: center;
    text-decoration: none;
    width: 82px;
}
.cat_list li p .cat{text-decoration: none !important;}
.cat_list li p .cat.news{background-color: #00afec;}
.cat_list li p .cat.recruit{background-color: #45b035;}
.cat_list li p .cat.event{background-color: #e9546b;}
.cat_list li p .cat.activity{background-color: #f7ab00;}
.cat_list li p .new {
    background-color: #d80c18;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    padding: 0.1em 0.5em 0;
    vertical-align: middle;
    margin-right: 1em;
    font-family: Verdana, Arial,sans-serif;
}
@media screen and (max-width: 480px) {
    .event-img {
        display: block;
        margin: 0 auto 20px;
        width: 210px;
    }
}
@media screen and (min-width: 481px) {
    .event-img {
        margin-right: 30px;
        width: 210px
    }
}



.anshin_box{}

#top_4cont{
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    padding: 1em;
}
#top_4cont li {
    box-sizing: border-box;
    float: left;
    padding: 0.5em;
    text-align: center;
    width: 50%;
}

.scale {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    position: relative;
    vertical-align: middle;
}

#top_3cont .scale{
    margin-bottom:1.4em;
}

.scale img {
    width: 100%;
    transition: transform 0.4s ease-out;
}
.scale img:hover {
    transform: scale(1.1);
}
.scale p{
    box-sizing: border-box;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 1em 0.4em;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.scale p.color1{background-color: rgba(233,84,107,0.6);}
.scale p.color2{background-color: rgba(0,65,144,0.6);}
.scale p.color3{background-color: rgba(247,171,0,0.6);}
.scale p.color4{background-color: rgba(69,176,53,0.6);}
.scale p::before{content: "〉";}

@media screen and (min-width: 38em) {
    #top_3cont li{
        float: left;
        width: 33.25%;
        padding: 0 1em;
        box-sizing: border-box;
    }
}
@media screen and (min-width: 44em),print {
    .home #contentWrapper {
        background: url(/wp-content/themes/qdh_corp/images/top_3cont_bg.png) center top no-repeat;
        padding-block-start: 60px;
    }
    #top_3cont{
        padding: 60px 0 50px;
    }
    #news .tab_box .cat_list_sz li{
        padding: 0.6em 1.5em 0.6em 2.5em;
        margin-right: 2px;
        width: auto;
    }

    .cat_list li p{
        display: block;
        margin-right: 0.8em;
    }

    .anshin_box{
        float: right;
        width: 360px;
    }
}
.failure-title {
    color: #e70000;
    font-size: 20px;
    margin-bottom: 20px;
}
.warning-box {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-out;
}
.warning-box.disnon {
    display: none !important;
}
.warning-box-title {
    border: 2px solid;
    color: #e70000;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
}
.warning-box.open {
}
.warning-box .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    padding: 40px 40px 0;
    z-index: 100;
}
@media screen and (min-width: 44em),print {
    .warning-box .inner {
        width: 500px;
        height: 325px;
        margin: auto;
        padding: 40px 40px 0;
    }
}
@media screen and (max-width: 44em) {
    .warning-box .inner {
        width: 90%;
        height: 400px;
        margin: auto;
        padding: 45px 20px 0;
    }
}
.warning-box h3 {
    margin-bottom: 15px;
}
.warning-box p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.warning-box .red {
    color: #e70000;
    font-weight: normal;
}
.warning-box ul {
    margin-bottom: 15px;
}
.warning-box li {
    transition: background .2s ease-out;
}
@media screen and (min-width: 44em),print {
    .warning-box li {
        display: inline-block;
    }
    .warning-box li:first-child {
        margin-right: 60px;
    }
    .warning-box li.onlylink {
        margin: 0 !important;
    }
    .warning-box li:hover {
        background: rgba(231,0,0,.2);
    }
}
@media screen and (max-width: 44em) {
    .warning-box li {
        margin-bottom: 10px;
    }
}
.warning-box a {
    display: block;
    background: url(/wp-content/themes/qdh_corp/svg/icon_arrow.svg) no-repeat 18px 50% /7px 13px;
    border: 2px solid #e70000;
    color: #e70000;
    font-weight: bold;
    padding: 5px 10px 4px 35px;
}
.close-btn.text {
    background:url(/wp-content/themes/qdh_corp/svg/icon_arrow.svg) no-repeat 2px 49% /7px 13px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding-left: 20px;
}
.close-btn.text:hover {
    color: #e70000;
}
.close-btn.batsu {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.new_graduates_movie-box {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-out;
}
.new_graduates_movie-box.on {
    opacity: 1;
    visibility: visible;
}
.new_graduates_movie-box.off {
    opacity: 0;
    visibility: hidden;
}
.new_graduates_movie-box .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    padding: 40px 40px 0;
    z-index: 100;
}
.new_graduates_movie-box h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.new_graduates_movie-box ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.new_graduates_movie-box li {
    text-align: center;
    width: 48%;
}
.new_graduates_movie-box iframe {
    width: 100%;
}
.new_graduates_movie-box a {
    font-size: 14px;
}
@media screen and (min-width: 44em),print {
    .new_graduates_movie-box .inner {
        width: 650px;
        height: 360px;
        margin: auto;
        padding: 40px;
    }
}
@media screen and (max-width: 44em) {
    .new_graduates_movie-box .inner {
        width: 90%;
        height: 350px;
        margin: auto;
        padding: 45px 20px 0;
    }
}

@media screen and (min-width: 44em){
    .graduates-movie-list a {
        display: block;
        /* z-index: 2; */
    }
    .graduates-movie-1,
    .graduates-movie-2 {
        position: relative;
    }
    .graduates-movie-1:before,
    .graduates-movie-2:before {
        content: url(/wp-content/themes/qdh_corp/images/btn_play_gray.png);
        display: block;
        margin: auto;
        width: 78px;
        height: 50px;
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;
    }
    .graduates-movie-1:hover:before,
    .graduates-movie-2:hover:before {
        content: url(/wp-content/themes/qdh_corp/images/btn_play_red.png);
        display: block;
        margin: auto;
        width: 78px;
        height: 50px;
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;
    }
}
@media screen and (max-width: 44em) {
    .graduates-movie-list a {
        display: block;
    }
    .graduates-movie-1,
    .graduates-movie-2 {
        position: relative;
    }
    .graduates-movie-1:before,
    .graduates-movie-2:before {
        content: '';
        background: url(/wp-content/themes/qdh_corp/images/btn_play_red.png);
        background-size: contain;
        display: inline-block;
        width: 50px;
        height: 32px;
        margin: auto;
        position: absolute;
        top: 25px;
        right: 0;
        left: 0;
    }
    /* .graduates-movie-1:hover:before,
    .graduates-movie-2:hover:before {
        content: url(/wp-content/themes/qdh_corp/images/btn_play_red.png);
        margin: auto;
        position: absolute;
        top: 15px;
        right: 0;
        left: 10px;
        width: 78px;
        height: 50px;
    } */
}
/* ------------------------------------------------------------------------------  breadCrumb */
#breadCrumb{
    font-size: 11px;
    margin-bottom: 3em;
}
#breadCrumb li{display: inline;}

/* ------------------------------------------------------------------------------  page common */
#content section{
    margin-bottom: 3em;
    counter-reset: serialnum 0;
}

.contact_btn li{
    width: 100%;
}
#header .contact_btn li:first-child{
    float: none;
    width: 100%;
}
@media screen and (max-width: 44em) {
    .contact_btn_v2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }
    .contact_btn_v2 li {
        width: 50%;
    }
    .contact_btn_v2 a {
        background-size: 33px 33px;
        background-position: 1em center;
        background-repeat: no-repeat;
        box-sizing: border-box;
        display: block;
        color: #fff !important;
        font-size: 12px;
        font-weight: bold;
        height: 100%;
        padding: 1.5em 0 1.5em 5em;
        text-align: left;
    }
    .contact_btn_v2 .cb01 {
        color: #333 !important;
        background-color: #eee;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon01.png);
        line-height: 38px;
    }
    .contact_btn_v2 .cb02 {
        background-color: #41c3cc;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon02.png);
    }
    .contact_btn_v2 .cb02 span {
        font-size: 9px;
        font-weight: bold;
    }
    .contact_btn_v2 .cb03 {
        background-color: #45b035;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon03.png);
    }
    .contact_btn_v2 .cb04 {
        background-color: #004190;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon04.png);
    }
    /*ヘッダー用コンタクトボタン　vs3_修正後 20171204*/
    .contact_btn_v3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }
    .contact_btn_v3 li {
        width: 50%;
    }
    .contact_btn_v3 a {
        background-size: 25px 25px;
        background-position: 0.5em center;
        background-repeat: no-repeat;
        box-sizing: border-box;
        display: block;
        color: #fff !important;
        font-size: 12px;
        font-weight: bold;
        height: 100%;
        padding: 15px 15px 15px 35px;
        text-align: left;
        display: flex;
        align-items: center;
        position: relative;
    }
    .contact_btn_v3 .cb01 {
        background-color: #004190;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon01_new.png);
    }
    .contact_btn_v3 .cb02 {
        background-color: #f9c041;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon02_new.png);
    }
    .contact_btn_v3 .cb03 {
        color: #666 !important;
        background-color: #f1f1f1;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon03_new.png);
    }
    .contact_btn_v3 .cb04 {
        background-color: #41c3cc;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon04_new.png);
    }
    .contact_btn_v3 .cb05 {
        background-color: #45b035;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon05_new.png);
    }
    .contact_btn_v3 .cb06 {
        color: #666 !important;
        background-color: #e1e1e1;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon06_new.png);
    }
    .contact_btn_v3 .cb07 {
        color: #666 !important;
        background-color: #f1f1f1;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon07_new.png);
    }
    .contact_btn_v3 .cb08 {
        color: #fff !important;
        background-color: #d65065;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon08.png);
        padding-top: 20px;
    }
    .contact_btn_v3 .cb09 {
        color: #fff !important;
        /* background: url(/wp-content/themes/qdh_corp/images/contact_btn_icon08.png), linear-gradient( 90deg, rgba(0,174,187,1) 0%, rgb(0,174,187,.1) 100%); */
        background-color: #00aebb;
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon09.png);
        padding-top: 20px;
    }
    .contact_btn_v3 .cb03::after,
    .contact_btn_v3 .cb06::after,
    .contact_btn_v3 .cb07::after,
    .contact_btn_v3 .db08::after
    {
        content: "";
        background: url(/wp-content/themes/qdh_corp/images/new_window.png) no-repeat center / 100%;
        display: block;
        width: 9px;
        height: 9px;
        position: absolute;
        right: 6px;
    }
    /* 20250530ヘッダーコンタクトボタン改修 */
    .contact-btn-primary {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-btn-primary__link {
        padding: 15px;
        display: flex;
        align-items: center;
        gap: .5em;
        font-size: 12px;
        font-weight: 700;
        color: #fff !important;
        text-align: left;
    }
    .contact-btn-primary__link::before {
        content: "";
        width: 23px;
        height: 23px;
        background-repeat: no-repeat;
        background-size: 100%;
        flex: none;
    }

    .contact-btn-primary__link--dsyunin {
        background-color: #f9c041;
    }
    .contact-btn-primary__link--dsyunin::before {
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon02_new.png);
    }

    .contact-btn-primary__link--demand {
        color: #666 !important;
        background-color: #f1f1f1;
    }
    .contact-btn-primary__link--demand::before {
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon03_new.png);
    }

    .contact-btn-primary__link--pvremote {
        background-color: #41c3cc;
    }
    .contact-btn-primary__link--pvremote::before {
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon04_new.png);
    }

    .contact-btn-primary__link--recruit {
        color: #666 !important;
        background-color: #e1e1e1;
    }
    .contact-btn-primary__link--recruit::before {
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon06_new.png);
    }

    .contact-btn-primary__link--demandeye {
        color: #666 !important;
        background-color: #f1f1f1;
    }
    .contact-btn-primary__link--demandeye::before {
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon07_new.png);
    }

    .contact-btn-primary__link--pcb {
        color: #fff !important;
        background-color: #d65065;
    }
    .contact-btn-primary__link--pcb::before {
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon08.png);
    }

    .contact-btn-primary__link--portal {
        background-color: #8957a1;
        color: #fff !important;
        grid-column: span 2;
    }
    .contact-btn-primary__link--portal::before {
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon_portal.png)
    }

    .contact-btn-second__link {
        padding: 15px;
        display: flex;
        align-items: center;
        gap: .5em;
        font-size: 12px;
        font-weight: 700;
        color: #fff !important;
        text-align: left;
    }
    .contact-btn-second__link::before {
        content: "";
        width: 23px;
        height: 28px;
        background-repeat: no-repeat;
        background-size: 100%;
        flex: none;
    }
    .contact-btn-second__link--download {
        background: #33bec9;
    }
    .contact-btn-second__link--download::before {
        background-image: url(/wp-content/themes/qdh_corp/images/contact_btn_icon09.png);
    }
}
.contact_btn a{
    background-size: 33px 33px;
    background-position: 1em center;
    background-repeat: no-repeat;
    display: block;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    padding: 1em 0 1em 5em;
    text-align: left;
}
.contact_btn a.cb01{
    background-color: #45b035;
    background-image: url(/wp-content/themes/qdh_corp/images/icon_mail.png);
}
.contact_btn a.cb02{
    background-color: #004190;
    background-image: url(/wp-content/themes/qdh_corp/images/icon_note.png);
}
.contact_btn a.cb03{
    color: #333 !important;
    background-color: #eee;
    background-image: url(/wp-content/themes/qdh_corp/images/icon_earth.png);
}
@media screen and (min-width: 44em),print {
    #header .contact_btn li,
    #header .contact_btn li:first-child{
        float: left;
        width: 33.33%;
    }
    .contact_btn a.cb03{
        background-image: url(/wp-content/themes/qdh_corp/images/icon_earth2.png);
        background-size: 100% 100%;
        background-position: 0 0 !important;
        text-indent: -9999px;
    }
}

.title0 {
    background-color: #00AEBB;
    box-shadow: 3px 3px 3px -1px rgba(0, 0, 0, 0.25) inset;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    line-height: 1.4;
}
.title1 {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1em;
    padding-bottom: 0.25em;
    line-height: 1.4;
}
.home .title1{font-size: 18px;}
.title2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.5em;
    line-height: 1.4;
    padding-left: 0.8em;
    position: relative;
}
.title2::after{
    content: "";
    height: 80%;
    width: 5px;
    background-color: #00AEBB;
    position: absolute;
    left: 0;
    top: 10%;
}
.title3{
    border: 1px solid #D1D1D1;
    font-size: 16px;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    position: relative;
    font-weight: bold;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
.title3::after {
    background-color: #00AEBB;
    content: "";
    height: 100%;
    left: 1px;
    position: absolute;
    top: 0;
    width: 2px;
}
.title4{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1em;
    padding: 0.5em 1em;

    background: #1a65b0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1a65b0 0%, #004c96 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a65b0), color-stop(100%,#004c96)); /* Chrome,Safari4+ */
    background: linear-gradient(to bottom,  #1a65b0 0%,#004c96 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a65b0', endColorstr='#004c96',GradientType=0 ); /* IE6-9 */
}
.title5 {
    background: #1661ab;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
    padding: 15px 0 15px 20px;
}
.title6 {
    background: #f3f3f3;
    border: 1px solid #d1d1d1;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 10px 20px;
    margin-bottom: 30px;
}
.title7 {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.title8 {
    text-decoration: underline;
    font-weight: 700;
}

/* ボックス */
.boxtxt {
    border: 1px solid #ddd;
    padding: 1em;
}
.boxtxt--inline-block {
    display: inline-block!important;
}
.boxtxt2 {
    background-color: #e5f7f8;
    border: 1px dotted #00aebb;
    padding: 1em;
}
.bbbox{
    background: url(/wp-content/themes/qdh_corp/images/line_blue.png) left bottom repeat-x;
    padding: 0 0 10px;
}

.tabtn{
    border-bottom: 5px solid #094794;
    margin-bottom: 1em;
}
.tabtn li{
    background: url(/wp-content/themes/qdh_corp/images/tabtn_bg02.png) right top no-repeat;
    box-shadow: 3px 3px 2px -2px rgba(255, 255, 255, 0.2) inset;
    border-color: #00aebb;
    border-style: solid;
    border-width: 0 0 0 1px;
    color: #fff;
    cursor: pointer;
    padding: 0 3em 0 1em;
    display: inline-block;
    line-height: 32px;
    height: 32px;
}
.tabtn li.active{
    background: url(/wp-content/themes/qdh_corp/images/tabtn_bg01.png) right top no-repeat;
    border-color: #094794;
}
.page .tabpanel{
    padding: 0 1.250em;
}

.al{
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg) 0 center no-repeat;
    padding-left: 1.2em;
    text-decoration: underline;
}
.alr{
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg) right center no-repeat;
    padding-right: 1.2em;
    text-decoration: underline;
}

/* リスト */
.alist li,
.alist2 li,
.clist li{
    padding-left: 1.2em;
    margin-bottom: 0.5em;
}
.alist li:last-child,
.alist2 li:last-child,
.clist li:last-child{margin-bottom: 0;}
.alist li{background: url(/wp-content/themes/qdh_corp/svg/arrow07.svg) 0 0.45em no-repeat;}
.alist2 li{background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg) 0 0.45em no-repeat;}
.clist li{background: url(/wp-content/themes/qdh_corp/images/icon_check.png) 0 0.45em no-repeat;}

.or_num li {
    margin-bottom: 0.5em;
    padding-left: 1.5em;
    position: relative;
}
.or_num li:last-child{margin-bottom: 0;}
.or_num li::before {
    color: #00c5d2;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -0.25em;
}
.or_num li:nth-child(1)::before{content: "①";}
.or_num li:nth-child(2)::before{content: "②";}
.or_num li:nth-child(3)::before{content: "③";}

.outlink::after,
#gnav #subnav li a[href*="recruit"]::after,
.contact_btn a.cb03 span::after{
    background: url(/wp-content/themes/qdh_corp/svg/icon_ol.svg) right center no-repeat;
    content: "";
    display: inline-block;
    height: 9px;
    width: 9px;
    padding-left: 0.4em;
}
#gnav #mainnav .outlink::after{background-image: url(/wp-content/themes/qdh_corp/svg/icon_ol_w.svg);}

.request-alert,
.request-alert2 {
    margin-bottom: 10px;
}
.request-alert dt,
.request-alert dd {
    color: #D80C18;
    font-weight: 700;
}
.request-alert dt,
.request-alert2 dt {
    float: left;
}
.request-alert dd,
.request-alert2 dd {
    line-height: 1.4;
    padding-left: 70px;
}
.request-red {
    color: #D80C18;
    font-weight: 700;
}
@media screen and (max-width: 480px) {
    .request-alert dd,
    .request-alert2 dd {
        white-space: normal;
    }
}

th,td {
    border: 1px solid #ddd;
    padding: 0.4em 0.8em;
}
.table1{}
.table1 th{background-color: #eee}

.caption{
    background-color: #FFF1F9;
    padding: 1em;
}
.semi_table .thead *{
    text-align: center;
    background-color: #eee;
}
.semi_table th,
.semi_table td{
    font-size: 12px;
    vertical-align: middle;
}

.semi_table.center th,
.semi_table.center td {
    text-align: center;
}

.table_rwd1 th,.table_rwd1 td{display: block;}

.tablebox{
    display: block;
    width: 100%;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
}
.tablebox table{width: 660px;white-space: normal;}

col.w8p{width: 8%;}
col.w10p{width: 10%;}
col.w12p{width: 12%;}
col.w15p{width: 15%;}
col.w17p{width: 17%;}
col.w20p{width: 20%;}
col.w23p{width: 23%;}
col.w25p{width: 25%;}
col.w30p{width: 30%;}
col.w35p{width: 35%;}
col.w40p{width: 40%;}
col.w45p{width: 45%;}
col.w50p{width: 50%;}
col.wh{width: 33.33%;}
col.wa{width: auto;}

.cont_t_inner{
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
}

.fbr{display: none;}

.ul_style01 li{margin-bottom: 2em;}
.ul_style01 li h4{
    font-weight: bold;
    border: 1px solid #ddd;
    margin-bottom: 1em;
    padding: 0.5em;
}

@media screen and (min-width: 44em),print {
    .fbr{display: inline;}
    #pagetitle h2{
        padding: 2em 1em;
    }

    .table_rwd1 th,.table_rwd1 td{display: table-cell;}
}

/* 2 column */
.contact_box {
    padding: 1em;
    background-color: #ECECEC;
}
.column-image__content {
    max-width: 240px;
}
.column-image__text {
    display: block;
}
@media screen and (min-width: 515px),print {
    .flex {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .flex .column-text {
        flex-grow: 1;
        max-width: 450px;
    }
    .flex .column-image {
        margin-left: 2em;
    }
    .checklist {
        list-style: none;
    }
    .flex--post-1 {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .flex--post-1 img:first-child {
        margin-right: 20px;
    }
}

video{max-width: 660px !important;}
embed{width: 100%;}

/* ------------------------------------------------------------------------------  faq */
.faq_list {
    margin: 0 0 1em;
}
.faq_list dt {
    cursor: pointer;
    background: url(/wp-content/themes/qdh_corp/images/faq_q.png) 0 0 no-repeat;
    background-size: 26px 26px;
    padding: 2px 20px 2px 40px;
    margin-bottom: 1em;
    position: relative;
}
.faq_list dt::after,
.qdh-ac__open::after {
    content: "";
    background: url(/wp-content/themes/qdh_corp/images/ac_p.png) 0 0 no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 5px;
}
.faq_list dt.open::after,
.qdh-ac__open.open::after {
    background: url(/wp-content/themes/qdh_corp/images/ac_m.png) 0 0 no-repeat;
    background-size: 16px;
}
.faq_list dd {
    background: url(/wp-content/themes/qdh_corp/images/faq_a.png) 0 0 no-repeat;
    background-size: 26px 26px;
    padding: 2px 0 2px 40px;
    margin-bottom: 1em;
}
@media screen and (min-width: 44em),print {
    .faq_list {
        margin: 0 1em 1em;
    }
}
.faq_list2 {
    margin: 0 0 1em;
}
.faq_list2 dt {
    cursor: pointer;
    background: url(/wp-content/themes/qdh_corp/images/faq_q2.png) 0 0 no-repeat;
    background-size: 26px 26px;
    padding: 2px 20px 2px 40px;
    margin-bottom: 1em;
    position: relative;
}
.faq_list2 dt::after {
    content: "";
    background: url(/wp-content/themes/qdh_corp/images/ac_p.png) 0 0 no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 5px;
}

.faq_list2 dt.open::after {
    background: url(/wp-content/themes/qdh_corp/images/ac_m.png) 0 0 no-repeat;
    background-size: 16px;
}
.faq_list2 dd {
    background: url(/wp-content/themes/qdh_corp/images/faq_a.png) 0 0 no-repeat;
    background-size: 26px 26px;
    padding: 2px 0 2px 40px;
    margin-bottom: 1em;
}
.faq_list2 dt.faqactive {
    background-color: #e5f7f8;
    font-weight: 700;
}
@media screen and (min-width: 44em),print {
    .faq_list2 {
        margin: 0 1em 1em;
    }
}
.faq-link {
    word-break: break-all;
}

/* ------------------------------------------------------------------------------  Effect */
.colorbox{
    display: inline-block;
    position: relative;
    /* width: 100%; */
    overflow: hidden;
}
.boxEffect{
    -weblit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: rgba(0, 0, 0, 0.4) url(/wp-content/themes/qdh_corp/images/icon_search.png) center top no-repeat;
    position: absolute;
    top: 100%;
    left: 0;
}
a:hover .boxEffect{
    background-position: center center;
    top: 0;
    height: 100%;
    width: 100%;
}
.clbox_wrap{display: none;}
.clbox_ic{
    /*padding: 0.25em;*/
    max-width: 660px !important;
}

video{
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}

.ac_panel{}
.ac_open{
    cursor: pointer;
    text-decoration: underline;
}
.ac_open:hover{
    color: #00aebb;
    text-decoration: none;
}

/* ----------------------------------------------------------- Popup-Overlay */
.popup_wrap input {
    display: none;
}

.popup_overlay {
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
}

.popup_trigger {
    position: absolute;
    width: 100%;
    height: 100%;
}

.popup_content {
    box-sizing: border-box;
    background: #fff;
    /*align-self: center;*/
    line-height: 1.4em;
    /*max-width: 80%;*/
    padding: 30px 30px 15px;
    overflow: scroll;
    text-align: center;
    transition: 0.5s;
    position: relative;
    width: 90%;
}

.close_btn {
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 30px;
    cursor: pointer;
}

.popup_wrap input:checked ~ .popup_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
}

.open_btn {
    font-weight: 700;
    text-decoration: underline;
    color: #004190;
}
.open_btn:hover{
    cursor: pointer;
}

/* ------------------------------------------------------------------------------  page hakyu */
.hakyu_txt{
    background-color: #ff5400;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0.5em 1em;
    text-align: center;
}

/* ------------------------------------------------------------------------------  page about */
#yakuin table{min-width: 320px;}
.public-docs li {
    margin-bottom: 10px;
}
.about-docs li .button_pdf {
    border-radius: 0 5px 0 0;
}
.rinri-block {
    margin-bottom: 2em;
}
.rinri-contact--download {
    margin-left: 2em;
}
.rinri-madoguchi {
    border: 1px solid #999;
    margin-bottom: 2em;
    padding: 20px 5vw;
}
.rinri-madoguchi__group {
    margin-top: 10px;
}
.rinri-madoguchi__group > dt {
    font-weight: 700;
}
@media screen and (min-width: 481px) {
    .about-docs li .button_pdf {
        width: 300px;
    }
    .rinri-madoguchi {
        padding: 20px;
    }
    .rinri-contact {
        padding-left: 2em;
    }
    .rinri-popup-box {
        display: none;
    }
    .rinri-popup-box {
        background: rgba(0,0,0,.8);
        padding: 20px;
        /* width: 100%; */
        /* height: 100%; */
        z-index: 9999;
        transition: opacity .3s ease-out;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-font-smoothing: none;
        -webkit-font-smoothing: antialiased;
        -webkit-font-smoothing: subpixel-antialiased;
    }
    .rinri-popup-box__inner {
        background: #fff;
        box-sizing: border-box;
        padding: 40px 30px;
        margin: auto;
        width: 670px;
        height: 530px;
        position: relative;
    }
    .rinri-popup-box h3 {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 10px;
        text-align: center;
    }
    .rinri-popup-box__table dt {
        text-decoration: underline;
        font-weight: 700;
    }
    .rinri-popup-box__inner .maru-num-list li {
        /* padding-left: 1em!important; */
        margin-left: 0;
        /* text-indent: -1em; */
    }
    .show-policy-popup:hover {
        cursor: pointer;
        color: #00aebb;
    }
}
@media screen and (max-width: 480px) {
    .about-docs li .button_pdf {
        display: block;
    }
    .rinri-popup-box {
        display: none;
    }
    .rinri-popup-box {
        background: rgba(0,0,0,.8);
        box-sizing: border-box;
        padding: 10px;
        width: 90%;
        /* height: 100%; */
        z-index: 9999;
        transition: opacity .3s ease-out;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-font-smoothing: none;
        -webkit-font-smoothing: antialiased;
        -webkit-font-smoothing: subpixel-antialiased;
    }
    .rinri-popup-box__inner {
        background: #fff;
        box-sizing: border-box;
        overflow: hidden;
        overflow-y: scroll;
        padding: 40px 10px;
        margin: auto;
        width: 100%;
        height: 500px;
        position: relative;
    }
    .rinri-popup-box h3 {
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 10px;
        text-align: center;
    }
    .rinri-popup-box__table dt {
        text-decoration: underline;
        font-weight: 700;
    }
    .rinri-popup-box__inner .maru-num-list li {
        padding-left: 1em!important;
        margin-left: 0;
        text-indent: -1em;
    }
}

/* ------------------------------------------------------------------------------  page reemployment_system */
.reemployment__box {
    margin: 1em;
}
.reemployment__heading {
    margin-block: 1em 0.5em;
}
.reemployment__table th,
.reemployment__table td {
    border: none!important;
}
.reemployment__img {
    text-align: center;
}
.reemployment__contact {
    background-color: #d8f3f4;
    padding: 1.5em;
}
.reemployment-contact__title {
    color: #00aebb;
    border-bottom: 1px solid #00aebb;
}
.reemployment-contact__item {
    background-color: #00aebb;
    font-weight: bold;
    color: #fff;
    width: 110px;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    font-size: 12px;
    padding-top: 2px;
    margin-right: 10px;
}
@media screen and (min-width: 721px) {
    .reemployment__box {
        margin: 1.5em;
    }
}
@media screen and (min-width: 601px) {
    .reemployment__table th {
        width: 15%;
    }
    .reemployment__table td {
        width: 85%;
    }
    .reemployment-contact__box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-row-gap: 5px;
    }
    .reemployment-contact__element1 {grid-area: 1 / 1 / 2 / 3;}
    .reemployment-contact__element2 {grid-area: 2 / 1 / 3 / 2;}
    .reemployment-contact__element3 {grid-area: 2 / 2 / 3 / 3;}
}
@media screen and (max-width: 600px) {
    .reemployment__table th {
        width: 27%;
    }
    .reemployment__table td {
        width: 73%;
    }
    .reemployment-contact__box {
        display: flex;
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }
    .reemployment-contact__item {
        display: block;
        width: 210px;
        margin: auto;
    }
}
@media screen and (max-width: 720px) {
}

/* ------------------------------------------------------------------------------  page qdh vision */
@media screen and (max-width: 768px) {
    .qdh-vision-strategy__group + .qdh-vision-strategy__group {
        margin-top: 25px;
    }
    .qdh-vision-strategy__img {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        margin-bottom: 20px;
    }
    .qdh-vision-strategy__icon {
        margin-right: 20px;
    }
    .qdh-vison-business__group + .qdh-vison-business__group {
        margin-top: 15px;
    }
}
.qdh-vision__title1 {
    border-bottom: 2px solid #8ecde8;
    color: #1d9bd0;
    padding: 0 5px 0.25em;
    margin: 40px 0 15px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.qdh-vision__title1::before {
    content: '';
    background: #fff36d;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 7%;
    height: 2px;
}
.qdh-vision__title2 {
    background: #6cbee1;
    color: #fff;
    border-radius: 20px;
    padding: 3px 20px;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    min-width: 150px;
    text-align: center;
    margin-bottom: 20px;
}
.qdh-vision__img01 {
    display: block;
    margin: 0 auto 40px;
}
.qdh-vision__img02 {
    display: block;
    margin: 0 auto 40px;
}
.qdh-vision-strategy {
    margin-top: 25px;
}
.qdh-vision-strategy__label {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.1em;
}
.qdh-vision-strategy__label--red {color: #C86A63;}
.qdh-vision-strategy__label--yellow {color: #DEAE15;}
.qdh-vision-strategy__label--green {color: #99BC5E;}
.qdh-vision-strategy__label--blue {color: #5F7EB7;}
.qdh-vison-business__label {
    color: #C86A63;
    font-weight: 700;
    border-top: 1px solid;
    border-bottom: 1px solid;
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
}
.qdh-ac__open {
    position: relative;
}
.qdh-ac__panel {
    text-align: left;
}
.gray-box {
    border: 4px solid #eee;
    padding: 20px;
}
@media screen and (min-width: 769px) {
    .qdh-vision-strategy__group {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .qdh-vision-strategy__group + .qdh-vision-strategy__group {
        margin-top: 30px;
    }
    .qdh-vision-strategy__img {
        width: calc(135 / 510 * 100%);
    }
    .qdh-vision-strategy__icon {
        display: block;
        margin: auto;
    }
    .qdh-vision-strategy__content {
        width: calc(370 / 510 * 100%);
    }
    .qdh-vision-business {
        display: flex;
        justify-content: space-between;
    }
    .qdh-vison-business__group {
        width: 48%;
    }
    .qdh-vision-strategy__label {
        margin-top: 15px;
    }
}

/* ------------------------------------------------------------------------------  page DX */
.dp-ib {
    display: inline-block;
}

.title-dx {
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 25px;
    padding: 0.5em;
    line-height: 1.4;
}

.qdh-dx__title {
    display: inline-block;
    font-size: 16px;
    background-color: #3355cc;
    color: #fff;
    padding-inline: 22px;
    padding-block: 10px;
    font-weight: bold;
}

.qdh-dx-strategy {
    margin-top: 25px;
}
.qdh-dx__img {
    display: block;
}
.qdh-dx__img--01 {
    display: block;
    margin: 0 auto 20px;
}
.qdh-dx-strategy__wrap {
    display: flex;
    gap: 1em;
    align-items: flex-start;
}

.qdh-dx-strategy__container + .qdh-dx-strategy__container {
    margin-top: 30px;
}


@media screen and (min-width: 769px) {
    .qdh-dx-strategy__group {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .qdh-dx-strategy__wrap {
        display: flex;
        gap: 20px;
    }
    .qdh-dx__img {
        margin: 0 auto;
    }
    .qdh-vision-strategy__icon {
        display: block;
        margin: auto;
    }
    .qdh-vision-business {
        display: flex;
        justify-content: space-between;
    }
    .qdh-vison-business__group {
        width: 48%;
    }
    .qdh-vision-strategy__label {
        margin-top: 15px;
    }
}


.qdh-dx-strategy__label {
    font-size: 16px;
    font-weight: 700;
    margin-block-end: 15px;
    color: #3355cc;
}

.qdh-dx-strategy__label:before {
    counter-increment: number 1;      /* number カウンタの増加数をセット */
  content: counter(number) ". ";
}

.qdh-dx-strategy__content {
    font-size: 13px;
}

/* ------------------------------------------------------------------------------  page office */
#office_map{
    background: url(/wp-content/themes/qdh_corp/images/office_map.png) center top no-repeat;
    background-size: contain;
    position: relative;
}
#office_map li{display: inline-block;}
#office_map li a{
    display: inline-block;
    margin: 0 1em 1em 0;
    padding: 0.25em 1.5em;
    text-decoration: none;
}

.table_off{
    font-size: 12px;
    width: 660px;
}
.table_off tr:first-child{
    background-color: #84C6E8;
    color: #004190;
}
.table_off th,.table_off td{vertical-align: middle;}

.bg_bu{background-color: #ebfbfb;}
.vat{vertical-align: top !important;}
@media screen and (min-width: 44em),print {
    #office_map{
        height: 550px;
    }
    #office_map li{
        margin: 0;
        position: absolute;
    }
    #office_map li a{margin: 0;}
    #office_map li#b_honbu{left: 30px; top: 30px;}
    #office_map li#b_kita{left: 330px; top: 0;}
    #office_map li#b_fuku{left: 220px; top: 50px;}
    #office_map li#b_saga{left: 160px; top: 110px;}
    #office_map li#b_naga{left: 110px; top: 200px;}
    #office_map li#b_ooit{left: 450px; top: 110px;}
    #office_map li#b_kuma{left: 260px; top: 240px;}
    #office_map li#b_miya{left: 410px; top: 310px;}
    #office_map li#b_kago{left: 260px; top: 450px;}
}

/* ------------------------------------------------------------------------------  page business */
#eco_m_box{
    margin-bottom: 2em;
}
.eco_tab{
    display: table;
    width: 100%;
    text-align: center;
}
.eco_tab li{
    cursor: pointer;
    display: table-cell;
    width: 12.5%;
    padding: 0.5em 0;
}
.eco_tab li.active{
    color: #fff;
    background: #3bdae5; /* Old browsers */
    background: -moz-linear-gradient(top, #3bdae5 0%, #00aebb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bdae5), color-stop(100%,#00aebb)); /* Chrome,Safari4+ */
    background: linear-gradient(to bottom, #3bdae5 0%,#00aebb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bdae5', endColorstr='#00aebb',GradientType=0 ); /* IE6-9 */
}
#eco_m_box .tabpanel{
    background-color: #f5f5f5;
    padding: 2em 1em;
    text-align: center;
}
#eco_m_box .tabpanel video{
    border: 5px solid #fff;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
}

/* ---------------------------------------------------------------  page pcb */
.page-pcb p {
    font-size: 13px;
}
.pcb-menu {
    display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    margin-bottom: 25px;
}
.pcb-menu li {
    margin: 0 10px 10px 0;
}
.pcb-menu li a {
    background: #d65064;
    display: block;
}
.pcb-menu li a,
.pcb-menu li a:hover {
    color: #fff;
    border-radius: 3px;
    padding: 5px 10px 5px 25px;
    position: relative;
    text-decoration: none!important;
}
.pcb-menu li a:before {
    content: url(/wp-content/themes/qdh_corp/images/icon_down_pink.png);
    position: absolute;
    top: 6px;
    left: 7px;
}
.pcb-menu li a:hover {
    background: #00aebb;
}
.pcb-menu li a:hover:before {
    content: url(/wp-content/themes/qdh_corp/images/icon_down_green.png);
    position: absolute;
    top: 6px;
    left: 7px;
}
.pcb-cite-box {
    margin-bottom: 30px;
}
.pcb-cite-box img {
    text-align: center;
}
.pcb-cite-box cite {
    font-size: 11px;
}
.pcb-cite-box cite a {
    word-break: break-all;
}
.pcb-title-red {
    color: #d80c18;
    font-size: 12px;
}
.pcb-box1 {
    border: 1px solid #d1d1d1;
    padding: 20px;
}
.pcb-box1 .red {
    font-size: 12px;
}
.pcb-table1 {
    border: 1px solid #a8d08d;
    margin-bottom: 10px;
}
.pcb-table1 th {
    background: #70ad47;
    color: #fff;
    text-align: center;
}
.pcb-table1 .green-row td {
    background: #e2efd9
}
.pcb-table1 th,
.pcb-table1 td {
    font-size: 12px;
}
.pcb-punishment {
    color: #D80C18;
    font-weight: 700;
    margin-bottom: 20px;
}
.pcb-definition {
    counter-reset: item 1;
    margin-bottom: 20px;
}
.pcb-definition li {
    display: block;
    padding-left: 2em;
    text-indent: -1.5em;
    margin-bottom: 5px;
}
.pcb-definition li:before {
    content: counter(item) ".";
    counter-increment: item;
    padding-right: .5em;
}
.pcb-definition-child {
    counter-reset: item_child 0;
}
.pcb-definition-child li {
    display: block;
    padding-left: 2em;
    text-indent: -2em;
}
.pcb-definition-child li:before{
    content: counter(item_child, cjk-ideographic) "、";
    counter-increment: item_child;
    padding-right: 0;
}
/* ------------------------------------------------------------------------------  page consumer */
.flow li{margin-bottom: 2em;}
.flow li .flow_title{
    border: 1px solid #00aebb;
    margin-bottom: 1em;
}
.flow li .flow_title p{
    background-color: #00aebb;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0 !important;
    min-width: 110px;
    padding: 0 1em;
    text-align: center;
}
.flow li .flow_title p span{
    font-size: 24px;
    padding-left: 0.2em;
    vertical-align: sub;
}
.flow li .flow_title h3{
    background-color: #e5f7f8;
    font-weight: bold;
    padding: 0 1em;
}
.flow li .floatR{margin: 0 auto 1em;}

#sagi{
    background: #fdeef0 url(/wp-content/themes/qdh_corp/images/bg_warning.png) 0 7px repeat-x;
    padding: 4em 1em 1em;
}
#sagi h2{
    margin-bottom: 1em;
}
#sagi .biko{
    background-color: #fff;
    font-size: 12px;
    padding: 1em;
}

#sagi .check {
    background: #ccff99;
    margin-top: 30px;
    padding: 2em;
    position: relative;
}
#sagi .check p {
    color: #fff;
}
/*#sagi .check ul{
    background: #D80C18;
    padding: 1em;
    color: #fff;
}
#sagi .check ul li{
    background: #D80C18 url(/wp-content/themes/qdh_corp/svg/arrow06.svg) left center no-repeat;
    padding-left: 1em;
}*/
#sagi .check img{
    display: block;
    margin: 0 auto 1em;
}
#sagi .check ul a{color: #fff;display: inline;}

#sagi .check img.img_certification {
    margin: 10px auto 0;
}

@media screen and (min-width: 44em),print {
    .flow li .floatR{margin: 0 0 0 2em;}
    .flow li .flow_title{
        line-height: 35px;
        height: 35px;
        overflow: hidden;
    }
    .flow li .flow_title p{
        float: left;
    }
    .flow li .flow_title h3{
        padding: 0 0 0 9em;
    }

    #sagi h2{
        float: left;
    }

    #sagi .check{
        overflow: hidden;
    }
    #sagi .check p {
        margin: 0;
    }
    #sagi .check img.img_certification {
        margin: 40px auto 0;
    }
    /*#sagi .check ul{
        background: #D80C18 url(/wp-content/themes/qdh_corp/images/bg_sagi02.png) 1em center no-repeat;
        padding: 1em 1em 1em 11em;
    }
    #sagi .check ul li{
        background: #D80C18 url(/wp-content/themes/qdh_corp/svg/arrow06.svg) left center no-repeat;
        padding-left: 0.8em;
    }
    #sagi .check img{
        position: absolute;
        right: 1em;
        bottom: 0;
    }*/
}

/* ------------------------------------------------------------------------------  page disaster & enesave */
.page-disaster .tabtn{border-color: #8e4c00;}
.page-disaster .tabtn li{
    background: url(/wp-content/themes/qdh_corp/images/tabtn_bg04.png) right top no-repeat;
    border-color: #3FA8D6;
}
.page-disaster .tabtn li.active{
    background: url(/wp-content/themes/qdh_corp/images/tabtn_bg03.png) right top no-repeat;
    border-color: #B3957F;
}

@media screen and (min-width: 44em),print {
    .page-disaster .w320{float: right;}
    .page-enesave .w320{float: right;}
    .page-enesave .w160{float: left;}
}

/* ------------------------------------------------------------------------------  page howto_electlic */
#howto_electlic li{
    box-sizing: border-box;
    padding: 0 0.5em 1em;
}
#howto_electlic li div{
    border: 1px solid #ddd;
    padding: 0.25em;
}
#howto_electlic li p{
    padding: 0 0.5em;
}
#howto_electlic li h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1em;
    padding: 0.25em 1em;
    position: relative;

    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */

}
#howto_electlic li h3::before{
    content: "";
    height: 80%;
    width: 4px;
    background-color: #00aebb;
    position: absolute;
    top: 10%;
    left: 0.3em;
}

@media screen and (min-width: 44em),print {
    #howto_electlic li{
        float: left;
        width: 50%;
    }

    /* float right image */
    .fr_img_m{margin-left: 2em;}
    .fl_img_m{margin-right: 2em;}
}

/* ------------------------------------------------------------------------------  page new_energy */
#new_energy_list li{margin-bottom: 2em;}

/* ------------------------------------------------------------------------------  page keihatsu */
#keihatsu_list + #keihatsu_list {
    border-top: 1px solid #ddd;
    padding-top: clamp(20px,calc(20 / 768 * 100vw),30px);
    margin-top: 20px;
}
#keihatsu_list li{
    box-sizing: border-box;
    padding: 0 1em 1em;
}
#keihatsu_list h3{
    font-weight: bold;
    margin-bottom: 0.25em;
}
#keihatsu_list .dlbtn{
    background-color: #66ced6;
    border-radius: 0.2em;
    color: #fff;
    display: inline-block;
    padding: 0.2em 1em;
}

@media screen and (min-width: 44em),print {
    #keihatsu_list li{
        width: 50%;
        min-height: 200px;
        float: left;
    }
}
@media screen and (min-width: 481px) {
    .page-keihatsu #keihatsu_list.keihatsu-attentions {
        display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
    }
    .page-keihatsu #keihatsu_list.keihatsu-attentions li {
        float: none;
        min-height: 200px;
        margin-bottom: 15px;
        padding: 0;
        width: 48%;
    }
}
@media screen and (max-width: 720px) {
    .page-keihatsu #keihatsu_list.keihatsu-attentions li {
        min-height: 200px;
        margin-bottom: 30px;
        padding: 0;
        width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .page-keihatsu #keihatsu_list.keihatsu-attentions li {
        min-height: 150px;
        margin-bottom: 15px;
        padding: 0;
        width: 100%;
    }
}

/* ------------------------------------------------------------------------------  page taiyoko */
.page-taiyoko #sec05 ul h3{
    color: #0054a7;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.page-taiyoko #sec05 ul h3::before {
    content: "〉";
    font-size: 14px;
}
.page-taiyoko #sec05 .image_grp{
    text-align: center;
}

@media screen and (min-width: 44em),print {
    .page-taiyoko #sec05 ul{
        width: 400px;
        float: left;
    }
    .page-taiyoko #sec05 .image_grp{
        width: 200px;
        float: right;
    }
    .page-taiyoko #sec05 .image_grp img{
        margin-bottom: 1em;
    }
}

/* ------------------------------------------------------------------------------  page econet */
section .ecosec{margin-bottom: 3em;}
section .ecosec:last-child{margin-bottom: 0;}
.ecotitle{
    font-size: 18px;
    font-weight: bold;
    color: #1583bf;
    margin-bottom: 0.5em;
}
.ecotitle.op::after{
    content: "オプション";
}

.alist_blue li{
    background: url(/wp-content/themes/qdh_corp/svg/arrow10.svg) 0 0.25em no-repeat;
    margin-bottom: 1em;
    padding-left: 1.2em;
}
.alist_blue li h4{
    color: #1583bf;
    font-size: 15px;
    font-weight: bold;
}

.ecolist li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 0.4em;
    font-size: 11px;
}
.ecolist img{
    display: block;
    margin: 0 auto 1em;
}

#ecokey01,
#ecokey02,
#ecokey03{
    margin-bottom: 1em;
}
#ecokey01{color: #ec9300;}
#ecokey02{color: #59b02f;}
#ecokey03{color: #ec6d74;}
#ecokey01 p,
#ecokey02 p,
#ecokey03 p{
    font-size: 18px;
    font-weight: bold;
    margin: 1em 0 0;
}

.page-econet table{text-align: center;}
.page-econet table tr th,
.page-econet table tr td{
    border-color: #B3D0E5;
    text-align: center;
    vertical-align: middle;
}
.page-econet table tr th{color: #004190;}
.page-econet table tr:nth-child(even) td{background-color: #DDF6FF;}

@media screen and (min-width: 44em),print {
    #ecokey03{
        background: url(/wp-content/themes/qdh_corp/images/econet20.png) right bottom no-repeat;
    }
    .ecolist li{
        width: 25%;
    }
}

/* ------------------------------------------------------------------------------  page kawara */
#kawara_title{
    background-color: #fcf9f3;
    border-top: 2px solid #375b97;
    padding: 1.5em;
    margin-bottom: 2em;
    line-height: 1.4;
}
#kawara_title .kt_inner{font-size: 12px;}
#kawara_title .kt_inner h2{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin: 1em 0 0.5em;
}
#kawara_title .kt_inner h2 span{
    font-size: 12px;
    font-weight: normal;
}
#kawara_title .kt_inner img{margin-bottom: 0.5em;}

.kawara_t{
    background-color: #fcf9f3;
    color: #375b97;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0.8em;
    padding: 0.2em 1.2em;
    position: relative;
}
.kawara_t::before{
    background-color: #375b97;
    content: "";
    position: absolute;
    width: 5px;
    height: 70%;
    top: 15%;
    left: 0.6em;
}
@media screen and (min-width: 44em),print {
    #kawara_title .kt_inner{
        float: right;
        width: 200px;
    }
    #kawara_title .kt_inner h2{
        margin: 0 0 0.5em;
    }
}

/* kawara_list */
.kawara_list{}
.kawara_list li{
    background-color: #fff;
    padding: 1.5em;
    margin-bottom: 0.5em;
    position: relative;
}
.kawara_list li:last-child{margin-bottom: 0;}
.kawara_list li img{
    display: block;
    margin: 0 auto 1em;
}
.kawara_list li p{
    font-size: 18px;
    font-weight: bold;
}
.kawara_list li h3{
    font-weight: bold;
    margin-bottom: 1em;
}
.kawara_list li h3 span{
    font-size: 12px;
    font-weight: normal;
}
.kawara_list li a{
    background-color: #1b8ca5;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none !important;
}

@media screen and (min-width: 44em),print {
    .kawara_list li img{
        float: left;
        padding-right: 1.5em;
        margin: 0;
    }
    .kawara_list li h3 span{display: block;}
    .kawara_list li a{
        display: inline-block;
        position: absolute;
        right: 1.5em;
        bottom: 1.5em;
    }
}

/* vol.2 */
.kawa02_03a .txtR img{vertical-align: bottom;}

@media screen and (min-width: 44em),print {
    .kawa_02a{
        float: left;
        width: 230px;
    }
    .kawa_02b{
        float: right;
        width: 107px;
    }
    .kawa_02a img,.kawa_02b img{margin-bottom: 0.5em}
    .kawa02_03a{
        float: right;
        width: 315px;
    }
}
/* vol.3 */
.kawa_03a p{
    float: right;
    margin: 0;
    padding-top: 5.5em;
}
.kawa_03a img{
    float: right;
    margin-left: 1em;
}
/* vol.5 */
.kawa05a{
    background: url(/wp-content/themes/qdh_corp/images/kawara05_3.png) right bottom no-repeat;
    min-height: 203px;
    padding-right: 9.5em;
}

/* ------------------------------------------------------------------------------  page tvcm */
.mov_thumb{
    text-align: center;
    margin-bottom: 1em;
}
.cmlist li{
    margin-bottom: 1em;
    padding: 1em;
}
.cmlist li:last-child{margin-bottom: 0;}
.cmlist li:nth-child(1){background-color: #fdeac0;}
.cmlist li:nth-child(2){background-color: #fad5da;}
.cmlist li:nth-child(3){background-color: #edd1e4;}
.cmlist li:nth-child(4){background-color: #fbb8e5;}

.radio-list audio {
    width: 100%;
}
.radio-list li {
    background-color: #d8f3f4;
    box-sizing: border-box;
    padding: 1.5%;
    margin-bottom: 10px;
    width: 100%;
}
.radio-list figcaption {
    margin-bottom: 5px;
}
@media screen and (min-width: 44em),print {
    .mov_thumb{
        float: left;
        width: 220px;
        margin-bottom: 0;
    }
    .cmlist{
        float: right;
        width: 420px;
    }
    .radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    .radio-list li {
        margin: 0 1% 10px;
        width: 48%;
    }
}
.tvcm-list {
    margin-bottom: 40px;
}
.tvcm-list li {
    margin-bottom: 30px;
}
.tvcm-list li:last-child {
    margin-bottom: 0;
}
.tvcm-list li::after {
    content: "";
    clear: both;
    display: block;
}
.tvcm-list li a {
    display: block;
}
.tvcm-thumb {
    float: left;
    width: 220px;
}
.tvcm-title {
    box-sizing: border-box;
    float: right;
    padding: 15px;
    width: 420px;
}
.tvcm-title-yellow  {background: #fdeac0;}
.tvcm-title-pink  {background: #fad5da;}

.tvcm-box-sp {
    margin-bottom: 40px;
}


.sec-cm {
    margin-bottom: 2em;
}
.cm-gallary article {
    margin-bottom: 50px;
}
.cm-gallary__thumb {
    margin-bottom: 1em;
    width: 100%;
    height: auto;
}
.cm-gallary__thumb a {
    text-align: center;
    display: block;
}

.cm-gallary__label li {
    margin-bottom: 1em;
}
.cm-gallary__label li:last-child {
    margin-bottom: 0;
}
.cm-gallary__link {
    box-sizing: border-box;
    display: block;
    padding: 15px;
}
.cm-gallary__link--pink {background-color: #fad5da;}
.cm-gallary__link--yellow {background-color: #fdeac0;}

.cm-gallary__repository {display: none;}
.cm-gallary__repository {display: none;}
.cm-gallary__movie {max-width: 660px !important;}
.cm-gallary__movie iframe,
.cm-gallary__movie video {
    width: 100%;
    height: 250px;
}

@media screen and (min-width: 470px) {
    .cm-gallary article {
        display: flex;
        justify-content: space-between;
    }
    .cm-gallary__thumb {
        margin-bottom: 0;
        width: 220px;
    }
    .cm-gallary__label {
        width: 420px;
    }
    .cm-gallary__movie iframe,
    .cm-gallary__movie video {
        width: 660px;
        height: 370px;
    }
}


/* ------------------------------------------------------------------------------  page 50th */

.avan {
    text-align: center;
    margin: 3rem 0;
    font-weight: bold;
    font-size: 1.6rem;
}
.message_thumb {
    margin-bottom: 2rem;
}
.rijityo_message {
    margin-bottom: 2rem;
}
.rijityo_name {
    text-align: center;
}
@media screen and (min-width: 44em),print {
    .rijityo_message {
        width: 360px;
        float: left;
        margin-bottom: 0;
    }
    .rijityo_name {
        width: 270px;
        float: right;
    }
    .rijityo_name > img {
        float: right;
        margin: 0 0 1rem 0;
    }
}

.movie_icon {
    margin-right: 5px;
}
.rijityo_name p {
    text-align: center;
}
/* ------------------------------------------------------------------------------  page dsyunin */
.dsyunin-online-detail {
    width: 550px;
    margin-bottom: 2em;
}
.dsyunin-online-detail dt {
    position: relative;
}
.dsyunin-online-detail dt::after {
    content: ":";
    margin-left: .5em;
}
.dsyunin-online-detail--last {
    position: relative;
}
.dsyunin-online-detail--last .txtR-etc {
    position: absolute;
    bottom: -1em;
    right: 0;
}
.dsyunin-2way-box {
    margin-bottom: 20px;
}
.dsyunin-2way-box__l {
    margin-bottom: 30px;
}
@media screen and (min-width: 703px) {
    .dsyunin-2way-box__free {
        position: absolute;
        top: 30%;
        left: 15%;
        font-size: 18px;
    }
}
@media screen and (max-width:480px) {
    .dsyunin-online-detail {
        width: 100%;
    }
    .dsyunin-2way-box__l {
        margin-bottom: 30px;
    }
    .dsyunin-2way-box__r img {
        display: block;
        margin: 0 auto 10px;
    }
}
.inquiry-box--linkbtn {
    background-color: #45b035;
    background-image: url(/wp-content/themes/qdh_corp/images/icon_mail.png);
    background-size: 30px;
    background-position: 1em center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #fff !important;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-right: 15px;
    padding: 1.6em 0 1.4em 4em;
    text-align: left;
    text-decoration: none;
    width: 175px;
}
.schedule-table {
    width: 100%;
}
.schedule-table--large dt,
.schedule-table--large dd {
    font-size: 16px;
    font-weight: 700;
}
.schedule-table--large {
    border: 1px solid #000;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 20px auto;
    padding: 10px 30px;
}
@media screen and (max-width: 660px) {
    .dsyunin-2way-box__r {
        display: block;
        margin: 0 auto 10px;
    }
    .dsyunin-2way-box__img {
        display: block;
        margin: auto;
    }
}
/*
.dsyunin-2way-box__r {
    width: min(30%,6.875em);
}
*/
.page-dsyunin .maru-num-list li {
    margin-bottom: 0;
}
.dsyunin-2way-box__content {
    display: flex;
    align-items: center;
}
.dsyunin-2way-box__img {
    display: block;
    margin-inline-start: auto;
}

.dsyunin-2way-box__text {
    text-align: center;
}
.dsyunin-2way-box__link {
    position: relative;
    text-align: center;
}
.dsyunin-2way-box__btn {
    max-width: 260px;
    background-color: #e70011;
    color: #fff;
    font-size: 22px;
    text-decoration: none!important;
    padding: 20px;
    display: block;
    margin: auto;
}
.dsyunin-invitation a {
    position: relative;
    text-decoration: underline;
    padding-left: 2.5em;
    display: block;
}
.dsyunin-invitation a + a {
    margin-top: 15px;
}
.dsyunin-invitation a::before {
    content: url(/wp-content/themes/qdh_corp/svg/icon_pdf.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    top: -5px;
    left: 0;
}
.dsyunin-reception {
    border: 1px solid #1a65b0;
    border-radius: 10px;
    background: #e5f7f8;
    margin: 0 auto 2rem;
    padding: 20px;
    width: 80%;
}
.dsyunin-reception__title {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
}
.dsyunin-reception__title--red {
    color: #ff0000;
}

.dsyunin-reception__link {
    background: rgb(92,161,230);
    /* background: radial-gradient(circle, rgba(92,161,230,1) 0%, rgba(0,76,150,1) 100%, rgba(0,212,255,1) 100%); */
    background: linear-gradient(40deg,#004c96,#00d4ff);
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 10px auto 0;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none!important;
    width: 60%;
}
.dsyunin-reception__link:hover {
    color: #000;
}
.dsyunin-2way-box__btn:hover {
    color: #fff;
}
@media screen and (min-width: 769px) {
    .dsyunin-reception__link {
        font-size: 20px;
    }
}
/* ---------- page inquiry ------------------------------------------------------------*/
input[name="郵便番号[data][0]"].separate-zip {
    width: 70px!important;
}
input[name="郵便番号[data][1]"].separate-zip {
    width: 100px!important;
}

input[name="postcode1"].separate-zip {
    width: 70px!important;
}
input[name="postcode2"].separate-zip {
    width: 100px!important;
}
input[type="text"].separate-tel {
    width: 100px!important;
}

.inquiry-link {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.inquiry-link__item {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 30px 20px;
    min-width: 170px;
    text-align: center;
    text-decoration: none !important;
}
.inquiry-link__item:hover {
    color: #fff;
}
.inquiry-link__item.average {
    background: #45b035;
}
.inquiry-link__item.corporation {
    background: #004190;
}
.inquiry-link__item.recruit {
    background: #f7ab00;
}

@media screen and (min-width: 661px) {
    .inquiry-box {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .inquiry-wrap {
        border: 1px solid #ddd;
        margin: auto;
        padding: 1em;
        width: 500px;
    }
    .inquiry-box--corp-info {
        display: flex;
        align-items: center;
        margin-left: 15px;
    }
    .dsyunin-online-info {
        margin-bottom: .5em;
    }
    .dsyunin-online-info dt {
        float: left;
        width: 80px;
        position: relative;
    }
    .dsyunin-online-info dt::after {
        content: ":";
        margin-left: .5em;
    }
    .dsyunin-online-info dd {
        margin-left: 90px;
    }
    .dsyunin-2way-box__l {
        float: left;
        width: calc(100% - (4.875em + 10em));
    }
    .dsyunin-2way-box__r {
        float: right;
        margin-left: 5%;
    }
    .dsyunin-2way-box__r img {
        width: 80%;
    }
}

@media screen and (min-width: 571px) {
    .inquiry-wrap {
        width: 90%;
    }
    .inquiry-box--linkbtn {
        margin: 0 5px 1em 0;
    }
    .inquiry-box--corp-info {
        margin-left: 5px;
    }
    .dsyunin-online-info dd .red {
        display: block;
    }
    .dsyunin-online-detail {
        width: 100%;
    }
    .schedule-table {
        display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
        width: 100%;
    }
    .schedule-table dt {
        width: 15%;
        position: relative;
    }
    .schedule-table dt::after {
        content: ":";
        position: absolute;
        right: 0;
    }
    .schedule-table dd {
        box-sizing: border-box;
        padding-left: 1em;
        width: 85%;
    }
}
@media screen and (max-width: 570px) {
    .schedule-table--large dt {
        border-bottom: 1px solid #000;
        display: inline-block;
        padding-right: 40px;
    }
    .schedule-table dd {
        margin-bottom: 10px;
    }
    .dsyunin-reception__link {
        margin-bottom: 30px;
        width: 80%;
    }
    .dsyunin-reception {
        padding: 20px 2%;
    }
}

@media screen and (max-width: 414px) {
    .inquiry-box {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .inquiry-wrap {
        border: 1px solid #ddd;
        margin: 0 auto;
        padding: 1em;
        width: 90%
    }
    .inquiry-box--linkbtn {
        margin: 0 auto 1em;
    }
    .inquiry-box--corp-info {
        text-align: center;
    }
    .dsyunin-online-info {
        margin-bottom: 1em;
    }
    .dsyunin-online-info dt {
        font-weight: 700;
    }
    .dsyunin-online-info dd {
        margin-bottom: .5em;
    }
    .dsyunin-online-detail dt {
        font-weight: 700;
    }
}




/* ------------------------------------------------------------------------------  page drone */
.page-drone #pagetitle h2 {background-color: #004190;}
.corp-bg-blue {
    background-color: #5a9bd5;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 1.6em;
    text-align: center;
}
.corp-bg-hotpink {
    background-color: #ff69b4;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 1.6em;
    text-align: center;
}
.block-2images {
    border: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.block-2images li {
    padding: 10px;
}
@media screen and (max-width: 768px) {
    .block-2images li {
        margin: 0 auto;
    }
}
.block-2images li span {
    color: #004190;
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

/* ------------------------------------------------------------------------------  page facebookpolicy */
.page-facebookpolicy .list_indent li {
    text-indent: -1.75em;
    padding-left: 1.75em;
}
.page-facebookpolicy #sec01 ol,
.page-facebookpolicy #sec01 p {
    padding: 0 1em;
    text-align: left;
}
.page-facebookpolicy #sec01 p:not(.no_indent) {
    text-indent: 1em;
}
.fbpolicy-list {
    margin-bottom: 50px;
}
.fbpolicy-list dt {
    border: 1px solid #D1D1D1;
    font-size: 16px;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    position: relative;
    font-weight: bold;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
.fbpolicy-list dt::after {
    background-color: #00AEBB;
    content: "";
    height: 100%;
    left: 1px;
    position: absolute;
    top: 0;
    width: 2px;
}
.fbpolicy-list dd {
    margin-bottom: 2em!important;
    padding: 0 1em;
    text-indent: 1em;
}
.fbpolicy-list dd .decimal {
    padding-left: 0!important;
}
.fbpolicy-list dd .decimal > li {
    text-indent: 0;
}
.fbpolicy-list a {
    color: #00aebb;
}

/* ------------------------------------------------------------------------------  page hoan_seminar */
.hoan_emergency_message {
    background-color: #eee;
    margin-bottom: 15px;
    padding: 20px;
}
.hoan_emergency_message h1,
.hoan_emergency_message h1 span,
.hoan_emergency_message h2,
.hoan_emergency_message h2 span,
.hoan_emergency_message h3,
.hoan_emergency_message h3 span
 {
    font-weight: 700;
}
.hoan_emergency_message h1 {
    font-size: 18px;
    text-align: center;
}
.hoan_emergency_message h2 {font-size: 16px;}
.hoan_emergency_message h3 {
    font-size: 14px;
    text-decoration: underline;
}
.hoan_emergency_message strong {
    font-weight: 700;
}

.hoan-table-1 {
    margin-bottom: 10px;
    min-width: 357px;
}
.hoan-table-1__head *{
    background-color: #eee;
    text-align: center;
}
.hoan-table-1 th,
.hoan-table-1 td {
    font-size: 12px;
    vertical-align: middle;
}
.hoan-table-1__subject {
    padding-left: 30px;
}
.hoan-table-1__price {
    text-align: right;
}
@media screen and (min-width:651px) {
    .hoan-table-1__whatday {
        margin-right: 1em;
    }
}
@media screen and (max-width:650px) {
    .hoan-wrap {
        display: block;
        width: 100%;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
    .hoan-table-1__whatday {
        display: block;
    }
    .hoan-table-1 {
        width: 100%;
        min-width: 100%;
    }
}

/* ------------------------------------------------------------------------------  page contact */
#formWrapper table th,
#formWrapper table td{
    border-width: 0;
    display: block;
    padding: 1em 0;
}
#formWrapper table th{
    background-color: #ddd;
    padding: 0.5em 1em;
}
#formWrapper table td p{
}
#formWrapper table td .exp{
    color: #888;
    font-size: 12px;
    margin-bottom: 0.5em;
}
.confirm #formWrapper table td p {
    display: inline-block;
    margin-bottom: 0;
}
.confirm #formWrapper .exp {
    display: none;
}
.submitBtn{
    margin-top: 2em;
    text-align: center;
}
.attention {
    text-align: center;
    margin-top: 2rem;
}
/* add css [Contact Form 7 add confirm] */
#formWrapper .wpcf7c-conf {
    background-color: #ddd;
    color: black;
}

.ssl_area{padding-top: 2em;}
.ssl_area_bnr{
    float: left;
}
.ssl_area_text{
    margin: 0 0 0 150px;
    font-size: 13px;
}

@media screen and (min-width: 44em),print {
    #formWrapper table th,
    #formWrapper table td{
        display: table-cell;
        border-width: 0 0 1px;
        border-style: dashed;
        border-color: #ccc;
        padding: 1em 0;
    }
    #formWrapper table th{
        background-color: transparent;
        vertical-align: middle;
    }
}
/* ------------------------------------------------------------------------------  page quiz */
.present-box {
    background: #e5f7f8;
    border: 1px solid #ddd;
    margin-bottom: 1.5em;
    padding: 20px;
}
.present-title {
    color: #00aebb;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-left: 10px;
}
.period {
    font-weight: 700;
    margin-bottom: 20px;
}
.two-ways {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 10px;
}
@media screen and (max-width: 44em) {
    .two-ways-inner {
        width: 100%;
    }
    .two-ways-inner a {
        display: block;
    }
}
.quiz-box {
    background: #e5f7f8;
    margin-bottom: 30px;
    padding: 20px;
}
.quiz-box dt {
    font-size: 16px;
    display: flex;
        align-items: baseline;
    /* flex-wrap: wrap;
    align-items: center; */
    margin-bottom: 10px;
}
.quiz-box dt::before {
    color: #00aebb;
    content: "Q";
    font-size: 24px;
    font-weight: 700;
    margin-right: 10px;
}
.quiz-box dd {
    display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    margin-bottom: 20px;
}
.quiz-box-2 .quiz-box-input--left {
    width: 25%;
    margin-right: 0;
}
.quiz-box-2 .quiz-box-input--right {
    width: 75%;
    margin-left: 0;
}
.quiz-box-input--right .quiz-box-input--textarea {
    margin-left: 0;
}
.mw_wp_form .quiz-box-input--right .horizontal-item + .horizontal-item {
    margin-left: 0;
}
.mw_wp_form .checkbox-mr0 .horizontal-item + .horizontal-item {
    margin-left: 0;
}
@media screen and (max-width: 44em) {
    .quiz-box-2 .quiz-box-input--left,
    .quiz-box-2 .quiz-box-input--right {
        display: block;
        width: 100%;
    }
    .quiz-box dd {
        margin-bottom: 15px;
    }
}
.quiz-box-title {
    margin-right: 20px;
}
.quiz-box-input input {
    max-width: 100%!important;
    width: 100%;
}
.quiz-box-input--right .quiz-box-input {
    margin-bottom: 10px;
}
.quiz-box-input--right .quiz-box-input input {
    width: auto;
}
.quiz-box-input--checkbox input {
    width: auto;
}
.quiz-box-input--textarea {
    width: 100%;
    margin-left: 20px;
}
.quiz-ol {
    font-size: 14px;
    padding: 20px 30px;
    width: 100%;
}
.quiz-ol li {
    margin-bottom: 5px;
}
.quiz-box-2 .exp {
    color: #888;
    font-size: 12px;
    margin-bottom: 0.5em;
}
@media screen and (max-width: 44em) {
    .quiz-ol {
        padding: 20px 0px;
    }
}
.quiz-box--fixed-right {
    margin-left: 0;
    width: 100%;
}

@media screen and (min-width: 45em) {
    .quiz-box--fixed-right {
        margin-left: 25%;
        width: 75%;
    }
}

/* agree */
.agree {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    overflow-y: scroll;
    height: 120px;
}
input[disabled=""] + .mwform-checkbox-field-text {
    opacity: .5;
}
.agree-check .mwform-checkbox-field {
    display: block;
    position: relative;
}
.agree-check .mwform-checkbox-field::before {
    background: #fff;
    content: "";
    width: 100%;
    height: 25px;
    opacity: .5;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.agree-check .mwform-checkbox-field.checked::before {
    display: none;
}
.agree-title {
    font-weight: 700;
    margin-bottom: 1.5em;
}
.agree p {
    font-size: 12px;
}
.privacy dt {
    font-size: 13px;
    font-weight: 700;
}
.privacy dd {
    font-size: 12px;
    margin-bottom: 20px;
}
.agree-check {
    text-align: center;
    margin-bottom: 20px;
}
.agree-confirmation {
    border: 1px solid #ddd;
    padding: 20px;
}
.p-agree__check {
    text-align: center;
}
.submit-area {
    text-align: center;
    margin-bottom: 25px;
}
.submit-area button {
    margin: 0 20px;
}
.p-form-submit {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
}
.wpcf7-submit {
    width: 62px;
}

.wpcf7-not-valid-tip {
    display: inline-block!important;
    color: #fff!important;
    background-color: #f74850;
    border-radius: 2px;
    padding-inline: 10px;
    margin-block: 5px;
}

/* form input size */
input.w100 {
    max-width: 100px !important;
}
input.w210 {
    max-width: 210px !important;
}

/* page-quiz-confirm */
.page-quiz-confirm .exp,
.page-quiz-confirm .red,
.page-quiz-confirm .agree-box,
.page-fb-campaign-confirm .exp,
.page-fb-campaign-confirm .red,
.page-fb-campaign-confirm .agree-box,
.page-au-campaign-confirm .exp,
.page-au-campaign-confirm .red,
.page-au-campaign-confirm .agree-box {
    display: none;
}
/* ------------------------------------------------------------------------------  page sitemap */
.page-sitemap .title3 a{font-weight: bold;}
.sitemap_list{
    margin-bottom: 2em;
    overflow: hidden;
}
.sitemap_list > li{
    box-sizing: border-box;
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg) 0 0.4em no-repeat;
    padding: 0 1em 0.5em 1.2em;
    width: 100%;
}
.sitemap_list > li > ul{margin-left: 0.5em;}
.sitemap_list > li > ul li a{
    background: url(/wp-content/themes/qdh_corp/svg/arrow06.svg) 0 1em no-repeat;
    padding: 0.5em 0 0 1em;
    display: inline-block;
}

@media screen and (min-width: 44em),print {
    .sitemap_list > li{
        width: 50%;
        float: left;
    }
}
/* ------------------------------------------------------------------------------  page coloring_contest */
.contest-end {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 100px 0;
}

/* ----------------------------------------------------------  page denkijiko */
.ds-image {
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 25px;
}
.ds-box {
    padding: 20px;
}
.ds-text {
    color: #00aebb;
    font-size: 15px;
    font-weight: bold;
}

@media screen and (max-width:480px) {
    .ds-box {
        padding: 5px;
    }
}

/* ------------------------------------------------------------------------------  page download */
.download-list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(100%,315px),1fr));
    gap: 3em 2em;
}

.download-list__container {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 2em 1.5em;
    text-decoration: none !important;
    display: flex;
        flex-direction: column;
        align-items: center;
}

/* ------------------------------------------------------------------------------  magazine */
.magalist {
    display: flex;
    flex-wrap: wrap;
}
.magalist li{
    box-sizing: border-box;
    width: 50%;
    text-align: center;
}
.magalist li a {
    padding: 1.2em 1em;
    display: block;
}
.magalist li a:hover{background-color: #c0ebee;}
.magalist li h3{
    margin-top: 0.5em;
    display: inline-block;
    font-size: 12px;
    padding: 0.2em 1em 0.2em 1.8em;
    border: 1px solid #d1d1d1;
    border-radius: 0.2em;

    background: #fefefe; /* Old browsers */
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg),-moz-linear-gradient(top,  #fefefe 0%, #e7e7e7 100%); /* FF3.6+ */
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
    background: url(/wp-content/themes/qdh_corp/svg/arrow01.svg),linear-gradient(to bottom,  #fefefe 0%,#e7e7e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    background-position: 0.5em center,0 0;
}

@media screen and (min-width: 44em),print {
    .magalist li{
        width: 33.33%;
    }
    .magalist li a {
        padding: 1.2em 2em;
    }
}
/* =============================================================  Pagination  */

.pagination {
    clear: both;
    padding: 2rem 0;
    position: relative;
    font-size: 1rem;
    text-align:center;
}
.pagination span, .pagination a {
    display: inline-block;
    /*float: left;*/
    width: auto;
    margin: 2px 2px 2px 0;
    padding: 4px 10px;
    background-color: #fff;
    color: #555;
    text-decoration: none;
    border-radius:2px;
    font-size: 13px;
}
.pagination a {
    border: 1px solid #ccc;
}
.pagination a:hover{
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}
.pagination .current{
    padding: 4px 10px;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}

/* ------------------------------------------------------------------------------  single */
.single article .date{
    text-align: right;
    font-size: 12px;
}
.postid-26348 .title3 {
    color: #1f497d;
}
.postcontent p,
.postcontent > ul,
.postcontent ol{
    margin: 1em 0;
}
.postcontent strong{
    font-weight: bold;
}
.postcontent > ul{
    list-style-type: disc;
    margin: 1.8em;
}
.postcontent ol{
    list-style-type: decimal;
    margin-left: 1.8em;
}
.postcontent ul.alist2 {
    list-style-type: none;
}
.postcontent h1 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
}
.cat-activity .postcontent h1 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.cat-activity .postcontent p {
    margin: 0 0 10px;
}
.prev-next{
    padding: 4em 0 0;
    position: relative;
    text-align: center;
}
.prev-next a{
    display: inline-block;
    font-size: 12px !important;
    font-weight: normal;
    padding: 0.3em 1em;
}
.prev-next a[rel="prev"]{
    position: absolute;
    left: 0;
}
.prev-next a[rel="next"]{
    position: absolute;
    right: 0;
}
.post-flex__bw {
    gap: 10px;
    display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
}
.post-flex__bw--denki {
    align-items: flex-end;
}
@media screen and (max-width: 420px) {
    .single-post .clbox_ic iframe {
        width: 100%;
        height: 250px;
    }
}
@media screen and (min-width: 705px) {
    .post-flex__bw {
        justify-content: space-between;
    }
}




/*本部事務所移転のご案内 のお知らせ　専用スタイル*/
.transfer-information {
    padding: 10px 30px 0;
}
.transfer-information ol {
    margin-bottom: 40px;
    padding: 0 20px;
}
.transfer-information li {
    text-indent: -2em;
    margin-bottom: 1em;
    padding-left: 2em;
}
.transfer-information .indent {
    color: #D80C18;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 30px;
}
/* two column style */
.column-images img:not(:last-of-type) {
    margin-bottom: 1em;
}
.column-box .column {
    margin-bottom: 2em;
}
@media screen and (min-width: 44em),print {
    .column-images img:not(:last-of-type) {
        margin-right: .75em;
        margin-bottom: 0;
    }

    .column-box {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .column-box .column {
        width: 48%;
    }
}

/*
 *  jQuery Sliding Menu Plugin
 *  Mobile app list-style navigation in the browser
 *
 *  Written by Ali Zahid
 *  http://designplox.com/jquery-sliding-menu
 */

.sliding-menu { overflow: hidden; position: relative; }
.sliding-menu ul { float: left; margin: 0; }
.sliding-menu li { list-style: none; margin: 0; }
.sliding-menu a { display: block; padding: 1em; }
.sliding-menu a:hover { background: #00AEBB; color: #FFF; }
.sliding-menu a.nav:before { content: '\3009'; float: right; margin-left: 1em; }
.sliding-menu a.back { background: #333; color: #FFF; }
.sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 1em; }

@media screen and (max-width:480px) {
    .single-post .link--center-sp{
        display: block;
        margin: 0 auto 20px;
        text-align: center;
        width: unset;
        max-width: 100%;
    }
}


/* ------------------------------------------------------------------------------
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}#cboxWrapper {max-width:none !important;}#cboxOverlay{position:fixed; width:100%; height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none !important; -ms-interpolation-mode:bicubic;}.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}#colorbox{outline:0;}#cboxContent{margin-top:32px; overflow:visible; /*background:#000;*/}.cboxIframe{background:#fff;}#cboxError{padding:50px; border:1px solid #ccc;}#cboxLoadedContent{background:#000; padding:1px;}#cboxLoadingGraphic{background:url(/wp-content/themes/qdh_corp/images/loading.gif) no-repeat center center;}#cboxLoadingOverlay{background:#000;}#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/wp-content/themes/qdh_corp/images/controls.png) no-repeat 0 0;}/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}#cboxPrevious{background-position:0px 0px; right:44px;}#cboxPrevious:hover{background-position:0px -25px;}#cboxNext{background-position:-25px 0px; right:22px;}#cboxNext:hover{background-position:-25px -25px;}#cboxClose{background-position:-50px 0px; right:0;}#cboxClose:hover{background-position:-50px -25px;}.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

#cboxOverlay {
    background: #000;
}
#cboxLoadedContent {
    /*background: #fff;*/
}
#cboxLoadedContent {
  padding: 0;
  overflow: auto;
    -moz-box-shadow: 0px 1px 10px #000000;
    -webkit-box-shadow: 0px 1px 10px #000000;
    box-shadow: 0px 1px 10px #000000;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
  top: -30px;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxTitle {
  color: #fff;
}
#inline-content {/* インラインを使用する時のみ */
    margin: 20px;
}
#ajax-wrap {/* ajaxを使用する時のみ */
  margin: 20px;
}

.colorbox img{width: 100%;}

/* bxslider.css */
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;}.bx-wrapper img{max-width:100%;display:block;}
.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;}
.bx-wrapper .bx-loading{min-height:50px;background:url(/wp-content/themes/qdh_corp/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;}
.bx-wrapper .bx-prev{left:10px;background: rgba(0,0,0,.2) url(/wp-content/themes/qdh_corp/images/controls.png) no-repeat 2px -22px;}
.bx-wrapper .bx-next{right:10px;background: rgba(0,0,0,.2) url(/wp-content/themes/qdh_corp/images/controls.png) no-repeat -21px -22px}
.bx-wrapper .bx-prev:hover{background-position:2px 3px;opacity: 1 !important;}
.bx-wrapper .bx-next:hover{background-position:-21px 3px;opacity: 1 !important;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;}.bx-wrapper .bx-controls-direction a.disabled{display:none;}
.bx-wrapper .bx-controls-auto{text-align:center;}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/wp-content/themes/qdh_corp/images/controls.png) -86px -11px no-repeat;margin:0 3px;}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/wp-content/themes/qdh_corp/images/controls.png) -86px -44px no-repeat;margin:0 3px;}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80, 80, 80, 0.75);width:100%;}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;}

.file-td input {
    font-size: 14px;
}
.mwform-file-delete {
    display: none;
}