@charset "utf-8";

/*============================================================================
	PC非表示
==============================================================================*/
.hiddenSp{
visibility: hidden;
display: none;
width: 0px;
height: 0px;
}

.gFont{
font-family: 'Roboto Condensed', sans-serif;
}
/*============================================================================
	index頭部
==============================================================================*/


.hero {
  position: relative;
}

/* video */
/*
.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
*/
/* overlay */

.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.6);
}

/* text */

.text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.headTxt {
  font-size: 60px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
  color: #fff;
}


/*============================================================================
	sidemenu
==============================================================================*/


ul.left_fixMenu{
	position: fixed;
	top:50px;
	left: 0px;
	z-index: 1500;

	list-style: none;
}

ul.left_fixMenu li{
	font-size: 20px;
 display: inline-block;
  padding: 0px;
  margin: 0px;
  color: #222;
  font-family: 'Roboto Condensed', sans-serif;
  transform-origin: top left;
  transform: rotate(-90deg) translateX(-100%);
}
ul.left_fixMenu li a{
  font-size: 13px;
  letter-spacing: 0rem;
  line-height: 0.5;
  /*    line-height: 0.7;*/
  color: #222;
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: -0.03em;
}
ul.left_fixMenu li a:hover{
  color: #09948D;
  text-decoration: none;
}
ul.left_fixMenu li a.actCon{
  color: #09948D;
  text-decoration: none;
}

/*============================================================================
	頭の話header#globalHeader
==============================================================================*/

h1#logo{
	margin: 10px auto 8px 0px;
	float: left;
}
h1#logo a{
    display:block;

	width:90px;
	height:21px;
	background: url(../img/logo.png) no-repeat;
	background-size: 90px 21px;
	text-decoration:none;
	text-indent:-1000px;
	font-size:8px;
    overflow:hidden;

}
h1#logo a:hover { text-decoration:none;}



div.fbBox{
	float: right;
	width: 40px;
	margin: 0px 10px 0 0px;
}
div.fbBox a{
	width: 40px;
}
div.fbBox a img{
	width: 40px;
}
/*
div.fbBox a{
	display: block;
	width: 200px;
	padding: 10px;
	background:#dc544b;
	border-bottom: 4px solid #880d05;
	border-radius: 30px;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	text-align: center;
}
div.fbBox a i{
font-size: 100%;
color: #FFF;
}
div.fbBox a:hover{
	text-decoration: none;
	background: #c93c32;
}
*/

#hamburger .btn-gNav{
  position: fixed;
  top: 5px;
  right: 12px;
  width: 30px;
  height: 24px;
  z-index: 3;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}

#hamburger .btn-gNav span{
  position: absolute;
  width: 100%;
  height: 1px;
  background: #222;
  border-radius: 0px;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
#hamburger .btn-gNav span:nth-child(1) {
  top:0;
}
#hamburger .btn-gNav span:nth-child(2) {
  top:10px;
}
#hamburger .btn-gNav span:nth-child(3) {
  top:20px;
}
#hamburger .btn-gNav.open span:nth-child(1){
	background: #ddd;
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
#hamburger .btn-gNav.open span:nth-child(2),#hamburger .btn-gNav.open span:nth-child(3){
  top: 10px;
  background: #ddd;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
#gNav{
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: url(../img/bgbg.png);
  font-size: 18px;
  box-sizing: border-box;
  z-index: 2;
  padding-top: 50px;
  transition: .3s;
}
#gNav.open{
  right: 0px;
}
#gNav .gNav-menu{
  width: 100%:;
  height:100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  /*justify-content: center;*/
}
#gNav .gNav-menu li{
  display: block;
  padding : 20px 10px;
}
#gNav .gNav-menu li a{
  color: #ddd;
  text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
}

/*============================================================================
	swiperbox
==============================================================================*/

.swiperbox {
position: relative;
width: 100%;
margin-top:20px;
}
.swiper-slide img{
	width: 106px;
}

/*============================================================================
	bg
==============================================================================*/
.whiteB{color: #FFF!important;}

#Bbusiness, #Bmesse, #Bblog, #Bmember, #Brec, #Bnews, #Bprof, #Bmap{
	padding: 20px 0 20px;
}

