@charset "UTF-8";
/*=============================================================================
▼PC/SP/TABLET　共通設定▲
//基本設定
//base
//header
//footer
=============================================================================*/
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: inherit;
    vertical-align: baseline; }

html {line-height: 1.5rem; font-size: 15px;}
body {-webkit-text-size-adjust: 100%; }
ol, ul {list-style: none; }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
q, blockquote {quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}
a img {border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
@-moz-document url-prefix() {
    html {
        margin-top:0px;
    }
}
/* ==========================================
CommonParts
========================================== */
/*margin*/
.mt00 {margin-top: 0   !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt12 {margin-top: 12px !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;}

.mr00 {margin-right: 0   !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr12 {margin-right: 12px !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;}

.mb00 {margin-bottom: 0   !important;}
.mb05 {margin-bottom: 5px !important;}
.mb08 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb12 {margin-bottom: 12px !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;}

.ml00 {margin-left: 0   !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml12 {margin-left: 12px !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;}

/*padding*/
.pt00 {padding-top: 0   !important;}
.pt05 {padding-top: 5px !important;}
.pt07 {padding-top: 7px !important;}
.pt08 {padding-top: 8px !important;}
.pt09 {padding-top: 9px !important;}
.pt10 {padding-top: 10px !important;}
.pt12 {padding-top: 12px !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;}

.pr00 {padding-right: 0   !important;}
.pr05 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr12 {padding-right: 12px !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;}

.pb00 {padding-bottom: 0   !important;}
.pb05 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb12 {padding-bottom: 12px !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;}

.pl00 {padding-left: 0   !important;}
.pl05 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl12 {padding-left: 12px !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;}

/*width*/
.w05p {width: 5% !important;}
.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w35p {width: 35% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w50p {width: 50% !important;}
.w55p {width: 55% !important;}
.w60p {width: 60% !important;}
.w65p {width: 65% !important;}
.w70p {width: 70% !important;}
.w75p {width: 75% !important;}
.w80p {width: 80% !important;}
.w85p {width: 85% !important;}
.w90p {width: 90% !important;}
.w95p {width: 95% !important;}
.wmax {/* width: 100% !important; */}

/*style*/
.fll {float: left;}
.flr {float: right;}
.clr {clear: both;}
.dis_no {display: none;}
.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.mac {margin-left: auto;margin-right: auto;}
.fts {font-size: 1.1rem;}
.prl {position: relative;}
.pab {position: absolute;}
.cf {overflow: hidden;*zoom: 1;}
/* ==========================================
Basic
========================================== */
a:focus {
    outline: none;
    border: 0; }

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

/* ==========================================
Typography
========================================== */
body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    -webkit-font-smoothing: antialiased;
    color: #333;
}
html,body{
    font-size: 0px;
}

/* ==========================================
CommonStyle
========================================== */
a{
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    color: #009;
    text-decoration-skip-ink: none;

}
a:hover {
    text-decoration: none;
    opacity: 0.6;
}
a img{
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}
a:hover img{opacity: 0.6;}

a.link{
    display: inline-block;
    padding: 0 0 0 20px;
    line-height: 1.2;
    -webkit-background-size: 8px 12px;
    -o-background-size: 8px 12px;
    background-size: 8px 12px;
}
.sec_csr .bdy{
    margin-left: 10px;
    padding-bottom: 20px;
}
.txt{line-height: 1.6;}
.sec_csr .list_num{
    margin-top: 20px;
    text-indent: -18px;
    line-height: 1.6;
}
.sec_csr .list_num li{margin-top: 10px;}
.sec_csr .list_num li:first-child{margin-top: 0;}
/* ==========================================
Header
========================================== */
#cmn_head{height: 85px;}
#cmn_head_id{
    float: left;
    margin: 16px 0 0 4px;
}
#cmn_head_set{
    float: right;
    width: auto;
    height: 29px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background: #e1e1e1;
    -webkit-box-shadow: 1px 1px 1px #D1D1D1;
    box-shadow: 1px 1px 1px #D1D1D1;
}
#cmn_head_set a{
    text-decoration: none;
    color: #000;
}
#cmn_head_set .eng{
    float: left;
    margin-top: 6px;
    width: 100px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    border-left: 1px solid #f0f0f0;
}
#cmn_head_set .ttl{
    float: left;
    margin-top: 6px;
    width: 88px;
    font-size: 12px;
    line-height: 16px;
    text-indent: 22px;
}
#cmn_head_set .fs{
    float: left;
    margin-top: 6px;
    width: 76px;
    border-right: 1px solid #a7a7a7;
}
#cmn_head_set .fs li{
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 2px;
}
#cmn_head_set .fs li a{
    float: left;
    width: 17px;
    height: 17px;
    font-size: 0;
    background: url("../img/cmn/cmn_head_fs01_off.png") no-repeat;
}
#cmn_head_set .fs li a.fs_s{background-image: url("../img/cmn/cmn_head_fs01_off.png");}
#cmn_head_set .fs li a.fs_m{background-image: url("../img/cmn/cmn_head_fs02_off.png");}
#cmn_head_set .fs li a.fs_l{background-image: url("../img/cmn/cmn_head_fs03_off.png");}
#cmn_head_set .fs li.on a.fs_s{background-image: url("../img/cmn/cmn_head_fs01_on.png");}
#cmn_head_set .fs li.on a.fs_m{background-image: url("../img/cmn/cmn_head_fs02_on.png");}
#cmn_head_set .fs li.on a.fs_l{background-image: url("../img/cmn/cmn_head_fs03_on.png");}
/* ==========================================
Menu
========================================== */
#cmn_menu_btn{display: none;}
#cmn_menu{
    position: relative;
    right: 0;
    z-index: 101;
    width: 100%;
    min-width: 1000px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 42px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 3px solid #000000;
    background: url("../img/cmn/cmn_menu_bg.png") repeat-x;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
#cmn_menu .inner{overflow: visible;}
#cmn_menu a{text-decoration: none; color: #000;}
#cmn_menu>ul{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 42px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #DCDCDC;
    border-bottom: 3px solid #000099;
}
#cmn_menu>ul>li{
    position: relative;
    float: left;
    width: 20%;
    height: 42px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
}
#cmn_menu>ul>li>a,
#cmn_menu>ul>li>span{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #FFFFFF;
}
#cmn_menu>ul>li>span{
    color: #9A9A9A;
    background: #E5E5E5;
}

#cmn_menu>ul>li.has .btn{
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 22px;
    height: 22px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #fff;
}
#cmn_menu>ul>li.has .btn img{margin-bottom: 11px;}
#cmn_menu>ul>li.has.open .btn img{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#cmn_menu>ul>li.act a{
    border-left-color: #000;
    border-right-color: #009;
    background-color: #009;
    color: #fff;
}
/*dropdown*/
#cmn_menu>ul>li ul{
    display: block;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 999;
    width: 280px;
    background: #000099;
}
#cmn_menu>ul>li:last-child ul{
    left: auto;right: 0;
}
#cmn_menu>ul>li ul>li{
    width: 100%;
    border-top: 1px solid #5133AF;
}
#cmn_menu>ul>li ul>li:first-child{border-top: none;}

#cmn_menu>ul>li ul a{
    display: block;
    padding: 15px 0 15px 32px;
    text-align: left;
    color: #FFF;
    font-size: 1.4rem;
    line-height: 1.2;
    background: url("../img/cmn/cmn_foot_arw02.png") no-repeat 15px 17px;
    -webkit-background-size: 7px 12px;
    -o-background-size: 7px 12px;
    background-size: 7px 12px;
    text-shadow: -1px -1px 1px #222;
}
#cmn_menu>ul>li ul a.out:after{
    background-image: url("../img/cmn/cmn_ic_out02.png");
}
#cmn_menu>ul>li ul{display: none;}

