@charset "utf-8";
/* ============================================================
▼▼base▼▼
============================================================ */

.modal{
display: none;
height: 100vh;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000000000;
}
.modal__bg{
background: rgba(0,0,0,0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.modal__content{
background: #fff;
left: 50%;
padding: 40px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 60%;
}

.en {
font-family: 'Verdana', sans-serif;
}

.tbonly{
display: none !important;
}

.numbers {
font-family:"arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif, "MS Pゴシック", Osaka;
}

.pctL {
float: left;
margin-right:15px;
margin-bottom: 0px;
}
.pctR {
float: right;
margin-left:15px;
margin-bottom: 15px;
}

.aCenter {
text-align: center;
}

.aRight {
text-align: right;
}

img[src$=".svg"] {
width: 100%;
}

.emphasis {
font-weight: 900;
color: #E0247F;
}


/* ============================================================
clearfix
============================================================ */
.clearfix {
zoom: 1;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/* ============================================================
リンク矢印
============================================================ */
.anc-arrow:before {
content: "＞";
}
html {
font-size: 62.5%;
}
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif, "MS Pゴシック", Osaka;
font-weight: normal;
background: #fff;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-text-size-adjust: 100%;
color: #53565A;
min-width: 100%;
width: 100%;
}
/*Safariでヒラギノ角ゴシックをきれいに表示させるCSS　*/
@font-face {
font-family: sans-serif;
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: sans-serif;
src: local(HiraginoSans-W6);
font-weight: bold;
}
/*↓2017.02.14追加*/
@font-face {
font-family: 'Hiragino Kaku Gothic Pro W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'Hiragino Kaku Gothic Pro W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
/*↑2017.02.14追加*/
@font-face {
font-family: 'ヒラギノ角ゴ Pro W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ヒラギノ角ゴ Pro W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'ヒラギノ角ゴ ProN W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ヒラギノ角ゴ ProN W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'ＭＳ Ｐゴシック';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ＭＳ Ｐゴシック';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'MS P Gothic';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'MS P Gothic';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'MS PGothic';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'MS PGothic';
src: local(HiraginoSans-W6);
font-weight: bold;
}
* {
box-sizing: border-box;
}
a {
color: #53565A;
text-decoration: none;
transition: all .3s;
}
a:hover {
opacity: .7;
}

/* ============================================================
margin
============================================================ */
.mt0 {
margin-top: 0!important;
}
.mb0 {
margin-bottom: 0!important;
}
.ml0 {
margin-left: 0!important;
}
.mr0 {
margin-right: 0!important;
}
.mt5 {
margin-top: 5px!important;
}
.mb5 {
margin-bottom: 5px!important;
}
.ml5 {
margin-left: 5px!important;
}
.mr5 {
margin-right: 5px!important;
}
.mt10 {
margin-top: 10px!important;
}
.mb10 {
margin-bottom: 10px!important;
}
.ml10 {
margin-left: 10px!important;
}
.mr10 {
margin-right: 10px!important;
}
.mt20 {
margin-top: 20px!important;
}
.mb20 {
margin-bottom: 20px!important;
}
.ml20 {
margin-left: 20px!important;
}
.mr20 {
margin-right: 20px!important;
}
.mt30 {
margin-top: 30px!important;
}
.mb30 {
margin-bottom: 30px!important;

}
.ml30 {
margin-left: 30px!important;
}
.mr30 {
margin-right: 30px!important;
}
.mt40 {
margin-top: 40px!important;
}
.mb40 {
margin-bottom: 40px!important;
}
.ml40 {
margin-left: 40px!important;
}
.mr40 {
margin-right: 40px!important;
}
.mt50 {
margin-top: 50px!important;
}
.mb50 {
margin-bottom: 50px!important;
}
.ml50 {
margin-left: 50px!important;
}
.mr50 {
margin-right: 50px!important;
}
.mt60 {
margin-top: 60px!important;
}
.mb60 {
margin-bottom: 60px!important;
}
.ml60 {
margin-left: 60px!important;
}
.mr60 {
margin-right: 60px!important;
}
.mt70 {
margin-top: 70px!important;
}
.mb70 {
margin-bottom: 70px!important;
}
.ml70 {
margin-left: 70px!important;
}
.mr70 {
margin-right: 70px!important;
}
.mt80 {
margin-top: 80px!important;
}
.mb80 {
margin-bottom: 80px!important;
}
.ml80 {
margin-left: 80px!important;
}
.mr80 {
margin-right: 80px!important;
}
.mt90 {
margin-top: 90px!important;
}
.mb90 {
margin-bottom: 90px!important;
}
.ml90 {
margin-left: 90px!important;
}
.mr90 {
margin-right: 90px!important;
}
.mt100 {
margin-top: 100px!important;
}
.mb100 {
margin-bottom: 100px!important;
}
.ml100 {
margin-left: 100px!important;
}
.mr100 {
margin-right: 100px!important;
}
.mt120 {
margin-top: 120px!important;
}
.mb120 {
margin-bottom: 120px!important;
}
.ml120 {
margin-left: 120px!important;
}
.mr120 {
margin-right: 120px!important;
}
/* ============================================================
Text選択
============================================================ */
::selection {
background: #EEEEE7;
color: #000;
}
::-moz-selection {
background: #EEEEE7;
color: #000;
}
/* ============================================================
header
============================================================ */
#main.newmain .newmain-index {
margin-top: 170px;
margin-bottom: 0px;
}

#main.newmain {
margin-top: 170px;
margin-bottom: 50px;
}
#header-pc,
#header-pc-noshrink {
width: 100%;
background: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #E1E1E1;
position: fixed;
z-index: 1000;
top: 0;
}
#header-pc.no-gnav,
#header-pc-noshrink.no-gnav {
height: auto;
background: #fff;
}
#header-pc.no-gnav #g-nav,
#header-pc-noshrink.no-gnav #g-nav {
float: right;
text-align: right;
width: 760px;
margin-top: 27px;
}
#header-pc.no-gnav #g-nav > li,
#header-pc-noshrink.no-gnav #g-nav > li {
float: none;
}
#header-pc .wrap,
#header-pc-noshrink .wrap {
width: 1000px;
margin: 0 auto;
position: relative;
padding-top: 24px;
}
#header-pc #h-logo,
#header-pc-noshrink #h-logo {
width: 500px;
height: 79px;
text-align: left;  
padding-bottom: 0px;
z-index: 1;
float:  left;
}