#Bbusiness{}
#Bmesse{
	position: relative;
	/*background: #333;*/
}
.Bmesse_bg{
    background-color:rgba(51,51,51,0.6);
}
#Bblog{
	background: url(../img/bg_blog@2x.png) bottom center;
	background-size: cover;
}
#Bmember{}
#Brec{
	background: url(../img/bg_rec@2x.png?v=2) bottom center no-repeat;
	background-size: 780px auto;
	padding-bottom: 200px;
}
#Bnews{
	background: #E8E8E8;
}
#Bprof{}
#Bmap{
	 padding-top: 40px;
}

/* 下層 */
.B2business{
	padding: 20px 0 40px;
}

/* 白背景 */
.about000{
	clear: both;
	width: 100%;
	height: 100%;
	background: #FFF;
	padding-bottom: 20px;
}
/* 色 */
.about200{
	clear: both;
	width: 100%;
	height: 100%;
	background: #f6f5f0;
	padding-bottom: 20px;
}

/* 下層 */
#aboutMidashi{
	width: 100%;
	background: url(../img/bisOuter2@2x.png) center center;
	background-size: cover;
	height: 70px;
	padding-top: 70px;
}
.aboutBg01{
	width: 100%;
	background: url(../img/bg_about01.png) center center;
	background-size: cover;
	height: 40px;
	padding-top: 60px;
}
.aboutBg02{
	width: 100%;
	background: url(../img/bg_about02.png) center center;
	background-size: cover;
	height: 40px;
	padding-top: 60px;
}
.aboutBg03{
	width: 100%;
	background: url(../img/bg_about03.jpg) center center;
	background-size: cover;
	height: 40px;
	padding-top: 60px;
}
.aboutBg04{
	width: 100%;
	background: url(../img/bg_about04.jpg) center center;
	background-size: cover;
	height: 40px;
	padding-top: 60px;
}
.aboutBg05{
	width: 100%;
	background: url(../img/bg_about05.jpg) center center;
	background-size: cover;
	height: 40px;
	padding-top: 60px;
}
.aboutBg06{
	width: 100%;
	background: url(../img/bg_about06.jpg) center top;
	background-size: cover;
	height: 40px;
	padding-top: 60px;
}
.aboutBg07{
	width: 100%;
	background: url(../img/bg_about07.png) center left;
	background-size: cover;
	height: 170px;
	padding-top: 70px;
    background-attachment: fixed;
}
.recruitBg01{
	padding: 20px 0 20px;
	background: url(../img/bg_rec@2x.png) bottom center no-repeat;
	background-size: contain;
	padding-bottom: 60px;
}

/* 半透明用 */
.bg-mask{
	height: 100%;
	background: rgba(255,255,255,0.8);
	padding-bottom: 20px;
}

/*============================================================================
	中の話#mainCont
==============================================================================*/

/* Main部分バナー */
.logoBn{ width:300px; margin: 0 auto; padding:20px 0 10px 0; text-align:center; clear: both;}
.mainBn{ width:900px; margin: 0 auto; padding:40px 0 40px 0; text-align:center; clear: both;}

/* マージン */
.mt40{margin-top: 40px;}
.mt80{margin-top: 80px;}
.mb80{margin-bottom: 80px;}
.mt90{margin-top: 90px;}
.mtM10{margin-top: -10px;}
.mtM20{margin-top: -20px;}

.indexTitle{
	width: 900px;
	margin: 60px auto 30px auto;
	text-align: center;
	color: #222;
	font-size: 34px;
	font-weight: bold;
	font-family: 'Noto Serif JP', serif;
}
.indexText{
	width: 900px;
	margin: 10px auto 40px auto;
	text-align: center;
	line-height: 180%;
	color: #222;
	font-size: 140%;
}

h2.mainTitle{
	padding-top: 20px;
	font-size: 40px;
	margin: 0px 0 20px;
	color: #222;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: -0.03em;
}
.ar{
	display: block;
	width: 38px;
	height: 20px;
	background: url(../img/arrow.png) no-repeat center center;
	background-size: 38px 20px;
	margin: 10px auto 10px;
	text-indent: -9999px;
	overflow: hidden;
}
.ar2{
	display: block;
	width: 38px;
	height: 20px;
	background: url(../img/arrow2.png) no-repeat center center;
	background-size: 38px 20px;
	margin: 20px auto 10px;
	text-indent: -9999px;
	overflow: hidden;
}
h3.titleH3{
	padding-top: 20px;
	font-size: 40px;
	margin: 0px 0 40px;
	color: #222;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: -0.03em;
}
p{
	width: 300px;
	margin:20px auto;
	color: #222;
	font-size: 14px;
	line-height:140%;
	margin-bottom: 60px;
}
p.noWidth{
	width: 90%;
	color: #666;
	font-size: 16px;
	line-height:180%;
	margin-bottom: 20px;
}

