@charset "utf-8";

/*
/////sscss/////
Smart Style Complex Original Stylesheet Template.
URL:http://ss-complex.com/
Author:Seiji Okabe
*/

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

/*-----cleartext-----*/
.clearText {text-indent:100%;white-space:nowrap;overflow:hidden;}

/*-----common-----*/
/*all device*/
.wrapper {position: relative;}
.taRBlk {text-align: right;display: block;}
.noLine {text-decoration: none;}
.bold {font-weight: bold;}
.bgFit {background-repeat: no-repeat;background-position: center;background-size: cover;}
.bgFit.ctn {background-size: contain;}
.kome {margin-left: 1.2em;}
.kome li {position: relative;list-style-type: none !important;}
.kome li:before {position: absolute;content: '※';left: -1.2em;top: 0;}
.taL {text-align: left;}
.taC {text-align: center;}
.taR {text-align: right;}
.fL {float: left;}
.fR {float: right;}
.posRel {position: relative;}
.lh0 {line-height: 0;}
.fBox {margin-left: -4%}
.fAll {float: left;width: 96%;margin-left: 4%;}
.f1of2 {float: left;width: 46%;margin-left: 4%;}
.f1of3 {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3 {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4 {float: left;width: 21%;margin-left: 4%;}
.f3of4 {float: left;width: 71%;margin-left: 4%;}
.f1of5 {float: left;width: 16%;margin-left: 4%;}
.f2of5 {float: left;width: 36%;margin-left: 4%;}
.f3of5 {float: left;width: 56%;margin-left: 4%;}
.f4of5 {float: left;width: 76%;margin-left: 4%;}
.f1of6 {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6 {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7 {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7 {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7 {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7 {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7 {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7 {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8 {float: left;width: 8.5%;margin-left: 4%;}
.f3of8 {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.full {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lg {width: 80%;margin: 0 auto;display: block;}
.autoImg.md {width: 50%;margin: 0 auto;display: block;}
.autoImg.sm {width: 30%;margin: 0 auto;display: block;}
.hAuto {height: auto !important;}
select::-ms-expand {
  display: none;
}
select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
/*pc*/
.wrapper {width: 100%;min-width: 100%;letter-spacing: 0.05em;line-height: 1.8em;}
.boldPc {font-weight: bold;}
.hidePc {display: none !important;}
.taLPc {text-align: left;}
.taCPc {text-align: center;}
.taRPc {text-align: right;}
.fLPc {float: left;}
.fRPc {float: right !important;}
.fBoxPc {margin-left: -4%}
.fAllPc {float: left;width: 96%;margin-left: 4%;}
.f1of2Pc {float: left;width: 46%;margin-left: 4%;}
.f1of3Pc {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3Pc {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4Pc {float: left;width: 21%;margin-left: 4%;}
.f3of4Pc {float: left;width: 71%;margin-left: 4%;}
.f1of5Pc {float: left;width: 16%;margin-left: 4%;}
.f2of5Pc {float: left;width: 36%;margin-left: 4%;}
.f3of5Pc {float: left;width: 56%;margin-left: 4%;}
.f4of5Pc {float: left;width: 76%;margin-left: 4%;}
.f1of6Pc {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6Pc {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7Pc {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7Pc {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7Pc {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7Pc {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7Pc {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7Pc {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8Pc {float: left;width: 8.5%;margin-left: 4%;}
.f3of8Pc {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.fullPc {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgPc,.autoImgPc.lgPc {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdPc,.autoImgPc.mdPc {width: 50%;margin: 0 auto;display: block;}
.autoImg.smPc,.autoImgPc.smPc {width: 30%;margin: 0 auto;display: block;}
.hAutoPc {height: auto !important;}

/*lightbox*/
.fs-lightbox-overlay {
    z-index: 110;
}
.fs-lightbox {
    z-index: 111;
}
.fs-lightbox-position {
    display: none;
}
.fs-lightbox-content,.fs-lightbox-container {
    overflow: inherit;
}

.fs-lightbox-close {
    width: 40px;height: 40px;
    background: none;color: #111;text-indent:100%;
    white-space:nowrap;overflow:hidden;
    right: -20px;
    top: -20px;
}
.fs-lightbox-close:after {
    content: '×';
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 24px;
    color: #333;
    top: 0;right: 0;
    text-indent:0%;white-space:normal;overflow:visible;
    border-radius: 20px;
    background-color: #fafafa;
}
.fs-lightbox-caption_toggle {display: none !important;}
.fs-lightbox-position {background: #000;text-align: center;color: #fff;}
.fs-lightbox-control_previous,.fs-lightbox-control_next {
    width: 40px;
    height: 40px;
    background: none;
    color: #111;
    text-indent:100%;white-space:nowrap;overflow:hidden;
}
.fs-lightbox-control_previous {
    left: -60px;
}
.fs-lightbox-control_next {
    right: -60px;
}
.fs-lightbox-control_previous:after,.fs-lightbox-control_next:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.fs-lightbox-control_previous:after {
    background-image: url(../image/icon_arrow_left_white.png);
}
.fs-lightbox-control_next:after {
    background-image: url(../image/icon_arrow_right_white.png);
}
.fs-lightbox-meta_content .caption {padding: 15px;}
.fs-lightbox-meta_content .caption span {display: block;margin-bottom: 5px;}


/*-----customize-----*/

/*-----content-size-----*/

/*pc*/
.contentBox,.contentBoxPc {width:100%;margin-left: auto !important;margin-right: auto !important; padding: 0 20px;box-sizing: border-box;}
.contentBoxM,.contentBoxMPc {width:80%;margin-left: auto !important;margin-right: auto !important; padding: 0;box-sizing: border-box;}
.contentBoxL,.contentBoxLPc {width:90%;margin-left: auto !important;margin-right: auto !important; padding: 0;box-sizing: border-box;}


/*-----font-color-----*/
body {color: #333;}
.black {color: #333;}
.white {color: #fff;}
.gray {color: #999;}
.red {color: #d32f2f;}
.orange {color: #f4511e;}
a {color:#2962ff;text-decoration:none;}
a:hover {text-decoration:none;}
.blackPc {color: #333;}
.whitePc {color: #fff;}
.redPc {color: #d32f2f;}
.orangePc {color: #f4511e;}


/*-----background-color-----*/
body {background-color: #fff;}

/*-----font-family-----*/
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
}
html{font-family:Noto Sans Japanese, YuGothic, '游ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-display: swap;}
.ming {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.qs {font-family: 'Quicksand', sans-serif; font-weight: bold;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, html { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;} /* IE11 */
*::-ms-backdrop, .ming { font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif !important;} /* IE11 */
}

/*-----font-size-----*/
/*all device*/
.textXXL,.textXXLPc {font-size: 2.5vw;line-height: 1.8em;}
.textXL,.textXLPc {font-size: 2vw;line-height: 1.8em;}
.textL,.textLPc {font-size: 1.5vw;line-height: 1.8em;}
.textM,.textMPc {font-size: 1.2vw;line-height: 1.8em;}
.textS,.textSPc {font-size: 1vw;line-height: 1.8em;}
.textXS,.textXSPc {font-size: 0.9vw;line-height: 1.8em;}

@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .textXXL,.textXXLPc {font-size: 1.8vw;line-height: 1.8em;}
*::-ms-backdrop, .textXL,.textXLPc {font-size: 1.2vw;line-height: 1.8em;}
*::-ms-backdrop, .textL,.textLPc {font-size: 1vw;line-height: 1.8em;}
*::-ms-backdrop, .textM,.textMPc {font-size: 0.8vw;line-height: 1.8em;}
*::-ms-backdrop, .textS,.textSPc {font-size: 0.7vw;line-height: 1.8em;}
*::-ms-backdrop, .textXS,.textXSPc {font-size: 0.6vw;line-height: 1.8em;}
}

/*-----margin-top-----*/
/*all device*/
/*pc*/
.mtXS,.mtXSPc {margin-top: 5px !important;}
.mtS,.mtSPc {margin-top: 10px !important;}
.mtM,.mtMPc {margin-top: 20px !important;}
.mtL,.mtLPc {margin-top: 30px !important;}
.mtXL,.mtXLPc {margin-top: 40px !important;}

@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .mtXS,.mtXSPc {margin-top: 3px !important;}
*::-ms-backdrop, .mtS,.mtSPc {margin-top: 8px !important;}
*::-ms-backdrop, .mtM,.mtMPc {margin-top: 15px !important;}
*::-ms-backdrop, .mtL,.mtLPc {margin-top: 25px !important;}
*::-ms-backdrop, .mtXL,.mtXLPc {margin-top: 35px !important;}
}

/*-----margin-bottom-----*/
/*all device*/
/*pc*/
.mbXS,.mbXSPc {margin-bottom: 5px !important;}
.mbS,.mbSPc {margin-bottom: 10px !important;}
.mbM,.mbMPc {margin-bottom: 20px !important;}
.mbL,.mbLPc {margin-bottom: 30px !important;}
.mbXL,.mbXLPc {margin-bottom: 40px !important;}

@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .mbXS,.mbXSPc {margin-bottom: 3px !important;}
*::-ms-backdrop, .mbS,.mbSPc {margin-bottom: 8px !important;}
*::-ms-backdrop, .mbM,.mbMPc {margin-bottom: 15px !important;}
*::-ms-backdrop, .mbL,.mbLPc {margin-bottom: 25px !important;}
*::-ms-backdrop, .mbXL,.mbXLPc {margin-bottom: 35px !important;}
}

/*-----padding-top-----*/
/*all device*/
/*pc*/
.ptXS,.ptXSPc {padding-top: 10px !important;}
.ptS,.ptSPc {padding-top: 15px !important;}
.ptM,.ptMPc {padding-top: 25px !important;}
.ptL,.ptLPc {padding-top: 35px !important;}
.ptXL,.ptXLPc {padding-top: 45px !important;}

@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .ptXS,.ptXSPc {padding-top: 5px !important;}
*::-ms-backdrop, .ptS,.ptSPc {padding-top: 10px !important;}
*::-ms-backdrop, .ptM,.ptMPc {padding-top: 20px !important;}
*::-ms-backdrop, .ptL,.ptLPc {padding-top: 30px !important;}
*::-ms-backdrop, .ptXL,.ptXLPc {padding-top: 40px !important;}
}

/*-----padding-bottom-----*/
/*all device*/
/*pc*/
.pbXS,.pbXSPc {padding-bottom: 10px !important;}
.pbS,.pbSPc {padding-bottom: 15px !important;}
.pbM,.pbMPc {padding-bottom: 25px !important;}
.pbL,.pbLPc {padding-bottom: 35px !important;}
.pbXL,.pbXLPc {padding-bottom: 45px !important;}

@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .pbXS,.pbXSPc {padding-bottom: 5px !important;}
*::-ms-backdrop, .pbS,.pbSPc {padding-bottom: 10px !important;}
*::-ms-backdrop, .pbM,.pbMPc {padding-bottom: 20px !important;}
*::-ms-backdrop, .pbL,.pbLPc {padding-bottom: 30px !important;}
*::-ms-backdrop, .pbXL,.pbXLPc {padding-bottom: 40px !important;}
}


/*-----padding-top-----*/
/*all device*/
/*pc*/
.ptXSPrt {padding-top: 10px !important;}
.ptSPrt {padding-top: 15px !important;}
.ptMPrt {padding-top: 25px !important;}
.ptLPrt {padding-top: 35px !important;}
.ptXLPrt {padding-top: 45px !important;}

@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .ptXSPrt {padding-top: 10px !important;}
*::-ms-backdrop, .ptSPrt {padding-top: 15px !important;}
*::-ms-backdrop, .ptMPrt {padding-top: 25px !important;}
*::-ms-backdrop, .ptLPrt {padding-top: 35px !important;}
*::-ms-backdrop, .ptXLPrt {padding-top: 45px !important;}
}

/*-----padding-bottom-----*/
/*all device*/
/*pc*/
.pbXSPrt {padding-bottom: 10px !important;}
.pbSPrt {padding-bottom: 15px !important;}
.pbMPrt {padding-bottom: 25px !important;}
.pbLPrt {padding-bottom: 35px !important;}
.pbXLPrt {padding-bottom: 45px !important;}

@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .pbXSPrt {padding-bottom: 10px !important;}
*::-ms-backdrop, .pbSPrt {padding-bottom: 15px !important;}
*::-ms-backdrop, .pbMPrt {padding-bottom: 25px !important;}
*::-ms-backdrop, .pbLPrt {padding-bottom: 35px !important;}
*::-ms-backdrop, .pbXLPrt {padding-bottom: 45px !important;}
}



/*-----paddingBox-----*/
/*all device*/
/*pc*/
.pdBoxS,.pdBoxSPc {box-sizing: border-box;padding-left: 5px;padding-right: 5px;}
.pdBoxM,.pdBoxMPc {box-sizing: border-box;padding-left: 10px;padding-right: 10px;}
.pdBoxL,.pdBoxLPc {box-sizing: border-box;padding-left: 20px;padding-right: 20px;}

/*-----UI-----*/
/*all device*/
/*pc*/
.grobalMenu {
    display: block !important;
    float: right;
}
.grobalMenu .mainMenu,.grobalMenu .contactMenu {
    float: left;
}
.grobalMenu .mainMenu > li,.grobalMenu .contactMenu > li {
    float: left;
}
.hoverContent {
    display: none;
    position: absolute;
    background-color: #333;
    width: 400px;
}
.hoverContent.service {
    width: 480px;
}
.hoverContent a {
    color: #fff;
}
.grobalMenu .mainMenu .topMenu {
    position: relative;
}
.grobalMenu .mainMenu .topMenu > a {
    font-size: 16px;
    line-height: 100px;
    padding: 0 25px;
    color: #333;
    font-weight: bold;
    display: block;
    position: relative;
    transition: 0.3s;
}
.grobalMenu .mainMenu .topMenu.hover:after {
    content: '';
    width: 10px;
    height: 10px;
    background-image: url(../image/icon_down_black.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 16px;
    transition: 0.3s;
}
.grobalMenu .mainMenu .topMenu:hover > a {
    background-color: #333;
    color: #fff;
    transition: 0.3s;
}
.grobalMenu .mainMenu .topMenu.hover:hover:after {
    background-image: url(../image/icon_down_white.png);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: 0.3s;
}
.grobalMenu .mainMenu .en a,.grobalMenu .mainMenu .jp a {
    font-size: 14px;
    line-height: 100px;
    padding: 0 45px 0 25px;
    margin-right: 25px;
    color: #333;
    display: block;
    position: relative;
    transition: 0.3s;
}
.grobalMenu .mainMenu .jp a {
    margin-right: 5px;
}
.grobalMenu .mainMenu .en a:before,.grobalMenu .mainMenu .jp a:before {
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    transition: 0.3s;
}
.grobalMenu .mainMenu .en a:before {
    background-image: url(../image/icon_en_off.png);
}
.grobalMenu .mainMenu .jp a:before {
    background-image: url(../image/icon_jp_off.png);
}
.grobalMenu .mainMenu .en a:hover:before {
    background-image: url(../image/icon_en_on.png);
}
.grobalMenu .mainMenu .jp a:hover:before {
    background-image: url(../image/icon_jp_on.png);
}
.grobalMenu .contactMenu .tel {
    width: 100px;
    height: 100px;
    background-color: #666;
    position: relative;
}
.grobalMenu .contactMenu .mail {
    width: 100px;
    height: 100px;
    background-color: #333;
    position: relative;
}
.grobalMenu .contactMenu .tel:after,.grobalMenu .contactMenu .mail:after {
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -12px;
    transition: 0.3s;
}
.grobalMenu .contactMenu .tel:hover:after,.grobalMenu .contactMenu .mail:hover:after {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    transform: rotate(30deg);
    transition: 0.3s;
}
.grobalMenu .contactMenu .tel:after {
    background-image: url(../image/icon_phone_white.png);
}
.grobalMenu .contactMenu .mail:after {
    background-image: url(../image/icon_mail_white.png);
}
.grobalMenu .contactMenu .tel > a,.grobalMenu .contactMenu .mail > a {
    width: 100px;
    height: 100px;
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 55px;
}
.grobalMenu .subMenu > li > a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    position: relative;
    transition: 0.3s;
}
.grobalMenu .subMenu > li:last-child > a {
    border-bottom: none;
}
.grobalMenu .subMenu > li > a:hover {
    padding-left: 25px;
    transition: 0.3s;
}
.grobalMenu .subMenu > li > a:after {
    content: '';
    background-image: url(../image/icon_arrow_right_white.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 20px;
    top: 50%;
    margin-top: -8px;
}
.grobalMenu .subMenu .childMenu {
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.grobalMenu .subMenu .childMenu > li {
    width: 50%;
    float: left;
}
.grobalMenu .subMenu .childMenu > li > a {
    display: block;
    font-size: 14px;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: 0.3s;
}
.grobalMenu .subMenu .childMenu > li > a:hover {
    padding-left: 25px;
    transition: 0.3s;
}
.grobalMenu .subMenu .childMenu > li:last-child > a {
    border-bottom: none;
}
.grobalMenu .subMenu .childMenu > li:nth-child(odd) > a {
    border-right: 1px solid rgba(255,255,255,0.4);
}
.hoverContent.telDetail {
    background-color: #666;
    right: 0;
}
.hoverContent.telDetail .comment {
    border-bottom: 1px solid rgba(255,255,255,0.4);
    padding: 15px 0;
}
.hoverContent.telDetail .number {
    display: table;
    margin: 30px auto 10px;
    padding: 0 0 0 40px;
    font-size: 38px;
    position: relative;
}
.hoverContent.telDetail .number:before {
    content: '';
    background-image: url(../image/icon_phone_white.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}


/*-----header-----*/
/*all device*/
/*pc*/
.header {
    width: 100%;
    min-width: 100%;
    height: 100px;
    background-color: rgba(255,255,255,0.9);
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.3s;
    z-index: 103;
}
.header .logo {
    float: left;
    padding: 23px 0 0 23px;
}
.header .logo a {
    display: block;
    width: 309px;
    height: 56px;
    background-image: url(../image/logo_header.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s;
}
.header .logo a:hover {
    opacity: 0.7;
    transition: 0.3s;
}


/*-----footer-----*/
/*all device*/
.footerMenuArea {
    background-color: #333;
    overflow: hidden;
}
.footerMenuArea a {
    color: #fff;
    transition: 0.3s;
}
.footer {
    border-top: 1px solid #333;
}
.topBtn {
    right: 20px;
}
/*pc*/
.footer {
    margin-top: 0;
}
.topBtn {
    width: 100px;
    height: 50px;
    position: absolute;
    text-align: center;
    overflow: hidden;
}
.topBtn span {
    position: absolute;
    z-index: 1;
    width: 100px;
    left: 0;
    bottom: 0;
}
.topBtn:before {
    content: '';
    border: 50px solid transparent;
    border-bottom: 45px solid #333;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.footeContactArea {
    display: table;
    margin: 0 auto;
}
.footerContactBox {
    position: inherit !important;
}
.footerContactBox .tel, .footerContactBox .footerBtn {
    float: left;
}
.footerContactBox .footerBtn {
    margin-left: 40px;
}
.footerContactBox .tel {
    position: relative;
    padding-left: 40px;
    margin-top: 10px;
}
.footerContactBox .tel:before {
    content: '';
    background-image: url(../image/icon_phone_black.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
}
.footerContactBox .tel span {
    display: block;
}
.footerContactBox .tel .number {
    font-size: 60px;
    margin-bottom: 20px;
}
.footerContactBox .tel .time {
    line-height: 1;
}
.footerBtn {
    width: 300px;
    height: 60px;
    position: relative;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-left: 50px;
    box-sizing: border-box;
}
.footerBtn span {
    font-size: 18px;
    font-weight: bold;
    color: #fff;

}
.footerBtn:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -10px;
    left: 0;
    z-index: -1;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
    transition: 0.3s;
}
.footerBtn:hover:after {
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    transition: 0.3s;
}
.footerBtn.download {
    background-color: #26a69a;
    transition: 0.3s;
}
.footerBtn.download:hover {
    background-color: #5fc1b8;
    transition: 0.3s;
}
.footerBtn.download:after {
    background-color: #00897b;
}
.footerBtn.mail {
    background-color: #43a047;
    transition: 0.3s;
}
.footerBtn.mail:hover {
    background-color: #4dbf52;
    transition: 0.3s;
}
.footerBtn.mail:after {
    background-color: #2e7d32;
}
.footerBtn:before {
    content: '';
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -10px;
}
.footerBtn.download:before {
    background-image: url(../image/icon_pdf_white.png);
}
.footerBtn.mail:before {
    background-image: url(../image/icon_mail_white.png);
}
.bannerArea {
    border-top: 1px solid #333;
}
.bannerArea a {
    line-height: 0;
}
.footerMenu {
    margin-top: 5px;
}
.footerMenuArea .logo {
    /*float: left;*/
    width: 146px;
    height: 101px;
    /*padding-top: 40px;*/
    /*print*/
    margin: 0 auto;
}
.footerMenuArea .logo a {
    width: 146px;
    height: 101px;
    background-image: url(../image/logo_footer.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
.footerMenuArea .footerMenuBox {
    float: right;
}
.footerMenuArea .footerMenuBox .footerMenu .footerMenuList:first-child {
    margin-left: 0;
}
.footerMenuArea .footerMenuBox .footerMenu .footerMenuList {
    float: left;
    margin-left: 40px;
}
.footerMenuArea a:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.footerMenuList > li {
    margin-bottom: 5px;
}
.footerMenuList > li > a {
    font-weight: bold;
}
.footerMenuList > li > ul {
    margin-bottom: 5px;
}
.footerMenuList > li > ul.indent {
    margin-left: 15px;
}
.footerMenuList > li > ul > li > ul {
    margin-left: 15px;
    margin-bottom: 10px;
}
.footerMenuList .fb a {
    margin-top: 10px;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../image/icon_fb_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.copyYear {
    border-top: 1px solid #fff;
}
.contactAreaTitle {
    text-align: center;
}
.contactAreaTitle * {
    display: inline-block;
    margin: 0 10px;
}

/*-----layout-----*/
/*all device*/
.bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg.bgTopVoice {
    background-image: url(../image/bg_top_voice.jpg);
}
.bg.bgInsourcing1 {
    background-image: url(../image/bg_insourcing1.jpg);
}
.bg.bgPhilosophy1 {
    background-image: url(../image/bg_philosophy1.jpg);
}
.bg.bgSkill {
    background-image: url(../image/bg_skill.jpg);
}
.bg.bgInfo1 {
    background-image: url(../image/bg_info1.jpg);
}
.bg.bgInfo2 {
    background-image: url(../image/bg_info2.jpg);
}
.bg.bgInfo3 {
    background-image: url(../image/bg_info3.jpg);
}
.sectionBox.lineBtm {
    border-bottom: 1px solid #ddd;
}
.thumTopVoice {
    background-color: rgba(0,0,0,0.6);
}
.table.normal,.table.case {
    width: 100%;
}
.table.normal th,.table.case th {
    font-weight: bold;
}
.tile {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.tile.reason1 {
    background-image: url(../image/bg_insourcing2.jpg);
}
.tile.reason2 {
    background-image: url(../image/bg_insourcing3.jpg);
}
.tile.reason3 {
    background-image: url(../image/bg_insourcing4.jpg);
}
.tile.reason4 {
    background-image: url(../image/bg_insourcing5.jpg);
}
.tile.reason5 {
    background-image: url(../image/bg_insourcing6.jpg);
}
.tile.reason6 {
    background-image: url(../image/bg_insourcing7.jpg);
}
.tile.price {
    background-image: url(../image/bg_price.jpg);
}
.subContentMenu {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.subContentMenu.insourcing {
    background-image: url(../image/bg_insourcing_menu.jpg);
}
.subContentMenu.company {
    background-image: url(../image/bg_company_menu.jpg);
}
.subContentMenu .subContentList li {
    background-color: rgba(255,255,255,0.85);
    position: relative;
    transition: 0.3s;
}
.subContentMenu .subContentList li a:after {
    content: '';
    background-image: url(../image/icon_arrow_right_black.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    transition: 0.3s;
}
.subContentMenu .subContentList li.active {
    pointer-events: none;
    opacity: 0.4;
}
.subContentMenu .subContentList li span {
    display: block;
    transition: 0.3s;
}
.pointArea .pointTtl.point1:before {
    background-image: url(../image/icon_insourcing01.png);
}
.pointArea .pointTtl.point2:before {
    background-image: url(../image/icon_insourcing02.png);
}
.pointArea .pointTtl.point3:before {
    background-image: url(../image/icon_insourcing03.png);
}
.pointArea .pointTtl.point4:before {
    background-image: url(../image/icon_insourcing04.png);
}
.pointArea .pointTtl.point5:before {
    background-image: url(../image/icon_insourcing05.png);
}
.pointArea .pointTtl.point6:before {
    background-image: url(../image/icon_insourcing06.png);
}
.skillList li {
    position: relative;
    font-weight: bold;
}
.skillList li:before {
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}
.skillList li.skill1:before {
    background-image: url(../image/icon_skill1.png);
}
.skillList li.skill2:before {
    background-image: url(../image/icon_skill2.png);
}
.skillList li.skill3:before {
    background-image: url(../image/icon_skill3.png);
}
.skillList li.plus:after {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../image/icon_skill_plus.png);
}
.equal {
    position: relative;
}
.equal:before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-image: url(../image/icon_skill_equal.png);
}
.list {
    margin-left: 20px;
}
.list li {
    position: relative;
}
.list li:last-child {
    margin-bottom: 0;
}
.list li:before {
    content: '■';
    position: absolute;
    left: -20px;
    font-size: 60%;
    color: #ddd;
}
.list.normal li {
    list-style-type: disc;
}
.list.normal li:before {
    content: '';
}
.ulList {
    margin-left: 20px;
}
.ulList li {
    list-style-type: square;
}
.olList {
    margin-left: 20px;
}
.olList li {
    list-style-type: decimal;
}
/*pc*/
.shadow,.shadowPc {
    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
    transition: 0.3s;
    display: block;
}
.shadow:hover,.shadowPc:hover {
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    transition: 0.3s;
}
.readMore {
    position: absolute;
    width: 230px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 14px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -115px;
    opacity: 0;
    transition: 0.3s;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,0.8);
    z-index: 2;
    box-sizing: border-box;
    padding-left: 15px;
}
.readMore:after {
    content: '';
    position: absolute;
    background-image: url(../image/icon_arrow_right_white.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 15px;
    margin-top: -8px;
}
a:hover .readMore {
    opacity: 1;
    transition: 0.3s;
}
.thumBox .img {
    overflow: hidden;
    line-height: 0;
    position: relative;
}
.thumBox .img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: 0.3s;
    z-index: 1;
}
.thumBox .img img {
    moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.thumBox:hover .img:before {
    opacity: 0.4;
    transition: 0.3s;
}
.thumBox:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.thumColumn .readMore {
    margin-top: -65px;
}
.thumColumn .titleBox {
    position: absolute;
    bottom: 0;
    z-index: 2;
}
.thumColumn .title {
    background-color: rgba(0,0,0,0.6);
}
.thumColumn .date {
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
.topColumnArea .catLink {
    position: absolute;
    z-index: 2;
    font-size: 13px;
    font-weight: bold;
    background-color: #333;
    display: inline-block;
    padding: 5px 15px;
    top: -15px;
    left: 10px;
}
.titleArea {
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    position: relative;
}
.titleArea:after {
    content: '';
    background-image: url(../image/slash.png);
    background-repeat: repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.titleArea .titleBox {
    box-sizing: border-box;
    padding-top: 100px;
    height: 250px;
    display: table;
    width: 100%;
}
.titleArea .titleBox .centering {
    display: table-cell;
    vertical-align: middle;
    z-index: 1;
    position: relative;
}
.breadcrumb {
    border-bottom: 1px solid #ddd;
    height: 39px;
    font-size: 1.2vw;
    display: none;
}
.breadcrumb > div > span {
    display: block;
    position: relative;
    padding-right: 30px;
    line-height: 39px;
    height: 39px;
    float: left;
}
.breadcrumb > div > span:after {
    content: '';
    width: 12px;
    height: 39px;
    background-image: url(../image/bread_list.png);
    position: absolute;
    right: 9px;
    top: 0;
}
.breadcrumb > div > span:last-child {
    padding-right: 0;
}
.breadcrumb > div > span:last-child:after {
    background-image: none;
}
.breadcrumb span a span {
    font-weight: bold;
    color: #333;
    transition: 0.3s;
}
.breadcrumb span a span:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.tileArea a {
    color: #333;
    cursor: pointer;
}
.tileArea .tileBox {
    border-top: 1px solid #ddd;
    margin-top: -1px;
}
.tileArea .tileBox .tile > a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
.tileArea .tileBox .tile.tileOne > a {
    padding-left: 40%;
}
.tileArea .tileBox .tile.tileFour > a {
    padding-top: 225px;
}
.tileArea .tileBox .tile.tileThree > a {
    padding-top: 200px;
}
.tileArea .tileBox .tile.tileTwo > a {
    padding-top: 300px;
}
.tileArea .tileBox .tile > a .img {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.tileArea .tileBox .tile.tileOne > a .img {
    width: 40%;
    height: 100%;
}
.tileArea .tileBox .tile.tileFour > a .img,
.tileArea .tileBox .tile.tileThree > a .img,
.tileArea .tileBox .tile.tileTwo > a .img {
    width: 100%;
}
.tileArea .tileBox .tile.tileFour > a .img {
    height: 225px;
}
.tileArea .tileBox .tile.tileThree > a .img {
    height: 200px;
}

.tileArea .tileBox .tile.tileTwo > a .img {
    height: 300px;
}
.tileArea .tileBox .tile > a .img span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}
.tileArea .tileBox .tile > a:hover .img span {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.3s;
}
.tileArea .tileBox .tile.tileFour,.tileArea .tileBox .tile.tileThree,.tileArea .tileBox .tile.tileTwo {
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.tileArea .tileBox .tile.tileTwo {
    width: 50%;
}
.tileArea .tileBox .tile.tileFour {
    width: 25%;
}
.tileArea .tileBox .tile.tileThree {
    width: 33.33333%;
}
.tileArea .tileBox .tile:last-child {
    border-right: none;
}
.tileArea .detailLink {
    display: block;
    width: 190px;
    height: 50px;
    border: 1px solid #333;
    line-height: 48px;
    box-sizing: border-box;
    padding-left: 15px;
    font-weight: bold;
    position: relative;
    margin: 30px 0 0 auto;
    font-size: 1.4vw;
}
.tileArea .detailLink:after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../image/icon_arrow_right_black.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    transition: 0.3s;
}
.tileArea .detailLink:hover {
    color: #fff;
    background-color: #333;
    transition: 0.3s;
    padding-left: 20px;
}
.tileArea .detailLink:hover:after {
    background-image: url(../image/icon_arrow_right_white.png);
    transition: 0.3s;
}
.table.normal th {
    width: 30%;
    padding-bottom: 15px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .table.normal th {padding-bottom: 10px;}
}
.table.normal td {
    width: 70%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 15px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .table.normal td {padding-left: 5px;padding-bottom: 10px;}
}
.table.normal.narrow th {
    width: 20%;
    padding-bottom: 20px;
}
.table.normal.narrow td {
    width: 80%;
    padding-bottom: 20px;
}
.table.normal.wide th {
    width: 40%;
}
.table.normal.wide td {
    width: 60%;
}
.table.normal .inner {
    width: 100%;
}
.table.normal .inner th {
    width: 35%;
    padding-bottom: 0px;
    font-weight: normal;
}
.table.normal .inner td {
    width: 65%;
    padding-bottom: 0px;
}
.table.normal tr:last-child th,.table.normal tr:last-child td {
    padding-bottom: 0;
}
.table.case {
    border-top: 1px solid #ddd;
}
.table.case th {
    width: 10%;
}
.table.case td {
    width: 90%;
}
.table.case th,.table.case td {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}
.splitArea .img {
    position: absolute;
}
.splitArea .img span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.splitArea.splitHalf .img {
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
    height: 100%;
}
.splitArea.splitThird .img {
    width: -webkit-calc(33.3333%);
    width: calc(33.3333%);
    height: 100%;
}
.splitArea.leftImg .img {
    left: 0;
}
.splitArea.rightImg .img {
    right: 0;
}
.splitArea.splitHalf .splitContent {
    width: 47%;
}
.splitArea.splitHalf.leftImg .splitContent {
    padding-left: -webkit-calc(50% + 30px);
    padding-left: calc(50% + 30px);
}

.splitArea.splitHalf.rightImg .splitContent {
    padding-right: -webkit-calc(50% + 30px);
    padding-right: calc(50% + 30px);
}
.splitArea.splitThird .splitContent {
    width: 62%;
}
.splitArea.splitThird.leftImg .splitContent {
    padding-left: -webkit-calc(33.3333% + 30px);
    padding-left: calc(33.3333% + 30px);
}

.splitArea.splitThird.rightImg .splitContent {
    padding-right: -webkit-calc(33.3333% + 30px);
    padding-right: calc(33.3333% + 30px);
}
.pointArea .cross:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url(../image/icon_cross.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 34px;
    right: -54px;
}
.pointArea .pointTtl {
    text-align: center;
    font-size: 1.8vw;
    font-weight: bold;
    padding: 50px 0 30px 0;
    margin-bottom: 30px;
    position: relative;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .pointArea .pointTtl {font-size: 1vw;}
}
.pointArea .pointTtl span {
    font-size: 0.9vw;
    display: block;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .pointArea .pointTtl span {font-size: 0.7vw;}
}
.pointArea .pointTtl:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 50%;
    margin-left: -15px;
}
.pointArea .pointTtl:after {
    content: '';
    width: 40px;
    height: 1px;
    background-color: #333;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}
.subContentMenu .subContentList li {
    margin-bottom: 40px;
    box-sizing: border-box;
}
.subContentMenu .subContentList li.full {
    position: absolute;
    height: calc(100% - 40px);
    width: 374px;
}
.subContentMenu .subContentList li.full a {
    height: calc(100% - 40px);
    width: 374px;
    box-sizing: border-box;
}
.subContentMenu .subContentList li a {
    display: block;
    padding: 30px;
    transition: 0.3s;
}
.subContentMenu .subContentList li a:after {
    right: 30px;
    bottom: 30px;
    width: 20px;
    height: 20px;
}
.subContentMenu .subContentList li span:first-child {
    font-size: 23px;
}
.subContentMenu .subContentList li span:last-child {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.subContentMenu .subContentList li:hover {
    background-color: #333;
    transition: 0.3s;
}
.subContentMenu .subContentList li:hover a {
    padding-left: 35px;
    transition: 0.3%;
}
.subContentMenu .subContentList li:hover a:after {
    background-image: url(../image/icon_arrow_right_white.png);
}
.subContentMenu .subContentList li:hover span {
    color: #fff !important;
    transition: 0.3s;
}
.irList {
    border-top: 1px solid #ddd;
}
.irList dt,.irList dd {
    border-bottom: 1px solid #ddd;
    float: left;
    padding: 10px 0;
}
.irList dt {
    width: 20%;
    font-weight: bold;
}
.irList dd {
    width: 80%;
}
.skillList li {
    font-size: 2vw;
    padding-top: 50px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .skillList li {font-size: 1.2vw;}
}
.skillList li:before {
    width: 30px;
    height: 30px;
    top: 0;
    left: 50%;
    margin-left: -15px;
}
.skillList li.plus:after {
    width: 60px;
    height: 60px;
    top: 10px;
    right: -55px;
}
.equal {
    padding-top: 90px;
    font-size: 3vw;
    line-height: 1em;
    font-weight: bold;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .equal {font-size: 1.6vw;}
}
.equal:before {
    width: 60px;
    height: 60px;
    top: 0;
    left: 50%;
    margin-left: -30px;
}
.list li {
    margin-bottom: 10px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .list li {margin-bottom: 5px;}
}
.olList li {
    margin-bottom: 10px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .olList li {margin-bottom: 5px;}
}
.priceList li {
    width: 16.6666%;
    float: left;
    text-align: center;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    padding: 10px 0;
}
.priceList li:first-child {
    border-left: none;
}
.priceList li .lv {
    font-size: 24px;
    font-weight: bold;
}
.priceList li .lv span {
    font-size: 16px;
    display: block;
}
.priceList li .price {
    font-size: 2vw;
    font-weight: bold;
    margin-top: 20px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .priceList li .price {font-size: 1.2vw;}
}
.priceList li .price:after {
    content: '/h〜';
    font-size: 1.5vw;
    margin-left: 5px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .priceList li .price:after {font-size: 0.8vw;}
}
.voiceList > li {
    margin-bottom: 45px;
}
.commentList {
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.commentList .logo {
    height: 180px;
}
.commentList .logo img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: table;
    margin: 0 auto;
}
.flowList .flowItem {
    margin-bottom: 70px;
}
.flowList .flowItem .arrow {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #eeeeee;
    width: 60px;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
    font-size: 15px;
    padding-top: 15px;
}
.flowList .flowItem .arrow:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -19.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 30px 0 30px;
    border-color: #eeeeee transparent transparent transparent;
}
.flowList .flowItem:last-child .arrow:after {
    border: none;
}
.flowList .flowItem .flowContent {
}
.flowList .flowItem .flowContent .img {
    position: absolute;
    left: 100px;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 180px;
    height: 100%;
}
.flowList .flowItem .flowContent .text {
    box-sizing: border-box;
    padding-left: 320px;
    width: 100%;
}
.staffItem {
    margin-bottom: 45px;
}
.staffItem a {
    display: block;
}
.staffItem a .hoverImg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s;
}
.staffItem a:hover .hoverImg {
    opacity: 1;
    transition: 0.3s;
}
.staffSelectBox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 200px;
    height: 40px;
    border-radius: 0;
    border: 1px solid #ddd;
    font-size: 16px;
    line-height: 40px;
    padding: 0 30px 0 10px;
    box-sizing: border-box;
}
.staffSelectBox .select {
    position: relative;
    margin: 0 10px 0 0;
}
.staffSelectBox .select:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    background-image: url(../image/icon_down_black.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.staffSelectBox input[type=submit] {
    width: 40px;
    height: 40px;
    border-radius: 0;
    border: 1px solid #ddd;
    background-color: #fafafa;
    background-image: url(../image/icon_search_black.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
}
.staffImgList li {
    float: left;
    width: 33.333%;
    line-height: 0;
}
.staffImgList li img {
    box-sizing: border-box;
    padding: 5px;
}


/*-----ttl-----*/
/*all device*/

/*pc*/
.titleArea .titleBox .enTtl {
    font-size: 3vw;
    line-height: 1.6em;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 10px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .titleArea .titleBox .enTtl {font-size: 3vw;}
}
.titleArea .titleBox .enTtl:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 1px;
    background-color: #fff;
}
.titleArea .titleBox .pageTtl {
    font-size: 1.2vw;
    line-height: 1.6em;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .titleArea .titleBox .pageTtl {font-size: 1.2vw;}
}
.pageCopy {
    font-size: 2vw;
    line-height: 2em;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .pageCopy {font-size: 1.3vw;}
}
.pageCopy .small {
    font-size: 1.8vw;
    display: block;
    line-height: 1.2em;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .pageCopy .small {font-size: 1vw;}
}
.sectionTtl.qs {
    font-size: 5vw;
    line-height: 1.6em;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .sectionTtl.qs {font-size: 3vw;}
}
.sectionTtl {
    font-size: 4vw;
    line-height: 1.6em;
    margin-bottom: 30px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .sectionTtl {font-size: 2vw;}
}
.tileArea .tileBox .tile > a .tileTtl {
    display: inline-block;
    background-color: #333;
    color: #fff;
    font-weight: bold;
    line-height: 1.6em;
    position: relative;
    z-index: 1;
}
.tileArea .tileBox .tile > a .tileTtl.company {
    position: absolute;
    left: 20px;
    bottom: 20px;
    top: auto !important;
}
.tileArea .tileBox .tile.tileOne > a .tileTtl {
    font-size: 2vw;
    margin-bottom: 30px;
    margin-left: -60px;
    padding: 5px 15px;
}
.tileArea .tileBox .tile.tileFour > a .tileTtl,
.tileArea .tileBox .tile.tileThree > a .tileTtl,
.tileArea .tileBox .tile.tileTwo > a .tileTtl {
    font-size: 1.4vw;
    padding: 5px 15px;
    position: absolute;
    max-width: calc(100% - 80px);
    box-sizing: border-box;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .tileArea .tileBox .tile.tileFour > a .tileTtl,
.tileArea .tileBox .tile.tileThree > a .tileTtl,
.tileArea .tileBox .tile.tileTwo > a .tileTtl {font-size: 1vw;}
}
.tileArea .tileBox .tile.tileFour > a .tileTtl {
    top: 205px;
}
.tileArea .tileBox .tile.tileThree > a .tileTtl {
    top: 180px;
}
.caseTtl {
    font-size: 2.5vw;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .caseTtl {font-size: 1.5vw;}
}
.caseTtl span {
    margin-right: 10px;
}


/*-----btn-----*/
/*all device*/
.boxBtn:after {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.boxBtn.arrowRightWhite:after {
    background-image: url(../image/icon_arrow_right_white.png);
}
.boxBtn.arrowRightBlack:after {
    background-image: url(../image/icon_arrow_right_black.png);
}
.boxBtn.arrowRightBlack:hover:after {
    background-image: url(../image/icon_arrow_right_white.png);
}
.boxBtn.arrowLeftBlack:after {
    background-image: url(../image/icon_arrow_left_black.png);
}
.boxBtn.arrowLeftBlack:hover:after {
    background-image: url(../image/icon_arrow_left_white.png);
}
.boxBtn.arrowDownBlack:after {
    background-image: url(../image/icon_arrow_down_black.png);
}
.boxBtn.arrowDownBlack:hover:after {
    background-image: url(../image/icon_arrow_down_white.png);
}
.boxBtn.windowWhite:after {
    background-image: url(../image/icon_window_white.png);
}
.boxBtn.windowBlack:after {
    background-image: url(../image/icon_window_black.png);
}
.boxBtn.windowBlack:hover:after {
    background-image: url(../image/icon_window_white.png);
}

/*pc*/
.boxBtn {
    display: table;
    margin: 0 auto;
    width: 270px;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
    transition: 0.3s;
    display: none;
}
.boxBtn.lineWhite {
    border: 1px solid #fff;
}
.boxBtn.lineBlack {
    border: 1px solid #333;
}
.boxBtn.lineBlack:hover {
    color: #fff;
}
.boxBtn:after {
    content:'';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    transition: 0.3s;
}
.boxBtn:hover {
    background-color: #333;
    transition: 0.3s;
}
.boxBtn.lineWhite:hover {
    border: 1px solid #333;
    transition: 0.3s;
}
.boxBtn:hover {
    padding-left: 25px;
}
.toggleContentsStyle {
    display: block !important;
}


/*-----mainVisual-----*/
/*all device*/
.mainVisual {
    width: 100%;
    height: 650px;
}

/*pc*/
.mainVisual {
    min-height: 650px;
}
.mainVisual .mv {
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../image/bg_info3.jpg);
    background-size: cover;
    background-position: center;
}
.mainVisual .inner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-calc(650px - 100px);
    height: calc(650px - 100px);
    /*min-height: 550px;*/
    padding-top: 100px;
}
.mbYTP_wrapper {
    display: none !important;
}
.mainVisual .inner .mainCopy {
    font-size: 48px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .mainVisual .inner .mainCopy {font-size: 3.5vw;}
}
.mainVisual .inner .mainText {
    line-height: 2em;
}
.mainVisual .inner .top {
    width: 100%;
    height: 60%;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    box-sizing: border-box;
    display: table;
}
.mainVisual .inner .bottom {
    height: 40%;
}
.mainVisual .inner .bottom .left,.mainVisual .inner .bottom .right {
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    display: table;
}
.mainVisual .inner .bottom .left {
    float: left;
    border-right: 1px solid rgba(255,255,255,0.6);
}
.mainVisual .inner .bottom .right {
    float: right;
}
.mainVisual .inner .centering {
    display: table-cell;
    vertical-align: middle;
}


/*-----skill_table-----*/
/*all device*/
table .bgGray {background: #555; color: #fff; font-weight: bold;}
table .bgLiteGray {background: #ddd; color: #333; font-weight: bold;}
table .bgWGray {background: #eee; color: #333; font-weight: bold;}

/*pc*/
table.it {border-collapse:separate; border-spacing:3px; width: 100%; font-size: 1.1vw;line-height: 1.6em}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, table.it {font-size: 0.7vw;line-height: 1.6em}
}
table.skill {border-collapse:separate; border-spacing:3px; width: 100%; font-size: 1.1vw;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, table.skill {font-size: 0.7vw;}
}
table.shared {border-collapse:separate; border-spacing:1px; width: 100%; font-size: 1.1vw;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, table.shared {font-size: 0.7vw;}
}
table.match {border-collapse:separate; border-spacing:1px; width: 100%; font-size: 1.1vw;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, table.match {font-size: 0.7vw;}
}
table.it th {width: 3vw; text-align: center;}
table.skill th {width: 3vw; text-align: center;}
table.match th {text-align: center; display: table-cell; vertical-align: middle;}
table.shared th {
    background: #555;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
table.it .tit {border: 1px solid #ddd; padding: 0 8px; text-align: left;}
table.it .num {color: #999; width: 25px !important; border: 1px solid #ddd; box-sizing: border-box;}
table.skill .tit {border: 1px solid #ddd; padding: 0 8px; text-align: left;}
table.skill .num {color: #999; width: 20px !important; border: 1px solid #ddd; box-sizing: border-box;}
table.shared .tit {background: #555; color: #fff; font-weight: bold;}
table.emp {border-collapse:collapse; width: 100%; font-size: 1.1vw;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, table.emp {font-size: 0.7vw;}
}
table.emp .state {padding: 10px 0px; text-align: center; width: 200px; line-height: 1.5; border-right: 1px solid #555;}
.brace {width: 10px;}
table.emp .state span {font-size: 1.1vw;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, table.emp .state span {font-size: 0.7vw;}
}
table.emp .lead_num {text-align: center; width: 70px;}
table.emp .num {
    background: #fff;
    color: #999;
    font-weight: bold;
    text-align: center;
    width: 30px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
table.emp td.grayBg {background: #eee; height: 20px; border-right: 1px solid #eee;}
table.emp td.grayBgNarrow {background: #eee; height: 7px; border-right: 1px solid #eee;}
table.emp td.spec {
    background: #ddd;
    text-align: left;
    padding: 0 10px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}
table.shared tr.grade > td {background: #555; color: #fff; font-weight: bold; width: 5vw;}
table.shared tr.point > td {
    background: #eee;
    font-weight: bold;
    line-height: 1.4;
    display: table-cell;
    vertical-align: middle;
}
table.match tr.level > td {
    background: #eee;
    font-weight: bold;
    width: 50px !important;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
}
table.match tr.level > th {width: 120px !important;}
table.match tr.level td.duties {
    background: #eee;
    font-weight: bold;
    width: 330px !important;
    text-align: left;
    padding: 6px 10px;
    line-height: 1.4;
}
table.match tr.sk_level > td {background: #555; color: #fff; font-weight: bold;}


/*-----contact-----*/
/*all device*/
.contactTelBox {
    display: table;
    margin: 0 auto;
}
.contactTelBox .tel,.contactTelBox .date {
    display: block;
}
.contactTelBox .tel {
    position: relative;
}
.contactTelBox .tel:before {
    content: '';
    position: absolute;
    background-image: url(../image/icon_phone_black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 0;
    top: 50%;
}
.formBox input[type=text],
.formBox input[type=email],
.formBox input[type=submit],
.formBox textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
}
.formBox input[type=text],.formBox input[type=email],.formBox textarea {
    border: 1px solid #ddd;
    background-color: #fff;
}
.formBox input[type=submit] {
    display: table;
    margin: 0 auto;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
    background-color: #43a047;
    border: none;
    color: #fff;
    font-weight: bold;
    background-image: url(../image/icon_arrow_right_white.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
/*pc*/
.contactTelBox .tel,.contactTelBox .date {
    padding-left: 40px;
}
.contactTelBox .tel:before {
    width: 32px;
    height: 32px;
    margin-top: -16px;
}
.formTtl {
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 10px;
    position: relative;
    padding-left: 45px;
}
.formTtl:before {
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    color: #fff;
    border-radius: 3px;
    padding: 0 5px;
}
.formTtl.req:before {
    content: '必須';
    background-color: #f4511e;
}
.formTtl.any:before {
    content: '任意';
    background-color: #1565c0;
}
.formTtl .policy {
    position: absolute;
    top: 0;
    left: 70px;
}
.formBox {
    margin-bottom: 30px;
}
.formBox input[type=text],.formBox input[type=email] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
}
.formBox textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    box-sizing: border-box;
}
.formBox input[type=submit] {
    transition: 0.3s;
    border-bottom: 10px solid #2e7d32;
    font-size: 18px;
    padding: 15px 120px 15px 20px;
    background-size: 20px 20px;
    background-position: center right 20px;
}
.formBox input[type=submit]:hover {
    box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    background-color: #4dbf52;
    transition: 0.3s;
}
.wpcf7-list-item.first {
    margin-left: 0 !important;
}


/*-----blog-----*/
/*all device*/
.wp-pagenavi {
    text-align: center;
}
.blogArea h2,.blogArea h3,.blogArea h4,.blogArea h5,.blogArea h6 {
    margin: 30px 0 10px;
}
.blogArea h1 {
    font-size: 2.2vw;
    font-weight: bold;
    line-height: 1.6em;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .blogArea h1 {font-size: 1.9vw;}
}
.blogArea h2 {
    font-size: 2vw;
    font-weight: bold;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 10px 0;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .blogArea h2 {font-size: 1.7vw;}
}
.blogArea h3 {
    font-size: 1.8vw;
    font-weight: bold;
    border-left: 5px solid #333;
    padding-left: 10px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .blogArea h3 {font-size: 1.5vw;}
}
.blogArea h4 {
    font-size: 1.6vw;
    font-weight: bold;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .blogArea h4 {font-size: 1.3vw;}
}
.blogArea h5 {
    font-size: 1.4vw;
    font-weight: bold;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .blogArea h5 {font-size: 1.1vw;}
}
.blogArea h6 {
    font-size: 1.2vw;
    font-weight: bold;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .blogArea h6 {font-size: 0.9vw;}
}
.blogArea p,.blogArea ul,.blogArea ol,.blogArea blockquote {
    margin: 20px 0;
    font-size: 1.2vw;
    line-height: 1.8em;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .blogArea p,.blogArea ul,.blogArea ol,.blogArea blockquote {font-size: 0.9vw;}
}
.blogArea blockquote {
    background-color: #f1f1f1;
    padding: 10px 20px;
    box-sizing: border-box;
}
.blogArea img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: table;
    margin: 0 auto;
}
.blogArea ul li,.blogArea ol li {
    margin-left: 20px;
    margin-bottom: 10px;
}
.blogArea ul li:last-child,.blogArea ol li:last-child {
    margin-bottom: 0;
}
.blogArea ul li {
    list-style-type: disc;
}
.blogArea ol li {
    list-style-type: decimal;
}
.snsBtnArea li a {
    display: block;
    width: 100%;
    height: 60px;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
    transition: 0.3s;
    position: relative;
    line-height: 60px;
}
.snsBtnArea li a:hover {
    box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
.snsBtnArea li.tw a {
    background-color: #55acee;
    color: #fff;
    border-bottom: 10px solid #3b78a6;
}
.snsBtnArea li.fb a {
    background-color: #305097;
    color: #fff;
    border-bottom: 10px solid #223869;
}
.snsBtnArea li.ggl a {
    background-color: #db4a39;
    color: #fff;
    border-bottom: 10px solid #993428;
}
.snsBtnArea li.hatebu a {
    background-color: #00a4de;
    color: #fff;
    border-bottom: 10px solid #00729b;
}
.leftThumArea li {
    border-top: 1px solid #ddd;
}
.leftThumArea li:last-child {
    border-bottom: 1px solid #ddd;
}
.leftThumBox {
    padding: 10px 0;
    box-sizing: border-box;
    display: block;
}
.leftThumBox a,.leftThumBox a img{
    transition: 0.3s;
}
.leftThumBox a:hover,.leftThumBox a:hover img {
    transition: 0.3s;
    opacity: 0.8;
}
.leftThumBox .date {
    line-height: 1em;
}
.leftThumBox .title {
    line-height: 1.6em;
}
.rightArea h2 {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    font-size: 1.5vw;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .rightArea h2 {font-size: 1.2vw;}
}
.leftThumBox.wpp img {
    width: 100%;
    height: auto;
}
.leftThumBox.wpp .title a {
    font-weight: bold;
    color: #333;
}
.widget .menu li a {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px;
    font-size: 1.2vw;
    font-weight: bold;
    color: #333;
    box-sizing: border-box;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .widget .menu li a {font-size: 0.9vw;}
}
.paging .next a,.paging .prev a {
    display: block;
    padding: 10px;
    border: 1px solid #eee;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}
.paging .next a {
    padding-left: 40px;
}
.paging .prev a {
    padding-right: 40px;
}
.paging .next a:before,.paging .prev a:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    margin-top: -10px;
}
.paging .next a:before {
    background-image: url(../image/icon_left_black.png);
    left: 10px;
}
.paging .prev a:before {
    background-image: url(../image/icon_right_black.png);
    right: 10px;
}
/*pc*/
.widget .menu li a {
    transition: 0.3s;
}
.widget .menu li a:hover {
    transition: 0.3s;
    padding-left: 15px;
}
.snsBtnArea li a .result_area {
    position: absolute;
    right: 20px;
    height: 60px;
    line-height: 60px;
    top: 0;
}
.paging a {
    transition: 0.3s;
}
.paging a:hover {
    opacity: 0.7;
    transition: 0.3s;
}


/*-----blog-----*/
/*all device*/
.graphBox {
    position: relative;
    overflow: hidden;
}
.graphBox > img:first-child {
    position: relative;
}
.graphBox img {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1 !important;
}
.graphBox .maskX,.graphBox .maskY {
    position: absolute;
    overflow: hidden;
}
.graphBox .maskY {
    top: 0;
    right: 0;
    opacity: 1 !important;
}
.graphBox .maskX {
    top: 0;
    right: 0;
    opacity: 1 !important;
}
.graphBox .maskY img {
    top: 0;
}
.graphBox .maskX img {
    right: 0;
}
.graphBox img.circle {
    transition: 0.5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    opacity: 1 !important;
}
.graphBox img.circle.active {
    transition: 0.5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    opacity: 1 !important;
}
.graphText {
    font-weight: bold;
    letter-spacing: 0.1em;
}
.graphText .big {
    font-weight: bold;
}
.syszoArea {
    border-top: 1px solid #ddd;
    background: rgb(242,242,242);
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(249,249,251,1) 51%, rgba(211,211,211,1) 100%);
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(249,249,251,1) 51%,rgba(211,211,211,1) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(249,249,251,1) 51%,rgba(211,211,211,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d3d3d3',GradientType=0 );
}
.graphText.textLast {
    position: relative;
}
.graphText.textLast:before {
    content: '';
    position: absolute;
    background-image: url(../image/graph_logo.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 50%;
}
/*pc*/
.graphText.text01 {
    font-size: 4vw;
    line-height: 1.4em;
    padding: 40% 0 0 0;
    display: table;
    margin: 0 auto;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.text01 {font-size: 2vw;}
}
.graphText.text01 .big {
    font-size: 6vw;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.text01 .big {font-size: 3vw;}
}
.graphText.text02 {
    font-size: 3vw;
    line-height: 2em;
    position: absolute;
    top: 0;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.text02 {font-size: 2vw;}
}
.graphText.text02 .big {
    font-size: 5vw;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.text02 .big {font-size: 4vw;}
}
.graphArea.graph02 {
    width: 80%;
    margin: 0 0 0 auto;
    padding-top: 100px;
}
.graphText.text03 {
    font-size: 2.5vw;
    line-height: 2em;
    padding: 30% 0 0 0;
    display: table;
    margin: 0 auto;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.text03 {font-size: 1.4vw;}
}
.graphText.text03 .big {
    font-size: 5vw;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.text03 .big {font-size: 3vw;}
}
.graphText.text04 {
    font-size: 3vw;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.text04 {font-size: 1.5vw;}
}
.graphText.text08 {
    font-size: 3vw;
    line-height: 1.6em;
    margin-bottom: 60px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.text08 {font-size: 1.5vw;}
}
.graphText.text09 {
    font-size: 3vw;
    line-height: 1.6em;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.text09 {font-size: 1.5vw;}
}
.graphText.textLast {
    font-size: 3vw;
    line-height: 1.8em;
    padding-top: 220px;
    opacity: 1 !important;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .graphText.textLast {font-size: 1.5vw;}
}
.graphText.textLast:before {
    width: 240px;
    height: 167px;
    margin-left: -120px;
}
.graphBox > div {
    width: 100% !important;
    height: 100% !important;
}


.formError.inline .formErrorContent {
    font-weight: bold;
    transition: 0.3s;
}
.formError.inline {
    transition: 0.3s;
}
#policyCheck .formError.inline {
    top: 25px !important;
}
.formError {
    z-index: 1 !important;
}

/*policy modal / stepBox*/
.stepBox {
    display: table;
}
.stepBox .step {
    display: inline-block;
    position: relative;
    font-weight: bold;
    background-color: #ddd;
    color: #999;
    box-sizing: border-box;
}
.stepBox .step:before {
    font-family: 'Quicksand';
    position: absolute;
}
.stepBox .step.one:before {
    content: 'Step.1';
}
.stepBox .step.two:before {
    content: 'Step.2';
}
.stepBox .step.one:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ddd;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 1;
}
.stepBox .step.active {
    background-color: #333;
    color: #fff;
}
.stepBox .step.active:after {
    border-color: transparent transparent transparent #333;
}
/*pc*/
.inline_content.policy {
    width: 900px;
    height: 600px;
    overflow-y: scroll;
}
.stepBox {
    margin: 0 auto 40px;
    width: 60%;
    overflow: hidden;
}
.stepBox .step {
    font-size: 2vw;
    height: 40px;
    line-height: 40px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .stepBox .step {font-size: 1vw;}
}
.stepBox .step:before {
    font-size: 2vw;
    line-height: 2vw;
    top: 50%;
    margin-top: -9px;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .stepBox .step:before {font-size: 1vw;}
}
.stepBox .step.one {
    width: 45%;
    padding: 0 0 0 19%;
    float: left;
}
.stepBox .step.two {
    width: 55%;
    padding: 0 0 0 25%;
    float: right;
}
.stepBox .step.one:before {
    left: 10px;
}
.stepBox .step.two:before {
    left: 30px;
}
.stepBox .step.one:after {
    border-width: 20px 0 20px 20px;
    right: -19px;
}


/*enStyle*/
.hideJp {
    display: none;
}
.page-en .hideJp {
    display: inherit;
}
.page-en .breadcrumb,
.page-en .pageTtl,
.page-en .mainMenu .topMenu,
.page-en .mainMenu .en,
.page-en .contactMenu,
.page-en .footer .contactArea,
.page-en .footer .bannerArea,
.page-en .footer .footerMenuArea .logo,
.page-en .footer .footerMenuArea .footerMenuBox,
.page-en .topBtn {
    display: none !important;
}
.page-en .enTtl,
.page-en .footerMenuArea {
    padding: 0 !important;
    margin: 0 !important;
}
.page-en .enTtl:after,
.page-en .grobalMenu {
    background-color: transparent !important;
}
.page-en .copyYear,
.page-en .mainMenu {
    padding-top: 0 !important;
    border-top: none;
    border-bottom: none;
}
/*contactStyle*/
.page-contact .topBtn,
.page-contact .footer .contactArea,
.page-contact .footer .bannerArea {
    display: none !important;
}

#header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
#topBtn,#grobalMenu,.footerMenuBox,.footerBtn,.bannerArea,.subContentMenu {
    display: none !important;
}
/*改ページ調整*/
.page-history .sectionBox:nth-child(5) {
    page-break-before: always;
}
.page-history .sectionBox:nth-child(7) {
    page-break-before: always;
}
.page-history .sectionBox:nth-child(8) {
    page-break-before: always;
}
.page-history .sectionBox:nth-child(9) {
    page-break-before: always;
}
.page-history .sectionBox:nth-child(10) {
    page-break-before: always;
}
.page-insourcing .sectionBox:nth-child(6) {
    page-break-before: always;
}
.page-insourcing .sectionBox:nth-child(8) {
    page-break-before: always;
}
.page-insourcing .sectionBox:nth-child(9) {
    page-break-before: always;
}
.page-insourcing .sectionBox:nth-child(9) .tileArea:nth-child(5) {
    page-break-before: always;
}
.page-skill .sectionBox:nth-child(6) {
    page-break-before: always;
}
.page-skill .sectionBox:nth-child(8) {
    page-break-before: always;
}
.page-skill .sectionBox:nth-child(9) {
    page-break-before: always;
}
.page-price .sectionBox:nth-child(6) {
    page-break-before: always;
}
.page-security .sectionBox:nth-child(5) {
    page-break-before: always;
}
/*ページ下部余白非表示*/
.page-price .sectionBox:nth-child(8) {
    display: none;
}
.page-voice .sectionBox:nth-child(7) {
    display: none;
}
.page-philosophy .sectionBox:nth-child(6) {
    display: none;
}
.page-about .sectionBox:nth-child(7) {
    display: none;
}
.page-about iframe {
    width: 100%;
}
.home .thumBox.thumColumn {
    height: auto !important;
}
.home .thumBox.thumNews {
    height: 190px !important;
}
.home .thumBox.thumTopVoice {
    height: 230px !important;
}
.thumBox.thumVoice {
    height: 230px !important;
}
.footer {
    display: none;
}