#header-pc #h-logo.h-logo-left,
#header-pc-noshrink #h-logo.h-logo-left {
margin: 3px 15px;
width: 50px;
height: auto;
float: left;
padding-bottom: 0;
}
#header-pc #h-logo a,
#header-pc-noshrink #h-logo a,
#header-pc #h-logo img,
#header-pc-noshrink #h-logo img {
display: block;
}
#header-pc #h-info,
#header-pc-noshrink #h-info {
font-size: 1.2rem;
z-index: 1;
}
#header-pc #h-info li,
#header-pc-noshrink #h-info li {
float: right;
position:  relative;
}

#header-pc #h-info li:before,
#header-pc-noshrink #h-info li:before {
transition: .3s;
content: "";
position: absolute;
left: 6px;
top: 50%;
width: 4px;
height: 4px;
border-top: solid 2px #ED8A00;
border-right: solid 2px #ED8A00;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

#header-pc #h-info a,
#header-pc-noshrink #h-info a {
display: block;
padding: 2px 0 2px 20px;
letter-spacing: 0.5px;
line-height: 1;
}
#header-pc #g-nav,
#header-pc-noshrink #g-nav {
clear:  both;
zoom: 1;
font-size: 0;
text-align: center;
padding: 0;
/* ちいさい矢印出す位置 */
/* SERVICE */
/* CORPORATE */
/* NEWS */
/* IR */
/* RECRUIT */
}
#header-pc #g-nav:after,
#header-pc-noshrink #g-nav:after {
content: "";
display: block;
clear: both;
}

#header-pc #g-nav > li,
#header-pc-noshrink #g-nav > li {
float: left;
text-align: center;
width: 167px;
box-sizing: border-box;
padding: 0;
vertical-align: bottom;
font-size: 1.4rem;
font-weight: bold;
position: relative;
}

#header-pc #g-nav > li:first-of-type,
#header-pc-noshrink #g-nav > li:first-of-type {
width: 125px;
}

#header-pc #g-nav > li:nth-of-type(4),
#header-pc-noshrink #g-nav > li:nth-of-type(4) {
width: 207px;
}


#header-pc #g-nav > li:first-of-type,
#header-pc-noshrink #g-nav > li:first-of-type {
width: 115px;
}

#header-pc #g-nav > li:before,
#header-pc-noshrink #g-nav > li:before {
position: absolute;
content: '';
width: 0px;
height: 40px;
top: 50%;
margin-top: -20px;
left: 0px;
border-right:1px dotted #E1E1E1;
}

#header-pc #g-nav > li:last-of-type:after,
#header-pc-noshrink #g-nav > li:last-of-type:after {
position: absolute;
content: '';
width: 0px;
height: 40px;
top: 50%;
margin-top: -20px;
right: 0px;
border-right:1px dotted #E1E1E1;
}

#header-pc #g-nav > li > a,
#header-pc-noshrink #g-nav > li > a,
#header-pc #g-nav > li > p,
#header-pc-noshrink #g-nav > li > p {
display: block;
line-height: 1;
padding: 22px 0 0;
transition: all .3s;
}

#header-pc #g-nav > li > a:hover,
#header-pc-noshrink #g-nav > li > a:hover,
#header-pc #g-nav > li > p:hover,
#header-pc-noshrink #g-nav > li > p:hover {
opacity: .9;
}
#header-pc #g-nav > li .parent-base-ttl,
#header-pc-noshrink #g-nav > li .parent-base-ttl {
height: 36px;
text-align: center;
display: inline-block;
vertical-align: middle;
padding: 0 12px;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
#header-pc #g-nav > li .parent-base-ttl:before,
#header-pc-noshrink #g-nav > li .parent-base-ttl:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #E22480;
height: 5px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#header-pc #g-nav > li .parent-base-ttl:hover:before,
#header-pc-noshrink #g-nav > li .parent-base-ttl:hover:before,
#header-pc #g-nav > li .parent-base-ttl:focus:before,
#header-pc-noshrink #g-nav > li .parent-base-ttl:focus:before,
#header-pc #g-nav > li .parent-base-ttl:active:before,
#header-pc-noshrink #g-nav > li .parent-base-ttl:active:before {
left: 0;
right: 0;
}
#header-pc #g-nav > li:hover .parent-base-ttl,
#header-pc-noshrink #g-nav > li:hover .parent-base-ttl,
#header-pc #g-nav > li.active .parent-base-ttl,
#header-pc-noshrink #g-nav > li.active .parent-base-ttl {
color: #E22480;
}
#header-pc #g-nav > li:hover .parent-base-ttl:before,
#header-pc-noshrink #g-nav > li:hover .parent-base-ttl:before,
#header-pc #g-nav > li.active .parent-base-ttl:before,
#header-pc-noshrink #g-nav > li.active .parent-base-ttl:before {
left: 0;
right: 0;
}
#header-pc #g-nav .child-wrap,
#header-pc-noshrink #g-nav .child-wrap {
visibility: hidden;
height: 0;
position: fixed;
left: 0;
z-index: 1001;
margin: 0px 0 0 0;
background: rgba(255, 255, 255, 0.95);
font-weight: normal!important;
width: 100vw!important;
text-align: left;
opacity: 0;
overflow: hidden;
border-bottom: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
}
#header-pc #g-nav .child-wrap.grayttl:before,
#header-pc-noshrink #g-nav .child-wrap.grayttl:before {
content: '';
display: block;
height: auto;
position: absolute;
left: -232px;
width: 50%;
background-color:rgba(226,36,128,0.9);;
height: 100%;
}

