/* ---------------------------------------------

CREATE: 2016.02.26

--------------------------------------------- */

.ftN{
  font-weight: normal;
}

 /*----
bread
 ----*/

.bread{
  background: #f9f9f9;
}

.bread ul{
  overflow: hidden;
  padding: 10px 0;
}

.bread ul li{
  float: left;
  font-size: 86%;
}

.bread ul li a{
  text-decoration: underline;
}

.bread ul li a:hover{
  text-decoration: none;
}

.bread ul li + li:before{
  margin:0 5px;
  content: ">";
}


 /*----
content
 ----*/
 
.gradientBar .contentMv.basic{
  padding: 50px 0 50px;
}

.content{
  position: relative;
  margin-bottom: 80px;
}

.contentMv{
  position: relative;
  font-weight: bold;
  text-align: center;
}

.contentMv.basic{
  padding: 50px 0 90px;
  background-color: #f9f9f9;
  color: #333;
}

.pickUp{
  margin-top: 20px;
  font-size: 285%;
}

.contentMv.basic h2{
  font-size: 171%;
  line-height: 1.2;
}

.contentMv.basic h2 span{
  font-size: 58%;
}

.contentMv.special{
  font-size: 250%;
  color: #fff;
}

.mvInner{
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  display: table;
}

.mvInner h2{
  height: 340px;
  display: table-cell;
  padding: 0 460px 0 15px;
  text-align: center;
  vertical-align: middle;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1.2;
}

.mvInner h2 span{
  font-size: 45%;
}

.contentDesc{
  text-align: center;
  font-size: 114%;
  margin-top: 45px;
}

.lineUp{
  font-size: 245%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}


/*----
mv ptn
----*/

.contentMv.bgImg{
  color: #fff;
  padding: 100px 0;
  background-size: cover;
}

.contentMv.bgImg h2{
  font-size: 171%;
  line-height: 1.2;
}

.contentMv.bgImg h2 span{
  font-size: 58%;
}

.comMv{
  background: url(/jtbcdFiles/images/company/mv_company.jpg) no-repeat center center;
}

.recMv{
  background: url(/jtbcdFiles/images/mv_recruit.jpg) no-repeat center center;
}

.newsMv{
  color: #333!important;
  background: url(/jtbcdFiles/images/mv_news.jpg) no-repeat center center;
}


 /*----
pointBlock
 ----*/
 
.pointBlock a{
  text-decoration: underline;
}

.pointArea{
  margin-top: 80px;
}

.pointBlock + .pointBlock{
  margin-top: 60px;
}
 
.pointTtl{
  font-size: 171%;
  font-weight: bold;
  padding-bottom: 10px;
  color: #333;
  border-bottom: #333 solid 2px;
}

.pointBox{
  margin-top: 30px;
  overflow: hidden;
}

.pointBox.imgBig{
  min-height: 410px;
}

.pointBox.noImg{
  min-height: 0;
}

.pointBox.access{
  min-height: 328px;
}

.pointBox.tokyo{
  min-height: 450px;
}

.pointDesc{
  float: left;
  width: 53%;
}

.propertyNon{
  float: none;
  width: 100%;
}

.pointBox.noImg .pointDesc{
  width: auto;
  float: none;
}

.pointDescTxt{
  margin-bottom: 15px;
  font-size: 107%;
}

.pointDescImg{
  margin-top: 10px;
  text-align: center;
}

.pointDescImg img{
  max-width: 400px;
}

.pointDescImg.bigImg img{
  max-width: 500px;
}

.pointDescNotice{
  margin-top: 10px;
  font-size: 86%;
}

.pointImg{
  float: right;
  width: 42%;
}

.bigImg .pointImg{
  width: 48%;
}

.bigImg .pointDesc{
  width: 47%;
}

.bd_g{
  border: solid 1px #b8b8b8;
}

.pointDescLineup{
  overflow: hidden;
  padding: 20px;
  margin-top: 30px;
  background: #f2f2f2;
}

.pointDescLineup:first-child{
  margin-top: 0;
}