.globalnav-wrap {
    font-size:16px;
    color:#fff;
    background:#333;
    display:flex;
    justify-content:space-between;
}
.globalnav-wrap {
    font-size:16px;
    color:#fff;
    background:#333;
    display:flex;
    justify-content:space-between;
}
.main-nav > li {
    /* display:inline-block; */
    /* padding:0px; */
    /* cursor:pointer; */
    /* position: relative; */
    /* z-index: 1; */
    /* color: #000; */
		/*追加*/
    /* display: flex !important; */
    /* align-items: center; */
		height: 100px;
    display: flex;
    align-items: center;
}

.dropdown {
    /*  z-index: 99;
    background: #fff;
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    padding: 10px 20px;
    display:block;
    transition:all 1.0s;
    /* visibility:hidden; */
    /* box-shadow: 0px 6px 6px 1px rgba(0, 0, 0, 0.05); */
    /* height: 80px; */
}

.nav-button-wrap{
    transition:all 1.0s;
}
.dropdown li {
    display: inline-block;
    margin: 10px 0px 0px 20px;
    max-width: 140px;
}
.dropdown li a {margin: 0px;display: block;opacity: 1 !important;}

.dropdown.open {
    display:block;
    animation-name: fade-in;
    animation-duration: .7s; //遷移時間
}



@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* ==========================================
Footer
========================================== */
#cmn_foot{
    width: 100%;
    min-width: 1000px;
    margin-top: 80px;
}

#cmn_foot_btm{
    height: 96px;
}
#cmn_foot_id{
    float: left;
    margin: 24px 0 0 4px;
}
#cmn_foot_copy{
    float: right;
    font-size: 1.1rem;
    line-height: 96px;
}
#cmn_pagetop{
    text-align: right;
}
#cmn_pagetop{
    margin: 0 auto;
    width: 1000px;
    overflow: hidden;
    *zoom: 1;
}
#cmn_pagetop a{
    display: inline-block;
    width: 130px;
    height: 26px;
    margin-top: -25px;
    text-align: center;
    font-size: 0;
    background: #000099 url("../img/cmn/cmn_foot_pagetop.png") no-repeat center center;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

#cmn_foot_top {
    background: #000099;
}
#cmn_foot_top .inner{
    padding-top: 68px;
    padding-bottom: 68px;
}
#cmn_foot_top a{
    color: #FFF;
    text-decoration: none;
}
#cmn_foot_top span{
    color: #999;
}
#cmn_foot_top a:hover{
    text-decoration: underline;
}
#cmn_foot_top .blk{
    float: left;
    width: 25%;
}
#cmn_foot_top .blk.odr01{width: 20%;}
#cmn_foot_top .blk.odr02{width: 27%;}
#cmn_foot_top .blk.odr03{width: 31%;}
#cmn_foot_top .blk.odr04{width: 22%;}

#cmn_foot_top .ttl a,
#cmn_foot_top .ttl span,
#cmn_foot_top .link a{
    display: block;
    padding-left: 17px;
    font-size: 1.4rem;
    line-height: 1.2;
    background: url("../img/cmn/cmn_foot_arw02.png") no-repeat left 2px;
    -webkit-background-size: 7px 12px;
    -o-background-size: 7px 12px;
    background-size: 7px 12px;
}
#cmn_foot_top .ttl .btn{display: none;}
#cmn_foot_top .blk p,
#cmn_foot_top .blk ul{
    margin-top: 18px;
}
#cmn_foot_top .blk p:first-child,
#cmn_foot_top .blk ul:first-child{
    margin-top: 0;
}

#cmn_foot_top li a{
    display: block;
    padding-left: 15px;
    font-size: 1.2rem;
    line-height: 1.2;
    background: url("../img/cmn/cmn_foot_arw03.png") no-repeat left 2px;
    -webkit-background-size: 5px 8px;
    -o-background-size: 5px 8px;
    background-size: 5px 8px;
}
#cmn_foot_top li a.out:after{
    background-image: url("../img/cmn/cmn_ic_out02.png");
}
#cmn_foot_top li{
    margin-top: 15px;
    margin-left: 22px;
}
#cmn_foot_top li:first-child{
    margin-top: 0;
}
/* ==========================================
Contents
========================================== */
#contents {
    font-size: 1.4rem;
}
/* ==========================================
Bredcrumb
========================================== */
#cmn_bredcrumb {
    padding: 22px 0;
    font-size: 1.3rem;
}
#cmn_bredcrumb a{
    color: #333;
}
#cmn_bredcrumb a:hover{text-decoration: none;}
#cmn_bredcrumb li{
    float: left;
}
#cmn_bredcrumb span{
    margin: 0px 3px;
}
#cmn_bredcrumb li a{
    display: inline-block;
    margin-right: 10px;
}
#cmn_bredcrumb li:last-child {
    width: 30em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* ==========================================
Page
========================================== */
.cmn_list_nav{
    margin-top: 20px;
}