#header-pc #g-nav > li:hover .child-wrap,
#header-pc-noshrink #g-nav > li:hover .child-wrap,
#header-pc #g-nav > li a:hover .child-wrap,
#header-pc-noshrink #g-nav > li a:hover .child-wrap {
visibility: visible;
height: 241px;
opacity: 1;
transition: all .3s!important;
}
#header-pc #g-nav .child-inner,
#header-pc-noshrink #g-nav .child-inner {
width: 1000px!important;
margin: 0 auto;
color: #666;
display: table;
}

#header-pc #g-nav .child-inner.pb10,
#header-pc-noshrink #g-nav .child-inner.pb10 {
padding-bottom: 10px;
}

#header-pc #g-nav .parent-ttl,
#header-pc-noshrink #g-nav .parent-ttl {
display: table-cell;
width: 300px;
border-right: 1px solid #fff;
position: relative;
font-size: 2.4rem;
padding-left: 18px;
padding-right: 20px;
line-height: 1;
}
#header-pc #g-nav .parent-block,
#header-pc-noshrink #g-nav .parent-block {
display: table-cell;
width: 245px;
box-sizing: border-box;
position: relative;
font-size: 0;
padding: 39px 57px 0 40px;
text-align: center;
line-height: 1;
}
#header-pc #g-nav .parent-block h2,
#header-pc-noshrink #g-nav .parent-block > h2 {
width: 100%;
display: block;
font-size: 2rem;
color: #FFFFFF;
}

#header-pc #g-nav .child-list,
#header-pc-noshrink #g-nav .child-list {
zoom: 1;
display: table-cell;
vertical-align: top;
width: 680px;
min-height: 180px;
padding: 20px 0 0;
box-sizing: border-box;
}
#header-pc #g-nav .child-list:after,
#header-pc-noshrink #g-nav .child-list:after {
content: "";
display: block;
clear: both;
}
#header-pc #g-nav .child-list .child-list-line,
#header-pc-noshrink #g-nav .child-list .child-list-line {
float: left;
width: 240px;
padding: 9px 10px 0 40px;
border-right: 1px solid #E1E1E1;
}

#header-pc #g-nav .mega-menu-about .child-list .child-list-line, 
#header-pc #g-nav .mega-menu-client .child-list .child-list-line, 
#header-pc-noshrink #g-nav .mega-menu-about .child-list .child-list-line
#header-pc-noshrink #g-nav .mega-menu-client .child-list .child-list-line{
width: 100%;
height: 125px;
border: none;
}

#header-pc #g-nav .child-list .child-list-line > ul > li,
#header-pc-noshrink #g-nav .child-list .child-list-line > ul > li {
margin-bottom: 20px;
width: 100%;
display: inline-block;
}

#header-pc #g-nav .mega-menu-about .child-list .child-list-line > ul > li, 
#header-pc-noshrink #g-nav .mega-menu-about .child-list .child-list-line > ul > li {
margin-bottom: 0px;
}

#header-pc #g-nav .mega-menu-client .child-list .child-list-line > ul > li, 
#header-pc-noshrink #g-nav .mega-menu-client .child-list .child-list-line > ul > li{
width: 25%;
}


#header-pc #g-nav .mega-menu-about .child-list .child-list-line > .second,
#header-pc-noshrink #g-nav .mega-menu-about .child-list .child-list-line > .second {
border-top: 1px dotted #E1E1E1;
padding-top: 20px;
margin-top: 10px;
margin-right: 20px;
}

#header-pc #g-nav .child-list .child-list-line > ul > li:last-child,
#header-pc-noshrink #g-nav .child-list .child-list-line > ul > li:last-child {
margin-bottom: 0;
}


#header-pc #g-nav .child-list-line:last-child {
border-right: none;
}
#header-pc #g-nav .child-list li,
#header-pc-noshrink #g-nav .child-list li {
float: left;
}
#header-pc #g-nav .child-list li:last-child a,
#header-pc-noshrink #g-nav .child-list li:last-child a {
border-right: none;
}
#header-pc #g-nav .child-list a,
#header-pc-noshrink #g-nav .child-list a {
padding: 0 !important;
display: block;
position: relative;
}
#header-pc #g-nav .child-list .child-ttl,
#header-pc-noshrink #g-nav .child-list .child-ttl {
min-height: 1.8em;
line-height: 1.2;
font-size: 1.4rem;
position: relative;
}
#header-pc #g-nav .child-list .child-ttl span,
#header-pc-noshrink #g-nav .child-list .child-ttl span {
margin-left: 14px;
display: inline-block;
}