.pointDescLineup dt{
  position: relative;
  font-size: 114%;
  font-weight: bold;
  margin-bottom: 5px;
  padding-left: 15px;
}

.pointDescLineup dd{
  position: relative;
  width: 49%;
  float: left;
  margin-top: 5px;
  padding-left: 15px;
}

.pointDescLineup dd:nth-child(even){
  clear: both;
  margin-right: 2%;
}

.pointDescLineup.ptn02 dd:nth-child(even){
  clear: none;
}

.pointDescLineup.ptn02 dd:nth-child(odd){
  clear: both;
}

.pointDescLineup dt:before,
.pointDescLineup dd:before{
  position: absolute;
  content: "";
  display: block;
}

.pointDescLineup dt:before{
  top: 0.8em;
  left: 0;
  margin-top: -5px;
  width: 10px;
  height: 10px;
}

.pointDescLineup dd:before{
  top: 0.8em;
  left: 2px;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
}
/*
.pointDescLineup dd.addLink:before{
  border-top: 1px solid #757575;
  border-right: 1px solid #757575;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: none;
  border-radius: 0;
}
*/

.pointTraffic {
  margin-top:15px;
  padding-left:62px;
  background:url(/jtbcdFiles/images/company/access/icnTrain.png) no-repeat left top;
  min-height:47px;
}

.pointTraffic li {
  border-bottom: dotted 1px #e1e1e1;
  padding:10px 0;
}

.pointTraffic li em{
  font-weight: bold;
}

.pointImg .detail {
  margin-top:5px;
  text-align:right;
  display:block;
}

.pointImg .detail a {
  background:url(/jtbcdFiles/images/company/access/icnOutLink.png) no-repeat right center;
  background-size:17px 15px;
  padding-right:25px;
  text-decoration:underline;
}

.pointImg .cap{
  padding-top: 2px;
  display:block;
  font-size: 86%;
  text-align: right;
}

.outLink{
  margin-top: 50px;
  text-align: center;
}

.outLink a{
  height: 65px;
  line-height: 65px;
  padding: 0 100px 0 50px;
  display: inline-block;
  border-radius: 5px;
  font-size: 171%;
  color: #fff;
  background-repeat: no-repeat;
  background-position: right 50px center;
  background-size: 17px 15px;
  background-image: url(/jtbcdFiles/images/icnOutLink.png);
  text-decoration: none;
}

.supplemental{
  margin-top: 30px;
  font-size: 86%;
  text-align: left;
}

.subTtl{
  font-size: 114%;
  font-weight: bold;
}

 /*----
social solution
 ----*/
.social_solution_Contents {
	width: 100%
}
.social_solution_Contents dl dd {
	clear:both;
	width: 100%;
}

 /*----
contentNav
 ----*/

.contentNav{
  margin-top: 50px;
}

.contentNav ul{
  text-align: center;
  font-size: 0;
}
 
.contentNav ul + ul{
  margin-top: 20px; 
}
 
.contentNav ul li{
  width: 22.5%;
  display: inline-block;
  vertical-align: top;
 }
 
.contentNav ul li + li{
  margin-left: 3%;
 }
 
.contentNav ul li p{
  display: table;
  width: 100%;
 }
 
.contentNavBtn{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 56px;
  padding: 0 30px 0 10px;
  border-radius: 5px;
  line-height: 1.4;
  color: #fff;
  font-size: 14px;
  background-image: url(/jtbcdFiles/images/icnAnc.png);
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-color: #cb1627;
}

.contentNavBtn.noIcn{
  padding: 0 10px;
  background-image: none;
}

.contentNavBtn.txtS{
  font-size: 12px;
}

/*----
tableSet
----*/

.tableSet {
  display:table;
  width:100%;
}

.tableSet a{
  text-decoration: underline;
}

.tableSet .head {
  display:table-cell;
  vertical-align:middle;
  text-align:left;
}

.tableSet .detail {
  display:table-cell;
  vertical-align:middle;
  text-align:left;
}

.tableSet .row {
  border-top: 1px solid #ddd;
}

.tableSet .head {
  padding: 20px 0;
  width:150px;
}

.tableSet .detail {
  padding: 13px 0;
  width:830px;
}