.cmn_list_nav a{
    color: #000;
    text-decoration: none;
}
.cmn_list_nav .ttl{
    display: block;
    padding: 17px 17px;
    line-height: 1.2;
    color: #FFF;
    border-bottom: 1px solid #d1d1d1;
    background: #000;
}
.cmn_list_nav ul{border: 1px solid #d1d1d1;}
.cmn_list_nav li{
    border-top: 1px solid #d1d1d1;
    background: -moz-linear-gradient( top, #ffffff 50%, #e8e8ff);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#e8e8ff));
    background: -ms-linear-gradient(top, #ffffff 50%, #e8e8ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8ff', GradientType=0);
}
.cmn_list_nav li:first-child{border-top: none;}
.cmn_list_nav li a,
.cmn_list_nav li span{
    display: block;
    padding: 17px 17px 17px 40px;
    line-height: 1.2;
    background: url("../img/cmn/cmn_foot_arw01.png") no-repeat 17px center;
    -webkit-background-size: 8px 12px;
    -o-background-size: 8px 12px;
    background-size: 8px 12px;
}
.cmn_list_nav li a.out{text-decoration: none;}
.area_side .cmn_list_nav li.on a{
    color: #FFF;
    background-color: #009;
    background-image: url("../img/cmn/cmn_foot_arw02.png");
}
.cmn_list_nav li.current a{
    color: #FFF;
    background-color: #333333;
    background-image: url("../img/cmn/cmn_foot_arw02.png");
}
.cmn_list_nav li span{
    color: #666;
    background-image: none;
    background-color: #CCC;
}


/* ==========================================
Title
========================================== */
.ttl_h1{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    display: block;
    height: auto;
    min-height: 25px;
    padding: 10px 8px 10px 25px;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2;
    color: #333;

    border: 1px solid #d1d1d1;
    background: #FFF;
    background: -moz-linear-gradient( top, #ffffff 50%, #ebebeb);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#ebebeb));
    background: -ms-linear-gradient(top, #ffffff 50%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1) inset;
    box-shadow: 0px 0px 0px 1px rgba(255,255,255,1) inset;
}
.ttl_h1:before{
    content:'';
    display: block;
    position: absolute;
    top: 15%;
    left: 8px;
    /*
    float: left;
    margin-right: 12px;
    */
    width: 6px;
    /* height: 100%; */
    height: 70%;
    min-height: 25px;
    background: #000099;
}
.ttl_h2 .btn img{display: none;}
.ttl_h3 .all{
    float: right;
    width: 100px;
    font-weight: normal;
}
.ttl_h3 .all a{
    position: relative;
    display: block;
    width: 100%;
    padding: 8px 0 8px;
    line-height: 12px;
    text-indent: 17px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    background: #515151;
    background: -moz-linear-gradient( top, #515151 50%, #434343);
    background: -webkit-gradient( linear, left top, left bottom, from(#515151), color-stop(0.50, #515151), to(#434343));
    background: -ms-linear-gradient(top, #515151 50%, #434343 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#434343', GradientType=0);
    text-shadow: -1px -1px 1px #000;
}
.ttl_h3 .all a:after{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background: url("../img/cmn/cmn_foot_arw03.png") no-repeat 18px center;
    background-image: url("../img/cmn/cmn_arw01.png")\9;
    background-position: 11px center\9;
    -webkit-background-size: auto 9px;
    -o-background-size: auto 9px;
    background-size: auto 9px;
}
.ttl_min{
    overflow: hidden;
    display: block;
    width: 100%;
    margin: 35px 0 0;
    padding-left: 10px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
    border-left: 5px solid #009;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* ==========================================
Button
========================================== */
.cmn_btn{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
}
.cmn_btn>span,
.cmn_btn>a{
    position: relative;
    display: block;
    padding: 15px 15% 15px 5%;
    height: 70px;
    color: #333;
    text-decoration: none;
    border: 1px solid #d1d1d1;
    background: #FFF;
    background: -moz-linear-gradient( top, #ffffff 50%, #ebebeb);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#ebebeb));
    background: -ms-linear-gradient(top, #ffffff 50%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1) inset;
    box-shadow: 0px 0px 0px 1px rgba(255,255,255,1) inset;
}
.cmn_btn>a:hover{opacity: 0.7;}
.cmn_btn>span:after,
.cmn_btn>a:after{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    right: 5%;
    width: 35px;
    height: 100%;
    background: url("../img/cmn/cmn_arw02.png") no-repeat left center;
    background-image: url("../img/cmn/cmn_arw02_25px.png")\9;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}
.cmn_btn>span:before,
.cmn_btn>a:before{
    content:' ';
    float: left;
    display: block;
    margin-right: 0;
    width: 6px;
    height: 100%;
    background: #000099;
}
.cmn_btn>span span.ttl,
.cmn_btn>a span.ttl{
    display: block;
    width: 90%\9;
    height: 30px;
    margin-top: 5px;
    margin-left: 10%;
    line-height: 30px;
    font-size: 2.5rem;
}
.cmn_btn>span span.txt,
.cmn_btn>a span.txt{
    display: block;
    margin-top: 5px;
    margin-left: 10%;
    height: 30px;
    font-size: 1.2rem;
    line-height: 1.2;
}
.cmn_btn>span{background: #CCC;filter:none;}
.cmn_btn>span:after{background-image: url("../img/cmn/cmn_arw04.png");}
.cmn_btn>span:before{background: #787878;}
.cmn_btn>span span.ttl{color: #787878;}
.cmn_btn>span span.txt{color: #787878;}
/*size_m*/
.cmn_btn.btn_m>span,
.cmn_btn.btn_m>a{
    height: 50px;
}
.cmn_btn.btn_m>span:after,
.cmn_btn.btn_m>a:after{
    width: 25px;
}
.cmn_btn.btn_m>span span.ttl,
.cmn_btn.btn_m>a span.ttl{
    margin-top: 16px;
    height: 15px;
    line-height: 1.0;
    font-size: 1.8rem;
}
.cmn_link{
    width: 240px;
    height: 40px;
}
.cmn_link a{
    position: relative;
    display: block;
    width: 100%;
    text-indent: 15px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    background: #00007a;
    background: -moz-linear-gradient( top, #000099 50%, #00007a);
    background: -webkit-gradient( linear, left top, left bottom, from(#000099), color-stop(0.50, #000099), to(#00007a));
    background: -ms-linear-gradient(top, #000099 50%, #00007a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000099', endColorstr='#00007a', GradientType=0);
    -webkit-background-size: 20px,auto;
    -o-background-size: 20px,auto;
    background-size: 20px,auto;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.5) inset,0px -1px 0px 1px rgba(0,0,0,1) inset;
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.5) inset,0px -1px 0px 1px rgba(0,0,0,1) inset;
    text-shadow: -1px -1px 1px #000;
    -webkit-font-smoothing: auto;
}
.cmn_link a:before{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: 5%;
    width: 20px;
    height: 100%;
    background: url("../img/cmn/cmn_arw03.png") no-repeat left center;
}
.cmn_link a.out{
    color: #FFF;
    text-decoration: none;
}
.cmn_link a.out:after{
    margin-left: 5px;
    background-image: url("../img/cmn/cmn_ic_out02.png");
}
/* ==========================================
Link
========================================== */
a.out{
    display: inline-block;
    text-decoration: underline;
    color: #333;
}
a.out:after{
    content:'';
    display: inline-block;
    margin-left: 5px;
    width: 11px;
    height: 10px;
    background: url("../img/cmn/cmn_ic_out.png") no-repeat left center;
    -webkit-background-size: 11px 10px;
    -o-background-size: 11px 10px;
    background-size: 11px 10px;
}
a.out:hover{text-decoration: none;}
a.out.blu{color: #009;}
/* ==========================================
Column
========================================== */
.col2{overflow: hidden;*zoom: 1;}
.col2>*{
    float: left;
    width: 49%;
    margin-left: 2%;
}
.col2>*:nth-child(odd){margin-left: 0;}
.col2>* {
    clear: none !important;
}
.detail-txt p {
    overflow: hidden;
    padding-top: 20px;
}
#news_release .col3{ overflow: hidden;}
.col3>*{
    float: left;
    width: 32%;
    margin-left: 2%;
    clear: none !important;
}
.col3>*:nth-child(3n+1){margin-left: 0;}

.col4{ overflow: hidden;*zoom: 1;}
.col4>*{
    float: left;
    width: 240px;
    margin-left: 13px;
    margin-bottom: 15px;
}
.col4>*:nth-child(4n+1){margin-left: 0;}
/* ==========================================
Table
========================================== */
table.tbl{
    margin-top: 20px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    line-height: 1.6;
}
table.tbl th {
    width: 170px;
    padding: 20px 20px;
    /* color: #FFF;*/
    border: 1px solid #fff;
    border-right: none;
    background: #787878;
    vertical-align: middle;
}
table.tbl th.vat{vertical-align: top;}
table.tbl td {
    padding: 20px 20px 20px 20px;
    border: 1px solid #fff;
    border-left: none;
    background: #f9f9f9;
    vertical-align: middle;
}
/* ==========================================
404 Not Found
========================================== */
#nf {
    height: 100%;
}
#nf body {
    position: relative;
    height: 100%;
}
#nf #cmn_head {
    height: auto;
    border-bottom: 42px solid #009;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
#nf #cmn_head .inner {
    padding-bottom: 10px;
}
#nf .area_main {
    float: none;
    width: 96%;
    margin: 50px auto 0;
    line-height: 2;
}
#nf .area_main h1 {
    margin-bottom: 20px;
    font-size: 34px;
    font-weight: bold;
}
#nf .area_main p {
    margin-bottom: 10px;
}
#nf .area_main a {
    padding-left: 15px;
    background: url("../img/cmn/cmn_foot_arw01.png") no-repeat 0 center;
    -webkit-background-size: 8px 12px;
    -o-background-size: 8px 12px;
    background-size: 8px 12px;
    color: #009;
    text-decoration: none;
}
#nf #cmn_foot {
    position: absolute;
    bottom: 0;
    border-top: 42px solid #009;
}
/* ==========================================
IE8
========================================== */
html>/**/body a div,
html>/**/body span > div {
    left: 0 !important;
    overflow: visible;
}
html>/**/body a div img,
html>/**/body span > div > img {
    width: auto;
    height: 12px !important;
    left: 0;
}

html>/**/body #cmn_menu a div {
    top: 5px !important;
    left: 5px !important;
}
html>/**/body .cmn_list_nav a div {
    left: 5px !important;
}

html>/**/body .map a div {
    left: 0 !important;
}

html>/**/body .col2>*{
    width: 48%\9;
    margin-left: 1%\9;
    margin-right: 1%\9;
}

html>/**/body .col3>*{
    width: 31%\9;
    margin-left: 1%\9;
    margin-right: 1%\9;
}

html>/**/body .col4>*{
    width: 23%\9;
    margin-left: 1%\9;
    margin-right: 1%\9;
}

html>/**/body .sec_csr .col2>*{
    height: 210px\9;
    margin-left: 2%\9;
    margin-right: 2%\9;
}
/* ==========================================================================
Responsive
PC Style
========================================================================== */
@media screen and (min-width: 542px) {
    .pc{display: block;}
    .sp{display: none !important;}

}
/* ==========================================
調整用
========================================== */
.addtoany_content{
    float: right;
    margin-left: 16px;
    clear: none !important;
    margin: 0px !important;
}
.detail-txt p{
    overflow: hidden;
    clear: both;
    padding-top: 20px;
}
.bdy_news p{padding-top: 0px;}
.addtoany_list a:not(.addtoany_special_service)>span{
    display: none !important;
}

.news-list-tit{
    display: block;
    overflow: hidden;
    clear: both;
    padding-top: 12px;
}
/* ==========================================
株式について用
========================================== */
.sdl,.sdr {
    border-bottom:1px solid #ccc;
    padding:15px 0 3px;
}
.sdr {
    text-align:right;
}
.sdl.pb03,
.sdr.pb03{
    padding-bottom:3px;
}
.sds{
    text-indent:-1em;
    padding:3px 0 0 1em;
}
.sde{
    padding:15px 0 3px;
}
table.tbls{
    margin-top: 2px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    line-height: 1.6;
}
table.tbls th {
    padding: 20px 20px;
    border: 1px solid #fff;
    border-right: none;
    background: #787878;
    vertical-align: middle;
    text-align:center;
}
table.tbls th.vat{vertical-align: top;}
table.tbls td {
    padding: 20px 20px 20px 20px;
    border: 1px solid #fff;
    border-left: none;
    background: #f9f9f9;
    vertical-align: middle;
}
table.tbls td.at{
    text-align:right;
}
.noteStock{
    line-height: 1.5em;
}
.w100p {
    width:100%;
}
.ttl_h2 table td{

}
.stock-box td{
    background:#fff;
}
.dividend-box table th{
    color: #333333;
}
.dividend-box table td{
    background:#fff;
}
.dividend-box .dvdnt_tbl{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
/* ==========================================
検索フォーム用
========================================== */
.screen-reader-text{
    display: none;
}
#pagetop_new {
    position: fixed;
    right: 2%;
    bottom: 10%;
}
/* ==========================================
Search
========================================== */
.cmn_list_nav input[type="text"]{
    /* float: left; */
    width: 70%;
    height: 28px;
    padding: 10px;
    line-height: 1;
    border: 1px solid rgb(209, 209, 209);
}
.cmn_list_nav input[type="submit"]{
    /* float: right; */
    width: 50px;
    height: 28px;
    border: none;
    background-color: #787878;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
}
/*基本設定
-----------------------------------------------*/
/*別ページから内部リンクジャンプ*/
.anchor{
    display: block;
    padding-top:100px;
    margin-top: -100px;
}
*, *:before, *:after{
    -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
html{height: 100%; font-size: 62.5%; /* 10px */}
body{
    width:100%;
    -webkit-text-size-adjust: 100%;/* sp横画面font拡大対策 */
    -webkit-animation: fadeIn 0.6s ease-in 0s 1 normal; animation: fadeIn 0.6s ease-in 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
a {-webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden;}
a:link, a:visited, a:hover {color:#333; text-decoration:none;}
#news_release a{
    color:#000099; text-decoration:underline; word-wrap: break-word;
}
a:link, a:visited, a:active, a:hover {outline: none;　/* FireFox リンク選択時の点線を消す */}
img {vertical-align: bottom;border-style: none;/* max-width: 100%; *//* width: auto; *//* height: auto; */}
ul li {list-style:none;}
/*ライン
-----------------------------------------------*/
.underline {text-decoration: underline !important;}
/*リストにマーク付け
-----------------------------------------------*/
ul.mark {margin-left: 1.0em; font-size: 16px;}
ul.mark li {text-indent: -1.0em;}
/*テキスト位置
-----------------------------------------------*/
.tac{text-align:center!important;}
.tar{text-align:right!important;}
.tal{text-align:left!important;}
/*マージン
-----------------------------------------------*/
.mt0{margin-top:0px!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mb0{margin-bottom:0px!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{/* margin-bottom:20px!important; */}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mg0{margin:0!important;}
/*フォント
------------------------------------------------*/
.font-min{font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;}
.font-bold{font-weight:bold!important;}
.font-normal{font-weight:normal!important;}
.font-12 {font-size: 12px !important;}
.font-13 {font-size: 13px !important;}
.font-14 {font-size: 14px !important;}
.font-16 {font-size: 16px !important;}
.font-18 {font-size: 18px !important;}
.font-24 {font-size: 24px !important;}
/*行間
------------------------------------------------*/
.fh-14{line-height:1.4!important;}
.fh-15{line-height:1.5!important;}
.fh-16{line-height:1.6!important;}
/*flexbox
------------------------------------------------*/
.flex {display:-ms-flexbox; display:-webkit-box; display:flex;}
.fw-wrap {-ms-flex-wrap:wrap; flex-wrap: wrap;}
.jc-between {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.jc-around {-webkit-box-pack:justify; -ms-flex-pack:distribute; justify-content:space-around;}
.jc-center {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
.jc-end {-webkit-box-pack:end; -ms-flex-pack:end; justify-content: flex-end;}
.ai-center {-webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center;}

/*=============================================================================
▲PCのみのデザイン▲
=============================================================================*/
@media screen and (min-width:896px){.hover:hover{filter: alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8;}
    /* 非表示設定 */
    .pc-none{ display:none !important;}
    /*フロート
    -----------------------------------------------*/
    .fl{float:left!important;}
    .fr{float:right!important;}
}
/* ==========================================
base
========================================= */
html {-webkit-text-size-adjust: 100%;}
body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 100%;
    line-height: 1.5em;
    color: #333333;
    background: #fff none no-repeat 0 0 scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    position: relative;
    height: 100%;
}
img {/* max-width: 100%;*/}
.clearfix {*zoom: 1;}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
a.txt-link{
    color: #000099;
    /*border-bottom: 1px solid #000099;*/
    text-decoration: underline;
}
.pointer-events{pointer-events: none;}
/* =========================================
header
============================================ */
.mb100 {margin-bottom: 100px !important;}
.sp-none {display: block;}
.pc-none {display: none;}
.main-nav {
	display: flex;
	font-size: 15px;
	margin: 28px;
	align-items: center;
}


.main-nav a {
    margin: 30px 20px;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    /* z-index: 1; */
    height: 100%;
    display: flex;
    align-items: center;
}
header {
    clear: both;
    overflow: hidden;
    /*height: 68px;*/
}
.header-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    height: 90px;
    margin: 0 auto;
    padding-left: 30px;
}
.header-nav a{display: block; height: auto;}
.header-main {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.8);
}
/*hover水色*/
.main-nav a::after{
    content: "";
    width: 15px;
    height: 15px;
    background: #09c;
    opacity: 0.8;
    border-radius: 10px;
    position: absolute;
    bottom: -20px;
    left: 40%;
    transform: translateX(0px);
    transition-duration: 0.5s;
    opacity: 0;
}
.main-nav a::after{
    content: "";
    width: 15px;
    height: 15px;
    background: #09c;
    opacity: 0.8;
    border-radius: 10px;
    position: absolute;
    bottom: 24px;
    left: 43%;
    transform: translateX(0px);
    transition-duration: 0.5s;
    opacity: 0;
    z-index: 999;
}
.dropdown-btn a::after {
	/* bottom: 2px; */
}


.main-nav a:hover::after{
    transform-origin: left top;
    transform: translateX(-5px);
    opacity: 1;
    transition-delay: 0s;
}
.dropdown-btn span:hover::after {
    transform-origin: left top;
    transform: translateX(-5px);
    opacity: 1;
    transition-delay: 0s;
    z-index: 999;
}
/*hover青色*/
.main-nav a::before{
    content: "";
    width: 15px;
    height: 15px;
    background: #000099;
    opacity: 0.8;
    border-radius: 10px;
    position: absolute;
    bottom: 24px;
    left: 41%;
    transform: translateX(0px);
    transition-duration: 0.5s;
    opacity: 0;
    position: absolute;
    /* z-index: 99999999999; */
}
.hed-recruitment-link-box-list li a::before {
	/* bottom: 2px; */
	display: none;
}
.hed-recruitment-link-box-list.dropdown  figcaption span::before{
	display: none;
	}
	.main-nav .dropdown-btn a> span {
   /* height: 35px;
    display: flex;
    /* align-items: center; */
}
.hed-saiyo-link dt span {
	margin: 10px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #606060;
	display: inline-block !important;
}
.main-nav a:hover::before,.dropdown-btn span:hover::before {
    transform-origin: left top;
    transform: translateX(5px);
    opacity: 1;
    transition-delay: 0s;
}
/*多言語だけhover処理させない*/
.link-english > a:hover::before,
.link-english > a::before,
.link-english > a::after,
.link-englis > a:hover::after {
    background: none;
}



/*追加*/
li.dropdown-btn .dropdown{
	z-index: 9999999999;
	background-color: #fff;
	position: absolute;
	left: 0;
	/*top: 85px;*/
	top: 76px;
	width: 100%;
	padding: 10px 0px;
	transition: all 0.2s;
	box-shadow: 0px 6px 6px 1px rgba(0, 0, 0, 0.05);
	opacity: 0;
	visibility: hidden;
	display: block;
}
/*li.dropdown-btn .dropdown{
justify-content: center;
top: 80px;
}*/
li.dropdown-btn:hover .dropdown{
	visibility: visible;
	opacity: 1;
	display: block;

}
li.dropdown-btn .hed-recruitment-link-box dl {
	/*background-color: #eaeaea;
	font-size: 14px;
	/* padding: 16px 0px; */
	/*   height: 64px;
	margin-bottom: 30px;*/
}
.link-about-furyu{
}
.hed-recruitment-link-box .hed-saiyo-link{
	background-color: #eaeaea;
	font-size: 14px;
	/* padding: 16px 0px; */
	/* height: 64px; */
	margin-bottom: 30px;
	/* max-width: 1000px; */
	margin: 0 auto;
	/* line-height: 5em; */
}
.hed-recruitment-link-box dl{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;
    height: 64px;
}
.hed-recruitment-link-box dt{
    border-right: 1px solid #333333;
    padding: 0px 20px 0px 0px;
    font-size: 22px;
    height: 25px;
    line-height: 1em;

}
.hed-recruitment-link-box dd{
    background-color: #3398cc;
    border-radius: 20px;
    width: 92px;
    height: 28px;
    display: block;
    color: #fff;
    line-height: 1.8em;
    margin: 0px 20px;
}
.link-recruitment-list li a img{
   /* width: 100%;*/

}
.link-recruitment-list,.dropdown .hed-recruitment-link-box-list{
    max-width: 1000px;
    margin: 0 auto;

}
.link-recruitment-list {
    position: relative;
}
.hed-recruitment-link-box-list figure{
    width: 100%;
    position: relative;
    height: 120px;
}

.hed-recruitment-link-box-list:nth-of-type(2) li:nth-of-type(5) figure > img{
    max-width: 140px;
     object-fit: contain;
   object-position: 0px 0px;
}


.hed-recruitment-link-box-list figure img{
    max-width: 140px;
    height: 120px;
    object-fit: cover;
}
.hed-recruitment-link-box-list figcaption{
    color: #fff;
    background:rgba(112,187,214,0.9);
    height: 30px;
    position: relative;
    width: 100%;
    bottom: 30px;
    /* border-radius: 0px 0px 10px 10px; */
    line-height: 1.4em;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hed-recruitment-link-box-list figcaption img{
    /* width: 3% !important; */
    /* padding: 8px 2px 8px; */
    height: 8px;
    left: -7px;
    position: relative;
    /* bottom: 4px; */
    display: inline-block;
}


 .dropdown-btn .hed-saiyo-link a::before{
	display: none;
}
.main-nav .hed-recruitment-link-box.dropdown a::after{
	display: none;
}
.hed-recruitment-link-box.dropdown figcaption span::after{
	display: none;
}
.dropdown-btn .hed-recruitment-link-box-list.dropdown a::after{
	display: none;
}
.hed-recruitment-link-box-list.dropdown figcaption span::before{
	display: none;
}
.hed-recruitment-link-box-list.dropdown figcaption span::after{
display: none;
}
.main-nav .hed-recruitment-link-box-list figcaption span{
    /* margin: auto; */
    /* overflow: hidden; */
    /* position: absolute; */
    /* width: auto; */
    /* height: 19px; */
    font-size: 12px;
    font-weight: 700;
    /* display: inline; */
    /* bottom: 0px; */
    /* left: 2px; */
    /* display: inline; */
}
.hed-recruitment-link-box-list figcaption span::after{
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: #99ccff;
    top: 10px;
    left: 20px;
    transform: scaleX(.8) rotate(45deg);
}

.hed-recruitment-link-box-list{
    display: flex;
    margin: 0 auto 0px;
    justify-content: flex-start;
   /* padding-bottom: 30px;*/
    position: relative;
    font-weight: 500;
}
.link-recruitment-list .hed-recruitment-link-box-list:after {
    content: "";
    background-image: linear-gradient(to right, #A0A0A0, #A0A0A0 2px, transparent 2px, transparent 2px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 150px;
    bottom: 0px;
    left: 0;
    right: 0;
}
.hed-recruitment-link-box-list li {
    display: inline-block;
    margin: 10px 0px 0px 20px;
    max-width: 140px;
}
.hed-recruitment-link-box-list li:first-child{
    margin-left: 0px;
}
.hed-recruitment-link-box .link-recruitment-list .site-link a {
    display: inline;
    margin: 10px 20px 10px 0px;
    line-height: 2.9em;
    width: 100%;
    text-align: left;
    font-weight: 500;
}
.hed-recruitment-link-box .site-link{
    display: block;
    position: relative;
    text-align: left;

}
.main-nav .link-recruitment-list a:hover::before{
	display: none;
}
.hed-recruitment-link-box dd .site-link > a{
    display: inline-block;
    margin: 1px 10px;
    color: #fff;
}
.hed-recruitment-link-box .site-link .top-link{
    color: #fff;
}
.hed-recruitment-link-box .site-link span{
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #000099;
    margin: 0px 10px 2px 3px;
}
.hed-recruitment-link-box .site-link span .fa-chevron-right{
    top: 18%;
    color: #fff;
    font-size: 9px;
}
/* =========================================
footer
============================================ */
.footer {
    background-color: #F8F8F8;
    padding: 100px 20px;
    position: relative;
}
.footer-logo {
    text-align: center;
    max-width: 180px;
    margin: 0px auto 60px auto;
}
.footer-logo a{
    display: block;
}
.footer-inner {
    display: flex;
    max-width: 980px;
    margin: 0 auto 100px auto;
    justify-content: center;
    font-size: 12px;
    letter-spacing: 2px;
}
.footer-inner ul{
    margin: 0px 20px;
}
.footer-inner-nav li {
    margin: 14px 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}
.footer-inner-nav a{
    font-size: 12px;
}
.cmn_foot_copy {
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 12px;
}
.new_grad::after {
    content: '';
    background-image: url(../img/cmn/cmn_ic_out02.png);
    width: 14px;
    height: 10px;
    display: inline-block;
    margin-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer-en{
    justify-content: space-evenly;
}
/* ==========================================
news-category
========================================== */
.release,.ir_release{
    text-align: center;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: gray !important;
    font-size: 12px;
    width: fit-content !important;
    height: 32px;
    line-height: 2.5em;
    margin-right: 10px;
    padding: 0px 10px;
}
.ir_news,.ic_news {
    border-radius: 4px;
    border: 1px solid #787878;
    text-align: center;
    color: gray;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    width: auto;
    height: 32px;
    line-height: 2.5em;
    margin-right: 10px;
    padding: 0px 10px;
}
.cat6,.sustainability {
    margin-right: 13px;
    line-height: 0px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #A3C7DC;
    font-size: 12px;
    width: auto;
    height: 32px;
    line-height: 2.5em;
    margin-right: 10px;
    padding: 0px 10px;
}
.cat8 {
    text-align: center;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #A3C7DC;
    font-size: 12px;
    width: auto;
    height: 32px;
    line-height: 2.5em;
    margin-right: 10px;
    padding: 0px 10px;
}
.cat9,.cat1,.cat5,.cat2,.cat3,.cat4 {
    text-align: center;
    color: gray;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #D4E5EF;
    font-size: 11px;
    width: auto;
    height: 32px;
    line-height: 2.8em;
    margin-right: 10px;
    padding: 0px 10px;
}
.cat10 {
    text-align: center;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #A3C7DC;
    font-size: 12px;
    width: auto;
    height: 32px;
    line-height: 2.5em;
    margin-right: 10px;
    padding: 0px 10px;
}
.cat11 {
    text-align: center;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #A3C7DC;
    font-size: 12px;
    width: auto;
    height: 32px;
    line-height: 2.5em;
    margin-right: 10px;
    padding: 0px 10px;
}
.inline-block {
    display: inline-block;
}
.font-15 {
    font-size: 15px;
}
/*page-top*/
.l-footer__btn-top {
    position: absolute;
    top: -70px;
    right: 30px;
    z-index: 99;
}
.l-footer__btn-top a {
    -webkit-transition: all 400ms cubic-bezier(0.07, 0.76, 0.44, 1);
    transition: all 400ms cubic-bezier(0.07, 0.76, 0.44, 1);
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    width: 50px;
    height: 50px;
    background: #000099;
    text-align: center;
}
.l-footer__btn-top a i {
    color: white;
    position: absolute;
    top: 19px;
    left: 0px;
    right: 0;
    font-size: 12px;
}
#footer2 a{
    color: #000099;
    text-decoration: underline;
}

/* =========================================
下層ページ共通
============================================ */
#content {
    max-width: 840px;
    width: 100%;
    clear: both;
}

#container {
    max-width: 1140px;
    margin-bottom: 50px;
    margin: auto;
    position: relative;
    padding: 0px 0px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
/*下層メインビジュアルの箇所*/
.main-title {
    background-image: url(../img/bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    padding: 0 0px;
    border-bottom: 1px solid #DDDDDD;
}

.main-title .line {
    margin: 55px 40px 0px auto;
}
.main-title h1 {
    font-size: 40px;
    font-weight: 500;
    max-width: 80%;
    margin-bottom: 40px;
    padding-top: 20%;
    max-width: 1100px;
    max-width: 1150px;
    margin: 0 auto;
    line-height: 1.5em;

}
.main-title .line:before {
    display: block;
    background: #DDDDDD;
    height: 2px;
    width: 100%;
    margin-bottom: -10px;
}

.main-title-in {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    padding: 0px 0px;
}
/*投稿シングルページタイトル用*/
.main-title .title-single{font-size: 26px;}

/*下層ページの各タイトルにある円形アイコン　青色と水色二重*/
.circle01:before {
    content: " ";
    width: 15px;
    height: 15px;
    background: #000099;
    opacity: 0.8;
    border-radius: 10px;
    position: absolute;
    top: 5px;
}
.circle01 span:before {
    content: " ";
    width: 15px;
    height: 15px;
    background: #09c;
    border-radius: 10px;
    position: absolute;
    margin-left: 9px;
    opacity: 0.8;
    top: 5px;
    z-index: 0;
}
/*下層ページの各タイトルにある円形アイコン　灰色*/
.circle02:before {
    content: " ";
    width: 15px;
    height: 15px;
    background: #DAE1EE;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 5px;
}

/*ぱんくず*/
.pan {
    display: flex;
    padding-top: 10px;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    font-size: 12px;
    z-index: 0;
}
.en-pan{
    max-width: 1380px;
}
.pan ol li {
    position: relative;
    display: inline-block;
    padding: 0px 8px 0px 26px;
    font-size: 13px;
}

.pan .arrow::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000099;
    border-right: solid 2px #000099;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
}
/* =========================================
sidebar
============================================ */
#sidebar {
    /*position: absolute;*/
    padding: 20px 16px 35px 36px;
    box-shadow: 0 0 45px #ddd;
    background-color: #fff;
    border-radius: 20px;
    right: 0;
    margin-top: 70px;
    max-width: 250px;
    width: 100%;
}
.sidebar-title {
    font-size: 16px;
}

.toggle {
    cursor: pointer;
    cursor: hand;
}
.sidebar-title a,
.news-sidebar-title {
    border-bottom: solid 1px #DDDDDD;
    padding: 27px 0px;
    padding-right: 50px;
    position: relative;
    display: flex;
    align-items: center;
}

.sidebar-title .arrow {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 3px #000099;
    border-right: solid 3px #000099;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    /* position: absolute; */
    top: 30px;
    /* left: 100px; */
    margin: 0px 0px 0px 5px;
}

#sidebar li {
    font-size: 13px;
    margin: 20px auto;
    line-height: 1.5em;
    /* position: relative; */
}
#sidebar li a{
    /* display:block;*/
    display: inline-block;
}
#sidebar li.on a{
    color: #000099;
    font-weight: bold;
    display: block;
}
#sidebar li.link a:link,
#sidebar li.link a:visited {
    color: #000099;
    font-weight: bold;
}
#sidebar .sidebar-link-list .third{
    border-left: 2px solid #D4E5EF;
    padding-left: 20px;
    margin: 0px 0px 0px;
    padding: 10px;
}
#sidebar .sidebar-link-list .third_on {
    border-left: 2px solid #000099;
    margin: 0px 0px 0px;
    padding: 10px;
}

#sidebar .sidebar-toggle-min {
    /*display: none;*/
}

#sidebar .sidebar-toggle-min li {
    line-height: 1.5;
    margin: 0px 0px 0px 0px;
    border-left: 2px solid #D4E5EF;
    padding: 10px;
}

#sidebar .news-sidebar-title::after {
    display: none;
}

.sidebar-link-list {
    position: relative;
}
.news-sidebar-title + .sidebar-link-list{
    margin-left: 14px;
}
.sidebar-link-list .toggle:before {
    font-family: "Font Awesome 5 Free";
    content: "\f077";
    position: absolute;
    left: -1.2rem;
    color: #181B7C;
    transform: rotate(180deg);
    font-weight: 900;
    /* right: 225px; */
    margin-right: 1px;
    /* width: 100%; */
    font-size: 10px;
}

.sidebar-link-list .toggle.active:before {
    transform: rotate(0deg);
    left: -1.2rem;
}
#sidebar .sidebar-csr-second li{
    border-left: 2px solid #D4E5EF;
    padding-left: 13px;
    padding-bottom: 10px;
    margin-top: 0px;
}
#sidebar .sidebar-csr-second .third_on {
    border-left: 2px solid #000099;
}

/*英語*/
.english-content .col3{
    flex-direction: column;
    display: flex;

}
#sidebar.sidebar-english .sidebar-title .arrow{
    position: absolute;
    top: 32px;
    right: 33px;
}
.sidebar-english .sidebar-title a{
    padding-right: 40px;
}
.english-content .box p{
    margin: 0px;
}
.contents .english-content .button-account {
    max-width: 500px;
    width: 100%;
    margin-bottom: 30px;
}
/*ページャー*/
.pagenavi {
    max-width: 1140px;
    margin: 15px auto;
    /* font-family: 'Oswald', sans-serif; */
    justify-content: center;
}

.pagination ul {
    display: flex;
    justify-content: center;
}

.pagenavi ul a{
    border: solid 1px #DDDDDD;
    font-weight: bold;
    flex-basis: 35px;
    text-align: center;
    display: block;
    width: 10px;
    width: 42px;
    height: 42px;
    font-size: 15px;
    justify-content: center;
}

.pagenavi ul a .wp-pagenavi span.current {
    border-radius: 20px;
    font-weight: bold;
    flex-basis: 35px;
    text-align: center;
    padding: 7px 15px;
    line-height: 0px;
    color: #9fcf3a;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border-color: #000099;
}

.wp-pagenavi span.current {
    background-color: #000099;
    color: #ffff;
    display: block;
    border-radius: 53px;
    width: 42px;
    height: 42px;
    font-size: 15px;
    line-height: 3em;
}

.pagenavi ul a:link,
.pagenavi ul a:visited {
    /* color: #9fcf3a; */
    border-radius: 20px;

}

.pagenavi ul a.arrow {
    background-color: #6c9e02;
    color: #fff;
}

.pagenavi ul a.arrow:link,
.pagenavi ul a.arrow:visited,
.pagenavi ul a.arrow2:link,
.pagenavi ul a.arrow2:visited {
    color: #fff;
}
.pagenavi ul li{
    text-align: center;
    /* line-height: 36px; */
    margin-right: 10px;
    border: none;
    margin: 1px;
    justify-content:;
}
/*フリュー：ニュース記事詳細用(元サイト引継ぎ)
------------------------------------------------*/
/* ==========================================
Column
========================================== */
.col2{
    overflow: hidden;
}
#news_release .col2 p{
    margin-top: 10px;
}
.col2>*{
    float: left;
    width: 49%;
    margin-left: 2%;
}
.col2>*:nth-child(odd){margin-left: 0;}
.col2>* {
    clear: none !important;
}
.detail-txt p {
    overflow: hidden;
    padding-top: 20px;
}
#news_release .col3{ overflow: hidden;}
.col3>*{
    float: left;
    width: 32%;
    margin-left: 2%;
    clear: none !important;
}
.col3>*:nth-child(3n+1){margin-left: 0;}
.col4{ overflow: hidden;*zoom: 1;}
.col4>*{
    float: left;
    width: 240px;
    margin-left: 13px;
    margin-bottom: 15px;
}
.col4>*:nth-child(4n+1){margin-left: 0;}