#header-pc #g-nav .child-list .child-ttl .blank:after,
#header-pc-noshrink #g-nav .child-list .child-ttl .blank:after {
bottom: 1px;
background: url(../images/common/icon_blank_white.png) no-repeat 0 0;
}
#header-pc #g-nav .child-list .child-ttl:before,
#header-pc-noshrink #g-nav .child-list .child-ttl:before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 8px;
height: 14px;
background: url(../images/common/icon_arrow_sub.png) no-repeat 0 0;
background-size: contain;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#header-pc #g-nav .child-list .child-ttl.bold:before,
#header-pc-noshrink #g-nav .child-list .child-ttl.bold:before {
content: none;
}
#header-pc #g-nav .child-list .child-ttl.bold span,
#header-pc-noshrink #g-nav .child-list .child-ttl.bold span {
margin-left: 0;
font-weight: bold;
}
#header-pc #g-nav .child-list .child-ttl.child-ttl-mid:before,
#header-pc-noshrink #g-nav .child-list .child-ttl.child-ttl-mid:before {
background: url(../images/common/anc_arrow_mid.png) no-repeat 0 0;
background-size: contain;
}
#header-pc #g-nav .child-list .child-ttl.child-ttl-btm:before,
#header-pc-noshrink #g-nav .child-list .child-ttl.child-ttl-btm:before {
background: url(../images/common/anc_arrow_btm.png) no-repeat 0 0;
background-size: contain;
}
#header-pc #g-nav .parent-ttl-box,
#header-pc-noshrink #g-nav .parent-ttl-box {
display: table-cell;
width: 260px;
position: relative;
padding-right: 9px;
border-left: 1px solid #EAEAEA;
}
#header-pc #g-nav .parent-ttl-box .ttl,
#header-pc-noshrink #g-nav .parent-ttl-box .ttl {
font-size: 2.4rem;
padding-left: 18px;
padding-right: 20px;
line-height: 1;
background: url(../images/common/icon_arrow_sub.png) no-repeat 0 4px;
background-size: 8px auto;
}
#header-pc #g-nav .parent-ttl-box .ttl a span,
#header-pc-noshrink #g-nav .parent-ttl-box .ttl a span {
display: inline-block;
padding: 0 0 7px 25px;
font-size: 16px;
}
#header-pc #g-nav .parent-ttl-box .ttl.ttl-hover,
#header-pc-noshrink #g-nav .parent-ttl-box .ttl.ttl-hover {
height: auto;
margin-top: 10px;
padding: 8px 20px;
background: #f0f0f0;
position: relative;
line-height: 0.9;
cursor: pointer;
}
#header-pc #g-nav .parent-ttl-box .ttl.ttl-hover a,
#header-pc-noshrink #g-nav .parent-ttl-box .ttl.ttl-hover a {
color: #b2b2b2;
font-weight: bold;
}
#header-pc #g-nav .parent-ttl-box .ttl.ttl-hover a span,
#header-pc-noshrink #g-nav .parent-ttl-box .ttl.ttl-hover a span {
line-height: 34px;
padding: 0 0 7px 0;
}
#header-pc #g-nav .parent-ttl-box .ttl.ttl-hover.active,
#header-pc-noshrink #g-nav .parent-ttl-box .ttl.ttl-hover.active {
background: #C1C2C2;
}
#header-pc #g-nav .parent-ttl-box .ttl.ttl-hover.active a,
#header-pc-noshrink #g-nav .parent-ttl-box .ttl.ttl-hover.active a {
color: #fff;
}
#header-pc #g-nav #parent-ttl-nine,
#header-pc-noshrink #g-nav #parent-ttl-nine,
#header-pc #g-nav #parent-ttl-tech,
#header-pc-noshrink #g-nav #parent-ttl-tech {
margin: 0;
padding: 45px 0 0 60px !important;
height: 120px;
box-sizing: border-box;
}
#header-pc #g-nav #parent-ttl-nine,
#header-pc-noshrink #g-nav #parent-ttl-nine {
border-bottom: 1px solid #EAEAEA;
}
#header-pc #g-nav #child-nine,
#header-pc-noshrink #g-nav #child-nine,
#header-pc #g-nav #child-tech,
#header-pc-noshrink #g-nav #child-tech {
position: relative;
padding: 0;
}
#header-pc #g-nav #child-nine:before,
#header-pc-noshrink #g-nav #child-nine:before,
#header-pc #g-nav #child-tech:before,
#header-pc-noshrink #g-nav #child-tech:before {
content: "";
position: absolute;
top: 0;
left: -9px;
width: 13px;
height: 240px;
background-size: contain;
}
#header-pc #g-nav #child-nine,
#header-pc-noshrink #g-nav #child-nine {
padding: 55px 0 0;
}
#header-pc #g-nav #child-nine:before,
#header-pc-noshrink #g-nav #child-nine:before {
background: url(../images/common/boader_service_01.png) no-repeat 0 0;
background-size: contain;
}
#header-pc #g-nav #child-tech,
#header-pc-noshrink #g-nav #child-tech {
padding: 25px 0 0;
display: none;
}
#header-pc #g-nav #child-tech:before,
#header-pc-noshrink #g-nav #child-tech:before {
background: url(../images/common/boader_service_02.png) no-repeat 0 0;
background-size: contain;
}
#header-pc #g-nav .servicemenu > a,
#header-pc-noshrink #g-nav .servicemenu > a {
padding: 0px 0 0 0 !important;
text-align: center;
width: 300px;
display: block;
border-right: 1px solid #EAEAEA;
}
#header-pc #g-nav .servicemenu > a > .child-ttl,
#header-pc-noshrink #g-nav .servicemenu > a > .child-ttl {
padding: 70px 0 0 0 !important;
font-size: 13px;
background-repeat: no-repeat;
background-position: center 30px;
}
#header-pc #g-nav .servicemenu > a > .child-ttl:before,
#header-pc-noshrink #g-nav .servicemenu > a > .child-ttl:before {
content: none;
}
#header-pc #g-nav .servicemenu > a > .child-ttl > span,
#header-pc-noshrink #g-nav .servicemenu > a > .child-ttl > span {
display: block;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
margin-left: 0;
}
#header-pc #g-nav .servicemenu.sub1 a p,
#header-pc-noshrink #g-nav .servicemenu.sub1 a p {
background-image: url(../images/common/logo/logo_temp_nomargin.svg);
background-size: 133px 18px;
}
#header-pc #g-nav .servicemenu.sub2 a p,
#header-pc-noshrink #g-nav .servicemenu.sub2 a p {
background-image: url(../images/common/logo/logo_doda_nomargin.svg?2018-09-14);
background-size: 77px 26px;
background-position: center 23px;
}
#header-pc #g-nav .servicemenu.sub3 a p,
#header-pc-noshrink #g-nav .servicemenu.sub3 a p {
background-image: url(../images/common/logo/logo_an_nomargin.svg);
background-size: 63px 16px;
}
#header-pc #g-nav .child-list .child-list-line,
#header-pc-noshrink #g-nav .child-list .child-list-line {
width: 270px;
/*height: 173px;*/
}

