.smfo{font-size: 1rem;display: block;}
.closely {font-family:"Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight: normal}
.closely .container-fulid {margin-left: 0!important;}
.closelyTop .flexslider ol {display: none;}
.closelyTop .flexslider h2 {z-index: 10000;position: absolute;top: 5%;left: 0;width: 40%;max-height: fit-content;}
.closelyTop .flexslider h2 img{margin: 2%;}
.cloBg01 {background: url(../closely/img/cloBg01.jpg) no-repeat right top #f86319;color: white;}

.colcolor,.cloBg02 {background: #f86319;color: white;}
.colcolor:hover,.colcolor:focus {background: #94d3b9;color: white;}
.colcolor02 {background: #9efe40;color: black;}
.colcolor02:hover,.colcolor02:focus{background: #f86319;color: white;}
.clo01 .banAre div {margin: 2% 0}
.clo01 .banAre a,.clo01 .banAre span {padding: 15% 10%;display: inline-block;font-weight: bold;width: 100%;}
.clo01 .banAre em {background: yellow;display: block;text-align: center;margin: 0;}
.clo01 .banAre .bn03 em {background: black;color: yellow;}
.clo01 .banAre a {color: #f86319;text-shadow: 2px 0 2px white}
.clo01 .banAre span {color: black;}
.clo01 .banAre a b,.clo01 .banAre span b {font-size: 2rem;}
.clo01 .banAre a:hover,.clo01 .banAre a:focus,.clo01 .banAre .bn03 a:hover,.clo01 .banAre .bn03 a:focus{color: #f86319;}
.clo01 .banAre .bn03 a,.clo01 .banAre .bn03 span {color: white;text-shadow:none}
.clo01 .banAre .bn01,.colbg001 {background: url(../closely/img/s01.jpg) no-repeat right;background-size: cover;}
.clo01 .banAre .bn01,.clo01 .banAre .bn02,.clo01 .banAre .bn03,.clo01 .banAre .bn04 {box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);}
.clo01 .banAre .bn02,.colbg002 {background: url(../closely/img/s02.jpg) no-repeat right;background-size: cover;}
.clo01 .banAre .bn03,.colbg003 {background: url(../closely/img/s03.jpg) no-repeat right;background-size: cover;}
.clo01 .banAre .bn04,.colbg004 {background: url(../closely/img/s04.jpg) no-repeat right;background-size: cover;}
.colbg003 h2{color: white;}
.closely .routeMap {padding: 4rem;margin: 5rem 0;color: white;background:  url(../closely/img/mapBg.jpg) no-repeat;background-size: cover;}
.closely .routeMap a {font-weight: bold;font-size: 1.8rem}
.closely .best5 {margin-top: 5rem;}
.closely .best5 div {text-align: center;padding: 2.5rem;}
.closely .best5 span {font-weight: bold;font-size: 3rem;}
.closely .best5 strong em {display: block;font-size: 4rem}
.closely .best5 strong {font-weight: bold;font-size: 2rem;line-height: 4.5rem;}
.closely .best5 .cg {background: #fdcc5d;color: #632a00;}
.closely .best5 .cs {background: #ddded0;color: #5b5b57;}
.closely .best5 .cb {background: #eebda8;color: #b34343;}
.closely .best5 .cp {background: #ffede4;color: #938b8b;}
.closely .best5 .co {background: #ffd9c7;color: #886d59;}
.closely .result div div {border-top: 1px dotted black;background: #f8f9fa;margin: 70px 0 30px;padding: 15px;font-size: 15px;}
.closely .result div p{font-size: 3rem;text-align: center}
.closely .result div p span{font-weight: bold;font-size: 4rem;}
@media screen and (max-width:764px) {
.clo01 .col-xs-12 {background: rgba(0,0,0,.6);}
}
@media screen and (max-width:640px) {
.closelyTop .flexslider .slides img { max-width: 100%;}
.cloBg01 {background: url(../closely/img/cloBg01.jpg) no-repeat right top #f86319;}
.closely .result div div {margin: 30px 0 30px;padding: 10px;}
.closely .result div p{font-size: 2.5rem;}
.clo01 .banAre .col-xs-6 a,.clo01 .banAre span {font-size: 1.5rem;}
.clo01 .banAre .col-xs-6 b {font-size: 1.5rem;text-shadow: 2px 0 2px white}
.clo01 .banAre .col-xs-6 .bn03 b {font-size: 1.5rem;text-shadow: 2px 0 2px black}
}
@media screen and (max-width:480px) {
.closelyTop .slider { min-height: 120px;}
.closelyTop .flexslider {margin: 60px 0 0;}
}
webCon02iframe {border: 0;}
#slideL {z-index:100000;cursor: pointer;position: fixed;right: 0;bottom: -400px;right: -145px; width: 300px;height: auto;padding: 10px 0 0;background: #2d8aa3;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
#slideL span {padding: 0 10px;font-weight: bold;font-size: 15px;color: white!important;}
#slideL .slide-inner {overflow: auto;overflow-y: hidden;height: 400px;} 

.ouboWin {position: fixed;bottom: 40px;right: 5px;background: rgba(0,0,0,.7);color: white;padding: 10px;font-size: 12px;line-height: 2.2rem;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
.ouboWin h2 {font-size: 14px;margin: 0;}
.ouboWin h2 a {color: white;padding: 8px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;background: #ea4343;width: 100%;}
.ouboWin h2 a:hover,.ouboWin h2 a:focus {background: rgba(255, 220, 0, 1);color: black;}
.ouboWin h2.wybt a {color: black;background: #eafb1a;}
.ouboWin h2.wybt a:hover,.ouboWin h2.wybt a:focus {color: white;background: #ea4343;}
.ouboWin p {margin: 0;padding-top: 5px;}
.ouboWin p span {display: block;font-size: 15px;font-weight: bold}
.ouboWin .spdb {display: none;}
.ouboWin .spdb a {color: #a0f4fc;text-decoration: underline;font-size: 13px;}
.ouboWin .spdb a:hover,.ouboWin .spdb a:focus {color: #aad0e2;}
.ouboWin .obks {font-size: 12px;text-align: center}
.ouboWin .obks strong {font-size: 18px;display: block;font-weight: bold}
.ouboWin .obks span {font-size: 10px;display: block;}
/* ========================== パン屑 ==================================== */
.panNav ol {list-style: none; clear: both;border-bottom:1px #E6E9EA dotted;overflow: auto;font-size: 12px;background:white;}
.panNav ol li {float: left;padding: 5px 0 5px 18px;}
.panNav ol li a {color: #cfbd9b;}
.panNav ol li a:hover, a:active, a:focus {color: #a58b58;}
/* ========================== Link ==================================== */
a {color: #a58b58;text-decoration: none;-webkit-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: 200ms;transition-duration: 200ms;-webkit-transition-property: color, border-color, background-color;transition-property: color, border-color, background-color; }
a:hover, a:active, a:focus {color: #b7a37b;text-decoration: none; }
a.act {color: #2d8aa3 !important;font-weight: bold;}
#li01,#li02,#li03,#li04,#li05,#li06,#li07 {display: inline-block; padding-top: 140px; margin-top: -140px;}
/* ========================== Body ==================================== */
body {font-family:mason-sans,heisei-maru-gothic-std,"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;-webkit-text-size-adjust: 100%;font-size: 15px;line-height: 28px;font-style: normal;font-weight: 200;}
.slider, .container-fulid, .panNav, .ttlImg, .sub {animation: fadeIn 5s ease 0s 1 normal;-webkit-animation: fadeIn 5s ease 0s 1 normal;}
.slider, .container-fulid, .panNav, .ttlImg {transform: translate3d(0,0,0);}
p {padding-bottom: 10px; }
/* ========================== Buttom ==================================== */
.btn {font-size: 23px;display: inline-block;padding: 15px 30px;margin: 10px 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;font-weight: bold;}

.btn01 {font-size: 15px;display: inline-block;padding: 5px 10px;margin: 10px 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 0;text-align: center;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}

.btn02 {font-size: 100%;display: inline-block;padding: 15px;margin-bottom: 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;border-radius: 0;text-align: center;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}

.btn03 {font-size: 100%;display: inline-block;padding: 10px 15px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 0;width: 43%;margin: 5px 8px;}

.btn04 {font-size: 100%;display: inline-block;padding: 10px 15px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 0;width: 98%;margin: 5px 8px;}

.btn05 {font-size: 100%;display: inline-block;padding: 5px 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 0;width: 100%;margin: 5px 8px;}

.btn06 {font-size: 11px;display: inline-block;padding: 0 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 0;margin: 5px;}

.btnMR {text-align: right;float: right;padding: 3px 10px 3px 120px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;font-size: 13px;margin: 10px 0;}
.btnMR a {font-size: 13px;display: inline-block;padding: 5px 50px;margin: 10px 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 0;text-align: right;}

.btnR {background: #ea4343;color: white;}
.btnR:hover, .btnR:active, .btnR:focus {background: black;color: white;}
.btnGr {background: #008917;color: white;}
.btnGr:hover, .btnGr:active, .btnGr:focus {background: white;color: #008917;}
.btnB {background: black;color: white;}
.btnB:hover, .btnB:active, .btnB:focus {background: #ea4343;color: white;}
.btnG {background: #a58b58;color: black;}
.btnG:hover, .btnG:active, .btnG:focus {background: #ea4343;color: white;}
.btnM {background: white;color: #4c606f;text-shadow: none}
.btnG:hover, .btnG:active, .btnG:focus {background: #ea4343;color: white;}

.ghostBtn {border:3px solid white;border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;color: white;padding: 20px 0;margin: 10px;display: inline-block;width: 98%;text-align: center;}
.ghostBtn:hover, .ghostBtn:active, .ghostBtn:focus,.ghostBtnT:hover, .ghostBtnT:active, .ghostBtnT:focus {background: rgba(255,255,255,.5);color: white;}
.ghostBtnB {border:3px solid black;border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;color: black;padding: 20px 0;margin: 10px;display: inline-block;width: 98%;text-align: center;}
.ghostBtnB:hover, .ghostBtnB:active, .ghostBtnB:focus {background: rgba(0,0,0,.5);color: white;}

.ghostBtnT {border:1px solid white;color: white;padding: 5px 0;margin: 10px 0;display: inline-block;width: 98%;text-align: center;}

.black {background: black;}
.pink {background: #f49a9a;}
.green {background: #94d3b9;}
.red {background: #ea4343;}
.blue {background: #2d8aa3;}
.orange {background: #f7b54d;}
/* ========================== Font ==================================== */
.fontJ {font-family: heisei-maru-gothic-std,"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;}
.fontE {font-family: mason-sans,"Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
/* ========================== Ttl ==================================== */
.ttl,.ttlW {font-size: 45px;padding: 45px 5px 15px;letter-spacing: .3rem;text-align: center;font-family: mason-sans,"Century Gothic", CenturyGothic, AppleGothic, sans-serif;margin: 0;}
.ttl span,.ttlW span {font-size:20px;padding: 5px 0;color: #ea4343;letter-spacing: .2rem;display: block;font-family: heisei-maru-gothic-std,"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;}


.ttlW {color: white;border-bottom: 1px solid white;}

.ttl01 {font-size: 25px;line-height: 4rem;}
.ttl02 {font-size: 50px;padding: 50px 5px 30px;letter-spacing: .3rem;text-align: center;margin: 0;}
.ttl02 span {font-size:20px;padding: 5px 0;color: #ea4343;letter-spacing: .2rem;display: block;}
.ttl03 {font-size: 40px;line-height: 6rem;padding: 90px 5px;text-align: center;}
.ttl04 {font-size: 30px;line-height: 4rem;padding: 5px;}
.ttl05 {font-size: 30px;line-height: 4rem;padding:80px 5px 20px;text-align: center;margin: 0;}
.ttl05 span {color: #fffc82;font-size: 35px;}
.ttl06 {font-size: 30px;line-height: 4rem;padding:100px 5px;margin: 0;}
.ttl07 {font-size: 50px;line-height: 7rem;padding:100px 5px;margin: 0;text-align: center;}
.ttl08 {font-size: 30px;line-height: 7rem;padding:30px 5px;margin: 0;text-align: center;}
.ttl09 {font-size: 18px;line-height: 3rem;padding:5px;margin: 0;}
.ttl10 {font-size: 40px;padding: 50px 5px 30px;letter-spacing: .3rem;text-align: center;margin: 0;}
.ttl10 span {font-size:20px;padding: 5px 0;color: #ea4343;letter-spacing: .2rem;display: block;}
/* ========================== Global styles ==================================== */
.section-padding {padding: 80px 0;}
.pallR {padding: 50px 0;}
.pallM {padding: 35px;}
.pallT {padding: 10px;}
.pt {padding-top: 50px;}
.pt02 {padding-top: 30px;}
.pw {padding: 0 35px;}
.npnm{padding: 0;margin: 0}
.pagetop, .pagetopW {text-align: center;padding: 20px;font-size: 50px;}
.pagetop a {color: #e1d8c5;}
.pagetopW a {color: white;}
.attn {background: #899295;padding: 3px 10px;font-size: 14px;clear: both;margin: 5px 0;color: white;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
.attn01 {background: #aebcc1;padding: 3px 10px;font-size: 14px;clear: both;margin: 5px 0;color: white;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;display: inline-block}
.attn01 a {color: #ea4343;}
ul, ol { margin: 0; padding: 0; }
ul li { list-style: none; }
img {border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width :auto; }
/* ========================== Header Nav ==================================== */
.open-blink {position: relative;-webkit-animation-name: flash;animation-name: flash;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.hero .hero-content {padding-top: 26%;}
section.navigation {position: absolute;width: 100%;z-index: 999; }
.fixed {position: fixed;background-color: white; z-index: 99999; width: 100%;top: 0;border-bottom: white 1px solid;}

header {padding-top: 5px;color: #38434e; position: relative;width: 100%;margin: 0 auto;-webkit-transition: padding 300ms ease-in-out;transition: padding 300ms ease-in-out;}
header a { color: #38434e;}
header .logo {float: left;width: 350px;padding-left: 20px;margin: 10px 0;}
header .logo h1 {margin: 0 !important;line-height: 0;}
header .logo img.logo01 {width: 50%;}
header .logo img.logo02 {width: 30%;margin-left: 15px;}
img.logo03 {width: 30%;}
header .logo span {text-indent: -99999px;font-size: 10px;display: inline-block;}
header .header-nav-R {clear: both;overflow: auto;position: fixed;width: 100%;top: 0;left: 0;z-index: 99999;box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2);background: white;padding: 0;}
header nav {width: 50%;float: right;}
header nav li {width: 45%;float: left;text-align: center;font-size:16px;border-left: 2px dotted black;margin: 10px 0 5px;}
header nav li a {padding: 5px 20%;margin: 0 5px;display: block}
header nav li a:hover, header .primary-nav li a:focus {color: #4e9cb0;}
header nav li a.entryBtn {background: #df3030;color: white;-moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
/* ========================== Slider ====================================*/
.slider02 {background: #f7f3eb;}
.slider03 {background: url(../taxidriver-switch/img/tdsBg.png);}
.slider04 {background:black;}
.slider05 {background:white;}
.slider06 {background:#fe8550;}

/* ========================== Top ==================================== */

.signpost {padding-bottom: 5rem;background:#f3f2f8;}
.signpost .signpost01 {background: white;margin-bottom: 3rem}
.signpost h3 {position: relative;font-size: 2.5rem;text-align: center;margin-top: 5rem;padding-bottom: 2rem;}
.signpost h3::before {content: attr(data-number);display: block;margin-bottom: 3.5rem;font-size: 3.5rem;font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif;font-weight: bold}
.signpost h3::after {content: '';position: absolute;top: 40px;left: 50%;transform: translateX(-50%);width: 1px;height: 20px;background-color: black;}
.signpost .Listbox  {border: none;}
.signpost .Listbox a {color: black;}
.signpost .Listbox a:hover {color: #ea4343;}
.signpost .Listbox p {margin: 0;font-size: 1.3rem;}
.signpost img {border-radius: 1rem;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);}

.topMensetsu {padding: 2rem;background: rgba(255,255,255,.5);}
.topMensetsu .col-sm-6 {padding: 5rem;}
.topMensetsu h3 {border-bottom:1px dotted black;margin-bottom: 3rem;text-align: center;padding-bottom: 1rem;}


.topInfo {overflow: auto;background: #f3f2f8}
.topInfo .col-sm-2 {padding: 10px 0;text-align: center;font-size: 18px;}
.topInfo .col-sm-10 {overflow: auto;}
.topInfo ul {clear: both;padding: 5px 0;}
.topInfo ul li {float: left;padding: 0 3px;font-size: 13px;}
.topInfo ul li a {color: #ea4343;}
.topInfo ul li a:hover, .topInfo ul li a:focus {color: #E6E9EA;}

.topSNS {background: #ede8dd;padding: 5px 20px 15px;}
.topSNS p {font-size: 14px;padding: 30px 0;border-bottom: 1px solid black;}
.topSNS div {text-align: center;padding: 30px 0;}
.topSNS div a img {padding: 5px;}

.topNew .pt02 {overflow: auto;background: #f3f2f8}
.topNew .col-md-5 {text-align: center;margin: 0 auto;}
.topNew .col-md-5 a {overflow: auto;display: inline-block;text-align: center;margin: 0 auto;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;width: 100%;}
.topNew .col-md-5 a:hover,.topNew .col-md-5 a:focus {background:black;}

.topMes {text-align: center;background: black;}
.topMes a {width: 100%;display: inline-block;margin: 0;}
.topMes a:hover,.topMes a:focus {background-image: radial-gradient(rgba(255,255,255,.5) 20%, transparent 20%),radial-gradient(rgba(255,255,255,.5) 20%, transparent 20%);background-size: 30px 30px;background-position: 0 0, 15px 15px;}
.topMes div.boss {background: url(../img/mes01BnBg.png) bottom right no-repeat #94d3b9;}
.topMes div.public {background: url(../img/mes02BnBg.png) bottom right no-repeat #f4b19a;}

.topAbout {text-align: center;}
.topAbout .col-md-4 a {display: inline-block;padding: 70px 0;font-size: 30px;color: white;width: 100%;font-family: '游明朝','Yu Mincho',sans-serif;}
.topAbout .col-md-4 a:hover,.topAbout .col-md-4 a:focus {color: #cfbd9b;}
.topAbout .about01 {background: url(../img/about01Bg.jpg) left no-repeat;}
.topAbout .about02 {background: url(../img/about02Bg.jpg) left no-repeat;}
.topAbout .about03 {background: url(../img/about03Bg.jpg) left no-repeat;}

.topEntry {background: #ea4343;overflow: auto;text-align: center;box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3);color: white;font-size: 35px;}
.topEntry div:first-child {border-right: dotted 2px white;}
.topEntry div {color: white;padding: 60px 0;}
.topEntry div span {font-size: 18px;display: block;padding: 10px 0;}
.topEntry div span strong {font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;font-size: 25px;}
.topEntry a {color: white;display: inline-block;width: 100%;}
.topEntry a:hover,.topEntry a:focus{color: black;}

.share {font-size: 20px; text-align: center;padding: 10px 0;}
.share #snsbox a {display: inline-block;padding: 5px 0;}
.fbbtn {background: #3b5998;} 
.twbtn {background: #55acee;}
.htbtn {background: #008fde;}
.pkbtn {background: #d3505a;}
.lnbtn {background: #00c300;}

.message01, .message02 {text-align: center;}
.message01 a, .message02 a {display: inline-block;width: 100%;}
.message01 a { background: #94d3b9;border: 3px solid #94d3b9;}
.message02 a { background: url(../img/mes02BnBg.png) bottom right no-repeat #f4b19a;background-size:auto;border: 3px solid #f4b19a;background-size: initial;}
.message01 a:hover,.message01 a:focus {background: white;background-image: radial-gradient(#94d3b9 20%, transparent 0), radial-gradient(#94d3b9 20%, transparent 0);background-position: 0 0, 10px 10px;background-size: 20px 20px;}
.message02 a:hover,.message02 a:focus {background: repeating-linear-gradient(#f4b19a, #f4b19a 10px, #fff 0, #fff 20px);}

.botPan {padding: 20px 10px;font-size: 12px;color: #aeb9bd;}
.botPan ul {clear: both;}
.botPan ul li {padding: 0 20px;float: left;}

.topMes {text-align: center;background: black;}
.topMes div.boss {background: url(../img/mes01BnBg.png) bottom right no-repeat #94d3b9;}
.topMes div.public {background: url(../img/mes02BnBg.png) bottom right no-repeat #f4b19a; }

.cut-bottom {content: ' ';z-index: 1;border-bottom: 80px solid transparent;}
.cbBlack {border-left: 30px solid black;background: #aadde2;}
.cbBule {border-left: 30px solid #aadde2;background: #f4b19a;}
.cbPink {border-left: 30px solid #f4b19a;background: white;}
.cbMS01 {border-left: 30px solid #f3f0e9;background: #f4b19a;}
.cbMS02 {border-left: 30px solid #f4b19a;background: #f3f0e9;}
.cbMS03 {border-left: 30px solid #f3f0e9;background: #94d3b9;}
.cbMS04 {border-left: 30px solid #94d3b9;background: #f3f0e9;}
/* ========================== subPage mainImg ==================================== */
.sub {min-height: 400px;margin-top: 20px;}
.forth {min-height: 800px;margin-top: 20px;}
.third {margin-top: 70px;}
.mes01MB {background: url(../img/mes01Photo.jpg) right top #94d3b9 no-repeat;background-size: contain;}
.mes01MB .ttlImg,.mes02MB .ttlImg {padding-top: 15%;}
.mes02MB {background: url(../img/mes02Photo.jpg) right top #f4b19a no-repeat;background-size: contain;}
.sabunBg {background:url(../img/slider/sabunBn_pc.svg) center bottom no-repeat,linear-gradient(-45deg, rgba(170, 221, 226, .7),rgba(246, 255, 0, .7)) fixed;background-size: contain;}

.specialBg {background: linear-gradient(-45deg, rgba(255, 0, 161, .8),rgba(246, 255, 0, .8)) fixed,url(../img/specialBg.png) center bottom no-repeat;background-size: contain; }
.specialBg .ttlImg {padding-top: 8%;text-align: center;}
.spOnly {display: none;}

.boshuBg {background: url(../img/boshuBg.png) right bottom no-repeat black;}

/* ========================== Sabun ==================================== */
.mirai-sabun .inst {background: black;overflow: auto;color: white;font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;}
.mirai-sabun .inst .col-md-4 {padding: 10px 0 0;margin: 0;}
.mirai-sabun .inst .col-md-4 img {width: 100%;}
.mirai-sabun .inst .col-md-8 {margin: 150px 0 ;text-align: center;}
.typed {display: inline-block;margin: 0;font-size: 50px;}
.typed-cursor {font-size: 50px;display: inline-block;margin: 0 10px;color: white;-webkit-animation-name: flash;animation-name: flash;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.typed span {display: block;}
.mirai-sabun .overview {overflow: auto;background: #aadde2;color: white;padding-top: 100px;}
.mirai-sabun .pageNation {padding: 30px 0;}
.mirai-sabun .pnTop {background: #f4b19a;color: white;}
.mirai-sabun .pageNation .row {padding: 10px;}
.mirai-sabun .pageNation .row a,.mirai-sabun .pageNation .row span {display:inline-block;padding: 10px 5px;width: 100%;text-align: center;font-size: 13px;margin-bottom: 5px;}
.mirai-sabun .pageNation .row strong {display: block;font-size: 17px;font-weight: normal;}
.mirai-sabun .pageNation .row a {border: 3px solid white;color: white;background: #9dddc3;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
.mirai-sabun .pageNation .row a:hover,.mirai-sabun .pageNation .row a:focus {background: #38434e;}
.mirai-sabun .pageNation .row span {background: #E6E9EA;color: #aeb9bd;border: 3px solid white;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
.mirai-sabun .pageNation .back a,.mirai-sabun .pageNation .next a {display:inline-block;padding: 30px 20px;width: 100%;background: #E6E9EA;color: #aeb9bd;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
.mirai-sabun .pageNation .back a:hover,.mirai-sabun .pageNation .next a:hover,.mirai-sabun .pageNation .back a:focus,.mirai-sabun .pageNation .next a:focus {background: #78bebb;color: white;}
.mirai-sabun .pageNation .back a {margin: 20px 5px 20px 0;}
.mirai-sabun .pageNation .next a {margin: 20px 0 20px 5px;text-align: right;}

.snsArea {border-top: 1px solid black;}
.snsArea .SNSP {background: #ede8dd;padding: 10px;}
.snsArea .SNSP div {text-align: center;}
.snsArea .SNSP div a {padding: 0 5px;}
.snsArea .share {display: block;}

.mangaArea {background: white;color: black;border: 1px 0 solid black;}
.mangaArea .mes {background: #f4b19a;color: white;padding: 50px 30px;margin: 20px 0;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
.mangaArea .mes strong {font-size: 25px;font-weight: normal;line-height: 4rem;}

.manga div p {margin:5px;border: 5px solid black;padding: 0;clear: both;overflow: auto;overflow: hidden;background: white; }
.manga div p.pp img {width: 50%;float: left;}
.manga div p.ppc img {margin: 0 auto;width: 50%;}
.manga div p.black {background: black;}

.ChangeJob {background: #94d3b9;color: white;}
.LoveMyself {background: #ffc9b6;color: white;}

.forkDetail {margin: 20px 0;overflow: auto;clear:both;font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;}
.forkDetail ul {clear: both;border-top: 1px dotted #899295;background: white;overflow: auto;color: #555d60;}
.forkDetail ul li {float: left;font-size: 14px;padding: 10px 5px;border-left: 1px dotted #899295;}
.forkDetail ul li:first-child {width: 20%;border-left: none;}
.forkDetail ul li strong {font-size: 25px;}
.forkDetail p {font-size:20px;padding-top: 30px;}

.forkDetail .future strong {color: #ff6807;}
.forkDetail .fork strong {color: #ff5757;}
.forkDescription {padding: 20px;border-top: 1px dotted white;}
/* ========================== Message ==================================== */
.mesInfo {background: #f3f0e9;color: #5f4c27;}
.mesInfo p {padding: 50px 0;}
.mesArea {color: #5f4c27;background: #f3f0e9;padding: 50px;}
.mesArea .col-md-10 {background: white;padding: 30px 40px; box-shadow: 0px 5px 3px rgba(204, 193, 174, 0.8);border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
.mesArea img {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
.mesArea strong {font-size: 20px;font-weight: normal;color: #df3030;}
.kouhouColor {background: #f4b19a;color: white;}
.bossColor {background: #94d3b9;color: white;}
/* ========================== specialList ====================================*/ 
.resultPhoto {position: relative;text-align: center;max-height:180px;}
.resultPhoto .vac {padding:40px 10px 0;}
.resultPhoto h2 {font-size: 13px;position: absolute;bottom: 0;padding:10px 5px;background: rgba(137, 146, 149, 0.7);text-align: center;width: 100%;margin-bottom: 0;color: white;}
.resultPhoto h2 span {display:block;font-size: 16px;}
.resultPhoto:hover h2, .resultPhoto:focus h2 {background: #ef4242;}

.Listbox {margin: 30px 10px;border: 1px solid #899295;}
.specialList .col-md-3,.specialList .col-md-9 {font-size: 12px;line-height: 1.6rem;}
.specialList .tagArea{padding: 0;margin: 0;}
.specialList .targetList p {float: left;text-align: center;padding: 5px 15px;color: white;}
.u20 {background: #39bb7f;}
.u30 {background: #146fa8;}
.gend {background: #fcbd36;}
.all {background: #df3030;}
.specialList .update {text-align: right;padding:5px;color: #899295;}

.ListSabun {background:linear-gradient(-45deg, rgba(170, 221, 226, .7),rgba(246, 255, 0, .7));}
.ListBoss {background: url(../img/mes01BnBg.png) top right no-repeat #94d3b9;}
.ListPubl {background: url(../img/mes02BnBg.png) top right no-repeat #f4b19a; }
.ListPamp {background: radial-gradient(#FFD200, #F7971E);}
.ListBoshu {background: #ffd040;}
.ListSwitch {background: url(../taxidriver-switch/img/tdsBg.png) no-repeat top left;}
.ListSwitchT {width: auto;max-width: 100%;background: black;}
.ListSalary {background: white;}
.fixImg {height: auto;height: 150px;}
.fixImg02 {height: auto;max-height: 150px;padding-top:15px;}

.sentence {padding: 0 10px;}
/* ========================== boshu ==================================== */
.boshuList .listItem,.faqList .listItem {border-top: 1px dotted black;background: #f8f9fa;margin: 70px 0 30px;padding: 25px 20px;font-size: 18px;}
.boshuList .snsBtn {background: #f3f0e9;overflow: auto;}
.boshuList .snsBtn p {float: left;padding: 5px 15px;}
.boshuList div, .boshuList p {font-family:'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',游ゴシック体,'Yu Gothic',YuGothic,メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
.boshuList div {line-height: 3rem;}
.boshuList h2 {font-size: 22px;line-height: 3rem;margin: 25px 0;letter-spacing: 0.3rem;}
.boshuList h2 span {font-size: 30px;}
.boshuList h3 {font-size: 17px;margin: 50px 0 20px;border-bottom: 1px solid #E6E9EA;padding-bottom: 5px;}
.boshuList h3 span {font-size: 30px;}
.boshuList dl {clear: both;}
.boshuList dt {width: 30px;float: left;}
.boshuList dt,.boshuList dd {padding: 8px;}

.boshuList img {text-align: center;display: block;}
.boshuList p span {color:white;margin:10px 5px;padding: 10px 20px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;display: inline-block;}
.boshuList p strong {font-size: 30px;}
.boshuList .point {background: #f6f3eb;padding: 5px 10px;color: #a58b58;}
.boshuList .point span {background: #cfbd9b;color:white;margin:5px;padding: 2px 5px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;display: block;font-size: 14px;text-align: center;}

.boshuList ul {clear: both;}
.boshuList ul li {float: left;}
.boshuList ul li:first-child {font-size: 14px;padding-right:10px;}

.boshuList .ouboBtnList div {padding: 10px;margin: 10px 0;text-align: center;}
.boshuList .ouboBtnList .ouboForm div,.boshuList .ouboBtnList .ouboTel div {border: 3px solid black;padding: 20px 0;margin: 0;}
.boshuList .ouboForm a {display: inline-block;width: 100%;color: black;}
.boshuList .ouboForm a:hover {color: #ea4343;}
.boshuList .ouboTel {color: black;padding: 50px 0;} 
.surround {padding-bottom: 25px;}

.faqList .que {font-size: 15px;margin: 20px 0;padding: 10px 15px;background: #f3f0e9;}
.faqList p {font-size: 14px;padding: 10px 0 30px;}
.faqList .cateB a {display: inline-block;width: 95%;padding: 15px;margin: 10px;
background: #f3f0e9;}
.faqList .cateB a:hover{background: #df3030;color: white;}
/* ========================== Switch ==================================== */
.tswitch {font-family:mason-sans,CenturyGothic, AppleGothic,メイリオ,Meiryo,Osaka,sans-serif;}
.tdsBg {background: url(../taxidriver-switch/img/tdsBg.png) ;-webkit-background-size: 1200px;background-size: 1200px;-webkit-animation: bgscroll 25s linear infinite;animation: bgscroll 25s linear infinite;}
@-webkit-keyframes bgscroll {0% {background-position: 0 0;}100% {background-position: -1200px 0;}}@keyframes bgscroll {0% {background-position: 0 0;}100% {background-position: -1200px 0;}}
.tswitch .ttlImg {text-align: center;padding: 100px 0;}
.taxidriverSwitch {background: black;color: white;}
.taxidriverSwitch .intro {padding: 80px 20px;}
.taxidriverSwitch .continue {padding: 80px 20px;font-size: 30px;text-align: center;line-height: 5rem;}

.recommend {padding: 20px;background: #f2f5f7;overflow: auto;}
.recommend h2 {text-align: center;position: relative;padding: 3rem;border-bottom: 1px solid #ccc;color: black;font-size: 15px;margin-bottom: 2rem}
.recommend h2::before,.recommend h2::after {position: absolute;top: 100%;left: 50%;content: '';height: 0;width: 0;border: 10px solid transparent;}
.recommend h2::before {border-top: 15px solid #ccc;}
.recommend h2::after {margin-top: -2px;border-top: 15px solid #fff;}
.recommend li span {font-size: 13px;padding: 1px 0;color: white;text-align: center;display: block;background: black}
.recommend li:hover span {background: white;color: black;} 
/**/
.areaSwitch {margin: 0;padding: 0;color: white;}

.ttlEff {font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;font-weight: 200;line-height: .6em;text-align: center;padding-bottom: 10px;}
.ttlEff > span:first-of-type{font-size: 34%;letter-spacing: .2em;}
.ttlEff span.overline{font-size: 62%;letter-spacing: .01em;text-decoration: overline;}
.es01 {font-size: 4.2em;}
.es02 {font-size: 6em;}

#cm1 h2 span,#cm2 h2 span {font-size: 16px;padding: 5px 10px;display: block;margin-bottom: 10px;color: white;}
#cm1 h2 span {background: #94d3b9;}
#cm2 h2 span {background: #f4b19a;}
#cm1 h2,#cm2 h2 {font-size: 30px;text-align: center;padding-bottom: 10px;}
/**/
.AS01 {background:url(../taxidriver-switch/img/AS01bg.jpg) repeat;overflow: auto;margin: 0;color: black;overflow: hidden;}
.AS02 {background:url(../taxidriver-switch/img/AS02bg.jpg) repeat;overflow: auto;margin: 0;}
/**/
.subAreaSwitch {padding:50px 20px 40px;overflow: hidden;position: relative;}
.subAreaSwitch h1 {margin-top:0;}
.subAreaSwitch .ghostBtnB,.subAreaSwitch .ghostBtn {padding:5px;}
/**/
.turnOff {background: linear-gradient(-45deg, rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.5)) fixed;overflow: auto;}
/**/
.swing01,.swing02{-webkit-animation: swing linear 3s infinite;-webkit-transform-origin: center -30px 0;animation: swing linear 3s infinite;transform-origin: center -30px 0;position: absolute;}
.swing01 {right: 0;bottom: 0;}
.swing02{right: 5%;top: 0;}
@-webkit-keyframes swing01 {0% { -webkit-transform: rotate(0deg); }25% { -webkit-transform: rotate(5deg); }50% { -webkit-transform: rotate(0deg); }75% { -webkit-transform: rotate(-5deg); }100% { -webkit-transform: rotate(0deg); }}    
@keyframes swing01 {0% { transform: rotate(0deg); }25% { transform: rotate(5deg); }50% { transform: rotate(0deg); }75% { transform: rotate(-5deg); }100% { transform: rotate(0deg); }}
/**/
.bound,.bound02 {position: absolute;-webkit-animation: rubberBounceDown 1s linear infinite alternate;animation: rubberBounceDown 1s linear infinite alternate;}
.bound {right: 0;bottom: -50%;}
.bound02 {left: 0;top: 50%;}
@-webkit-keyframes rubberBounceDown {0% {transform: translateY(-100px) scaleX(1) scaleY(1);}35% {transform: translateY(0) scaleX(1) scaleY(1);}80% {transform: translateY(-20px) scaleX(1) scaleY(1);}85% {transform: translateY(-10px) scaleX(1) scaleY(1);}}
@keyframes rubberBounceDown {0% {transform: translateY(-100px) scaleX(1) scaleY(1);}35% {transform: translateY(0) scaleX(1) scaleY(1);}80% {transform: translateY(-20px) scaleX(1) scaleY(1);}85% {transform: translateY(-10px) scaleX(1) scaleY(1);}}
/* ========================== SwitchContainer ==================================== */
.AS01 .priInfo span {background: black;color: #8ae7f0;}
.AS01 #cm2 {color: white;}
.AS02 .priInfo span {background: #df3030;color: white;}
.AS02 #cm1 {color: black;}

.td01Sw {background: url(../taxidriver-switch/img/siBg01.png) no-repeat center center;text-align: center;overflow: auto;padding: 80px 63px;}
.asBg01 {background: url(../taxidriver-switch/img/Furniture01.svg) no-repeat bottom center;overflow: auto;background-size: contain;}

.td02Sw {background: url(../taxidriver-switch/img/siBg02.png) no-repeat center center;text-align: center;overflow: auto;padding: 80px 63px;}

.balloon {position: relative;display: inline-block;padding: 0 15px;margin-bottom:10px ;width: 100%;height: 40px;color: #F6F6F6;line-height: 40px;text-align: center;background: black;font-size: 12px;z-index: 0;border-radius: 10px;}
.balloon:after {content: "";position: absolute;top: -10px; left: 50%;margin-left: -10px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent black transparent;}
.arrowNav {padding: 20px;overflow:auto;}
.arrowNav .ghostBtnB {padding: 5px;font-size: 14px;}
#cm1,#cm2 {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;padding: 20px;}
#cm1 {background: rgba(255,255,255,.7);}
#cm2 {background: rgba(0,0,0,.5);display: none;}
#fixBox {position: fixed;bottom: 0;right: 5%;z-index: 9999999;}
.Listbox02 {margin: 30px 10px;padding: 15px;background: white;font-size: 13px;color:black;overflow: auto;}
.Listbox02 p {font-size: 13px;padding: 5px;line-height: 2.5rem;}
.Listbox02 h3 {font-size: 16px;}
.Listbox02 .telBnArea {border-right: 1px dotted black;text-align: center;}
.Listbox02 strong {font-size: 25px;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;line-height: 5rem;}

.boshuBn a, .pamphBn a {height: 55px;display: inline-block;width: 100%;}
.boshuBn a {background: url(../taxidriver-switch/img/boshuBn.png) no-repeat;background-size:auto 100%;}
.pamphBn a {background: url(../taxidriver-switch/img/pamphBn.png) no-repeat;background-size:auto 100%;}
.priInfo {line-height: 4rem;}
.priInfo span {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;padding: 4px 10px;font-size: 12px;margin-right: 10px;}
.prisubTtl {padding: 10px 0;margin:10px 0;font-size: 17px;font-weight: bold;letter-spacing: .1rem;border-bottom: 1px solid black;}
.prisubTtl i {font-size: 25px;margin-right: 8px;}
.priAns {font-size: 14px;padding-left: 10px;}

.infoBox p {color: #747c84;}
.boshuList .infoBox p span {width: 130px;color: #747c84}
.infoBox p a {color: #3cb784;}
/* ========================== FUJIbot ==================================== */
.fujibotTop {background: url(../fujibot/img/fujiBg.png) no-repeat black bottom left;}
.fujibotTop .ttlImg {padding: 120px 2% 350px;text-align: right;}
@media screen and (max-width:978px) {  
.fujibotTop .ttlImg {padding: 120px 2% 450px;text-align: right;}
}
@media screen and (max-width:640px) { 
.fujibotTop {background: url(../fujibot/img/fujiBg_sp.png) no-repeat black bottom left;background-size: contain}
.fujibotTop .ttlImg {padding: 60px 2% 380px;text-align: right;}
}
@media screen and (max-width:480px) { 
.fujibotTop .ttlImg {padding: 60px 2% 250px;text-align: right;}
}

.fujibot > .panNav ol {background:black;}
.fujibot > .panNav ol {border: none;}
.fujibotoCon {color: white;font-size: 15px;font-family: "Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体,'Yu Gothic',YuGothic,メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-weight: normal;background: black;}
.fujibotoCon h2 {line-height: 5rem;text-align: center;margin: 10px 0 50px;}
.fujibotoCon h3 {line-height: 3rem;font-size: 1.8rem;padding: 10px 0;border-bottom: #f9e62b 1px solid;width: 100%}
.fujibotoCon section {padding: 80px 0;}
.fujibot02 h2 {font-weight: bold;font-size: 50px;}
.fujibot02 h2 span {font-weight: normal;font-size: 16px;display: block}
.fujibot04 h2 {font-weight: bold;font-size: 30px;color: black;}

.fujibot01 {background: url(../../img/othInqBg.jpg) no-repeat center;background-size: cover;overflow: auto;padding:0px;}

.fujibot02 {background: url(../fujibot/img/fujiBg.png) no-repeat bottom left;background-size: contain;overflow: auto;padding:0px;}
.fujibot02 .col-md-6 {background: rgba(0,0,0,.5);padding: 20px;}
.fujibot03 .col-md-8 div {background: #171717;padding: 0 15px;margin-bottom: 20px}
.fujibot04 {background:url(../fujibot/img/fujibotBg02.jpg) repeat-x top left;}
/* ========================== WEB ==================================== */
.webMenTop {background: url(../web-mensetsu/img/webBg_pc.jpg) no-repeat white bottom left;height: 550px;background-size: contain}
@media screen and (max-width:960px) { 
.webMenTop {height:490px;}
}
@media screen and (max-width:820px) { 
.webMenTop {height:430px;}
}
@media screen and (max-width:720px) { 
.webMenTop {height:400px;}
}
@media screen and (max-width:660px) { 
.webMenTop {height:370px;}
}
@media screen and (max-width:620px) { 
.webMenTop {height:350px;}
}
@media screen and (max-width:580px) { 
.webMenTop {height:300px;}
}
@media screen and (max-width:480px) { 
.webMenTop {background: url(../web-mensetsu/img/webBg_sp.jpg) no-repeat white bottom left;background-size: contain;height: 350px;}
}
@media screen and (max-width:320px) { 
.webMenTop {height:300px;}
}

.webCon {font-size: 15px;font-family: "Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体,'Yu Gothic',YuGothic,メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-weight: normal;}
.webCon h2 {text-align: center;padding:1em 0;line-height: 1.6em}
.webCon h3 {text-align: center;padding:.2em 0;line-height: 1.6em;font-size:20px;color: white;}

.webCon01 {background: url(../web-mensetsu/img/webCom01Bg.jpg) no-repeat left top;color: white;padding: 2em 0;overflow: hidden;background-size: cover}

.webCon02 {background: url(../web-mensetsu/img/webIcon01.png) no-repeat left top;padding: 2em 0;overflow: hidden;}
.webCon02 .col-md-12 div {margin: 2em 0}
.webCon02 .col-sm-6 div,.webCon02 .col-md-12 div {padding: 2em;text-align: center;border:5px solid #e2f0f6;}
.webCon02 .col-sm-6 img.ptop{padding-top: 1.2em}
.webCon02 .col-sm-6 div img {max-height: 96px;}
.webCon02 .col-sm-6 a,.webCon02 .col-md-12 a {color: #2d8aa3;}
.webCon02 h3 {color: black;}
.webCon03 {background: url(../web-mensetsu/img/webCom02Bg.jpg) no-repeat right top #d8eff7}
.webCon03 b {font-weight: bold;background:#fcfc60;background:linear-gradient(to bottom, transparent 60%,#fcfc60 60%);}
.webCon03 dl {padding: .5em 1em;}
.webCon03 dt {padding-bottom: 1em;}
.webCon03 dd {letter-spacing: .1rem;text-shadow: #d8eff7 1.5px 1.5px 4px, #d8eff7 -1.5px 1.5px 4px,#d8eff7 1.5px -1.5px 4px, #d8eff7 -1.5px -1.5px 4px,#d8eff7 1.5px 1.5px 4px, #d8eff7 -1.5px 1.5px 4px,#d8eff7 1.5px -1.5px 4px, #d8eff7 -1.5px -1.5px 4px;}
.webCom04 div {background: #ffb83d;margin: 1em 2em;padding: 1em;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px}
.webCom04 div p {background: white;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;padding: 1em;}
.webCom05 {background: url(../web-mensetsu/img/webCom05Bg.jpg) no-repeat left top #87ceeb;background-size: contain;color: white;overflow: hidden;}
/* ========================== global ==================================== */
.rsTop {padding-top: 52%;}
.rsCon{font-size: 15px;font-family: "Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体,'Yu Gothic',YuGothic,メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-weight: normal;}

.gloTop {background: url(../global-recruit/img/gloBg_pc.jpg) no-repeat white bottom left;background-size:contain}

.gloCon h2.gr {padding-top: 2em;}
.gloCon h2.gr:after {background: url(../global-recruit/img/gril.png) no-repeat;content:'';display: inline-block;background-size:contain;vertical-align: middle;width: 80px;height: 100px;padding-right: 10px;margin-top: -70px;}
.gloCon h2.ma:before {background: url(../global-recruit/img/mans.png) no-repeat;content:'';display: block;background-size:contain;vertical-align: middle;width: 206px;height: 120px;margin:0 auto -30px auto;}
.gloCon h2 {font-family: ta-f1blockline, sans-serif;text-align: center;line-height: 1.6em;padding-bottom: 1em;
color: black;  font-size: 3em;text-shadow: white 1px 1px 0px, white -1px 1px 0px,
white 1px -1px 0px, white -1px -1px 0px;
}
.gloCon h2 strong {font-size: 1.5em;color:#faf552;text-shadow: black 1px 1px 0px, black -1px 1px 0px,
black 1px -1px 0px, black -1px -1px 0px;
}
.gloCon h3 {text-align: center;padding:.2em 0;line-height: 1.8em;font-size:2em;font-weight: bold}
.gloCon h4 {padding:1.5em 0;line-height: 1.8em;font-size:1.5em;font-weight: bold}
.gloCon .gloBtn {background: #fcd9c0;border: 3px solid black;font-size: .9em;text-align: center;color: black;}
.gloCon .gloBtn:hover,.gloCon .gloBtn:focus {background: #fcbd36;color: black;}
.gloCon p strong {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}
.gloCon01 {background: url(../global-recruit/img/gloP01.png) no-repeat left top #ffddcf;border-bottom: 5px solid black;overflow: auto;padding: 2em 0;}

.gloCon02 {background: url(../global-recruit/img/topRecBg.jpg) no-repeat left bottom #f7f7f7;background-size: contain;border-bottom: 5px solid black;overflow: auto;padding-bottom: 25em;}
.gloCon02 p {text-shadow: white 1px 1px 0, white -1px 1px 0,white 1px 1px 5px, white -1px 1px 5px}
.gloCon03 {background: url(../global-recruit/img/gloP02.png) no-repeat right top #d8f1f8;border-bottom: 5px solid black;overflow: auto;padding: 2em 0;}
.gloCon04 {background: #f8f46a;border-bottom: 5px solid black;overflow: auto;padding: 2em 0;}
.gloCon04 .rct {text-align: center}
.gloCon04 .rct a {border: 4px solid black;display: inline-block;margin:0 auto 1em;}
.gloCon04 .rct a:hover,.gloCon04 .rct a:focus {border: 4px solid white;}
.gloCon04 .meisai {background: white;border: 4px solid black;margin-bottom: 3em;}
.gloCon04 .lineItem div {padding: 10px;font-size: 1em;width: 33%;float: left;}
.gloCon04 .lineItem div span {border-bottom-width: 1px;border-bottom-style: solid;display: block;font-size: .9em;margin-bottom: 10px;border-bottom-color: black;}
.gloCon04 .lineItem div {text-align: right;}
.gloCon04 .lineItem div span {text-align: left;}

.gloCon04 .sikyu {padding:2.5em 0;font-size: 1.5em;text-align: center;font-weight: bold}
.gloCon04 .sikyu strong {font-size: 3em;color: #fc5c5c;text-shadow: black 3px 3px 0px, black -1px 1px 0px,
black 1px -1px 0px, black -1px -1px 0px;}
.gloCon05 {border-bottom: 5px solid black;overflow: auto;padding: 2em 0;}

@media screen and (min-width: 768px) and (max-width: 860px) {
    .gloCon01 p {text-shadow: white 1px 1px 0, white -1px 1px 0,white 1px 1px 5px, white -1px 1px 5px}
}
@media screen and (max-width:768px) { 
.gloCon01 {background: url(../global-recruit/img/gloP01_sp.png) no-repeat left top #ffddcf;padding-top: 35%;background-size: contain;}
.gloCon03 {background: url(../global-recruit/img/gloP02_sp.png) no-repeat left top #d8f1f8;padding-top: 35%;background-size: contain;}
}
/* ========================== personality ==================================== */
.persTop {background: url(../personality/img/topBg.jpg) no-repeat bottom left;padding: 0;background-size: cover;position: relative;}
.persTop .row{padding-top: 10rem;}
.persTop h2{position: absolute;top: 45%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);margin: auto;padding: 0;}
.persTop h2 img {max-width: 488px;width: 100%;padding: 0 .5rem;}
.persTop .col-xs-5{padding-top: 15rem;vertical-align: bottom;}
.persTop .kdr{text-align: right}

#persCon h2 {padding: 10rem 0 8rem;text-align: center;margin: 0;}

.persCon01,.persCon03{color: #0143cc;padding-bottom: 8rem;background: url(../personality/img/pers01Bg01.png) no-repeat left 20%,url(../personality/img/pers01Bg02.png) no-repeat right 20%;background-size: 15%,15%;}
.persCon01 b {font-size: 2rem;}

.persCon02{color: white;padding-bottom: 8rem;background: url(../personality/img/pers02Bg01.png) no-repeat top left,url(../personality/img/pers02Bg02.png) no-repeat bottom right;background-size: 15%,15%;background-color: #ff9f41;}
.persCon02 span {font-size: 3rem;text-align: center;display: block;padding: 2rem 0;line-height: 4rem;}
.persCon02 .col-xs-10 div{background: white;color: #ff9f41;border-radius: 2rem;padding: 1.5rem 2.5rem;margin: 2rem 0;}
.persCon02 h3,.persCon03 h3 {padding: 2rem 0;text-align: center;margin: 0;font-size:1.8rem;}
.persCon02 h3 span {font-size:2.5rem;display: inline-block;}
.persCon02 h3 b {font-size:2.5rem;}

.persCon03 .poi01 div p{background: #4b7ce2;color: white;text-align: center;border-radius: 2rem;padding: 3.5rem 1rem;margin: 1.5rem;}
.persCon03 .poi02 div p{border:3px solid #4b7ce2;color: #4b7ce2;text-align: center;border-radius: 2rem;padding: 3.5rem 1rem;margin: 1.5rem;}
.spOn {display: none}
@media screen and (max-width:768px) {
.persTop h2 img {padding: 0;}
.persTop .col-xs-5{padding-top: 10rem;vertical-align: bottom;}
.persCon01,.persCon03{background-size: 25%,25%;}
.persCon02{background-size: 25%,25%;}
.spOn {display: block}
}
/* ========================== employee ==================================== */
.empS,.covS,.pitS {font-family: "Century Gothic", CenturyGothic,游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:500;letter-spacing: .1rem;}
.empTop {background: url(../employee/img/empSTopBg.png) no-repeat bottom right #c93031;padding: 0;background-size: contain;}
.empTop h2 {padding: 10rem 0 10rem;margin: 0;}
.empTop h2 img{max-width: 450px;width: 100%;padding:5rem;background: rgba(195, 22, 22, 0.67)}
#empCon {font-size: 1.3rem;}
.empCon01{background: #f4f1ed;}
.empCon01 .row,.empCon02 .empInt{padding:5rem 2rem;}
.empCon01 h2 {padding:50% 0;}
.empCon01 .vert {font-size: 5rem;}
.vert {-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;font-family: 'Bona Nova', cursive;}
.bageP {background: white;padding: 0 3rem;}
.bageP img {max-width: 150px;width: 100%;padding:0;}
.empCon02 h2 {font-size: 2.5rem;line-height: 3rem;padding-top: 3rem;}
.empCon02 h2 span {font-family: 'Bona Nova', cursive;display: block;font-size: 2rem;}
.empCon02 .vert {font-size:3.5rem;padding-bottom: 3rem;}
.empCon02 .nameI{background: #c93031;color: white;padding: 2rem;text-align: right}
.empCon02 .nameI span {font-family: 'Tangerine', cursive;font-size: 2.5rem;}
.row-conformity {position: relative; }
.row-conformity .to-bottom {position:absolute; bottom:2rem; left:0; right:0}
.empRES {margin-top: 3rem;}
.empPH01{background: url(../employee/img/photo01.jpg) no-repeat top left;background-position: 0% 20px;background-size: 80%}
.empPH02{background: url(../employee/img/photo02.jpg) no-repeat top left;background-position: 0% 20px;background-size: 80%}
.empPH03{background: url(../employee/img/photo03.jpg) no-repeat top left;background-position: 0% 20px;background-size: 80%}
.empCon02 h3 {font-size: 1.3rem;padding: 1rem 0;border-bottom: 2px solid black;}
.empCon02 p {font-size: 1.6rem;}
.empCon02 .compMESS {overflow: hidden;background: #7e9ab0;color: white;margin:1rem 0;}
.empCon02 .compMESS > h3{font-size: 1.4rem;padding: 1rem 0;border-bottom: 2px solid white;text-align: center}
/**/
.empCon03 {background: #bb3535;color: white;}
.empCon03 .kazbtn{background: white;color: black;}
.empCon03 .kazbtn:hover,.empCon03 .kazbtn:focus {background: #f7e8e3;color: #bb3535}
.commonOUBO h2 {padding: 4rem 0 5rem;font-size: 2.5rem;}
.commonOUBO .kazImg02 img {margin: 4.5rem 0;width: 65%}
.commonOUBO .kazLC {color:#ebf126;}
.commonOUBO .kazbtn {display: inline-block;padding: 15px;margin-bottom: 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;border-radius: 0;text-align: center;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px;font-weight: bold;margin: 2rem 0;}
.commonOUBO .kazRec {border: 6px solid white;padding: 1.5rem 2rem;margin: 3rem 0;text-align: center}
.commonOUBO .kazRec h3 {padding-bottom: 1rem;font-size: 1.8rem;}
.commonOUBO .kazRec .col-sm-6 div{padding: 1rem;}
.commonOUBO h4 {border-bottom: 1px solid white;padding: 1.8rem 0;font-weight: bold;margin: 3rem 0 2rem;}
.commonOUBO h5 {padding: 2rem 0;}
.commonOUBO h5 b {font-weight: bold;font-size: 1.8rem;}
.commonOUBO .kaztel {font-size: 2rem;display: inline-block;padding: 15px;margin-bottom: 10px;width: 100%;border-radius: 0;text-align: center;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px;color: white;font-weight: bold;border: #f9f3ed 3px solid;}
@media screen and (max-width:768px) {
.empTop h2 {padding: 5rem 0 5rem;}
.empTop h2 img{max-width: 300px;width: 100%;padding:3rem;background: rgba(195, 22, 22, 0.67)}
.empCon01 h2 {padding:1rem;}
.empCon01 h2 img {max-width: 250px;width: 100%;}
.empCon01 .vert {text-align: center;line-height: 5.5rem;padding: 0 1rem 3rem;}
.empCon01 .vert {-webkit-writing-mode: horizontal-tb;-ms-writing-mode: tb-rl;writing-mode: horizontal-tb;}
.row-conformity .to-bottom {bottom:-2rem;padding: 1rem;}
.empPH01{background-position: -55px 30px;background-size: 100%;}
.empPH02{background-position: 0 30px;background-size: 100%;}
.empPH03{background-position: 0 30px;background-size: 100%;}
.empCon02 .vert {font-size:2rem;padding-bottom: 2rem;}
}
/* ========================== pitch materials ==================================== */
.pitTop {background: url(../pitch-materials/img/pitSTopBg.png) no-repeat top center;padding: 0;background-size: contain;}
.pitTop h2 {padding: 35% 0 0;margin: 0;}
.pitTop h2 img{max-width: 350px;width: 100%;padding:0;}

.ttl-1 {position: relative;text-align: center;color: black;font-family: 'Bona Nova', cursive;font-size: 5rem;margin-bottom: 60px}
.ttl-1:before{position: absolute;bottom: -35px;left: calc(50% - 40px);width: 80px;height: .5px;content: '';background: black;}

.pitCon01 {padding:12rem 2rem 5rem;}
.pitCon01 p {padding:5rem;}
.pitCon02 {background: url(../pitch-materials/img/photo02.png) no-repeat top center;background-size: contain}
.pitCon02 .row {padding: 20rem 10rem 10rem;}
.pitCon03 {background: #ea4343;color: white;}
.pitCon03 .kazbtn{background: white;color: black;}
.pitCon03 .kazbtn:hover,.empCon03 .kazbtn:focus {background: black;color: white}
.sd-wrap {position: relative;padding-bottom: 70.5357%;height: 0;overflow: hidden;}
.sd-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:768px) {.pitCon02 .row {padding: 12rem 1.5rem 10rem;}}
/* ========================== sidejob ==================================== */

.sidejobTop {background: url(../side-job/img/sidejobTop.png) no-repeat top center;padding: 0;background-size: contain;}
.sidejobTop h2 {padding: 35% 0 0;margin: 0;}
.sidejobTop h2 img{max-width: 350px;width: 100%;padding:0;}

.sidejobCon h2 {font-size: 1.8rem;font-weight: 600;margin: 2rem 0 5rem;line-height:2.8rem;}
.sidejobCon h2 span {font-size: 1.5rem;display: block;}

.sidejobCon > .daysCon02 {background: url(../side-job/img/side02.png) no-repeat left bottom;background-size: 75%;padding-bottom: calc(8rem + 2vw);}
.sidejobCon > .daysCon02 .row div,.sidejobCon > .daysCon05 .row div{background:white;}
.sidejobCon > .daysCon05 {background: url(../side-job/img/side04.png) no-repeat left bottom;background-size: 75%;padding-bottom: calc(8rem + 2vw)}




/* ========================== app-taxidriver ==================================== */

:root { --r: 60px;}
.chart { position: relative;margin:0 auto; width: calc(var(--r) * 4); height: calc(var(--r) * 4); border-radius: 50%; background-color:white;}
.chart1{background-image: conic-gradient( #ea4343 0% 70%, #4b7ce2 70% 100%);}
.chart2{background-image: conic-gradient( #ea4343 0% 80%, #4b7ce2 80% 100%); }
.chart3{ background-image: conic-gradient( #ea4343 0% 47%, #4b7ce2 47% 100% );}
.label { position: absolute; top: 50%; left: 50%; font-size: calc(var(--r) * 0.3); color:white;--percentage: calc((var(--start) + var(--end)) / 2); --angle: calc(var(--percentage) * 360deg); --deg: calc(-90deg + var(--angle));translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);}
.label b {font-size: 1.2rem;display: block;padding-bottom:.5rem;}
.label1,.label3,.label5{--start: 0;}
.label2,.label4,.label6{--end: 1;}
.label1 {--end: 0.7;}
.label2 {--start: 0.7;}
.label3 {--end: 0.8; }
.label4 {--start: 0.8;}
.label5 {--end: 0.5;}
.label6 {--start: 0.5;}

.appTd > .daysCon04 h4 {font-size: 2rem;color: #ea4343;font-weight: bold;border-bottom:dotted 1px #a8a8b2;padding-bottom:1rem;}
.appTd > .daysCon04 .col {padding: 5rem;}
.appTd > .daysCon04 .col span {font-size: .9rem;background: #dfff5d;display: inline-block;padding: 0 1rem;font-weight: 600;}
.appTd > .daysCon02 {background: url(../app-taxidriver/img/appTaxi02.webp) no-repeat left bottom;background-size: 75%;padding-bottom: calc(8rem + 2vw)}
.appTaxiTop {background: url(../app-taxidriver/img/appTaxiMain.webp) no-repeat #f3f2f8 right top 30%;background-size: 90%;}
.appTaxiTop>.container-fulid {padding: 10rem 0 5rem;}
.appTaxiTop h2 {height:clamp(26.875rem, 14.097rem + 16.2vw, 35.25rem);margin:1.5rem 0 1.5rem 3rem;}
.appTaxiTop h2 img {height:clamp(26.875rem, 14.097rem + 16.2vw, 35.25rem);}
@media screen and (max-width:768px) {
.appTaxiTop {background-size: cover;}
.appTaxiTop>.container-fulid {padding: 5rem 0 1rem;}
}
/* ========================== dayshift ==================================== */
.dayshift,.dayshift>.panNav ol,.daysCon02 .row div,.daysCon05 .row div{background: #f3f2f8;}
.daysCon p span {background: #dfff5d;display: inline-block;padding: 0 .5rem;font-weight: 600}
.dayshift .commonOUBO {margin-top: 5rem}
.dayshift .commonOUBO h2 {background: none;display: block}
.dayshiftTop {background: url(../day-shift/img/daysBg.webp) no-repeat #f3f2f8 center top 30%;background-size: 85%;}
.dayshiftTop>.container-fulid {padding: 10rem 0 1rem;}
.dayshiftTop h2 {padding: .5rem;}
.Card,.Card-Item,.Card-Item-Btm{display: flex;}
.Card-Item{flex-direction: column;}
.Card-Item-TdayshiftTopext{padding: 1rem;text-align: right;}
.Card-Item-Btm{margin-top: auto;justify-content: center;align-items: center;}
.daysCon h2 {background: #dfff5d;font-size: 1.8rem;font-weight: 600;display: inline-block;margin: 2rem 0 5rem;line-height: 2.8rem;}
.daysCon01 {padding: calc(3rem + 2vw);}
.daysCon01 img {margin-top: 5rem;padding: 0 5rem 2rem;}
.daysCon02 {background: url(../day-shift/img/days02.webp) no-repeat left bottom;background-size: 75%;padding-bottom: calc(8rem + 2vw)}
.daysCon05 {background: url(../day-shift/img/days04.webp) no-repeat left bottom;background-size: 75%;padding-bottom: calc(8rem + 2vw)}
.daysCon02 .row div,.daysCon04 .col-sm-6,.daysCon05 .row div {padding: 5rem;}
.daysCon03,.daysCon04 {padding-top: 8rem;}
.daysCon04 .text-center {font-weight: 700}
.daysCon04 .text-center h2 {font-size: 2.8rem}
.daysCon04 span.evide,.daysCon04 .col-sm-6 span {font-family: 'Alegreya Sans SC', sans-serif;}
.daysCon04 span.evide {font-size: .9rem;display: block;font-weight: normal;}
.daysCon04 .col-sm-6 span {font-size: .9rem;background: #dfff5d;display: inline-block;padding: 0 1rem;font-weight: 600;}

.daysCon04 h3 {font-size: 1.4rem;}
.daysCon04 h4 {font-size: 1.6rem;color: #ea4343;}
.daysCon04 table {margin: 3rem 0;background: white;border-collapse: collapse;width: 100%;}
.daysCon04 table b {font-size: 2rem;color: #ea4343;}
.daysCon04 table strong {font-size: 2rem;color: #4b7ce2;}
.daysCon04 table th,.daysCon04 table td{padding: .5rem;text-align:center;box-sizing:border-box;border: 1px solid #E6E9EA;font-size: 1.2rem;font-weight: normal}
.graph-cont{width: calc(100% - 40px);width: 100%; max-width: 800px; margin: 0 auto;}
.graph-cont div,.graph-cont div::before,.graph-cont div::after {height: 40px;}
.graph-cont div{max-width: 800px;margin: 0 auto 10px auto;line-height: 40px;font-size: 1.2rem;color: white;padding: 0 0 0 10px;position: relative;}
.graph-cont div::before,.graph-cont div::after {width: 100%;position: absolute; left: 0;top: 0;}
.graph-cont div::before{content: '';z-index: -2;background: white;}
.graph-cont div::after{content: '';transition: 0.7s;display: block;-webkit-animation: bar-before 1 1.8s;z-index: -1;}
.bar1::after{max-width: 77.7%;background: #ff8017;}
.bar2::after{max-width: 60.5%;background: #ff8017;}
.bar3::after{max-width: 77.5%;background: #4b7ce2;}
@-webkit-keyframes bar-before{0%{width: 0px;}100%{width: 100%;}}

@media screen and (max-width:768px) {
.dayshiftTop {background: url(../day-shift/img/daysBg.webp) no-repeat #f3f2f8 right top 20%;background-size: 88%;}
.dayshiftTop>.container-fulid {padding: 5rem 0 1rem;}
.dayshiftTop .col-xs-8 {padding: 2rem 1rem;}
.Card,.Card-Item,.Card-Item-Btn{display: block;}
.daysCon02 {background: url(../day-shift/img/days02.webp) no-repeat left top / contain;padding-bottom: 0;}
.daysCon05 {background: url(../day-shift/img/days04.webp) no-repeat left top / contain;padding-bottom: 0;}
.daysCon02 .row div,.daysCon05 .row div{margin-top: 18rem}
.daysCon04 table thead{display:none;}
.daysCon04 table {width: 100%;}
.daysCon04 table td {display: block;width: 100%;border-bottom:none;}
.daysCon04 table td:first-child{font-weight: 600;font-size: 1.4rem;background: #5c6c7b;color: white;}
.daysCon04 table td:before{ content: attr(data-label);font-size: 1.2rem;font-weight:bold;color: #747c84;display: block;}
.daysCon04 table tr:last-child{border-bottom: solid 1px #E6E9EA;}
}

/**/
.mainCon {font-family: "Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体, "Yu Gothic", YuGothic, sans-serif;font-weight: 500;letter-spacing: .1rem}
/* ========================== GetOffer ==================================== */
.getOfferTop {background: url(../getoffer/img/getBg_pc.jpg) no-repeat black center center;background-size: cover}
.getOfferTop h2 {padding: 15rem;margin: 0 auto;text-align: center}
.getOfferTop h2 img{max-width: 600px;width: 100%;}
.getCon {font-family: "Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体, "Yu Gothic", YuGothic, sans-serif;font-weight: 500;letter-spacing: .1rem}
.getCon section {padding: 4rem 0;}
.getCon02 p,.getStep,.getCon04 p {padding: 5rem 0;}
.getCon01,.getCon01 h2,.getCon02 h2,.getCon02,.getCon04 .getBanArea h3 {color: white;}
.getCon01 h2 span,.Getbtn:hover,.Getbtn:focus{color: black;}
.getCon02 h2 span,.getCon02 .getBanArea h3,.getCon04 h2 span{color: #ff8017;}
.getCon02 .getBanArea div:first-child{border: 5px solid #ff8017;}
.getCon04 .getBanArea div:first-child{border: 5px solid white;}
.getCon h2 {font-size: 2rem;text-align: center;}
.getCon h2 span {display: block;font-size: 7rem;font-weight: bold;letter-spacing: .1rem;padding: 1.5rem 0;}
.getBanArea {padding:4rem 0;}
.getBanArea div:first-child{border: 5px solid #ff8017;padding:0rem 0rem 1.5rem;overflow: auto;}
.getBanArea h3 {text-align: center;font-weight: bold;font-size: 3rem;letter-spacing: .1rem;padding-bottom: 1rem;}
.getCon01 {background: #ff8017;}
.getCon01 div {padding: 3rem;}
.getCon02 {background: url(../getoffer/img/getBg01.jpg) no-repeat black center center / cover;}
.getStep .col-md-4 {padding: 3rem;}
.getStep .col-md-4 div {border: black 5px solid;padding: 1rem 1.5rem;}
.getStep .col-md-4 h3 {text-align: center}
.getStep .col-md-4 p {padding-top: 2.5rem;}
.getStep .col-md-4:nth-child(2) {padding-top: 12rem;}
.getStep .col-md-4:last-child {padding-top: 5rem;}
.getCon04 {background: url(../getoffer/img/getBg02.jpg) no-repeat white bottom right / cover;}
.Getbtn {background: rgba(255,128,23,.8);padding: 5rem;display: inline-block;width: 100%;color: white;text-align: center;font-size: 2rem;}
.Getbtn span {font-size: 5.5rem;font-weight: bold;display: block;line-height: 7rem}
@media screen and (max-width:768px) {
.getOfferTop h2 {padding: 12rem 10rem 7rem;}
.getCon h2 span {font-size: calc(3rem + .5vw);}
}
@media screen and (max-width:568px) {
.getBanArea img {margin-bottom:3rem;}
.getOfferTop h2 {padding: 9rem 5rem 3rem;}
.getCon04 {background: url(../getoffer/img/getBg02.jpg) no-repeat white  right 25% bottom / cover;}
.getStep .col-md-4:nth-child(2),.getStep .col-md-4:last-child {padding-top: 0;}
}
/* ========================== covid-salary ==================================== */
.covSTop {background: url(../covid-salary/img/covSTopBg.png) no-repeat bottom right #fe8550;padding: 0;background-size: contain;}
.covSTop h2 {padding: 10rem 0 10rem;margin: 0;}
.covSTop h2 img{max-width: 580px;width: 100%;padding:0 5rem;}

.covSCon01 .col-sm-8,.covSCon02 .col-sm-10,.covSCon03 .col-sm-10,.covSCon04 .col-sm-8 {padding: 0;}
.covSCon02 h2,.covSCon03 h2,.covSCon04 h2 {font-size: 3rem;margin: 0;display: inline-block;padding: 0 1rem 1rem 0;}
.covSCon02 h2,.covSCon03 h2 {color: white;font-size: 3rem;}

.covSCon02 h3,.covSCon03 h3 {font-size: 1.7rem;padding: 2rem 3rem 1rem;}
.covSCon02 p,.covSCon03 p {font-size: 1.4rem;padding: 0 3rem;}
p .cbg01,p .cbg02,p .cbg03,p .cbg04 {color: white;}
.cbg01 {background: #3e7890;}
.cbg02 {background: #698252;}
.cbg03 {background: #f97d7d;}
.cbg04 {background: #fc9b54;}
#covSCon .icon01,#covSCon .icon02 {text-align: right;padding:0 1rem 2rem;}
#covSCon .icon01 img {width: 25%;}
#covSCon .icon02 img {height: 53px;}

.covSdata {padding: 0 3rem 3rem;color:white;}
.covSdata div {padding: 0;text-align: center;}
.covSdata dl {padding: .5rem;margin: .2rem}
dl#cbg01 {background: #3e7890;}
dl#cbg02 {background: #698252;}
dl#cbg03 {background: #f97d7d;}
dl#cbg04 {background: #fc9b54;}
.covSdata dt {border-bottom: 1px solid white;font-size: 1.4rem;font-weight: normal}
.covSdata dd {font-size: 1.1rem;}
.covSdata dd b {font-size: 1.6rem;font-weight: normal}
.covSdata dd span {display: block}
.covSdata dd span b {font-size: 1.5rem;}
.covSdata02 {margin-top: 5rem;}
.covSdata02 p:first-child,.ema02 {color: white;font-size: 1.1rem;}
.ema02 {display: block}
.covSd01 {background: rgba(255,255,255,.7);padding: 2.2rem 1rem;font-size: 1.6rem;}
.income {font-size: 1.8rem;padding: 1.8rem 0 0;text-align: center}
.income b {font-size: 6rem;}
.incData {text-align: center}
.incData span {display: block;font-size: 2rem;}
.covSd02,.covSCon04 .covSdata03 > .col-sm-8 {padding: 2rem;font-size: 1.3rem;color: white;line-height: 2.3rem;}

.covSCon01 {padding: 7rem 0;background: url(../covid-salary/img/covBg01.png) left top #f2f2f7 no-repeat;background-size: contain;}
.covSCon01 p:first-child {color: #adc45d;font-size: 5.5rem;text-align: right;font-weight: bold;padding: 0 0 .5rem;margin: 0;letter-spacing: .5rem}
.covSCon01 .col-sm-8 {background: rgba(151,193,8,.7);color: white;}
.covSCon01 h2,.covSCon01 .row p {padding: 1rem 2rem;}
.covSCon01 .ema {background: black;display: inline-block;padding: 0rem .5rem;font-size: 1.1rem;}
.covSCon01 h2 {font-size: 3rem;line-height: 3.5rem;}
.covSCon01 h2 b {font-size: 1.8rem;font-weight: normal;display: block}
.covSCon01 h2 span {font-size: 1.5rem}

.covSCon02, .covSCon03,.covSCon04 {padding: 7rem 0;}
.covSCon02 .col-sm-10, .covSCon03 .col-sm-10 {background: rgba(255,255,255,.7);color: #2a455a;}
.covSCon02 h3, .covSCon03 h3 {font-size: 1.6rem;}
.covSdata02 .col-sm-10{background: none}

.covSCon02 .covSdata dl {background: #b0d4a9;}
.covSCon03 .covSdata dl {background: #d5c1a0;}
.covSCon02 .covSd02 {background: rgba(252,139,78,.7);}
.covSCon03 .covSd02 {background: rgba(136,225,101,.7);}

.covSCon02 {background: #fdc94d url(../covid-salary/img/covSCon02Bg.png) no-repeat bottom right;}
.covSCon02 h2 {background: #fdc94d;}
.covSCon02 h3 {font-size: 1.6rem;}

.covSCon03 {background: #056595 url(../covid-salary/img/covSCon03Bg.png) no-repeat bottom left;}
.covSCon03 h2 {background: #056595;}

.covSCon04 {background: #f3e7d5 url(../covid-salary/img/covSCon04Bg.png) no-repeat bottom right;background-size: 40%}
.covSCon04 h2{background: #f3e7d5;}
.covSCon04 .covBgO {color: white;background: rgba(249,91,14,.8);padding-bottom: 3rem}
.covSCon04 .covSdata03 {margin: 0}
.covSCon04 h3 {padding: 0;}
.covSCon04 h3 span {font-size: 1rem;padding: 0 .5rem .5rem 1rem;}
.covSCon04 h3 b {background: #a5bc57;display: block;font-size: 1.6rem;padding: .5rem .5rem .5rem 1.5rem;margin-top: .2rem;font-weight: normal;text-align: center}
.covSCon04 h2 {color: #f87736;font-size: 7rem;letter-spacing: .4rem;padding: 0 .2rem .2rem 0;}
.covSCon04 .covSdata03 > .col-sm-8 {padding: 3rem 2.5rem;}
.covSCon04 .ghostBtnT {font-size: 1.3rem;text-align: center;}
.covSCon04 .emB {color: #f87736;font-size: 5.5rem;text-align: right;font-weight: bold;padding: .4rem 0 0;margin: 0;letter-spacing: .5rem;margin-bottom:5rem }
.covBtnG {background: #a5bc57;text-align: center;font-size: 1.5rem;color: white;}
.covBtnG:hover,.covBtnG:focus {background: #f87736;color: white;}

@media screen and (max-width:768px) {
.covSTop {background-size: 100%;background-position-x: 5rem;}
.covSTop h2 img{width: 90%;}
.covSTop h2 {padding: 8rem 0 2rem;margin: 0;}
#covSCon .row {margin: 0;}
.covSCon04 {background-size: 70%}
.covSCon04 h3 span {text-align: center;display: block}
.covSCon04 .col-xs-6 {padding: 0;}
.covSCon01 p:first-child {padding: 0;}
}
@media screen and (max-width:500px) {
.covSTop h2 img{width:100%;}
.covSTop h2 {padding: 10rem 0 2rem;margin: 0;}

.covSCon01 p:first-child,.covSCon04 .emB {font-size: 4rem;}
.covSCon04 .emB {padding: 0;}
.covSCon01 {background-size: cover;}
#covSCon .icon01 img {width: 40%;}
.covSdata {padding: 0 1rem 3rem;color:white;}

}

/* ========================== 家族採用 ==================================== */
.kazoku {color: #7c5250;font-size: 1.4rem;}
.kazTop,.kazCon02,.kazCon04 {background: #f9f3ed;padding: 0;}
.kazTop h2 {padding: 12rem 0 10rem;text-align: center;margin: 0;}
.kazTop h2 img{max-width: 600px;width: 100%;}
.kazCon01 {background: #7c5250;color: white;}

#kazCon h2 {text-align: center;margin: 0;}
.kazCon01 h2 img {padding: 4rem 2rem;width: 50%}
.kazImg01 {text-align: right}

.kazCon02 h2 img {padding: 4rem 1rem 1rem;}
#kazCon section {padding: 4rem 0;}

.kazImgS01 {padding: 2rem 4rem;}

.kazCon02 h3 {color: #7c5250;line-height: 3rem}
.kazCon02 h3 span,.kazCon02 h4 b,.kazCon03 .col-sm-4 h3 span,.kazCon03 h4 b {color: #f94819;}

.kazCon02 h3 {font-size: 1.8rem;font-weight: bold;padding: 2rem 1rem;}
.kazCon02 h4 {font-size: 1.4rem;font-weight: bold;text-shadow: #f9f3ed 1.5px 1.5px 4px, #f9f3ed -1.5px 1.5px 4px,#f9f3ed 1.5px -1.5px 4px, #f9f3ed -1.5px -1.5px 4px,#f9f3ed 1.5px 1.5px 4px, #f9f3ed -1.5px 1.5px 4px,#f9f3ed 1.5px -1.5px 4px, #f9f3ed -1.5px -1.5px 4px;}
.kazCon02 h4 b {font-size: 2rem;display: block;line-height: 2.8rem;}

.kazCon02 .col-sm-7 p {padding: 0 1.5rem 1rem;}
.kazCon02 .col-sm-7 p span{font-weight: bold}
.kazPl {margin: 3rem 0}
.kazPl .col-sm-4 div{margin: 3rem 1.6rem;}
.kazPl .col-sm-4 p{margin: 0 .5rem .5rem;background: white;padding: 2rem;}

.kazPl .po01,.kazPl .po02,.kazPl .po03,.kazPl .po04,.kazPl .po05,.kazPl .po06 {background-repeat: no-repeat;background-size:25%;background-position:  right 50px top;}
.kazPl .po01 {background-image: url(../kazoku-saiyo/img/po01.png);}
.kazPl .po02 {background-image: url(../kazoku-saiyo/img/po02.png);}
.kazPl .po03 {background-image: url(../kazoku-saiyo/img/po03.png);}
.kazPl .po04 {background-image: url(../kazoku-saiyo/img/po04.png);}
.kazPl .po05 {background-image: url(../kazoku-saiyo/img/po05.png);}
.kazPl .po06 {background-image: url(../kazoku-saiyo/img/po06.png);}

.kazCon03 p {text-align: center;font-weight: bold;font-size: 1.6rem} 
.kazCon03 h2 {padding-bottom: 5rem}
.kazCon03 .col-sm-4 div {margin: 1rem;}
.kazCon03 .col-sm-4 div img {margin: auto;display: block;}
.kazCon03 .col-sm-4 img,.kazCon03 h3,.kazCon03 h4 {text-align: center}
.kazCon03 h3 {border-bottom: 1px solid #7c5250;padding: 1rem 1rem 2rem;font-size: 1.6rem;font-weight: bold;margin: 0}
.kazCon03 ul {font-size: 1.2rem;line-height: 1.8rem;margin-top: 1rem}
.kazCon03 ul li {padding: 0;}
.kazCon03 h4{font-size: 1.6rem;font-weight: bold;line-height: 3.5rem;padding: 1rem 0 0;}
.kazCon03 h4 b{font-size: 5rem;letter-spacing: .3rem;}
.kazCon03 .dad, .kazCon03 .son, .kazCon03 .mam {padding: 2rem;}
.kazCon03 .dad {border: .5rem solid #ffbd48;}
.kazCon03 .son {border: .5rem solid #427ec6;}
.kazCon03 .mam {border: .5rem solid #ff8980;}

.kazCon04 h2 {background: white;padding: 4rem;}
.kazCon04 h2 img{width: 55%}
.kazCon04 p{padding: 3rem 0;}

.kazCon05 {background: #ff9688;color: white;}
.kazCon05 h2 {padding: 4rem 0 5rem;}
.kazCon05 .kazImg02 img {margin: 4.5rem 0;width: 65%}
.kazCon05 .kazLC {color:#ebf126;}

.kazbtn {display: inline-block;padding: 15px;margin-bottom: 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;border-radius: 0;text-align: center;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px;background: #f9f3ed;color: #7c5250;font-weight: bold;margin: 2rem 0;}
.kazbtn:hover,.kazbtn:focus {background: #7c5250;color: #f9f3ed}

.kazRec {border: 6px solid white;padding: 1.5rem 2rem;margin: 3rem 0;text-align: center}
.kazRec h3 {padding-bottom: 1rem;font-size: 1.8rem;}

.kazRec .col-sm-6 div{padding: 1rem;}

.kazCon05 h4 {border-bottom: 1px solid white;padding: 1.8rem 0;font-weight: bold;margin: 3rem 0 2rem;}
.kazCon05 h5 {padding: 2rem 0;}
.kazCon05 h5 b {font-weight: bold;font-size: 1.8rem;}
.kaztel {font-size: 2rem;display: inline-block;padding: 15px;margin-bottom: 10px;width: 100%;border-radius: 0;text-align: center;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px;color: white;font-weight: bold;border: #f9f3ed 3px solid;}

/* ========================== charmpoint ==================================== */
.charm,.pers,.kazoku {font-family: "Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:500;letter-spacing: .1rem;}

.chaTop {background: url(../charm-point/img/topImgT.png) no-repeat center left, url(../charm-point/img/topImgB.png) no-repeat bottom right;padding: 0;background-size: 25%,28%;background-color:#f7f3eb;}
@media screen and (max-width:760px) {.chaTop {background: url(../charm-point/img/topImgTsp.png) no-repeat bottom left, url(../charm-point/img/topImgBsp.png) no-repeat bottom right;padding: 0;background-size: 40%,40%;}
.chaTop h2 {padding: 8rem 0;}
}
.chaTop h2 {padding: 12rem 0 15rem;text-align: center;margin: 0;}
.chaTop h2 img{max-width: 600px;width: 100%;padding: 0 5rem;}

.chaCon01 {background: #34be8e;color: white;}
.chaCon02 {background: #f7f3eb;}

#chaCon h3 {padding: 2rem 0;font-size: 2rem;font-weight: bold;position: relative;}
#chaCon h3:after { position: absolute; bottom: 0; left: 0; width: 100%;height: 10px;content: ''; background-image: -webkit-repeating-linear-gradient(135deg, #f3ba18, #f3ba18 1px, transparent 2px, transparent 5px); background-image: repeating-linear-gradient(-45deg, #f3ba18, #f3ba18 1px, transparent 2px, transparent 5px);background-size: 7px 7px;-webkit-backface-visibility: hidden;backface-visibility: hidden;
}



/* ========================== session ==================================== */
.session {background: #f4f7f9;color: #044bb4;font-family: "Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:500;letter-spacing: .1rem;}
.sessionTop {background: url(../session/img/topImgT.png) no-repeat top left, url(../session/img/topImgB.png) no-repeat bottom right;background-size: 50%,50%;padding: 0;}
.sessionTop h2 {padding: 20rem 0 15rem;text-align: center;margin: 0;}
.sessionTop h2 img{max-width: 661px;width: 100%;padding: 0 5rem;}

.sesCon01,.sesCon04 {background: #044bb4;color: white;text-align: center;}
.sesCon01 {padding-bottom: 0!important;}
.sesCon01 p {padding: 2rem 0 4rem;font-size: 2.8rem;line-height: 4.5rem;font-weight: 500}
#sesCon section,#chaCon section{padding: 8rem 3rem 5rem;}
#sesCon img {max-width: 358px;display: block;margin: auto}
#sesCon .slog {max-width: 318px;}
#sesCon h2 {text-align: center;line-height: 4.5rem;font-size: 3rem;margin-bottom: 5rem}
#sesCon h2 b {color: #ff4800;}
#sesCon p span {background: linear-gradient(transparent 50%, #c0fe05 50%);font-weight: 600}
#sesCon h3 {text-align: center;line-height: 4rem;font-size: 2rem;padding: 5rem 0 2rem;}
#sesCon h3 b {font-size: 2.5rem;}
#sesCon p b {color: #c0fe05;}
#sesCon .btn {background: #ff4800;color: white;}
#sesCon .btn:hover,#sesCon .btn:focus {background: #044bb4;color: white;}

.sesCon02 p,.sesCon03 p,.sesCon05 p,.sesCon06 p {padding: 5rem 0 0;}

.sesCon02 {background: url(../session/img/sessP01.png) no-repeat top right;}
.sesCon03 {background: url(../session/img/sessP02.png) no-repeat bottom left;}

.sesCon04 .col-md-10 p{background: white; padding: 5rem;color: #044bb4;text-align: left}

.sesCon05 {background: url(../session/img/sessP03.png) no-repeat bottom left, url(../session/img/sessP04.png) no-repeat bottom right;padding-bottom: 20rem!important;}
.sesCon06 {background: url(../session/img/sessP05.png) no-repeat top left, url(../session/img/sessP06.png) no-repeat top right;}
@media screen and (max-width:991px) { 
.sesCon02 .row,.sesCon03 .row,.sesCon05 .row,.sesCon06 .row{background: rgba(244,247,249,.7);}
}
@media screen and (max-width:768px) { 
#sesCon section {padding: 8rem 2rem 4rem;}
.sesCon01 p,#sesCon h2 {font-size: 2.2rem;line-height: 4rem;}
#sesCon h3 {font-size: 1.9rem;}
#sesCon h3 b {font-size: 2.2rem;}
.sesCon05 {background-size:40%,40%;}
.sesCon06 {background-size:25%,25%;}
}
/* ========================== paper ==================================== */
.papMenTop {background: url(../paper-craft/img/papBg_pc.jpg) no-repeat bottom center #ffe200;height: 550px;background-size: contain;}
@media screen and (max-width:480px) { 
.papMenTop {background: url(../paper-craft/img/papBg_sp.jpg) no-repeat white bottom left;background-size: contain;height: 350px;}
}

.papCon {font-size: 15px;font-family: "Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体,'Yu Gothic',YuGothic,メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-weight: normal;}
.papIcon {width: 50px;line-height: 0}

.papCon01 {padding: 2em 0;overflow: hidden;background: url(../paper-craft/img/pap03.jpg) top center no-repeat #242630;color: white;background-size:contain;}
.papCon01 h2 span {font-size: 1.6rem;}
.papCon01 h2,.papCon02 h2,.papCon03 h2,.papCon04 h2 {font-weight: bold;padding-top: .5em;margin-top: 0;}

.papCon01 .col-md-6 img {border: 5px solid white;}
.papCon01 .col-md-6{padding: 1.5em}
.papCon02 {padding: 2em 0;overflow: hidden;background: #ffe200;}
.papCon02 .col-sm-6 h3 {color: black;}
.papCon02 .col-sm-6 div {padding: 2em;text-align: center;border:5px solid #008917;background: white;margin: 1em 0;}
.papCon02 .col-sm-6 img.ptop{padding-top: 1.2em}
.papCon02 .col-sm-6 div img {max-height: 200px;}
.papCon02 .col-sm-6 a {font-weight: bold}
.papCon02 .col-sm-6 div.prepare {background: #008917;color: white;text-align: left}
.papCon02 .col-sm-6 div.prepare h3 {color: white;border-bottom: 5px dotted white;padding-bottom: .5em}
.papCon02 .col-sm-6 div.prepare span {background: white;color: #008917;display: block;padding: 1.5em;font-size: 1.3rem;line-height: 1.8em;}

.papCon03 {padding: 2em 0;overflow: hidden;}
.papCon03 h3 {color: black;font-weight: bold;border-bottom: 5px dotted #e2f0f6;}
.papCon03 .col-sm-6 {padding: 1.5em;}
.papCon03 .col-sm-6 div {border:5px solid #e2f0f6;padding: 1.5em;margin-bottom: 1em}
.papCon03 .col-sm-6 img.prop01{padding: 2em 1em;max-height: 400px;}

.papCon04 {padding: 2em 0;overflow: hidden;background: #d8eff7;}
.papCon04 h3 {color: black;font-weight: bold;border-bottom: 5px dotted #e2f0f6;}
.papCon04 .col-sm-4 img{padding: .5em 0;}

/* ========================== Footer ==================================== */
footer {overflow: auto;background: black;}
footer div {font-size: 13px;}
footer a {color: white;}
footer ul {clear:both;padding: 10px;overflow: auto;}
footer ul li {padding: 10px;font-size: 13px;float: left;width:30%;}
footer .credit {font-size: 12px;color: black;padding: 10px;text-align: center;border-top: black solid 1px;}
footer .creditArea {background: white;margin: 20px 0;}
footer h1 {display: block;color: #606a6d; border-bottom: 1px solid #606a6d;padding: 0;}
footer .comp div h1 {margin: 0 0 0 10px;padding: 0;}
footer .comp div h1 img {width: 50%;}
footer .comp div {background:white;padding: 15px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
footer .comp div p {text-align: left;}
footer .comp div p a {background: black;padding: 0 5px;display: inline-block;}
footer .speFnav p {width: 100%;padding: 0;text-align: left;margin: 0 0 0 5px;}footer .speFnav p a {padding: 0;}