.subMidashi{
	clear: both;
	font-size: 24px;
	color: #1d5aa4;
	text-align: center;
	margin:70px auto 0 auto;
}

.centerText{
	text-align: center;
}
.textRight{
	width: 960px;
	margin:10px auto 20px auto;
	text-align: right;
	font-size: 12px;
}

/* 下層 */
h2.aboutTitle{
	padding-top: 10px;
	font-size: 30px;
	margin: 0px 0 10px;
	color: #16316A;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: -0.03em;
}
.aboutTitleText{
	padding-top: 0px;
	padding-bottom: 24px;
	font-size: 16px;
	margin: 0px 0 10px;
	color: #222;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #222;
}
h3.h3Title{
	font-size: 18px;
	color: #222;
	text-align: center;
	margin:40px auto 10px auto;
	padding-bottom: 20px;
	background: url(../img/bg_title.png) no-repeat center bottom;
	background-size: 90px 6px;
}
p.aboutText{
	width: 95%;
	margin:30px auto 20px auto;
	color: #222;
	font-size: 14px;
	line-height:150%;
	text-align: left;
}

/* 1 */
.inlineBlock1{
	margin: 20px auto 20px auto;
	text-align: center;
}
.inlineBlock1 .inlineBlockOne1{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 140px;
	margin: 0 10px;
	border-radius: 8px;
}
.inlineBlock1 .inlineBlockOne1 h4.inlineBlockTitle1{
	text-align: left;

	font-size: 14px;
	color: #222;
	font-weight: bold;
	margin: 0px auto 6px auto;
}
.inlineBlock1 .inlineBlockOne1 .inlineBlockImg1{
	text-align: center;
	width: 100%;
	height: 80px;
	overflow: hidden;
	margin:0 auto 10px;
}
.inlineBlock1 .inlineBlockOne1 .inlineBlockText1{
	width: 100%;
	margin: 0px auto 10px;
	text-align: left;
	font-size: 12px;
	color: #222;
	line-height: 140%;
}

/* 2 */
.inlineBlock2{
	margin: 20px auto 20px auto;
	text-align: center;
}
.inlineBlock2 .inlineBlockOne2{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 120px;
	margin: 0px 10px 0 10px;
	border-radius: 8px;
}
.inlineBlock2 .inlineBlockOne2 h4.inlineBlockTitle2{
	text-align: center;
	font-size: 12px;
	color: #222;
	font-weight: bold;
	margin: 0px auto 10px auto;
}
.inlineBlock2 .inlineBlockOne2 .inlineBlockImg2{
	text-align: center;
	width: 100%;
	margin:0 auto 10px;
}

/* 3 reclut */
.inlineBlock3{
	width: 90%;
	margin: -60px auto 10px auto;
	text-align: center;
}
.inlineBlock3 .inlineBlockOne3{
	display: block;
	vertical-align: top;

}
.inlineBlock3 .inlineBlockOne3 a.inlineBlockLink3{
	display: block;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	padding: 15px 6px 10px 6px;
	margin: 5px 3px;
	background: #FFF;
	border: 1px solid #222;
	text-decoration: none;
	text-align: center;
}
.inlineBlock3 .inlineBlockOne3 a.inlineBlockLink3:hover{
	background: #ebecee;
}
.inlineBlock3 .inlineBlockOne3 a.inlineBlockLink3 h4.inlineBlockTitle3{
	font-size: 16px;
	color: #222;
	vertical-align: middle;
	font-weight: bold;
	margin: 10px auto 8px auto;
	height: 34px;
	vertical-align: middle;
	display: block;
}
.inlineBlock3 .inlineBlockOne3 a.inlineBlockLink3 .inlineBlockText3{
	font-size: 12px;
	color: #8a8a8a;
	margin: 0 auto;
	font-family: 'Roboto Condensed', sans-serif;
}