#header-pc #g-nav .child-list .child-list-line:nth-child(3),
#header-pc-noshrink #g-nav .child-list .child-list-line:nth-child(3) {
border-right: none;
}

#header-pc #g-nav .mega-menu-about .child-list .child-list-line, 
#header-pc-noshrink #g-nav .mega-menu-about .child-list .child-list-line {
width: 33%;
/*  height: 155px;*/
padding: 9px 0px 0 20px;
box-sizing: border-box;
border-right: 1px solid #E1E1E1;
}

#header-pc #g-nav .mega-menu-job .child-list .child-ttl,
#header-pc-noshrink #g-nav .mega-menu-job .child-list .child-ttl {
min-height: 1.4em;
line-height: 1.2;
font-size: 1.4rem;
position: relative;
}

#header-pc #g-nav .mega-menu-job .child-list .child-ttl.bold,
#header-pc-noshrink #g-nav .mega-menu-job .child-list .child-ttl.bold {
min-height: 2em;
margin-bottom: 5px;
}

#header-pc #g-nav .mega-menu-job .child-list .child-list-line > ul > li, 
#header-pc-noshrink #g-nav .mega-menu-job .child-list .child-list-line > ul > li {
margin-bottom: 10px;
width: 100%;
display: inline-block;
}

#header-pc #g-nav .mega-menu-job .child-list .child-list-line > ul.box02 > li, 
#header-pc-noshrink #g-nav .mega-menu-job .child-list .child-list-line > ul.box02 > li {
float:  left;
width: 48.5%;
margin-right: 1.5%;
}

#header-pc #g-nav .mega-menu-job .child-list .child-list-line > ul.box02 > li:nth-child(even), 
#header-pc-noshrink #g-nav .mega-menu-job .child-list .child-list-line > ul.box02 > li:nth-child(even) {
margin-right: 0%;
margin-left: 1.5%;
}



#header-pc #g-nav .mega-menu-job .child-list .child-list-line:last-child,
#header-pc-noshrink #g-nav .mega-menu-job .child-list .child-list-line:last-child {
border-right: none;

}










#header-pc .newheader-g-nav-wrapper,
#header-pc-noshrink .newheader-g-nav-wrapper {
width: 100%;
}
/* ============================================================
header｜shrink
============================================================ */
#header-pc.shrink {
height: auto;
}
#header-pc.shrink .wrap {
position: relative;
padding-top: 10px;
height: auto !important;
}
#header-pc.shrink #h-logo {
display:  none;
}
#header-pc.shrink #h-info {
font-size: 1.4rem;
}
#header-pc.shrink #h-info a {
padding: 10px 16px 8px 16px;
}
#header-pc.shrink #g-nav > li > a {
padding-top: 22px 0 0 0;
}
#header-pc.shrink .newheader-h-info-wrapper {
display: none;
}
#header-pc.shrink.no-gnav #g-nav {
margin-top: 0;
}

/* ============================================================
footer
============================================================ */
#footer {
padding: 0;
border-top: 1px solid #E1E1E1;
background: #fff;
}
.footerWrap {
width: 1000px;
margin: 0 auto;
font-size: 0;
padding: 30px 0 25px 0;
}

#footer .footerWrap .footerL {
float: left;
}

#footer .footerWrap .footerL h3 {
width:300px;
margin-bottom: 10px;
}

#footer .footerWrap .footerL p {
font-size:  1.2rem;
color: #525259;
line-height: 1.6em;
}

#footer .footerWrap .footerR {
float: right;
}

#footer .footerWrap .footerR ul {
float: left;
} 

#footer .footerWrap .footerR ul:first-child {
margin-right: 20px;
} 

#footer .footerWrap .footerR li {
margin-bottom: 5px;
} 

#footer .footerWrap .footerR li:last-child {
margin-bottom: 0px;
} 

#footer .footerWrap .footerR .arrow{
position: relative;
padding: 0 0 0 16px;
vertical-align: middle;
text-decoration: none;
font-size: 1.2rem;
}

.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

#footer .arrow::before{
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #96989A;
}
#footer .arrow::after{
left: 3px;
width: 3px;
height: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#slogan {
zoom: 1;
background: #97999B;
padding: 0 1%;
}

#slogan .inner .wrap {
width: 1000px;
margin:  0 auto;
}

#slogan:after {
content: "";
display: block;
clear: both;
}
#slogan img {
display: block;
}
#slogan .foot-logo {
float: left;
width: 240px;
padding: 30px 0 10px 0;
}
#slogan .foot-slogan {
float: right;
width: 300px;
padding: 35px 0 0 0;
}
#slogan .foot-logo-slogan {
padding: 30px 0 5px 0;
}
.copyrightWrap {
background: #97999B;
padding: 0px 0 10px;
color: #fff;
}
#copyright {
text-align: center;
line-height: 100%;
font-family: 'Verdana', sans-serif;
}
#copyright small {
font-size: 1.2rem;
}