.tableSet .detail .indent {
  position: relative;
  padding-left:9em;
}

.tableSet .detail .year {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.history{
  padding-left: 1em;
}

.history strong{
  margin-left: -1em;
  display: block;
}


 /*----
front Page
 ----*/
 
.frontArea{
  margin-top: 40px;
}

.frontLinkList{
  width: 100%;
  margin-bottom: 20px;
  display: table;
  table-layout: fixed;
}

.frontLinkBox{
  width: 50%;
  display: table-cell;
  padding-left: 2%;
}

.frontLinkBox:first-child{
  padding-right: 2%;
  padding-left: 0;
}

.frontLink{
  position: relative;
  display: block;
  overflow: hidden;
}

.frontLink:before,.frontLink:after{
  display: block;
  content: "";
  box-sizing: border-box;
}

.frontLink:before{
  position: relative;
  width: 100%;
  z-index: 3;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.frontLink:after{
  position: absolute;
  z-index: 5;
  height: 5px;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.8;
  background-color: #ffc230;
}

.frontLinkBox h3,
.frontLinkBoxSm h3{
  font-size: 114%;
  font-weight: bold;
  margin-top: 10px;
}

.frontLinkBox p{
  margin-top: 5px;
  width: 100%;
　overflow:auto;
}

.frontLinkBox span,
.frontLinkBoxSm span{
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  display: block;
  top: -36px;
  left: 50%;
  margin-left: -20px;
  width: 30px;
  height: 30px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.frontLinkBoxSub{
  width: 50%;
  display: table-cell;
  padding-left: 2%;
  vertical-align: top;
}

.frontLinkBoxSm{
  width: 100%;
  display: table;
}

.frontLinkBoxSm +.frontLinkBoxSm{
  margin-top: 20px;
}

.recBn{
  margin-top: 30px;
  text-align: center;
}

.recBn a{
  display: inline-block;
  max-width: 210px;
}

.recBn a + a{
  margin-left: 30px;
}

 /*----
service Front
 ----*/
 
.serFront .frontLink:before{
  height: 200px;
}

.gradientBar:before{
  position: absolute;
  z-index: 1;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: -webkit-linear-gradient(left,  #EA5A3F 0%,#EA5A3F 14%,#6E529F 14%,#6E529F 25%,#5CC0BD 26%,#5CC0BD 38%,#9A573B 38%,#9A573B 50%,#9BC11D 50%,#9BC11D 62%,#00A0E9 62%,#00A0E9 74%,#009944 74%,#009944 86%,#E84B74 86%,#E84B74 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #EA5A3F 0%,#EA5A3F 14%,#6E529F 14%,#6E529F 25%,#5CC0BD 26%,#5CC0BD 38%,#9A573B 38%,#9A573B 50%,#9BC11D 50%,#9BC11D 62%,#00A0E9 62%,#00A0E9 74%,#009944 74%,#009944 86%,#E84B74 86%,#E84B74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.boxItem01:before{
  background-image: url(/jtbcdFiles/images/serviceImg01.jpg);
}
.boxItem01:after{
  background-color: #EA5A3F;
}

.boxItem02:before{
  background-image: url(/jtbcdFiles/images/serviceImg02.jpg);
}
.boxItem02:after{
  background-color: #6E529F;
}

.boxItem03:before{
  background-image: url(/jtbcdFiles/images/serviceImg03.jpg);
}
.boxItem03:after{
  background-color: #5CC0BD;
}

.boxItem04:before{
  background-image: url(/jtbcdFiles/images/serviceImg04.jpg);
}
.boxItem04:after{
  background-color: #9A573B;
}

.boxItem05:before{
  background-image: url(/jtbcdFiles/images/serviceImg05.jpg);
}
.boxItem05:after{
  background-color: #9BC11D;
}

.boxItem06:before{
  background-image: url(/jtbcdFiles/images/serviceImg06.jpg);
}
.boxItem06:after{
  background-color: #00A0E9;
}

.boxItem07:before{
  background-image: url(/jtbcdFiles/images/serviceImg07.jpg);
}
.boxItem07:after{
  background-color: #009944;
}

.boxItem08:before{
  background-image: url(/jtbcdFiles/images/serviceImg08.jpg);
}
.boxItem08:after{
  background-color: #E84B74;
}


/*----
recruit front
----*/

.recFront div.frontLinkBox{
  color: #797979;
}
.recFront div.frontLinkBox .frontLink:after{
  background-color: #000;
  height: 270px;
  opacity: 0.4;
}

.recFront .frontLink:before{
  height: 270px;
}

.recFront .frontLinkBoxSm  .frontLink:before{
  height: 106px;
}

.recItem01:before{
  background-image: url(/jtbcdFiles/images/recruit/recruitImg01.jpg);
}
/*
.recItem01:after{
  background-color: #45b2ff;
}
*/

.recItem02:before{
  background-image: url(/jtbcdFiles/images/recruit/recruitImg02.jpg);
}
/*
.recItem02:after{
  background-color: #ff3b21;
}
*/

.recItem03:before{
  background-image: url(/jtbcdFiles/images/recruit/recruitImg03.jpg);
}
/*
.recItem03:after{
  background-color: #239828;
}
*/

.recItem04:before{
  background-image: url(/jtbcdFiles/images/recruit/recruitImg04.jpg);
}
/*
.recItem04:after{
  background-color: #ffc230;
}
*/

.recItem05:before{
  background-image: url(/jtbcdFiles/images/recruit/recruitImg05.jpg);
}
/*
.recItem05:after{
  background-color: #239828;
}
*/


.recItem06:before{
  background-image: url(/jtbcdFiles/images/recruit/recruitImg06.jpg);
  border: solid 1px #ccc;
  box-sizing: border-box;
}
/*
.recItem06:after{
  background-color: #e4007f;
}
*/
 
 /*----
 color pttern
 ----*/
 
 /*meeting-convention*/
.service_meeting-convention .mvInner h2{
  background-image: url(/jtbcdFiles/images/service/meeting-convention/meeting-convention_mv.jpg);
}
 
.service_meeting-convention .contentMv.special,
.service_meeting-convention .contentNav ul li p a,
.service_meeting-convention .pointDescLineup dt:before,
.service_meeting-convention .outLink a,
.service_meeting-convention .pointDescLineup dd:before{
  background-color: #EA5A3F;
}

.service_meeting-convention .pointTtl{
  color: #EA5A3F;
  border-bottom-color: #EA5A3F;
}


/*promotion*/
.service_promotion .mvInner h2{
  background-image: url(/jtbcdFiles/images/service/promotion/promotion_mv.jpg);
}
 
.service_promotion .contentMv.special,
.service_promotion .contentNav ul li p a,
.service_promotion .pointDescLineup dt:before,
.service_promotion .outLink a,
.service_promotion .pointDescLineup dd:before{
  background-color: #6E529F;
}

.service_promotion .pointTtl{
  color: #6E529F;
  border-bottom-color: #6E529F;
}

/*hrsolution*/
.service_hrsolution .mvInner h2{
  background-image: url(/jtbcdFiles/images/service/hrsolution/hrsolution_mv.jpg);
}
 
.service_hrsolution .contentMv.special,
.service_hrsolution .contentNav ul li p a,
.service_hrsolution .pointDescLineup dt:before,
.service_hrsolution .outLink a,
.service_hrsolution .pointDescLineup dd:before{
  background-color: #5CC0BD;
}

.service_hrsolution .pointTtl{
  color: #5CC0BD;
  border-bottom-color: #5CC0BD;
}

/*tradeshow*/
.service_tradeshow .mvInner h2{
  background-image: url(/jtbcdFiles/images/service/tradeshow/tradeshow_mv.jpg);
}
 
.service_tradeshow .contentMv.special,
.service_tradeshow .contentNav ul li p a,
.service_tradeshow .pointDescLineup dt:before,
.service_tradeshow .outLink a,
.service_tradeshow .pointDescLineup dd:before{
  background-color: #9A573B;
}

.service_tradeshow .pointTtl{
  color: #9A573B;
  border-bottom-color: #9A573B;
}

/*areamanagement*/
.service_areamanagement .mvInner h2{
  background-image: url(/jtbcdFiles/images/service/areamanagement/areamanagement_mv.jpg);
}
 
.service_areamanagement .contentMv.special,
.service_areamanagement .contentNav ul li p a,
.service_areamanagement .pointDescLineup dt:before,
.service_areamanagement .outLink a,
.service_areamanagement .pointDescLineup dd:before{
  background-color: #9BC11D;
}

.service_areamanagement .pointTtl{
  color: #9BC11D;
  border-bottom-color: #9BC11D;
}

/*itsolution*/
.service_itsolution .mvInner h2{
  background-image: url(/jtbcdFiles/images/service/itsolution/itsolution_mv.jpg);
}
 
.service_itsolution .contentMv.special,
.service_itsolution .contentNav ul li p a,
.service_itsolution .pointDescLineup dt:before,
.service_itsolution .outLink a,
.service_itsolution .pointDescLineup dd:before{
  background-color: #00A0E9;
}

.service_itsolution .pointTtl{
  color: #00A0E9;
  border-bottom-color: #00A0E9;
}

/*entertainment*/
.service_entertainment .mvInner h2{
  background-image: url(/jtbcdFiles/images/service/entertainment/entertainment_mv.jpg);
}
 
.service_entertainment .contentMv.special,
.service_entertainment .contentNav ul li p a,
.service_entertainment .pointDescLineup dt:before,
.service_entertainment .outLink a,
.service_entertainment .pointDescLineup dd:before{
  background-color: #009944;
}

.service_entertainment .pointTtl{
  color: #009944;
  border-bottom-color: #009944;
}

/*contents*/
.service_contents .mvInner h2{
  background-image: url(/jtbcdFiles/images/service/contents/contents_mv.jpg);
}
 
.service_contents .contentMv.special,
.service_contents .contentNav ul li p a,
.service_contents .pointDescLineup dt:before,
.service_contents .outLink a,
.service_contents .pointDescLineup dd:before{
  background-color: #E84B74;
}

.service_contents .pointTtl{
  color: #E84B74;
  border-bottom-color: #E84B74;
}

/*----
flowArea
----*/

.flowBlock + .flowBlock{
  margin-top: 60px;
}

.flowTtl{
  text-align: center;
  color: #fff;
  font-size: 143%;
}

.flowTtl p{
  min-width: 220px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border-radius: 50px;
}

.flowBox{
  position: relative;
  margin-top: 30px;
}

.flowBox + .flowBox{
  padding-top: 45px;
}

.flowBox + .flowBox:before{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -17px;
  content: "";
  box-sizing: border-box;
  border: 17px solid transparent;
  border-left: 17px solid #ffde5a;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.flowBoxTtl{
  font-size: 114%;
  color: #fff;
  text-align: center;
  padding: 12px 0;
}

.flowInner{
  text-align: center;
  padding: 25px 0;
  border: solid 1px #d5d5d5;
  border-top: none;
}

.flowCl01 .flowBoxTtl,.flowCl01 .flowTtl p{
  background-color: #0096e0;
}

.flowCl02 .flowBoxTtl,.flowCl02 .flowTtl p{
  background-color: #169a6d;
}

/*----
btn List
----*/

.btnList{
  margin-top: 70px;
  padding: 5px 30px 30px;
  background: #f9f9f9;
}

.btnList li{
  margin-top: 25px;
}

.bigBtn{
  position: relative;
  display: block;
}

.bigBtn:after{
  position: absolute;
  content: "";
  box-sizing: border-box;
  z-index: 10;
  display: block;
  top: 50%;
  margin-top: -5px;
  right: 30px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bigBtn div{
  display: table;
  width: 100%;
  height: 70px;
  border-radius: 10px;
  font-size: 129%;
}

.bigBtn div p{
  display: table-cell;
  padding: 0 50px 0 20px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  line-height: 1.6;
}

.btnIcn{
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  background: #fff;
  font-size: 78%;
  color: #333;
  border-radius: 12px;
}

.btnCl01 div{
  background-color: #3f93c7;
}

.btnCl02 div{
  background-color: #ff9c32;
}

.btnCl03 div{
  background-color: #fd8787;
}

.btnList .bigBtnDesc{
  width: 100%;
  font-size: 86%;
  margin-top: 10px;
  text-align: center;
}

.note{
  color: #ff3c28;
}

/*--accessLinkList--*/

.itemLinkList > li{
  padding: 3px 0;
}

.itemLinkList > li:first-child{
  padding-top: 0;
}

.itemLinkList > li:last-child{
  padding-bottom: 0;
}

/*-- indList --*/

.accessLink{
  text-decoration: underline;
}

.indList > li{
  position: relative;
  padding-left: 2em;
}

.indList > li > .listHead{
  position: absolute;
  top: 0;
  left: 0;
}

.memberList li{
  padding-left: 8em;
  line-height: 1.4;
}

.memberList > li > .listHead{
  line-height: 1.4;
}

.memberList li + li{
  margin-top: 0.5em;
}

.memberList li .sml{
  margin-left: 0.8em;
  font-size: 86%;
}

/*-- basic --*/

.basicList > li{
  position: relative;
  padding-left: 1.2em;
}

.basicList > li:before{
  position: absolute;
  content: "";
  top: 0.8em;
  left: 2px;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #333;
}

.basicList > li > .listHead{
  position: absolute;
  top: 0;
  left: 0;
}

.grayBlock{
  padding: 25px;
  border: solid 1px #ccc;
}

.grayBlock dt{
  padding-bottom: 15px;
  border-bottom: dotted 1px #ccc;
}

.grayBlock dd{
  padding-top: 15px;
}

/*OBOG*/

.pt20 {
	padding-top: 20px
}

/*OBOG*/


@media screen and ( min-width : 1025px ) {
  
  /*hovers*/
  .pointBlock a:hover{
    text-decoration: none!important;
  }

/* ----
front
---- */

  .frontLink{
    transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
  }
  
  .frontLink:after{
    transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
  }
  
  .frontLinkBox span,.frontLinkBoxSm span{
    transition: top 0.4s ease 0s, margin-top 0.2s ease-out 0.4s;
    -webkit-transition: top 0.4s ease 0s, margin-top 0.2s ease-out 0.4s;
  }


   /* service front */
   
  .serFront .frontLinkBox:hover .frontLink:after{
    height: 200px;
  }
  
  .serFront .frontLinkBox:hover span{
    top: 93px;
    margin-top: -8px;
  }
  
  .frontLinkBox:hover .boxItem01{
    color: #EA5A3F;
  }
  .frontLinkBox:hover .boxItem02{
    color: #6E529F;
  }
  .frontLinkBox:hover .boxItem03{
    color: #5CC0BD;
  }
  .frontLinkBox:hover .boxItem04{
    color: #9A573B;
  }
  .frontLinkBox:hover .boxItem05{
    color: #9BC11D;
  }
  .frontLinkBox:hover .boxItem06{
    color: #00A0E9;
  }
  .frontLinkBox:hover .boxItem07{
    color: #009944;
  }
  .frontLinkBox:hover .boxItem08{
    color: #E84B74;
  }
  
   /* recruit front */
   
  .recFront a.frontLinkBox:hover .frontLink:after{
    height: 270px;
  }
  
  .recFront a.frontLinkBoxSm:hover .frontLink:after{
    height: 106px;
  }
  
  .recFront a.frontLinkBox:hover span{
    top: 131px;
    margin-top: -8px;
  }
  
  .recFront a.frontLinkBoxSm:hover span{
    top: 49px;
    margin-top: -8px;
  }
  
  .recFront a.frontLinkBox:hover,.recFront a.frontLinkBoxSm:hover{
    color: #ffc230;
  }


}
/*HOVER*/

@media screen and ( min-width : 737px ) {
  
  .service{
    margin-bottom: 80px;
  }

  .serviceInner{
    margin: 10px auto 0;
    max-width: 980px;
  }

  .serviceMenu{
    float: none;
    width: 100%;
    padding-right: 0;
    overflow: hidden;
  }
  
  .serviceMenu li{
    float: left;
    display: table;
    width: 23.5%;
    margin-right: 2%;
    margin-top: 2%;
    height: 150px;
    border-bottom: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  
  .serviceMenu li:nth-child(4n){
    margin-right: 0;
  }
  
  .serviceMenu li a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 142%;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
  }
  
  .serviceMenu li a span{
    display: inline-block;
    font-size: 60%;
    line-height: 1.0;
    font-weight: 300;
  }
  
  .serviceMenu01{
    background-image: url(/jtbcdFiles/images/serviceMenuSp01.png);
  }
  
  .serviceMenu02{
    background-image: url(/jtbcdFiles/images/serviceMenuSp02.png);
  }
  
  .serviceMenu03{
    background-image: url(/jtbcdFiles/images/serviceMenuSp03.png);
  }
  
  .serviceMenu04{
    background-image: url(/jtbcdFiles/images/serviceMenuSp04.png);
  }
  
  .serviceMenu05{
    background-image: url(/jtbcdFiles/images/serviceMenuSp05.png);
  }
  
  .serviceMenu06{
    background-image: url(/jtbcdFiles/images/serviceMenuSp06.png);
  }
  
  .serviceMenu07{
    background-image: url(/jtbcdFiles/images/serviceMenuSp07.png);
  }
  
  .serviceMenu08{
    background-image: url(/jtbcdFiles/images/serviceMenuSp08.png);
  }
  
}
/*PC*/


@media screen and ( max-width : 736px ) {
  
  
  /* content */
  
  .contentTtl {
    padding: 25px 0;
    margin-bottom: 20px;
  }
  
  .contentDesc{
    text-align: left;
    margin-top: 30px;
  }
  
  .pickUp {
    margin-top: 10px;
  }

  .content {
    text-align: left;
    margin-bottom: 40px;
  }

  .contentMv.special{
    font-size: 167%;
  }
  
  .contentMv.basic{
    padding: 30px 0 50px;
    background-color: #f9f9f9;
    color: #333;
  }
  
  .mvInner{
    height: 140px;
  }
  
  .mvInner h2{
    height: 140px;
    padding: 0;
    background: none!important;
  }
  
  .mvInner h2 span{
    font-size: 45%;
  }

  .lineUp {
    font-size: 166%;
    margin: 20px 0 0;
  }
  
  /*mvptn*/
  
  .contentMv.bgImg {
      padding: 50px 0;
  }
  
  /* frontPage */

  .frontLinkBox{
    display: block;
    padding-left: 0;
  }
  
  .frontLinkBox:first-child{
    padding-right: 0;
  }
  
  .frontLinkList {
    margin-top: 22px;
    display: block;
  }
  
  .frontLinkList span{
    display: none;
   }
  
  .frontLinkBox,.frontLinkBoxSub{
    width: 100%;
    display: block;
  }
  
  .frontLink:first-child{
    margin-bottom: 22px;
  }
  
  .frontLink:after{
    height: 5px;
  }

  .frontLink h3{
    margin-top: 5px;
  }
  
  .frontLink p{
    margin-top: 0;
  }
  
  .frontLinkBoxSm +.frontLinkBoxSm {
    margin-top: 10px;
  }
  
  .frontLinkBoxSm .frontLink{
    margin-bottom: 0!important;
  }
  
  /*ser*/
  
  .serFront .frontLink:before{
    height: 140px;
  }
  
  /*rec*/
.recFront div.frontLinkBox .frontLink:after{
  height: 160px;
}
  
  .recFront .frontLink:before{
    height: 160px;
  }
  
  .recFront .frontLinkBoxSm .frontLink:before{
    height: 80px;
  }
  
  .recBn{
    margin-top: 15px;
  }
  
  .recBn a{
    max-width: 160px;
    width: 40%;
  }
  
  .recBn a + a{
    margin-left: 10px;
  }
  
  
 /*pointBlock*/

  .pointArea{
    margin-top: 40px;
  }

  .pointBlock + .pointBlock{
    margin-top: 30px; 
  }
 
  .pointTtl{
    font-size: 150%;
    padding-bottom: 5px;
  }

  .pointBox{
    margin-top: 0;
    min-height: 0!important;
  }

  .pointDesc{
    float: none;
    width: auto!important;
    margin-top: 20px;
  }
  
  .pointDescTxt{
    margin-bottom: 12px;
  }
  
  .pointDescImg{
    margin-top: 5px;
  }
  
  .pointDescImg img{
    max-width: 300px;
  }

  .pointDescNotice{
    margin-top: 5px;
  }

  .pointImg{
    float: none;
    max-width: 280px;
    width: 100%!important;
    margin: 20px auto 0;
  }

  .pointDescLineup{
    padding: 12px;
    margin-top: 12px;
  }

  .pointDescLineup dt{
    margin-bottom: 2px;
  }

  .pointDescLineup dd{
    width: 100%;
    float: none;
    margin-top: 2px;
  }

  .outLink{
    margin-top: 20px;
  }

  .outLink a{
    height: 50px;
    line-height: 50px;
    padding: 0 55px 0 30px;
    font-size: 133%;
    background-position: right 25px center;
    background-size: 15px 13px;
  }
  
  .supplemental{
    margin-top: 15px;
  }
 
  .pointTraffic {
    padding-left: 35px;
    background-size: 25px 25px;
  }
  
  .pointTraffic li {
    padding:5px 0;
  }

/*contentNav*/

  .contentNav{
    margin-top: 25px;
  }
 
  .contentNav ul li{
    width: 90%;
   }
   
  .contentNav ul + ul {
    margin-top: 5px;
  }
 
  .contentNav ul li + li{
    margin: 5px 0 0 0;
   }
 
  .contentNav ul li p .contentNavBtn{
    height: 45px;
    padding: 0 10px 0 10px;
    font-size: 14px;
  }
  
  .contentNav ul li p .contentNavBtn.ancLink{
    padding: 0 30px 0 10px;
  }
  
  .contentNav ul li p a.txtS{
    font-size: 14px;
  }
  
/*tableSet*/

  .tableSet .head {
    display:block;
    padding: 6px 0 0;
    font-weight:bold;
    width:100%;
    font-size: 117%;
   }
   
  .tableSet .detail {
    display:block;
    padding: 0 0 6px;
    width:100%;
  }
  

  /*----
  flowArea
  ----*/
  
  .flowArea{
    margin-top: 22px;
  }
  
  .flowBlock + .flowBlock{
    margin-top: 30px;
  }
  
  .flowTtl{
    font-size: 133%;
  }
  
  .flowTtl p{
    min-width: 200px;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
  }
  
  .flowBox{
    margin-top: 15px;
  }
  
  .flowBox + .flowBox{
    padding-top: 30px;
  }
  
  .flowBoxTtl{
    padding: 6px 0;
  }
  
  .flowInner{
    padding: 10px;
  }
  
  /*----
  btn List
  ----*/
  
  .btnList{
    margin-top: 30px;
    padding: 0 15px 15px;
    background: #f9f9f9;
  }
  
  .btnList li{
    margin-top: 15px;
  }
  
  .bigBtn div{
    padding: 5px 0;
    height: auto;
  }
  
  .bigBtn div p{
    padding: 0 20px 0 10px;
    line-height: 1.5;
    font-size: 100%;
  }
  
  .btnIcn{
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 10px;
  }
  
  .bigBtn:after {
    right: 10px;
  }
  
  .btnCl01 div{
    background-color: #3f93c7;
  }
  
  .btnCl02 div{
    background-color: #ff9c32;
  }
  
  .btnCl03 div{
    background-color: #fd8787;
  }
  
  .btnList .bigBtnDesc{
    margin-top: 10px;
    font-size: 86%;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: solid 1px #999;
  }
  
  .note{
    color: #ff3c28;
  }
  
  .grayBlock{
    padding: 20px;
  }
  
  .grayBlock dt{
    padding-bottom: 10px;
  }
  
  .grayBlock dd{
    padding-top: 10px;
  }


  .memberList li .sml{
    margin-left: 0;
  }

}