/* ==========================================
調整用
========================================== */

.addtoany_content{
    float: right;
    margin-left: 16px;
    clear: none !important;
    margin: 0px !important;
}

.detail-txt p{
    overflow: hidden;
    clear: both;
    /*  border-top: 1px solid #3333;*/
    padding-top: 20px;
}
.bdy_news p{padding-top: 0px;}
.addtoany_list a:not(.addtoany_special_service)>span{
    display: none !important;
}

.news-list-tit{
    display: block;
    overflow: hidden;
    clear: both;
    padding-top: 12px;
}
/*width*/
.w05p {width: 5% !important;}
.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w35p {width: 35% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w50p {width: 50% !important;}
.w55p {width: 55% !important;}
.w60p {width: 60% !important;}
.w65p {width: 65% !important;}
.w70p {width: 70% !important;}
.w75p {width: 75% !important;}
.w80p {width: 80% !important;}
.w85p {width: 85% !important;}
.w90p {width: 90% !important;}
.w95p {width: 95% !important;}
.wmax {/* width: 100% !important; */}

/* ==========================================================================
Responsive
SP Style
========================================================================== */

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

    .pc{display: none !important;}
    .sp{display: block;}
    .wmax_sp{width: 100% !important;}


    /* ==========================================
    CommonStyle
    ========================================== */
    .inner {width: 100%;min-width: 100%;}
    .area_wide {width: 100%;}
    .area_main {width: 100%;}
    .area_side {width: 100%;}

    /* ==========================================
    Header
    ========================================== */
    #cmn_head{height: 75px;}
    #cmn_head_id{
        width: 66px;
        height: 26px;
        margin: 12px 0 0 3%;
    }
    #cmn_head_id img{width: 100%;height: auto;}
    #cmn_head_set{
        width: 100%;
        height: 25px;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #cmn_head_set .eng{
        float: right;
        margin-top: 3px;
        margin-right: 2%;
        width: 60px;
        font-size: 1.1rem;
        line-height: 1.7;
        border: 1px solid #ffffff;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    #cmn_head_set .ttl{display: none;}
    #cmn_head_set .fs{display: none;}

    /* ==========================================
    Menu
    ========================================== */
    #cmn_menu_btn{
        display: block;
        position: fixed;
        z-index: 999;
        top:0;
        right: 3%;
        margin:30px 0 0;
        width: 40px;
        height: 40px;
    }
    #cmn_menu_btn img{
        width: 100%;
        height: auto;
    }

    #cmn_menu{
        position: fixed;
        z-index: 999;
        top: 80px;
        right: -80%;
        width: 80%;
        min-width: 80%;
        height: auto;
        border-top: none;
        border-bottom: none;
        background: #d1d1d1;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 0.98;
    }
    #cmn_menu a{
        text-decoration: none;
        color: #000;
    }
    #cmn_menu>ul{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        border-left: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
    }
    #cmn_menu>ul>li{
        float: none;
        display: block;
        width: 100%;
        height: auto;
        text-align: left;
        border-top: 1px solid #d1d1d1;
    }

    #cmn_menu>ul>li>a,
    #cmn_menu>ul>li>span{
        padding-left: 32px;
        border-left: none;
        border-right: none;
        background: transparent url("../img/cmn/cmn_foot_arw01.png") no-repeat 15px center;
        -webkit-background-size: auto 14px;
        -o-background-size: auto 14px;
        background-size: auto 14px;
    }
    #cmn_menu>ul>li>a{
        background-color: #FFF;
    }
    #cmn_menu>ul>li.has .btn{
        right: 0;
        top: 0;
        width: 42px;
        height: 42px;
        padding-left: 0;
        border: none;
        border-left: 1px solid #d1d1d1;
        background: transparent;
    }
    #cmn_menu>ul>li.has .btn img{
        margin-top: 17px;
        margin-bottom: 0;
    }
    #cmn_menu>ul>li.act>a{
        border-left-color: #000;
        border-right-color: #009;
        background-color: #e8e8ff;
        color: #009;
    }

    /*dropdown*/
    #cmn_menu>ul>li ul{
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }
    #cmn_menu>ul>li ul a{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #cmn_menu>ul>li ul,
    #cmn_menu>ul>li:hover ul{display: none;}
    /* ==========================================
    Footer
    ========================================== */
    #cmn_foot{
        margin-top: 30px;
        min-width: 100%;
    }
    #cmn_foot a:hover{text-decoration: none;}

    #cmn_foot_btm{
        border-top: 1px solid #FFFFFF;
        background: #000099;
        height: 40px;
    }
    #cmn_foot_id{display: none;}
    #cmn_foot_copy{
        float: none;
        text-align: center;
        font-size: 1.1rem;
        line-height: 40px;
        color: #FFF;
    }
    #cmn_pagetop{display: none;}
    #cmn_foot_top {background: #787878;}
    #cmn_foot_top .inner{
        padding-top: 0;
        padding-bottom: 0;
    }
    #cmn_foot_top .blk{
        float: left;
        width: 100%;
    }
    #cmn_foot_top .blk.odr01{width: 100%;display: none;}
    #cmn_foot_top .blk.odr02{width: 100%;display: none;}
    #cmn_foot_top .blk.odr03{width: 100%;}
    #cmn_foot_top .blk.odr03 p{display: none;}
    #cmn_foot_top .blk.odr03 p:last-child{
        display: block;
        width: 90%;
        padding: 20px 5% 0;
        margin: 0 auto;
        background: #009;
        overflow: hidden;
        *zoom: 1;
    }

    #cmn_foot_top .ttl a{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        height: 44px;
        line-height: 44px;
        padding: 0 7% 0;
        font-size: 1.4rem;
        font-weight: bold;
        color: #333;
        border-top: 1px solid #D1D1D1;
        background: #FFF;
        background: -moz-linear-gradient( top, #ffffff 50%, #ebebeb);
        background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#ebebeb));
        background: -ms-linear-gradient(top, #ffffff 50%, #ebebeb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
        -webkit-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1) inset;
        box-shadow: 0px 0px 0px 1px rgba(255,255,255,1) inset;
    }
    #cmn_foot_top .ttl a:after{
        content:'';
        display: block;
        position: absolute;
        top:0;
        left:3%;
        width: 20px;
        height: 100%;
        background: url("../img/cmn/cmn_foot_arw01.png") no-repeat left center;
        -webkit-background-size: auto 14px;
        -o-background-size: auto 14px;
        background-size: auto 14px;
    }
    #cmn_foot_top .ttl.has{
        position: relative;
    }
    #cmn_foot_top .has span.btn{
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 44px;
        height: 44px;
        text-align: center;
        border-left: 1px solid #D1D1D1;
        cursor: pointer;
    }
    #cmn_foot_top .has span.btn img{
        margin-top: 12px;
        width: 20px;
        height: 20px;
    }
    #cmn_foot_top .has.open span.btn img{
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
    #cmn_foot_top .blk p,
    #cmn_foot_top .blk ul{
        margin-top: 0;
    }
    #cmn_foot_top .blk ul{
        display: none;
        border-top: 1px solid #D1D1D1;
    }
    #cmn_foot_top li a{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 15px 7% 12px;
        font-size: 1.4rem;
        font-weight: bold;
        background-position: 3% center;
        -webkit-background-size: auto 14px;
        -o-background-size: auto 14px;
        background-size: auto 14px;
    }
    #cmn_foot_top li{
        margin: 0;
        border-top: 1px solid #FFF;
    }
    #cmn_foot_top .blk.odr04{
        float: none;
        display: block;
        width: 90%;
        padding: 0 5% 25px;
        margin: 0 auto;
        background: #009;
        overflow: hidden;
        *zoom: 1;
    }
    #cmn_foot_top .blk.odr04 p{
        margin-top: 15px;
    }
    #cmn_foot_top .link a{
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0 0 16px;
        font-size: 1.3rem;

        background: url("../img/cmn/cmn_foot_arw03.png") no-repeat left center;
        -webkit-background-size: auto 9px;
        -o-background-size: auto 9px;
        background-size: auto 9px;
    }
    /* ==========================================
    Bredcrumb
    ========================================== */
    #cmn_bredcrumb {
        display: none;
    }
    /* ==========================================
    Page
    ========================================== */
    .cmn_list_nav{
        margin-top: 0;
    }
    /* ==========================================
    Title
    ========================================== */
    .ttl_h2 .btn{
        display: block;
    }
    .ttl_h2 .btn img{
        display: block;
        position: absolute;
        top: 8px;
        right: 10px;
        width: 20px;
        height: 20px;
    }
    .ttl_h2.open .btn img{
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .ttl_h3{
        padding: 0 3% 0 6%;
        background-position: 1% center;
    }
    .ttl_h3 .all{
        float: right;
        width: 100px;
        font-weight: normal;
    }
    /* ==========================================
    Button
    ========================================== */
    /*size_m*/
    .cmn_btn.btn_m>span,
    .cmn_btn.btn_m>a{
        display: table;
        width: 100%;
        height: 60px;
        padding: 10px 20% 10px 5%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .cmn_btn.btn_m>span:after, .cmn_btn.btn_m>a:after {
        width: 20px;
    }
    .cmn_btn.btn_m>span span.ttl, .cmn_btn.btn_m>a span.ttl {
        display: table-cell;
        width: 100%;
        height: 100%;
        margin-top: 12px;
        font-size: 1.5rem;
        margin-left: 0;
        padding-left: 10%;
        vertical-align: middle;
    }
    /* ==========================================
    Column
    ========================================== */
    #news_release .col2>*{
        width: 100%;
        margin-left: 0;
        float: none;
        margin: 0 auto;
    }
    .col2>*:first-child{margin-top:0;}
    .col3{ overflow: hidden;*zoom: 1;}
    .col3>*{
        width: 100%;
        margin-left: 0%;
        margin-bottom: 2%;
    }
    .col3>*:nth-child(3n+1){margin-left: auto;}
    .col3>*:nth-child(2n+1){margin-left: 0;}

    .col4{ overflow: hidden;*zoom: 1;}
    .col4>*{
        width: 49%;
        margin-left: 2%;
        margin-bottom: 2%;
    }
    .col4>*:nth-child(4n+1){margin-left: auto;}
    .col4>*:nth-child(2n+1){margin-left: 0;}
    /* ==========================================
    Table
    ========================================== */
    table.tbl{
        margin-top: 20px;
        margin-bottom: 30px;
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        line-height: 1.6;
    }
    table.tbl th {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 10px;
        border-bottom: none;
        border-left: none;
    }
    table.tbl th.vat{vertical-align: top;}
    table.tbl td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 10px;
        border-right: none;
        overflow: hidden;
    }
}
/*=============================================================================
▼スマホのデザイン▼
=============================================================================*/
@media (max-width:896px){
    /* 非表示設定 */.sp-none{display:none !important;}
    /*ページャー*/
    .wp-pagenavi li a,.wp-pagenavi span.current{
        width: 32px;
        height: 32px;
        line-height: 2.2em;
    }

}