/* 4 */
.inlineBlock4{
	width: 100%;
	margin: 40px auto 20px auto;
	text-align: center;
}
.inlineBlock4 .inlineBlockOne4{
	text-align: center;
	vertical-align: top;
	width: 300px;
	margin: 0 auto;
	border-radius: 8px;
}
.inlineBlock4 .inlineBlockOne4:nth-child(even){
	text-align: center;
	vertical-align: middle;
	padding-top: 0px;
	margin: 0 auto;
	font-size: 20px;
	color: #09948D;
	clear: both;
}
.inlineBlock4 .inlineBlockOne4 h4.inlineBlockTitle4{
	text-align: center;
	font-size: 20px;
	color: #09948D;
	font-weight: bold;
	margin: 16px auto 8px;
}
.stepNum{
	font-size: 28px;
	margin-left: 6px;
}
.inlineBlock4 .inlineBlockOne4 .inlineBlockImg4{
/*	background: url(../img/bg_03.png) center center; */
	width: 70px;
	border-radius: 8px;
	color: #FFF;
	font-size: 15px;
	text-align: left;
	margin-bottom: 6px;
	padding:0 10px 6px 10px;
	line-height: 160%;
	float: left;
}
.inlineBlock4 .inlineBlockOne4 .inlineBlockText4{
	width: 200px;
	text-align: left;
	font-size: 15px;
	color: #222;
	font-weight: bold;
	margin: 0 0px 0px 6px;
	padding-top: 24px;
	float: left;
}
.inlineBlock4 .inlineBlockOne4 .inlineBlockText44{
	text-align: left;
	font-size: 12px;
	color: #222;
	line-height: 16px;
	font-weight: normal;
	margin: 0 auto 6px;
	padding-top: 6px;
	border-top: 1px solid #0c63a6;
	clear: left;
}

/* aboutFloatBox */
.aboutFloatBox{
	width: 95%;
	margin:0 auto 40px auto;
}
.aboutFloatBoxL{
	width: 100%;
	margin-bottom: 10px;
	color: #222;
	font-size: 14px;
	line-height:140%;
	text-align: center; vertical-align: top;
}
.aboutFloatBoxR{
	width: 100%;
	margin-bottom: 10px;
	color: #222;
	font-size: 14px;
	line-height:140%;
	text-align: center; vertical-align: top;
}
.aboutFloatBoxL img , .aboutFloatBoxR img{width: 100%; vertical-align: top;}


.aboutBtnBox{
	clear: both;
	margin: 10px auto 40px auto;
	width: 300px;
}
a.contactBtn {
	display: block;
	width: 300px;
	background:#0C63A6;
	color: #FFF !important;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 16px 0px 16px 0px;
	margin: 0 auto 0px auto;
}
a.contactBtn:hover{
	text-decoration: none;
	background:#045694;
}
.contactBtn2 {
	display: block;
	width: 300px;
	background:#0C63A6;
	color: #FFF !important;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 16px 0px 16px 0px;
	margin: 0 auto 0px auto;
}

/* メッセージ */