/* ============================================================
pagetop
============================================================ */
.pagetop-pc {
z-index: 100;
position: relative;
display: none;
}
.pagetop-pc a {
position: fixed;
right: 0;
display: block;
background: #97999B;
color: #fff;
font-size: 1.6rem;
line-height: 40px;
height: 40px;
padding-left: 20px;
padding-right: 20px;
font-family: 'Verdana', sans-serif;

}
.pagetop-pc a:before {
content: "";
position: absolute;
top: 0;
left: -42px;
width: 40px;
height: 40px;
background: #97999B url(../images/common/go_top.png) no-repeat center center;
}


/* ============================================================
PC/SP/tablet
============================================================ */
@media only screen and (min-width: 1101px) {
#header-sp,
#mv-sp,
#sp-slide-nav,
#movie-sp {
display: none!important;
}
}
@media only screen and (min-width: 992px) {
.sponly {
display: none!important;
}
}
.pronly {
display: none !important;
}
@media print {
.pronly {
display: block !important;
}
.prhidden {
display: none !important;
}
}
/* ============================================================
tablet(landscape)
============================================================ */
@media only screen and (min-width: 1101px) and (max-width: 1199px) {
html {
font-size: 58%;
}

img {
width: 100%;
}

#header-pc #g-nav > li {
font-size: 1.7rem;
}
.wrap,
.wrap-sm,
.wrap-xs {
width: 100% !important;
padding-left: 20px;
padding-right: 20px;
}
#f-group-list {
width: 100%;
float: none;
}
#f-facebook {
margin: 30px auto 0;
padding: 0;
width: 280px;
float: none;
}
/* add 201712 */
.new #header-pc .wrap {
padding-bottom: 0px;
height: 130px;
}
.new #header-pc .newheader-g-nav-wrapper #g-nav > li {
float: none;
font-size: 13px;
padding: 0 1%;
}
.new #header-pc .newheader-g-nav-wrapper #g-nav > li.menu-workersprofile {
width: 22%;
}
.new #header-pc .newheader-g-nav-wrapper #g-nav > li.menu-workersprofile a {
padding-right: 0px !important;
padding-left: 0px !important;
}
.new #header-pc .newheader-g-nav-wrapper #g-nav > li.menu-workersprofile a p {
width: auto;
}
}
/* ============================================================
tablet(portrait)
============================================================ */
@media only screen and (min-width: 768px) and (max-width: 1100px) {
.pagetop-sp {
display: none!important;
}
#f-group-list {
width: 100%;
float: none;
}
#f-facebook {
margin: 30px auto 0;
padding: 0;
width: 280px;
float: none;
}
}


/* ============================================================
SP/tablet
============================================================ */
@media only screen and (max-width: 1100px) {
#mv,
#header-pc,
#header-pc-noshrink,
#movie-pc {
display: none!important;
}
.wrap {
width: 100%!important;
}
.page-anc {
margin-top: -60px;
padding-top: 60px;
}

/* ============================================================
SP/tablet header
============================================================ */
.sb-slidebar {
background: #b2b2b2;
}
#sb-site {
padding-top: 70px;
}
#header-sp {
position: fixed;
top: 0;
z-index: 1000;
width: 100%;
height: 63px;
background-color: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #c2c2c2;
}
#fixed-header .h-logo {
width: 30%;
margin: 12px 0 0 10px;
text-align: left;
position: relative;
z-index: 1;
}
#fixed-header .h-logo.h-logo-left {
margin: 12px 20px 0;
}
#fixed-header .h-logo a {
display: block;
}
#fixed-header .sb-toggle-right {
position: absolute;
top: 50%;
right: 20px;
margin-top: -12px;
width: 25px;
height: 25px;
display: block;
z-index: 200;
}
.spbr {
display: block;
}
/* add 201712 */
.new #header-pc .wrap {
height: auto;
}
.new #header-sp {
border-bottom: 1px solid #fff;
}
.new #fixed-header .sb-toggle-right {
width: 20px;
height: 20px;
}
.new #fixed-header .sb-toggle-right img {
width: 100% !important
}



/* ============================================================
SP/tablet スライドメニュー
============================================================ */
#sp-slide-nav:before {
content: "";
width: 100%;
height: 60px;
position: absolute;
top: 0;
left: 0;
right: 0;
background: #fff;
}
#sp-slide-nav .nav-head {
width: 100%;
height: 64px;
border-bottom: 1px solid #c2c2c2;
background: #fff;
position: relative;
zoom: 1;
}
#sp-slide-nav .nav-head:after {
content: "";
display: block;
clear: both;
}
#sp-slide-nav .h-logo {
width: 70%;
margin: 12px 0 0 10px;
float: left;
}
#sp-slide-nav .h-logo a {
display: block;
}
#sp-slide-nav .sb-close {
width: 20px;
margin: 20px 15px 0 0;
float: right;
}
#sp-slide-nav .sb-close a {
display: block;
}
#sp-g-nav {
width: 100%;
margin: 0px auto 0 auto;
color: #fff;
}
#sp-g-nav a {
display: block;
color: #fff;
}
.nav-list .parent-ttl {
border-bottom: 1px solid #E6E6E6;
cursor: pointer;
padding: 22px 18px;
position: relative;
font-size: 1.2rem;
}
.nav-list .parent-ttl.temporary-menu {
opacity: .7;
cursor: default;
}
.nav-list .parent-ttl.temporary-menu:before {
display: none;
}
.nav-list .parent-ttl.nav-list-parent:after {
position: absolute;
top: 50%;
right: 20px;
content: "";
width: 15px;
height: 8px;
margin-top: -6px;
background: url(../images/common/icon_arrow_under_sp.png) no-repeat;
background-size: 100%;
transition: all .3s;
}
.nav-list .parent-ttl.nav-list-parent.active:after {
transform: rotate(-180deg);
}

.nav-list .parent-ttl.tel,
.nav-list .parent-ttl.web,
.nav-list .parent-ttl.login{
background: #E22480;
font-weight: 900;
padding-left: 45px;
}