/*=============================================================================
▼TOPスライドショー▼
=============================================================================*/

/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}


/* =======================================
ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.viewer ul {
    display: inline-block;
    overflow: hidden;
}


/* =======================================
TOP:スライダー
======================================= */
.wrap {
    padding: 16px 0px 5px 0px;
    z-index: 0;
    overflow: hidden;
    position: relative;
}

#slide_wrap {
    position: relative;
    overflow: hidden;
    border-radius: 28px 0px 0px 28px;
    margin-bottom: 15px;
    overflow: hidden;
    z-index: 99;
}
#slide_wrap .slide_item {
    opacity: 0;
    transform: scale(1.2);
    transition: opacity 2s linear, transform 4.5s linear;

    position: relative;
}
#slide_wrap .slide_item:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}
#slide_wrap .slide_item.show_ {
    opacity: 1;
    transform: scale(1.0);
}
#slide_wrap .slide_item.zoom_ {
    transform: scale(1.0);
}
#slide_wrap .slide_item img {
    display: block;
}


.hed-recruitment-link-box-list.ad_open{
  animation-name: smooth-fadein-out;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes smooth-fadein-out {
  0% {opacity: 0;}
  100% {opacity: 1;}
}


/*sustainability*/
.hed-sustainability-link-box-list li{
    max-width: 205px;
    height: auto;
}
.hed-sustainability-link-box-list figure > img{
    max-width: 200px;
    height: auto;
}
.hed-sustainability-link-box-list figcaption{
    
}
.sustainability_mini_link{
    width: 1050px;
    margin: 0 auto;
}
.sustainability_mini_link ul{
    max-width: 800px;
    /* margin: 0 auto; */
    display: flex;
    flex-wrap: wrap;
}
 .dropdown .sustainability_mini_link li{
    display: flex;
    align-items: center;
     max-width: 100%;
    text-align: left;
    margin: 4px 28px !important;
}
.dropdown .sustainability_mini_link a{
    display: flex;
    align-items: center;
}
.dropdown .sustainability_mini_link a img{
    width: 6px;
    margin-right: 5px;
}
.hed-sustainability-link-box-list figcaption img{
    left: -3px;
}
.hed-recruitment-link-box-list li.new_fresh{
	max-width: 205px;
    padding:10px 0px;
}
.hed-recruitment-link-box-list li.new_fresh figure img{
	max-width: 205px;
}