/* floatBox */
.floatBox{
    width: 100%;
    margin:0 auto 40px auto;
}
.floatBoxL{
    width: 47.5%;
    margin-right: 1.0%;
    margin-left: 1.5%;
    float: left;
    color: #FFF;
    font-size: 14px;
    line-height:140%;
    text-align: center;

    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.floatBoxR{
    width: 47.5%;
    margin-right: 1.5%;
    margin-left: 1.0%;
    float: right;
    color: #FFF;
    font-size: 14px;
    line-height:140%;
    text-align: left;

    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.floatBoxL img , .floatBoxR img{width: 85%;}
.flTitle{
    color: #FFF;
    font-size: 24px;
    line-height:120%;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    margin:0px auto 10px auto;
}
.flText{
    color: #FFF;
    font-size: 14px;
    line-height:140%;
    text-align: left;
}



/* ビジネス */

/* bisOuter */
.bisOuter1{
	background: transparent url('../img/bisOuter1@2x.png') 180px center no-repeat padding-box;
	background-size:cover;
	padding: 60px 0 20px 0;
/*    background-attachment: fixed;*/
}
.bisOuter2{
	background: transparent url('../img/bisOuter2@2x.png') -150px center no-repeat padding-box;
	background-size: cover;
	padding: 60px 0 20px 0;
/*    background-attachment: fixed;*/
}
.bisOuter3{
	background: transparent url('../img/bg_rec.jpg') center center no-repeat padding-box;
	background-size: cover;
	padding: 60px 0 30px 0;
}
.bisOuterContact{
	background: transparent url('../img/bg_rec2.jpg') center center no-repeat padding-box;
	background-size: cover;
	padding: 60px 0 30px 0;
}
.bisOuter4{
	background: transparent url('../img/bg_privacy.jpg') center center no-repeat padding-box;
	background-size: cover;
	padding: 60px 0 30px 0;
}
.bisOuterNews{
  background: transparent url('../img/bg_news.jpg') center center no-repeat padding-box;
	background-size: cover;
	padding: 60px 0 30px 0;
}
.bisOuterRecruitEntry{
	background: transparent url('../img/bg_recruit_entry.jpg') center center no-repeat padding-box;
	background-size: cover;
	padding: 60px 0 30px 0;
}
.bisOuterRecruitChild{
	background: transparent url('../img/bg_recruit_child.jpg') center center no-repeat padding-box;
	background-size: cover;
	padding: 60px 0 30px 0;
}
.bisBox{
	width: 100%;
	margin: 0 auto 0;
	text-align: center;
}
.bisBoxIN{
	width: 200px;
	text-align: left;
	margin: 0 30px;
}
.bisBoxINL{ float: left;}
.bisBoxINR{ float: right;}
.bisBoxTitle{
	width: 100%;
	color: #09948D;
	font-size: 46px;
	line-height:100%;
	text-align: left;
	font-family: 'Roboto Condensed', sans-serif;
	margin:0px auto 20px 0;
}
.bisBoxText{
	width: 100%;
	color: #222222;
	font-size: 14px;
	line-height:160%;
	margin-bottom: 30px;
}
a.bisBoxBtn{
	display: block;
	text-decoration: none;
	z-index: 22;
}
a.bisBoxBtn img{
	width: 100%;
}

/* ぶろぐ */

.btnBox{
	z-index: 22;
	clear: both;
	margin: 40px auto;
	width: 200px;
}

a.moreBtn{
	display: block;
	text-decoration: none;
}
a.moreBtn img{
	width: 100%;
}

a.mainBtn img{
	width: 100%;
}


/* メンバー */
/* 1 */
.memberBlock{
	margin: 20px auto 20px auto;
	text-align: center;
}
.memberBlock .memberBlockOne{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 150px;
	margin: 0 10px;
	padding: 10px;
	border: solid 4px #222;
}
.memberBlock .memberBlockOne .memberBlockImg{
	text-align: center;
	width: 100%;
	margin:0 auto 20px;
}
.memberBlock .memberBlockOne .memberBlockImg img{
	width: 100%;
}
.memberBlock .memberBlockOne h3.memberBlockTitle{
	text-align: left;
	font-size: 14px;
	color: #222;
	font-weight: bold;
	margin: 10px auto 0px auto;
}
.memberBlock .memberBlockOne .memberBlockText{
	width: 100%;
	margin: 10px auto 0;
	text-align: left;
	font-size: 12px;
	color: #222;
	line-height: 140%;
}


/* SNS */
.snsBlock{
	text-align: center;
}
.snsBlock li{
	display: inline-block;
	margin:0 20px;
}
.snsBlock li a{
	font-size: 24px;
}


/* appyfy LINK */
.appyfyBtnBox{
	clear: both;
	margin: 10px auto 40px auto;
	width: 300px;
}
a.appyfyBtn {
	display: block;
	width: 300px;
	background:#0C63A6;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 16px 0px 16px 0px;
	margin: 0 auto 0px auto;
}
a.appyfyBtn:hover{
	text-decoration: none;
	background:#045694;
}
a.appyfyBtn img{
	width: 80px;
}


/*============================================================================
	デフォルト テーブル
==============================================================================*/

.defTable table {
	clear: both;
	width: 95%;
	margin: 0 auto;
	border-collapse: collapse;
	border: none;
}

.defTable th, .defTable td {
	font-size: 14px;
	padding: 6px 6px;
	line-height: 140%;
	color: #222;
	border: none;
	border-bottom: 1px solid #222;
}
.defTable th {
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
}
.defTable td.bigTd{
	font-size: 140%;
}
.defTable th.borNone, .defTable td.borNone {
	border-bottom: none;
}

/* 必須 */
.required:after {
  margin-left: 1.0em;
  padding: 6px 6px 6px 6px;
  border-radius: 4px;
  font-size: 0.6em;
  color: white;
  background-color: #C44;
  content: "必須";
}