.nav-list .parent-ttl.web,
.nav-list .parent-ttl.login{
background: #E22480;
font-weight: 900;
position: relative;
}

.nav-list .parent-ttl.tel:before {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 26px;
height: 42px;
margin-top:  -15px;
background: url(../images/common/icon_phone.svg) no-repeat 0 0;
background-size: contain;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.nav-list .parent-ttl.web:before {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 28px;
height: 27px;
margin-top:  -14px;
background: url(../images/common/icon_bills_02.svg) no-repeat 0 0;
background-size: contain;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.nav-list .parent-ttl.login:before {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 24px;
height: 27px;
margin-top:  -14px;
background: url(../images/common/ico_login.png) no-repeat 0 0;
background-size: contain;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.nav-list .nav-list-child {
display: none;
padding: 0 22px;
background: #999999;
overflow: hidden;
border-bottom: 1px solid #E6E6E6;
}
.nav-list .nav-list-child a {
background: url(../images/common/icon_arrow_right_sp.png) no-repeat 0 center;
background-size: 8px auto;
font-size: 1.1rem;
line-height: 1.1;
height: 60px;
position: relative;
width: 50%;
float: left;
border-top: 1px solid #B1B2B3;
}

.nav-list .nav-list-child a.wide {
width: 100% !important;
}

.nav-list .nav-list-child a.nav-list-child-top {
width: 100%;
font-weight: bold;
border-top: none;
}
.nav-list .nav-list-child a.nav-list-child-long {
width: 100%;
}
.nav-list .nav-list-child a span {
position: absolute;
width: 100%;
padding-left: 15px;
padding-right: 5px;
top: 50%;
transform: translate(0%, -50%);
}
.nav-list .nav-list-child .nav-list-child-thin {
border-top: 1px solid #B1B2B3;
clear: both;
overflow: hidden;
padding: 5px 0;
}
.nav-list .nav-list-child .nav-list-child-thin a {
height: 50px;
border-top: none;
}
.nav-list .nav-list-child .nav-list-child-bnr {
clear: both;
text-align: center;
overflow: hidden;
padding-bottom: 20px;
}
.nav-list .nav-list-child .nav-list-child-bnr a {
height: auto;
background: none;
border: none;
width: 100%;
margin-bottom: 5px;
}
.nav-list .nav-list-child .nav-list-child-bnr a > span {
width: 100%;
display: block;
font-size: 1rem;
position: relative;
background: #fff;
color: #97999b;
padding: 5px 0;
top: 0;
transform: translate(0, 0);
border-top: 1px solid #E1E1E1;
}
.nav-list .nav-list-child .nav-list-child-bnr img {
display: block;
width: 100%;
}
.nav-list .nav-list-child .blank:after {
bottom: 0;
background: url(../images/common/icon_blank.png) no-repeat 0 0;
}
#sp-h-whats {
padding: 25px 20px;
border-bottom: 1px solid #E6E6E6;
}
#sp-h-whats a {
background: #7CDCD0;
color: #fff;
line-height: 1.5;
font-size: 15px;
text-align: center;
padding: 15px 0;
display: block;
}
#sp-h-info {
overflow: hidden;
padding: 10px 22px 30px;
}
#sp-h-info a {
display: block;
background: url(../images/common/icon_arrow_right_sp.png) no-repeat 0 center;
background-size: 8px auto;
font-size: 1.1rem;
line-height: 1.1;
height: 45px;
position: relative;
width: 50%;
float: left;
color: #fff;
}
#sp-h-info a span {
position: absolute;
width: 100%;
padding-left: 15px;
top: 50%;
transform: translate(0%, -50%);
}
#main,
#main.no-gnav {
margin-top: 0;
}
/* add 201712 */
#main.newmain {
margin-top: 0;
}
/* ============================================================
footer
============================================================ */
#footer {
padding: 0;
}
#footer .inner {
margin: 0 20px !important;
}

.footerWrap {
width: 100%;
margin: 0 auto;
font-size: 0;
padding: 30px 0 25px 0;
}
#slogan .inner .wrap {
width: 100%;
margin:  0 auto;
}

#slogan .foot-logo {
width: 108px;
padding: 25px 0 0 0;
}
#slogan .foot-slogan {
width: 135px;
padding: 27px 0 0 0;
}
.copyrightWrap {
background: #97999B;
padding: 25px 0 10px;
}
#copyright small {
font-size: 1.0rem;
}
}

@media only screen and (max-width: 991px) {
.wrap,
.wrap-sm,
.wrap-xs {
width: 100%;
margin: 0 auto;
}
.pconly {
display: none !important;
}


img {
max-width: 100%;
}

.page #CoR .local-inner .pctR.no {
max-width: 100%;
}

img.wide {
width: 100% !important;
}

}

/* ============================================================
SP
============================================================ */
@media only screen and (max-width: 767px) {
.page #CoR .local-inner .pctR.no {
width: 100%;
max-width: 100%;
}

.page #CoR .local-inner .pctR.noB {
width: auto;
float: right;
max-width: 100%;
}
.pconly {
display: none !important;
}

#fixed-header .h-logo {
width: 65%;
margin: 5px 0 0 10px;
text-align: left;
}
#sp-slide-nav .h-logo {
width: 84%;
margin: 10px 0 0 10px;
float: left;
}



#main.newmain,
#main.no-gnav {
margin-top: 0;
margin-bottom: 0px;
}

#footer {
padding: 0;
}

#slogan .inner .wrap {
width: 100%;
margin:  0 auto;
}

.footerWrap {
width: 100%;
margin: 0 auto;
font-size: 0;
padding: 30px 0 25px 0;
}

#footer .footerWrap .footerR {
display: none;
}

.inner {
margin: 0 20px;
}

.btn {
width: 68%;
padding: 10px;
font-size: 1rem;
margin-right: 0;
margin-bottom: 15px;
}
.btn-small {
width: auto;
padding: 8px 10px;
}

/* ============================================================
pagetop
============================================================ */
.pagetop-sp {
z-index: 100;
position: relative;
display: none;
}
.pagetop-sp a {
position: fixed;
right: 0px;
display: block;
background: rgba(187, 188, 188, 0.8) url(../images/common/go_top_sp.png) no-repeat center center;
background-size: 14px auto;
width: 36px;
height: 36px;
text-indent: 101%;
white-space: nowrap;
overflow: hidden;
}
}
/* ============================================================
SP(320size)
============================================================ */
@media only screen and (max-width: 374px) {
.nav-list .nav-list-child .nav-list-iconchild a.icon-service1,
.nav-list .nav-list-child .nav-list-iconchild a.icon-service2,
.nav-list .nav-list-child .nav-list-iconchild a.icon-service3,
.nav-list .nav-list-child .nav-list-iconchild a.icon-service4 {
background-size: 30px;
padding-left: 20px;
}
#f-group-list ul li {
font-size: 10px;
padding-left: 10px;
}
#f-group-list ul li:before {
font-size: 11px;
top: -2px;
}
#f-common-anc a {
font-size: 10px;
}
}
/* ============================================================
プリント用
============================================================ */
@media print {
.btn {
font-size: 1.2rem;
}
header,
#sp-slide-nav,
#footer,
#local-nav,
.pagetop-pc,
.pagetop-sp,
.sns-box,
.sponly,
#mv-sp {
display: none!important;
height: 0!important;
}
#main-wrap,
#main-cont,
.wrap,
.wrap-sm,
.wrap-xs {
max-width: 100%;
}
#main {
margin-top: 0;
}
#main.newmain {
margin-top: 0;
}
.pr-mt100 {
margin-top: 100px !important;
}
.pr-mt150 {
margin-top: 150px !important;
}
.pr-mt200 {
margin-top: 200px !important;
}
.pr-mt300 {
margin-top: 300px !important;
}
.pr-mt350 {
margin-top: 350px !important;
}
.pr-mt400 {
margin-top: 400px !important;
}
.page-anc {
margin-top: 0;
padding-top: 0;
display: none;
}
}



/* ============================================================
contactBox
============================================================ */
#header-pc.shrink  .contactBox {
display: none;
}

#header-pc .wrap .contactBox, 
#header-pc-noshrink .wrap .contactBox {
float: right;
margin-top: 15px
}

#header-pc .wrap .contactBox li,
#header-pc-noshrink .wrap .contactBox li {
float: left;
font-size:  1.2rem;
}

#header-pc .wrap .contactBox li .tel,
#header-pc-noshrink .wrap .contactBox li .tel {
font-size:  2.6rem;
font-weight:  700;
letter-spacing: -0.15rem;
}

#header-pc .wrap .contactBox li:first-child,
#header-pc-noshrink .wrap .contactBox li:first-child {
line-height: 1.8rem;
margin-right: 7px;
margin-top: 3px;
}

#header-pc .wrap .contactBox li:first-child:before,
#header-pc-noshrink .wrap .contactBox li:first-child:before {
content: '';
display: inline-block;
width: 31px;
height: 19px;
background-image: url(../images/common/icon_tel.gif);
background-repeat: no-repeat;
background-size: contain;
vertical-align: top;
margin-top: -1px;
margin-right: 8px;
}

/*
#header-pc .wrap .contactBox .contact-btn,
#header-pc-noshrink .wrap .contactBox .contact-btn {
display: inline-block;
position: relative;
font-size: 1.6rem;
font-weight: 900;
text-align: center;
margin: 0 0 15px 0;
background: #ED8A00;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(251,232,204,0.8);
}

#header-pc .wrap .contactBox .contact-btn a,
#header-pc-noshrink .wrap .contactBox .contact-btn a {
width: 100%;
color: #FFFFFF;
padding: .6em 4.2em .6em 3em;
display:  block;
}

#header-pc .wrap .contactBox .contact-btn a:before,
#header-pc-noshrink .wrap .contactBox .contact-btn a:before {
content: " ";
background: url(../images/common/icon_bills.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 16px;
height: 20px;
vertical-align: top;
margin-top: 2px;
margin-right: 8px;
}*/


/* 7日以降に公開*/
#header-pc .wrap .contactBox .contact-btn,
#header-pc-noshrink .wrap .contactBox .contact-btn {
display: inline-block;
position: relative;
font-size: 1.3rem;
font-weight: 900;
text-align: center;
min-width: 140px;
margin: 0 10px 15px 0;
background: #ED8A00;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(251,232,204,0.8);
}

#header-pc .wrap .contactBox .contact-btn02,
#header-pc-noshrink .wrap .contactBox .contact-btn02 {
display: inline-block;
position: relative;
font-size: 1.3rem;
font-weight: 900;
text-align: center;
min-width: 140px;
margin: 0 0 15px 0;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(226,36,128,0.4);
border: solid 1px #e22480;
background-color: #fff;
color: #d3007f;
}

#header-pc .wrap .contactBox .contact-btn a,
#header-pc-noshrink .wrap .contactBox .contact-btn a{
width: 100%;
color: #FFFFFF;
padding: .7em 0;
display:  block;
}


#header-pc .wrap .contactBox .contact-btn02 a,
#header-pc-noshrink .wrap .contactBox .contact-btn02 a {
width: 100%;
color: #d3007f !important;
padding: .6em 0;
display:  block;
}

.page #CoR .button-area .tel-button a:before,
.page #CoR .button-area .tel-button02 a:before{
content: none;
}