@charset "utf-8";

/* -----------------------------------------------------------------
MODULE CSS
LAST UPDATE:
--------------------------------------------------------------------*/

/*--------------------------------
section
---------------------------------*/
section{line-height: 1.6;}
section.bdTCol1{border-top: 1px solid #dfdfdf;padding: 60px 0;}

.contentsInner{ padding: 30px 0 0;}
.contentsInner > p,
.contentsInner > ul{ margin-top: 20px;}

@media screen and (max-width: 767px){
 section.bdTCol1{border-top: 1px solid #dfdfdf;padding: 30px 0;}
 .contentsInner{ padding: 20px 15px 0; font-size: 1.2rem;}
 .contentsInner > p,
 .contentsInner > ul{ margin-top: 10px;}
 
}


/*--------------------------------
TEXT
---------------------------------*/
.notice{font-size:1rem; color: #00a08e;}

.textL{ font-size: 1.8rem !important;}
.textS{ font-size: 1.2rem !important;}

.bold01{ font-size: 2rem; color: #12a796; font-weight: bold;}
.bold02{ color: #12a796; font-weight: bold;}
.bold03{ margin-top: 20px; font-weight: bold;}

.telNumber{ padding-left: 27px; font-weight: bold; background: url(/profile/recruit/AD/common/img/icon_tel.png)no-repeat left center; background-size: 17px auto;}

@media screen and (max-width: 767px){
 .textL{ font-size: 1.4rem !important; line-height: 1.57;}
	.textS{ font-size: 1rem !important; line-height: 1.8;}
 
 .bold01{ font-size: 1.6rem; color: #12a796; font-weight: bold;}
	.bold02{ color: #12a796; font-weight: bold;}
 .bold03{ margin-top: 10px;}
 
 .telNumber{ color: #00a08e; padding-left: 25px; background: url(/profile/recruit/AD/common/img/icon_tel.png)no-repeat left center; background-size: 15px auto;}
}

/*--------------------------------
BTN
---------------------------------*/
.bdBtn01{ }
.bdBtn01 a{ color: #333; display: inline-block; background: url(/profile/recruit/AD/common/img/bg_btn_corner_y_01.png) no-repeat right top #00a08e; color: #fff; font-size: 1.4rem; background-size: 11px auto; padding: 10px 15px; transition: background-color 0.5s;}
.bdBtn01 a:hover{ background-color: #fabf00; color: #fff;}

.bdBtn01 a[target="_blank"]{ position: relative; padding: 6px 35px 6px 12px;}
.bdBtn01 a[target="_blank"]:after{ content: ""; display: block; width: 13px; height: 11px; position: absolute; top: 50%; right: 14px; margin-top: -6px; background: url(/profile/recruit/AD/common/img/icon_blank_02.png)no-repeat; background-size: 13px auto;}

.playBtn{ width: 240px; margin: 0 auto 10px; text-align: center; cursor: pointer;}
.playBtn a{display: block;background: url(/profile/recruit/AD/common/img/bg_btn_corner_y_01.png) no-repeat right top #00a08e; color: #fff;font-size: 1.6rem; background-size: 16px auto; padding: 13px 15px;transition: background-color 0.5s;}
.playBtn a:hover{ color: #fff; background-color: #fabf00;}
.playBtn a span{ padding-left: 30px; background: url(/profile/recruit/AD/common/img/icon_play_01.png)no-repeat left center; background-size: 18px auto;}

@media screen and (max-width: 767px){
.playBtn{ width: 100%; padding: 0 40px;}
.playBtn a{ font-size: 1.3rem;}
.playBtn a span{ padding-left: 20px; background: url(/profile/recruit/AD/common/img/icon_play_01.png)no-repeat left center; background-size: 13px auto;}
}

/*--------------------------------
TITLE
---------------------------------*/
.deviceTtlC01{ font-size: 2.4rem; text-align: center;}

.deviceTtlbd01{ font-size: 2.4rem; padding-left: 28px; margin-top: 20px; background: url(/profile/recruit/AD/common/img/icon_ttl_01.gif)no-repeat left top; background-size: 5px auto;}
.deviceTtlbd02{ font-size: 2rem; padding-bottom: 10px; margin-top: 30px; border-bottom: solid 1px #dfdfdf; position: relative;}
.deviceTtlbd02:after{ content: ""; position: absolute; bottom: -1px; left: 0; display: block; width: 200px; height: 0; border-bottom: solid 1px #00a08e;}
.deviceTtlbd03{ font-size: 1.8rem; padding-left: 20px; border-left: solid 4px #00a08e; color: #00a08e; margin-top: 20px;}
.deviceTtlbd04{ font-size: 2.4rem; padding-left: 28px; margin: 15px 0 26px; background: url(/profile/recruit/AD/common/img/icon_ttl_01.gif)no-repeat left top; background-size: 5px auto;}

.deviceTtl01{ font-size: 2.4rem; margin-top: 30px;}
.deviceTtl02{ font-size: 2rem; margin-top: 20px;}
.deviceTtl03{ font-size: 2rem; margin-top: 20px;}
.imageTtl01{ margin-top: 19px;}
.imageTtl02{ margin-top: 0 !important;}

.bgTtl01{ font-size: 2rem; background: #00a08e; color: #fff; text-align: center; padding: 20px; border-radius: 36px; margin-top: 30px;}

@media screen and (max-width: 767px){
	.deviceTtlC01{ font-size: 1.6rem; padding: 0 15px; }
 .deviceTtlbd01{ font-size: 1.8rem; padding-left: 16px; margin-top: 15px; background: url(/profile/recruit/AD/common/img/icon_ttl_01.gif)no-repeat left top; background-size: 4px auto;}
 .deviceTtlbd02{ font-size: 1.6rem; padding-bottom: 10px; margin-top: 20px; border-bottom: solid 1px #dfdfdf; position: relative;}
 .deviceTtlbd02:after{ content: ""; position: absolute; bottom: -1px; left: 0; display: block; width: 100px; height: 0; border-bottom: solid 1px #00a08e;}
 .deviceTtlbd03{ font-size: 1.4rem; padding-left: 14px; border-left: solid 4px #00a08e; color: #00a08e; margin-top: 15px;}
 .deviceTtlbd04{ font-size: 1.8rem; padding-left: 16px; margin: 15px 0; background: url(/profile/recruit/AD/common/img/icon_ttl_01.gif)no-repeat left top; background-size: 4px auto;}

 .deviceTtl01{ font-size: 1.6rem; margin-top: 20px;}
 .deviceTtl02{ font-size: 1.4rem; margin-top: 15px;}
 .deviceTtl03{ font-size: 1.6rem; margin-top: 15px;}

.deviceTtl01 img,
.imageTtl01 img,
.imageTtl02 img{ width: 100%; height: auto;}

 .bgTtl01{ font-size: 1.3rem; border-radius: 10px; padding: 15px 10px; margin-top: 20px; }
 
 .imageTtl01{ margin-top: 5px;}
 
}


/*---------------------------------
LINK
-----------------------------------*/
.textLink01,
.textLink02{ background: url(/profile/recruit/AD/common/img/icon_arow_r_01.png)no-repeat 0 2px; background-size: 13px auto; padding-left: 20px; text-decoration: underline; position: relative;}
.textLink02{ color: #333;}
.textLink01[target="_blank"]:after,
.textLink02[target="_blank"]:after{ content: "";  display: inline-block; margin-left: 6px; width: 13px; height: 11px; background: url(/profile/recruit/AD/common/img/icon_blank_01.png)no-repeat; background-size: 13px auto;}
@media screen and (max-width: 767px){
	.textLink01,
	.textLink02{ padding: 1px 0 1px 20px;}
}

.thumbLink01{ margin-top: 30px;}
.thumbLink01 dt a img{display: block; width: 100%; height: auto;}
.thumbLink01 dt a span{text-align: center;width: 100%;display: inline-block;background: url(/profile/recruit/AD/common/img/bg_btn_corner_y_01.png) no-repeat right top #00a08e; color: #fff;font-size: 1.6rem; background-size: 16px auto; padding: 10px 15px;transition: background-color 0.5s;}
.thumbLink01 dt a:hover span{background-color: #fabf00;}
.thumbLink01 dt a:hover img{ opacity: 0.8;}
.thumbLink01 dd p strong{ display: block; padding: 20px 0; font-size: 1.5rem;}
@media screen and (max-width: 767px){
.thumbLink01{ margin: 30px 0 0 0; padding: 0 15px;}

.thumbLink01 dt a img{display: block;}
.thumbLink01 dt a span{text-align: center;width: 100%;display: inline-block;background: url(/profile/recruit/AD/common/img/bg_btn_corner_y_01.png) no-repeat right top #00a08e; color: #fff;font-size: 1.6rem; background-size: 16px auto; padding: 10px 15px;}
.thumbLink01 dt a:hover span{background-color: #fabf00;}
.thumbLink01 dt a:hover img{ opacity: 0.8;}
.thumbLink01 dd p strong{ display: block; padding: 10px 0; font-size: 1.6rem;}
}

.moreBtn01,.moreBtn03
{text-align: center;margin: 70px 0 0 0;}
.moreBtn01 a,
.moreBtn03 a{display: inline-block;background: url(/profile/recruit/AD/common/img/bg_btn_corner_y_01.png) no-repeat right top #00a08e; color: #fff;font-size: 1.8rem; background-size: 16px auto; padding: 20px 120px;transition: background-color 0.5s;}
.moreBtn01 a:hover,
.moreBtn03 a:hover{background-color: #fabf00; color: #fff;}
.contactBtn{ display: block;}

@media screen and (max-width: 767px){
.moreBtn01{margin: 30px 0 0 0;}
.moreBtn01 a{display: inline-block;background: url(/profile/recruit/AD/common/img/bg_btn_corner_y_01.png) no-repeat right top #00a08e; color: #fff;font-size: 1.6rem; background-size: 16px auto; padding: 20px 20px ;transition: background-color 0.5s;}
.moreBtn03{margin: 30px 0 0 0;}
.moreBtn03 a{display: inline-block;background: url(/profile/recruit/AD/common/img/bg_btn_corner_y_01.png) no-repeat right top #00a08e; color: #fff;font-size: 1.6rem; background-size: 16px auto; padding: 20px 20px ;transition: background-color 0.5s;}

}


/*---------------------------------
LIST
-----------------------------------*/
.iconList01 li{ background: url(/profile/recruit/AD/common/img/icon_circle_01.png)no-repeat 0 8px; background-size: 7px auto; padding-left: 15px; margin: 4px 0;}

.siteMaplist{ margin-top: 30px;}
.siteMaplist > li{ border-bottom: solid 1px #dfdfdf; padding: 20px 0;}
.siteMaplist > li:first-child{ border-top: solid 1px #dfdfdf;}
.siteMaplist > li > a{ display: table-cell; font-weight: bold; vertical-align: top; width: 305px;}
.siteMaplist > li > ul{ display: table-cell; padding-left: 60px; vertical-align: top;}
.siteMaplist > li > ul li{ margin: 0 0 15px;}
.siteMaplist li:last-child ul{ padding-left: 0;}

.imgList01{ display: table;}
.imgList01 dt,
.imgList01 dd{ display: table-cell; vertical-align: middle;}
.imgList01 dt{ width: 100px;}
.imgList01 dt img{ width: 100%;}
.imgList01 dd{ padding-left: 20px;}
.imgList01 dd p{ margin-top: 10px; letter-spacing: -0.05em;}
.imgList01 dd p:first-child{ margin-top: 0; }

.contentsCol01.col6 .imgList01 dt,
.contentsCol02 .imgList01 dt{ width: 180px; vertical-align: top;}
.contentsCol01.col6 .ttl{ font-size: 1.8rem; font-weight: bold; color: #00a08d; margin-bottom: 5px;}
.contentsCol02 dt img{ border: solid 1px #dfdfdf;}
.contentsCol02 .ttl{ font-size: 1.8rem; font-weight: bold; color: #fa9900; margin-bottom: 5px;}
.contentsCol03 p{ margin-bottom: 20px;}
.contentsCol04 .ttl{ font-size: 1.8rem; font-weight: bold; text-align: center;}

.indent01{ text-indent: -1em; padding-left: 1em;}

.noticeList{ margin-top: 20px;}

.noticeList01{ position: relative; margin-top: 20px; padding-left: 2.2em;}
.noticeList01:before{ content: "※1"; position: absolute; top: 0; left: 0;}
.noticeList02{ position: relative; margin-top: 0; padding-left: 2.2em;}
.noticeList02:before{ content: "※2"; position: absolute; top: 0; left: 0;}

.tableRe{ position: relative; background-clip: padding-box !important;}
.tableLeftTop{ position: absolute; top: 10px; left: 10px; font-weight: bold; background-clip: padding-box;}

@media screen and (max-width: 767px){
 .siteMaplist{ margin-top: 20px;}
 .siteMaplist > li{ padding: 15px 0;}
 .siteMaplist > li > ul{ padding: 10px 0 0 20px;}
 .siteMaplist > li > ul{ display: inline-block; padding-left: 20px; vertical-align: top;}
 
	.bgBox01 .imgList01,
	.bgBox01 .imgList01 dt,
	.bgBox01 .imgList01 dd,
	.contentsCol01 .imgList01,
	.contentsCol01 .imgList01 dt,
	.contentsCol01 .imgList01 dd{ display: block;} 
	
 .imgList01 dd{ padding-left: 15px;}
 .imgList01 dd p{ margin-top: 10px;}
 
	.bgBox01 .imgList01 dt,
	.contentsCol01 .imgList01 dt{ margin: 0 auto 10px;}
	
	.bgBox01 .imgList01 dd,
	.contentsCol01 .imgList01 dd{ padding: 0;}
 
 .contentsCol01.col6 .imgList01 dt{ width: 100%; padding: 0 30px;}
 .contentsCol02 .imgList01 dt{ width: 50%;}
 .contentsCol02 .ttl,
 .contentsCol01.col6 .ttl,
 .contentsCol04 .ttl{ font-size: 1.4rem;}
 
 .noticeList{ margin-top: 10px;}
.tablePad01{ padding-top: 8px !important;}
.tableLeftTop{ position: static;}
}

/*--------------------------------
BOX
---------------------------------*/
.colWrap{width: 100%; overflow: hidden;}


/*3*/
.colWrap .col4{width: 300px; float: left;}
.colWrap .col4:nth-child(2){margin-left:40px; margin-right:40px;}

/*?*/
.colWrap .col6{width: 480px; float: left;}
.colWrap .col6:nth-child(odd){ margin-right: 20px;}
.colWrap .col6.col1Wrap{ margin: 30px auto 0; float: none; clear: both;}

.linkBox01{ border-left: solid 3px #00a08d ; background: #fbfbfb; padding: 20px; margin-top: 60px; }
.linkBox01 .linkTtl01{ margin: 0; background: url(/profile/recruit/AD/common/img/icon_link_01.png)no-repeat left center; background-size: 13px auto; font-size: 1.6rem; color: #00a08e; padding-left: 24px;}
.linkBox01 .relationLinklist{ overflow: hidden; margin: 10px 0 0 20px;}
.linkBox01 .relationLinklist li{ float: left; margin-left: 40px;}
.linkBox01 .relationLinklist li:first-child{ margin-left: 0;}

.bgBox01{ background: #f3f3f3; padding: 26px 30px; margin-top: 30px;}
.bgBox02{ background: #f9f9f9; padding: 6px 50px; margin: 60px 0 0;}

.ttlBox01,
.ttlBox02{ display: table; width: 100%;}
.ttlBox01{ margin-top: 30px;}
.ttlBox02{ margin-top: 40px;}
.ttlBox01 dt,
.ttlBox01 dd,
.ttlBox02 dt,
.ttlBox02 dd{ display: table-cell; padding: 15px 20px; vertical-align: middle;}

.ttlBox01 dt,
.ttlBox02 dt{ width: 120px; font-size: 1.6rem; background: #00a08d; color: #fff; text-align: center;}
.ttlBox01 dd,
.ttlBox02 dd{ background: #f3f3f3;}
.ttlBox02 dt{ color: #fff; font-size: 1.4rem; display: table-cell; font-weight: bold; vertical-align: middle; width: 98px; background: #00a08d; padding: 8px;}
.ttlBox02 dt em{ font-size: 2rem; font-weight: bold;}
.ttlBox02 dd{ width: 874px; background: #e1fbf8; padding: 8px 4px 8px 12px;}
.ttlBox02 dd p{ font-size: 1.8rem; font-weight: bold;}

.contentsCol01{ border: solid 1px #dfdfdf; border-left: solid 3px #00a08d; padding: 20px 15px 20px 20px; margin-top: 20px;}
.contentsCol02{ padding: 20px 20px 20px 0;}
.contentsCol03{ margin-top: 20px;}
.contentsCol04{ border: solid 1px #dfdfdf; border-top: solid 3px #00a08d; padding: 20px; margin-top: 30px;}
.contentsCol04 .videoBox{ margin: 25px 0;}
.contentsCol04 .videoBox .video{ width: 440px; height: 247px; background: #000;}
.contentsCol04 .videoBox .video:hover{ opacity: 0.7;}

.brandingMovie01{ background: #f9f9f9; padding-bottom: 20px;}

.branding .contentsCol04{ margin: 30px auto 0 auto; padding: 20px 30px; width: 480px; border: none; display: inline-block;}
.branding .contentsCol04 .videoBox .video{ width: 440px; height: 247px;}

.branding .contentsCol04.col1{ margin: 0 auto; padding: 20px; display: block;}
.comic{ border: 2px solid #a0a0a0; position: relative;}
.comic.top{ position: relative; background: #e3e3e3; border: none; padding: 20px 0;}
.comic.top a{ display: inline-block; width: calc(50% - 4px); padding: 0 20px; font-size: 0;}
.comic.top a.left{ padding-right: 3px;}
.comic.top a.right{ padding-left: 3px;}
.comic.top a img{ width: 100%; height: auto;}
.comic a:hover{ opacity: 0.7;}
.comic .pdfIcon{ font-size: 90%; position: absolute; bottom: 26px; right: 237px; color: #333;}
.comic .pdfIcon.top{ bottom: 29px;}
.comic .pdfIcon img{ vertical-align: -2px; margin: 0 8px 0 8px; width: auto;}

.topBnr{ margin-bottom: 60px;}
.topBnr a:hover img{ opacity: 0.7;}

.borderBox { background: #e6e6e6; padding: 3px; margin: 20px 0; line-height: 1.6;}
.borderBox .borderBoxInner{ padding:20px 5px 0 5px; background:#fff;}
.borderBox .borderBoxInner .text { padding: 0 15px 16px 15px;}
.borderBox .borderBoxInner .text.floR { float: right!important; display: inline;}
.borderBox .borderBoxInner ul.pageLink { padding: 0 15px 15px 15px;}
.borderBox .borderBoxInner ul.pageLink li { padding: 0 0 5px 14px;}
.borderBox .borderBoxInner .icn_blank{ vertical-align: middle; margin: 0 0 0 8px;}


@media screen and (max-width: 767px){
 .linkBox01,
 .bgBox01,
 .ttlBox01,
 .ttlBox02{ margin-top: 20px;}
 
 .bgBox02{ padding: 5px 2px;  margin: 25px 0 0;}
 
 .colWrap .col4{width: 100%; float: none;}
 .colWrap .col4:nth-child(2){margin-left:0; margin-right:0;}
 
	.colWrap .col6{ width: 100%; float: none;}
	.colWrap .col6:nth-child(1){ margin: 15px 0 0;} 
 
 .linkBox01{ padding: 10px;}
 .linkBox01 .relationLinklist{ margin: 10px 0 0 10px;}
 .linkBox01 .relationLinklist li{ float: none; margin: 10px 0 0;}
 .linkBox01 .relationLinklist li:first-child{ margin-top: 0;}
 .linkBox01 .linkTtl01{ font-size: 1.2rem;}
 
 .bgBox01{ padding: 15px;}
 
	.ttlBox01,
	.ttlBox01 dt,
	.ttlBox01 dd{ width: 100%; display: block;}
 
 .ttlBox01 dt,
	.ttlBox01 dd,
 .ttlBox02 dt,
	.ttlBox02 dd{ padding: 6px 15px;}
  
 .ttlBox01 dt,
 .ttlBox02 dt{ font-size: 1.2rem; text-align: left;}
 
 .ttlBox02 dt{ width: 47px; padding: 6px; text-align: center;}
 .ttlBox02 dt em{ font-size: 1.5rem; line-height: 1;}
 .ttlBox02 dd{ width: auto;}
 .ttlBox02 dd p{ font-size: 1.4rem;}
 
 .contentsCol01{ border: solid 1px #dfdfdf; border-top: solid 3px #00a08d; padding: 15px; margin-top: 15px;}
 .contentsCol04{ border: solid 1px #dfdfdf; border-top: solid 3px #00a08d; padding: 25px 15px 15px; margin-top: 15px;}
 .branding .contentsCol04{ width: 100%; margin: 15px 0 0 0; padding: 20px;}
 
 .brandingMovie01{ margin-bottom: 25px;}
 
 .contentsCol04 .videoBox{ margin: 20px 0;}
 .contentsCol04 .videoBox .video,
 .branding .contentsCol04 .videoBox .video{ width: 100%; height: auto;}
    
.comic{ padding: 0 15px; border: none;}    
.comic img{ width: 100%; border: 2px solid #a0a0a0;}
.comic .pdfIcon{ font-size: 3vw; bottom: 11px; right: 21px; color: #333;}
.comic .pdfIcon.top{ bottom: 15px;}
.comic .pdfIcon img{ vertical-align: -2px; margin: 0 8px 0 8px; width: auto; border: none;}

.spMar{ margin: 0 12px;}
.comic.top{ padding: 15px 10px 10px;}
.comic.top a{ display: block; width: 100%; padding: 0 0 10px;}
.comic.top a.left{ padding-right: 0;}
.comic.top a.right{ padding-left: 0;}

.topBnr{ margin: 0 15px 30px;}
.topBnr img{ width: 100%; height: auto;}

.borderBox{ width: calc(100% - 30px); margin: 20px 15px 0; font-size: 1.2rem;}
.borderBox .borderBoxInner .text{ padding: 0 10px 15px 10px;}
.borderBox .borderBoxInner .text.floR{ width: 50%; padding-bottom: 0;}
.borderBox .borderBoxInner .text.floR img{ width: 100%; height: auto;}
.borderBox .borderBoxInner .icn_blank { margin: 0 0 0 3px;}

}

.bgTtlbox01{ margin-top: 30px;}
.bgTtlbox01 .ttl{ background: #00a08e; color: #fff; text-align: center; font-size: 1.6rem; font-weight: bold; padding: 8px; margin: 0 auto;}
.bgTtlbox01 .boxInner{ background: #f3f3f3; padding: 30px; }
.bgTtlbox01 .boxInner dl{ display: table; background: #fff; margin-top: 10px; position: relative;}
.bgTtlbox01 .boxInner dl:after{ content: ""; display: block; width: 28px; height: 28px; position: absolute; bottom: -20px; left: 65px; background: url(/profile/recruit/AD/common/img/icon_arrow_d_02.png)no-repeat; background-size: 28px auto; z-index: 1;}
.bgTtlbox01 .boxInner dl:last-child:after{ content: none;}
.bgTtlbox01 .boxInner dl:nth-child(1){ margin-top: 0;}
.bgTtlbox01 .boxInner dl dt,
.bgTtlbox01 .boxInner dl dd{ display: table-cell; vertical-align: middle;}
.bgTtlbox01 .boxInner dl dt{ width: 157px; color: #fff; font-size: 1.3rem; text-align: center;
background: -moz-linear-gradient(290deg, rgba(18,167,150,1) 0%, rgba(18,167,150,1) 50%, rgba(0,160,142,1) 51%, rgba(0,160,142,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(18,167,150,1)), color-stop(50%, rgba(18,167,150,1)), color-stop(51%, rgba(0,160,142,1)), color-stop(100%, rgba(0,160,142,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(290deg, rgba(18,167,150,1) 0%, rgba(18,167,150,1) 50%, rgba(0,160,142,1) 51%, rgba(0,160,142,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(290deg, rgba(18,167,150,1) 0%, rgba(18,167,150,1) 50%, rgba(0,160,142,1) 51%, rgba(0,160,142,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(290deg, rgba(18,167,150,1) 0%, rgba(18,167,150,1) 50%, rgba(0,160,142,1) 51%, rgba(0,160,142,1) 100%); /* ie10+ */}
.bgTtlbox01 .boxInner dl dt .time{ font-size: 2.8rem; font-weight: bold;}
.bgTtlbox01 .boxInner dl dt img{ display: block; margin: 10px auto 0px; width: 26px; height: 26px;}
.bgTtlbox01 .boxInner dl .text{ padding: 30px; width: 573px;}
.bgTtlbox01 .boxInner dl .text .event{ font-size: 2.2rem; font-weight: bold; color: #00a08d;}
.bgTtlbox01 .boxInner dl .scheduleImg{ width: 190px;}
.bgTtlbox01 .boxInner dl .scheduleImg img{ width: 100%; height: auto;}

@media screen and (max-width: 767px){
.bgTtlbox01 .ttl{ font-size: 1.4rem;}
 
.bgTtlbox01 .boxInner dl,
.bgTtlbox01 .boxInner dl dt,
.bgTtlbox01 .boxInner dl dd,
.bgTtlbox01 .boxInner dl .text{ width: 100%; display: block;}
.bgTtlbox01 .boxInner,
.bgTtlbox01 .boxInner dl dt,
.bgTtlbox01 .boxInner dl .text{ padding: 10px 15px 15px;}
.bgTtlbox01 .boxInner dl .text .event{ font-size: 1.6rem;}

.bgTtlbox01 .boxInner dl dt{ padding: 5px 15px; text-align: left; font-size: 1rem;}
.bgTtlbox01 .boxInner dl dt img{ width: 20px; height: 20px; display: inline-block; margin:0 5px 5px 0;}
.bgTtlbox01 .boxInner dl dt .time{ font-size: 1.7rem;}

.bgTtlbox01 .boxInner dl:after{ left: 50%; margin-left: -14px;}

.bgTtlbox01 .boxInner dl .scheduleImg{ width: 100%; margin: 0 auto; padding: 0 30px 15px;}
}

.bgTtlbox02{ margin-top: 30px;}
.bgTtlbox02 .ttl{ background: #00a08e; color: #fff; text-align: center; font-size: 1.6rem; font-weight: bold; padding: 5px; margin: 0 auto;}
.bgTtlbox02 .boxInner{ padding: 20px;}
.bgTtlbox02 .boxInner:nth-child(odd){ background: #e0fbf7;}
.bgTtlbox02 .boxInner:nth-child(even){ background: #f1fffd;}

.bgTtlbox02 .boxInner dl{ display: table;}
.bgTtlbox02 .boxInner dl dt,
.bgTtlbox02 .boxInner dl dd{ display: table-cell; vertical-align: middle;}
.bgTtlbox02 .boxInner > dl > dt{ width: 200px;}
.bgTtlbox02 .boxInner > dl > dt img{ width: 100%; height: auto;}
.bgTtlbox02 .boxInner > dl > dd{ padding-left: 20px;}
.bgTtlbox02 .boxInner > dl > dd dl{ margin-top: 10px;}
.bgTtlbox02 .boxInner > dl > dd dl.leader dt{ background: #00a08e;}
.bgTtlbox02 .boxInner > dl > dd dl.leader dd{ font-size: 2rem; color: #00a08e; font-weight: bold;}
.bgTtlbox02 .boxInner > dl > dd dl:first-child{ margin-top: 0;}
.bgTtlbox02 .boxInner > dl > dd dl dt{ width: 126px; font-weight: bold; text-align: center; padding: 3px 5px; background: #9a9a9a; color: #fff;}
.bgTtlbox02 .boxInner > dl > dd dl dd{ padding-left: 15px;}

.bgTtlbox02 .boxInner .leader dt{ background: #00a08e;}

@media screen and (max-width: 767px){
	.bgTtlbox02 .boxInner dl,
	.bgTtlbox02 .boxInner > dl > dd dl dt,
	.bgTtlbox02 .boxInner dl dd{ display: block; width: 100%;}
	
	.bgTtlbox02 .boxInner > dl > dd dl dt{ width: 100%; text-align: left;}
	.bgTtlbox02 .boxInner dl .text,
 .bgTtlbox02 .boxInner > dl > dd dl dd{ padding: 0;}
 .bgTtlbox02 .boxInner > dl > dt{ width: 100%; display: block; padding: 0 30px; margin: 0 auto 15px;}
 
 .bgTtlbox02 .boxInner > dl > dd dl.leader dd{ font-size: 1.6rem; margin-top: 5px;}
}

.bgTtlbox03{ margin-top: 30px;}
.bgTtlbox03 .ttl{ background: #00a08e; color: #fff; font-size: 1.6rem; font-weight: bold; padding: 8px 0 8px 20px; margin: 0 auto; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.bgTtlbox03 .boxInner{ overflow: hidden; border: solid 1px #dfdfdf; border-top: none; border-bottom: none; padding: 20px 30px 30px;}
.bgTtlbox03 .boxInner .episodeTtl{ font-size: 2.4rem; color: #d578b6; border-bottom: solid 1px #dfdfdf;}

.bgTtlbox03 .boxInner .textArea{ margin-top: 20px;}
.bgTtlbox03 .boxInner .textArea p{ line-height: 1.85;}
.bgTtlbox03 .boxInner .text{ float: left; width: 640px;}
.bgTtlbox03 .boxInner .img{ float: right; width: 240px;}

.bgTtlbox03 .nameArea{ border: solid 1px #dfdfdf; border-top: none; background: #f3f3f3; padding: 10px 20px; text-align: right;}
.bgTtlbox03 .nameArea p span{ font-size: 1.2rem;}

@media screen and (max-width: 767px){
 .bgTtlbox01,
 .bgTtlbox02,
 .bgTtlbox03{ margin-top: 20px;}
 .bgTtlbox03 .boxInner{ padding: 15px;}
 
 
 .bgTtlbox03 .boxInner .episodeTtl{ font-size: 1.6rem; margin: 0; padding-bottom: 5px;}
	.bgTtlbox03 .boxInner .textArea{ float: none; width: 100%; margin: 10px 0 0;}
 .bgTtlbox03 .boxInner .text{ float: none; width: auto; }
 .bgTtlbox03 .boxInner .img{ float: none; width: 119px; height: auto; margin: 20px auto 10px;}
	.bgTtlbox03 .boxInner .img img{ width: 100%; height: auto;}
  
  .bgTtlbox03 .nameArea p span{ font-size: 1rem;}
}


.flowList01{ display: table; margin-top: 20px;}
.flowList01 dt,
.flowList01 dd{ display: table-cell; vertical-align: middle;}
.flowList01 dt{ width: 224px; color: #fff; font-size: 1.8rem; text-align: center;
background: -moz-linear-gradient(290deg, rgba(18,167,150,1) 0%, rgba(18,167,150,1) 50%, rgba(0,160,142,1) 51%, rgba(0,160,142,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(18,167,150,1)), color-stop(50%, rgba(18,167,150,1)), color-stop(51%, rgba(0,160,142,1)), color-stop(100%, rgba(0,160,142,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(290deg, rgba(18,167,150,1) 0%, rgba(18,167,150,1) 50%, rgba(0,160,142,1) 51%, rgba(0,160,142,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(290deg, rgba(18,167,150,1) 0%, rgba(18,167,150,1) 50%, rgba(0,160,142,1) 51%, rgba(0,160,142,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(290deg, rgba(18,167,150,1) 0%, rgba(18,167,150,1) 50%, rgba(0,160,142,1) 51%, rgba(0,160,142,1) 100%); /* ie10+ */}
.flowList01 dt span{ display: block; width: 34px; height: 34px; background: #fff; border-radius: 3px; font-size: 2rem; color: #00a08e; margin: 0 auto 10px; font-weight: bold;}
.flowList01 .text{ font-size: 1.6rem; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; padding-left: 30px; width: 488px; background: #fff;}
.flowList01 .thumb{ width: 268px; border-right: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; border-top: solid 1px #dfdfdf;}
.flowList01 .thumb img{ width: 100%; height: auto;}

@media screen and (max-width: 767px){
	.flowList01,
	.flowList01 dt,
	.flowList01 dd{ display: block; width: 100%; }
	.flowList01 dt{ text-align: left; font-size: 1.4rem; padding: 10px 15px;}
 .flowList01 dt span{ text-align: center; width: 27px; height: 27px; margin: 5px 15px 0 0; font-size: 1.8rem; float: left;}
 .flowList01{ margin-top: 20px;}
 .flowList01 .text{ font-size: 1.2rem; width: 100%; padding: 15px; border-top: 0; border-bottom: 0; border-left: solid 1px #dfdfdf; border-right: solid 1px #dfdfdf;}
 .flowList01 .thumb{ width: 100%; margin: 0 auto; padding: 0 15px 15px; border: solid 1px #dfdfdf; border-top: 0;}
 .flowList01 .thumb img{ width: 100%; height: auto; padding: 0 30px;}
 
 }

.accessArea{ margin-top: 30px; padding: 30px; background: url(/profile/recruit/AD/common/img/bg_map_01.png)no-repeat right center #f3f3f3;}
.accessArea.newArea{ margin-top: 30px; padding: 30px; background: url(/profile/recruit/AD/common/img/bg_map_01.png)no-repeat right 20px bottom 120px #f3f3f3;}
.accessArea .hours{ background: #fff; width: 100%; display: table; padding: 20px;}
.accessArea .hours dt,
.accessArea .hours dd{ display: table-cell; vertical-align: middle;}
.accessArea .hours dt{ width: 90px; text-align: center; background: #00a08e; padding:5px; color: #fff;}
.accessArea .hours dd{ padding-left: 20px;}
.accessArea .hours dd p{ font-size: 1.2rem;}
.accessArea .hours dd .time{ color:#00a08e; font-size: 1.6rem;}

.accessArea .areaTable{ width: 100%; margin-top: 20px;}
.accessArea .areaTable th,
.accessArea .areaTable td{ vertical-align: middle;}
.accessArea .areaTable th{ padding: 10px; width: 130px; background: #828282; color: #fff; border-bottom: solid 1px #f3f3f3; text-align: center;}
.accessArea .areaTable th span{ display: block; font-size: 1rem;}
.accessArea .areaTable td{ padding: 10px 20px;}

.accessArea .areaTable td ul li{ display: inline-block; margin: 5px 25px 5px 0;}
.accessArea .areaTable td ul li a{ background: url(/profile/recruit/AD/common/img/icon_arow_d_01.png)no-repeat 0 2px; background-size: 13px auto; padding-left: 20px; text-decoration: underline;}
.accessArea .areaTable td ul li a:hover{ text-decoration: none;}
.accessLabel{ background: #f3f3f3; padding: 5px 10px; font-size: 1.2rem;}

@media screen and (max-width: 767px){
 
 .accessArea{ margin-top: 20px; padding: 15px; background: url(/profile/recruit/AD/common/img/bg_map_01.png)no-repeat center #f3f3f3; background-size: 230px auto;}
.accessArea.newArea{ margin-top: 20px; padding: 15px; background: url(/profile/recruit/AD/common/img/bg_map_01.png)no-repeat center #f3f3f3; background-size: 230px auto;}
 .accessArea .hours{ padding: 10px;}
 .accessArea .hours dt{ width: 40px; padding: 5px 7px; line-height: 1.25;}
 .accessArea .hours dd .time{ font-size: 1.2rem;}
 .accessArea .hours dd p{ font-size: 1rem;}
 
.accessArea .areaTable,
.accessArea .areaTable tr,
.accessArea .areaTable th,
.accessArea .areaTable td{ display: block; width: 100%;}

.accessArea .areaTable th{ text-align: center; padding: 2px;}
.accessArea .areaTable td{ padding: 10px 0;}
.accessArea .areaTable td ul li{  margin: 5px 15px 5px 0;}
.accessArea .areaTable td ul li a{ padding: 1px 0 1px 20px;}
	
.accessLabel{ padding: 3px 8px; font-size: 1rem;}

}

/*--------------------------------
Q&A
---------------------------------*/
.qandaList01,
.qandaList02{ margin-top: 20px;}
.qandaList01 .voice,
.qandaList02 dl{ margin-top: 20px;}
.qandaList01 .voice > dt{ font-size: 1.6rem; background: url(/profile/recruit/AD/common/img/icon_question_01.png)no-repeat 20px 50%; background-size: 32px auto; font-weight: bold; color: #d578b6; padding: 24px 24px 24px 74px; border: solid 1px #dfdfdf; border-left: solid 3px #d578b6; position: relative;}

.qandaList01 .voice > dt:after{ content: ""; position: absolute; top: 50%; right: 30px; display: block; width: 20px; height: 20px; margin-top: -10px; background: url(/profile/recruit/AD/common/img/icon_plus_01.png)no-repeat; background-size: 20px auto;}
.qandaList01 .voice > dt.cur:after{ content: ""; position: absolute; top: 50%; right: 30px; display: block; width: 20px; height: 20px; margin-top: -10px; background: url(/profile/recruit/AD/common/img/icon_minus_01.png)no-repeat; background-size: 20px auto;}

.qandaList01 .voice .answer{ display: none; background: #f3f3f3; padding: 30px;}
.qandaList01 .voice .answer dl{ overflow: hidden; margin-bottom: 25px;}
.qandaList01 .voice .answer dl:last-child{ margin-bottom: 0;}
.qandaList01 .voice .answer dl:nth-child(odd) dt,
.qandaList01 .voice .answer dl:nth-child(even) dd{ float: left;}
.qandaList01 .voice .answer dl:nth-child(even) dt,
.qandaList01 .voice .answer dl:nth-child(odd) dd{ float: right;}
.qandaList01 .voice .answer dl dt{ width: 102px;}
.qandaList01 .voice .answer dl dt span{ display: block;}
.qandaList01 .voice .answer dl dt .thumb{ width: 74px; margin-bottom: 5px;}
.qandaList01 .voice .answer dl dt .thumb img{ width: 100%;}
.qandaList01 .voice .answer dl dt .position{ font-size: 1rem; margin-bottom: 5px;}
.qandaList01 .voice .answer dl dd{ position: relative; width: 800px; padding: 20px; background: #fff; border-top: solid 2px #d578b6; border-radius: 2px; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); margin: 0 1px 1px 0;}
.qandaList01 .voice .answer dl dd p{ line-height: 1.85;}
.qandaList01 .voice .answer dl dd p.second{ background: url(/profile/recruit/AD/common/img/icon_question_01.png)no-repeat 0 50%; background-size: 22px auto; font-weight: bold; color: #d578b6; padding: 4px 4px 6px 32px; position: relative; margin-top: 12px; line-height: 1.6;}
.qandaList01 .voice .answer dl dd:after{ content: ""; display: block; position: absolute; top: 30px; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 11px; border-color: #ffffff transparent transparent transparent;}

.qandaList01 .voice .answer dl:nth-child(even) dd:after{ right: -11px;}
.qandaList01 .voice .answer dl:nth-child(odd) dd:after{ left: -11px;}

.qandaList02{ margin-top: 20px;}
.qandaList02 dl dt{ font-size: 1.6rem; background: url(/profile/recruit/AD/common/img/icon_question_02.png)no-repeat 20px 50%; background-size: 32px auto; font-weight: bold; color: #00a08d; padding: 24px 75px 24px 74px; border: solid 1px #dfdfdf; border-left: solid 3px #00a08d; position: relative;}

.qandaList02 dl dt:after{ content: ""; position: absolute; top: 50%; right: 30px; display: block; width: 20px; height: 20px; margin-top: -10px; background: url(/profile/recruit/AD/common/img/icon_plus_02.png)no-repeat; background-size: 20px auto;}
.qandaList02 dl dt.cur:after{ content: ""; position: absolute; top: 50%; right: 30px; display: block; width: 20px; height: 20px; margin-top: -10px; background: url(/profile/recruit/AD/common/img/icon_minus_02.png)no-repeat; background-size: 20px auto;}

.qandaList02 dl .answer{ display: none; background: url(/profile/recruit/AD/common/img/icon_answer_01.png)no-repeat 20px 20px #fffbf0; background-size: 32px auto; padding: 32px 32px 32px 75px;}


.colWrap.voice{margin-top: 50px;}
.colWrap.voice .ttl{ background: #d578b6; color: #fff; text-align: center; font-size: 1.6rem; font-weight: bold; padding: 8px; margin: 0 auto;}
.colWrap.voice .voiceInner{ overflow: hidden; background: #f3f3f3; padding: 30px 30px 0;}
.colWrap.voice .col6{ width: 445px; overflow: hidden; margin:0 0 30px 30px;}
.colWrap.voice .col6:nth-child(odd){ margin-left: 0;}
.colWrap.voice .col6 dt{ width: 102px; float: left;}
.colWrap.voice .col6 dt span{ display: block;}
.colWrap.voice .col6 dt .thumb{ width: 74px; margin-bottom: 5px;}
.colWrap.voice .col6 dt .thumb img{ width: 100%;}
.colWrap.voice .col6 dt .position{ font-size: 1rem; margin-bottom: 5px;}
.colWrap.voice .col6 dd{ width: 342px; position: relative; float: right; padding: 18px; background: #fff; border-top: solid 2px #d578b6; border-radius: 2px;}
.colWrap.voice .col6 dd .catch{ font-size: 1.7rem; font-weight: bold; color: #d578b6; margin-bottom: 5px;}
.colWrap.voice .col6 dd p{ line-height: 1.85;}
.colWrap.voice .col6 dd:after{ content: ""; display: block; position: absolute; top: 30px; left: -11px; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 11px; border-color: #ffffff transparent transparent transparent;}

.qandaList01 dl dt:hover,
.qandaList02 dl dt:hover{ cursor: pointer;}


@media screen and (max-width: 767px){
.qandaList01,
.qandaList02,
.colWrap.voice{ margin-top: 20px;}
.qandaList01 .voice,
.qandaList02 dl{ margin-top: 15px;}
 
.qandaList01 .voice .answer dl{ margin-bottom: 20px;}
 
.qandaList01 .voice .answer dl:nth-child(odd) dt,
.qandaList01 .voice .answer dl:nth-child(even) dd,
.qandaList01 .voice .answer dl:nth-child(even) dt,
.qandaList01 .voice .answer dl:nth-child(odd) dd{ width: 100%; float: none;}

.qandaList01 .voice .answer dl:nth-child(odd) dt,
.qandaList01 .voice .answer dl:nth-child(even) dt{ overflow: hidden; width: 100%; float: none;}

.qandaList01 .voice .answer dl:nth-child(even) dd,
.qandaList01 .voice .answer dl:nth-child(odd) dd{ clear: both;}



.qandaList01 .voice > dt:after{ content: ""; position: absolute; top: 50%; right: 15px; display: block; width: 16px; height: 16px; margin-top: -8px; background: url(/profile/recruit/AD/common/img/icon_plus_01.png)no-repeat; background-size: 16px auto;}
.qandaList01 .voice > dt.cur:after{ content: ""; position: absolute; top: 50%; right: 15px; display: block; width: 16px; height: 16px; margin-top: -8px; background: url(/profile/recruit/AD/common/img/icon_minus_01.png)no-repeat; background-size: 16px auto;}

.qandaList01 .voice .answer dl:nth-child(even) dt,
.colWrap.voice .col6:nth-child(even) dt{ text-align:right;}

.qandaList01 .voice .answer dl dt .position{ margin: 5px 0 0;}

.qandaList01 .voice .answer dl:nth-child(odd) dt .thumb,
.colWrap.voice .col6:nth-child(odd) dt .thumb{ float: left; margin-right: 10px;}
.qandaList01 .voice .answer dl:nth-child(even) dt .thumb,
.colWrap.voice .col6:nth-child(even) dt .thumb{ float: right; margin-left: 10px;}

.qandaList01 .voice .answer{ padding: 15px;}
.qandaList01 .voice > dt{ background: url(/profile/recruit/AD/common/img/icon_question_01.png)no-repeat 15px 50%; background-size: 25px auto; font-size: 1.3rem; padding: 15px 53px;}

.qandaList01 .voice .answer dl dd:after{ content: ""; display: block; position: absolute; top: -7px; left: inherit; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #d578b6 transparent;}

.qandaList01 .voice .answer dl:nth-child(even) dd:after{ right: 20px;}
.qandaList01 .voice .answer dl:nth-child(odd) dd:after{ left: 20px;}


.qandaList02 dl dt{ background: url(/profile/recruit/AD/common/img/icon_question_02.png)no-repeat 15px 50%; background-size: 25px auto; font-size: 1.3rem; padding: 15px 53px;}
.qandaList02 dl .answer{  background: url(/profile/recruit/AD/common/img/icon_answer_01.png)no-repeat 15px 15px #fffbf0; background-size: 25px auto; padding: 15px 10px 15px 54px;}

.qandaList02 dl dt:after{ content: ""; position: absolute; top: 50%; right: 15px; display: block; width: 16px; height: 16px; margin-top: -8px; background: url(/profile/recruit/AD/common/img/icon_plus_02.png)no-repeat; background-size: 16px auto;}
.qandaList02 dl dt.cur:after{ content: ""; position: absolute; top: 50%; right: 15px; display: block; width: 16px; height: 16px; margin-top: -8px; background: url(/profile/recruit/AD/common/img/icon_minus_02.png)no-repeat; background-size: 16px auto;}


.colWrap.voice .col6,
.colWrap.voice .col6 dt,
.qandaList01 .voice .answer dl dt{ width: 100%; display: block; margin: 0 0 5px;}

.colWrap.voice .col6{ margin-top: 10px;}

.colWrap.voice .col6 dt .thumb,
.qandaList01 .voice .answer dl dt .thumb{ width: 50px; float: left;}
.colWrap.voice .col6 dt .name{ padding-top: 15px;}
.colWrap.voice .col6 dt .position + .name{ padding-top: 0;}
.colWrap.voice .col6 dd{ width: 100%; float: none; clear: both; padding: 15px;}
.colWrap.voice .col6 dd .catch{ font-size: 1.4rem; margin-bottom: 5px;}
.colWrap.voice .col6 dd p{ line-height: 1.66;}
.colWrap.voice .col6 dd:after{ content: ""; display: block; position: absolute; top: -7px; left: inherit; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #d578b6 transparent;}

.colWrap.voice .col6:nth-child(even) dd:after{ right: 20px;}
.colWrap.voice .col6:nth-child(odd) dd:after{ left: 20px;}

.colWrap.voice .voiceInner{ padding: 5px 15px 15px;}
}


/*--------------------------------
TAB CONTENTS
---------------------------------*/
.tabContentswrap{}
.tabContentswrap .tabs{ display: block; font-size: 0; margin-top: 30px;}
.tabContentswrap .tabs li{ width: 327px; background: #f8f8f8; display: inline-block; border-radius: 3px 3px 0 0; vertical-align: bottom; text-align: center; font-size: 1.8rem; border: solid 1px #bababa; margin-left: -1px; padding: 10px;}
.tabContentswrap .tabs li:first-child{ margin-left: 0; background: #f8f8f8;}
.tabContentswrap .tabs li:hover{ cursor: pointer;}
.tabContentswrap .tabs li.cur{ background: #fff; border-top: solid 3px #00a08e; border-bottom: none; padding: 15px 10px;}
.tabContentswrap .tabs li.cur:hover{ cursor: default;}

.tabContentswrap .tabContents{ display: none;}
.tabContentswrap .tabContents:nth-child(2){ display: block;}

@media screen and (max-width: 767px){
	.tabContentswrap .tabs li{ font-size: 1.2rem; width: 33.33%; padding: 12px 5px; }
 .tabContentswrap .tabs li.cur{ padding: 15px 5px; }
}

/*--------------------------------
TABLE
---------------------------------*/
.tableAcwrap .acBtn{ font-size: 1.8rem; padding-left: 20px; border-left: solid 4px #00a08e; color: #00a08e; margin-top: 20px;}

.table01{ width: 100%; border: solid 1px #dfdfdf; margin-top: 30px;}
.table01 th,
.table01 td{ border: solid 1px #dfdfdf; padding: 20px; vertical-align: middle;}

.table01 th{ background: #f7f7f7; font-weight: bold; text-align: center;}


.table03{ margin-top: 10px;}
.table03 th,
.table03 td{ text-align: center; padding: 8px 0;}
.table03 th{ width: 220px; color: #fff; vertical-align: middle; padding: 5px;}
.table03 .row01{ border: solid 1px #00a08e;}
.table03 .row02{ border: solid 1px #ff7b7b;}
.table03 .row03{ border: solid 1px #828282;}

.table03 .row01 small{ display: block; font-size: 1.2rem;}

.table03 th.row01{ background: #13b5b1;}
.table03 th.row02{ background: #ff7b7b;}
.table03 th.row03{ font-size: 1.2rem; background: #828282;}

.table03 td.row01{ background: #f2fffe; color: #00a08e;}
.table03 td.row02{ background: #fff2f2; color: #ff7b7b; vertical-align: middle;}
.table03 td.row03{ background: #f7f7f7; color: #828282;}

.training{ width: 100%; margin-top: 30px;}
.training th,
.training td{ padding: 20px; background: url(/profile/recruit/AD/common/img/bg_bd_v_01.gif)repeat-y right,url(/profile/recruit/AD/common/img/bg_bd_s_01.gif)repeat-x bottom; vertical-align: middle; font-weight: bold;}.training td p.ttl{ color: #00a08d; font-weight: bold; font-size: 1.6rem;}
.training th{ position: relative; background: url(/profile/recruit/AD/common/img/bg_bd_v_01.gif)repeat-y right,url(/profile/recruit/AD/common/img/bg_bd_s_01.gif)repeat-x bottom #00a08d; text-align: center; color: #fff;}
.training th:after{ content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -10px; display: block; width: 28px; height: 28px; background: url(/profile/recruit/AD/common/img/icon_arrow_d_01.png)no-repeat; background-size: 28px auto; z-index: 1;}

.training tr:first-child th:after,
.training tr:last-child th:after{ content: none;}

.training tr:first-child th:first-child{ background: url(/profile/recruit/AD/common/img/bg_bd_v_01.gif)repeat-y left, url(/profile/recruit/AD/common/img/bg_bd_v_01.gif)repeat-y right,url(/profile/recruit/AD/common/img/bg_bd_s_01.gif)repeat-x bottom #828282; width: 260px;}
.training tr th:first-child{ background: url(/profile/recruit/AD/common/img/bg_bd_v_01.gif)repeat-y left, url(/profile/recruit/AD/common/img/bg_bd_v_01.gif)repeat-y right,url(/profile/recruit/AD/common/img/bg_bd_s_01.gif)repeat-x bottom #00a08d; font-size: 1.8rem;}
.training tr:first-child th{ font-size: 1.6rem; padding: 10px 20px; background: url(/profile/recruit/AD/common/img/bg_bd_v_01.gif)repeat-y right,url(/profile/recruit/AD/common/img/bg_bd_s_01.gif)repeat-x bottom #828282; color: #fff; text-align: center;}
.training .period{ font-size: 2.2rem; font-weight: bold; text-align: center; color: #00a08d; background: url(/profile/recruit/AD/common/img/bg_bd_v_01.gif)repeat-y right,url(/profile/recruit/AD/common/img/bg_bd_s_01.gif)repeat-x bottom #f7f7f7;}
.training tr th:first-child{}
.training td .innerBox01{ width: 100%; display: table; margin-top: 10px;}
.training td .innerBox01 dt,
.training td .innerBox01 dd{ padding: 6px 12px; display: inline-block; vertical-align: middle;}
.training td .innerBox01 dt{ width: 52px; font-weight: bold; background: #dbdbdb;}
.training td .innerBox01 dd{ background: #f7f7f7;}
.training td .innerBox01 dd .ttl{ font-size: 1.6rem; color: #00a08d;}
.training td .innerBox01 dd p strong{ font-weight: bold;}

.fpText{ padding-left: 140px;}

.tableAcwrap .table01 th{ width: 150px;}
.tableAcwrap .table01 td:last-child{ width: 258px;}

@media screen and (min-width: 768px){

.tableAcwrap table{ display: table !important;}
.contactTablewrap{ display: block !important; height: auto !important; margin-top: 25px !important; overflow: inherit !important;}
}

@media screen and (max-width: 767px){
.tableWrap{ margin-top: 20px;}
.tableWrap table{ width: 100%; margin-top: 0;}
 
.table01,
.table01 tbody,
.table01 tr,
.table01 th,
.table01 td,
.tableAcwrap .table01 th,
.tableAcwrap .table01 td:last-child{ display: block; width: 100%;}

.table01{ border: none; margin-top: 20px;}

.table01 th,
.table01 td{ padding: 8px 10px; border: none;}

.table01 th,
.table01 td{ border: solid 1px #dfdfdf; border-top: none;}
.table01 tr:first-child th{ border-top: solid 1px #dfdfdf;}

.table03 .row01 small{ font-size: 1rem;}   

.training td{ padding: 10px;}
.training td .innerBox01 dt{ width: 33px;}

.training tr:first-child th,
.training tr th:first-child,
.training th,
.training .period{ font-size: 1.2rem; padding: 5px;}

.training td p.ttl{ font-size: 1.4rem;}

.training tr:first-child th:first-child{ width: 90px;}
.training tr:first-child th:last-child{ width: 65px;}

.tableAcwrap{}
.tableAcwrap .acBtn{ display: block; color: #00a08d; font-size: 1.3rem; font-weight: bold; padding: 10px 15px; border: solid 1px #dfdfdf; border-left: solid 3px #00a08d; position: relative; margin-top: 15px;}
.tableAcwrap .acBtn:hover{ cursor: pointer;}
.tableAcwrap .acBtn:after{ content: ""; position: absolute; top: 13px; right: 15px; display: block; width: 16px; height: 16px; background: url(/profile/recruit/AD/common/img/icon_plus_02.png)no-repeat; background-size: 16px auto;}
.tableAcwrap .acBtn.cur:after{ content: ""; position: absolute; top: 13px; right: 15px; display: block; width: 16px; height: 16px; background: url(/profile/recruit/AD/common/img/icon_minus_02.png)no-repeat; background-size: 16px auto;}

.tableAcwrap .table01 tr{ margin-top: 15px;}

.training td .innerBox01 dt{ padding: 15px 0; text-align: center; display: table-cell;}
.training td .innerBox01 dd{ padding: 6px; display: table-cell;}
}


.parentLinkWrap{ margin-top: 50px; width: 980px;}
.parentLinkWrap dl{background: #efefef; padding: 50px 0; height: 240px;}
.parentLinkWrap dl.cur{display: block;}
.parentLinkWrap dl dt{text-align: center; font-size: 2.2rem; color: #00a08e;}
.parentLinkWrap dl dd{margin-top: 30px;}
.parentLinkWrap dl dd ul{display:table;margin: 0 auto;}
.parentLinkWrap dl dd ul li{display: table-cell;vertical-align: middle;line-height: 1.5;padding: 0 5px;}
.parentLinkWrap dl dd ul li a{width: 170px; text-align: center;display: table-cell;background: url(/profile/recruit/AD/common/img/bg_btn_corner_y_01.png) no-repeat right top #00a08e;color: #fff;font-size: 1.4rem; background-size: 16px auto; padding: 18px 15px;transition: background-color 0.5s; vertical-align:middle;height: 80px;}
.parentLinkWrap dl dd ul li a:hover{background-color: #fabf00;}

/*unique setting*/
.parentLinkWrap dl.menu1Block{background: url(/profile/recruit/AD/common/img/bg_gnav_menu1.png) no-repeat 0 0;}
.parentLinkWrap dl.menu2Block{background: url(/profile/recruit/AD/common/img/bg_gnav_menu2.png) no-repeat 0 0;}
.parentLinkWrap dl.menu3Block{background: url(/profile/recruit/AD/common/img/bg_gnav_menu3.png) no-repeat 0 0;}

@media screen and (max-width: 767px){
 .parentLinkWrap{ margin-top: 20px; width: 100%;}
 .parentLinkWrap dl{ height: auto; padding: 20px;}
 .parentLinkWrap dl dt{ font-size: 1.4rem;}
 .parentLinkWrap dl dd { margin-top: 15px;}
 .parentLinkWrap dl dd ul,
 .parentLinkWrap dl dd ul li,
 .parentLinkWrap dl dd ul li a{ width: 100%; height: auto; display: block;}
 .parentLinkWrap dl dd ul li{ margin: 10px 0 0;}
 .parentLinkWrap dl dd ul li:first-child{ margin-top: 0;}
 .parentLinkWrap dl dd ul li a{ font-size: 1.3rem; padding: 13px 10px;}
 
 .parentLinkWrap dl.menu1Block,
 .parentLinkWrap dl.menu2Block,
 .parentLinkWrap dl.menu3Block{background: #f3f3f3;}
    
.fpText{ padding-left: 0;}    
    
}


/*---------------------------------
 unique benefit
-----------------------------------*/
.benefitList01{ display: block; text-align: center; font-size: 0;}
.benefitList01 li{ display: inline-block; margin-left: 13px;}
.benefitList01 li:first-child{ margin-left: 0;}

.benefitList01 + .noticeList{ text-align: right;}

.bgText01{ display: inline-block; margin: 5px 0; padding: 4px 10px; background: #f7f7f7; font-weight: bold;}

@media screen and (max-width: 767px){
 .benefitList01{ margin: 0 -5px;}
 .benefitList01 li{ width: 50%; display: inline-block; padding: 5px; margin: 0;}
 .benefitList01 li img{ width: 100%; height: auto;}
 
 .benefitList01 + .noticeList{ text-align: left;}
}

/*---------------------------------
 unique reference
-----------------------------------*/
.contentsInner.popup{ max-width: 980px;}

.contentsInner.popup .btnClose{ width: 200px; margin: 50px auto 60px;}
.contentsInner.popup .btnClose a{ font-size: 1.6rem; font-weight: bold; color: #333333; display: inline-block; width: 100%; padding: 15px; text-align: center; border: solid 1px #d1d1d1;}
.contentsInner.popup .btnClose a span{ display: inline-block; width: 100%; background: url(/profile/recruit/AD/common/img/icon_close_01.png)no-repeat right center;}
.contentsInner.popup .btnClose a:hover{ opacity: 0.8;}
.reference .popup .bgBox01 img{ width: 100%; height: auto;}

/*---------------------------------
 unique faq
-----------------------------------*/
.contentsInner .deviceTtlbd02.faq{ margin-top: 50px;}

@media screen and (max-width: 767px){
.contentsInner .deviceTtlbd02.faq{ margin-top: 30px; margin-bottom: 0;}
}


/*---------------------------------
 LB
-----------------------------------*/
.layerLb{ width: 100%; height: 100%; position: fixed; top: 0; background: #000; display: block; z-index: 20; opacity: 0.8;}

.lbWrap{ position: fixed; top: 50%; left: 50%; background: #000; z-index: 20; opacity: 0; width: 640px; margin: -230px 0 0 -320px;}

.lbWrap .lbClose{ width: 28px; height: 28px; display: block; position: absolute; right: 0; top: -38px;}
.lbWrap .lbClose:hover{ cursor: pointer;}
@media screen and (max-width: 767px){
  .lbWrap{ width: 290px; margin: -130px 0 0 -145px;}
  .lbWrap video{ width: 290px; height: auto;}
}

/*---------------------------------
 device
-----------------------------------*/
.spOnly{display: none;}
.pcOnly{display: block;}
.pcOnly_l{display: inline;}

@media screen and (max-width: 767px){
.spOnly{display: block !important;}
.pcOnly,
.pcOnly_l{display: none !important;}
}


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

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/*---------------------------------
 margin
-----------------------------------*/
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mt60-spMt25{ margin-top: 60px !important;}

@media screen and (max-width: 767px){
.mt60-spMt25{ margin-top: 25px !important;}

}

/*---------------------------------
 fig
-----------------------------------*/
.figL{ float:left;}
.figR{ float:right;}
.clear{ clear:both;}

.layoutC{ text-align:center !important;}
.layoutR{ text-align:right !important;}
.layoutL{ text-align:left !important;}




/*---------------------------------
 contact
-----------------------------------*/
.contact .table01 {
	margin-top: 20px;
}

@media screen and (max-width: 767px){
 .contact .contactTablewrap {
	display: none;
 }
 .contact .cur + .contactTablewrap {
   display: block !important;
 }
    
}

@media screen and (min-width: 768px){
 .contact .contactTablewrap {
   display: block !important;
 }
}
/*---------------------------------
 training
-----------------------------------*/
.bgTtlbox04 .ttl {
    background: #00a08e;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 8px;
    margin: 0 auto;
}
.bgTtlbox04 .boxInner {
    background: #f3f3f3;
    padding: 30px;
}
@media screen and (max-width: 767px){
.bgTtlbox04 .boxInner { padding: 15px;}
.bgTtlbox04 img { width: 100%;}
}

/*---------------------------------
 career
-----------------------------------*/

.colWrap.machHeightWrap2 .col6.contentsCol03 img { width: 100%;}


/*---------------------------------
 guideline
-----------------------------------*/
.table01 tr td ul.iconList02 li{ background: url(/profile/recruit/AD/common/img/icon_circle_02.png)no-repeat 0 6px; background-size: 7px auto; padding-left: 15px; margin: 4px 0;}

/*---------------------------------
 system
-----------------------------------*/
.system .deviceTtl01 {
    font-size: 2.4rem;
    margin-top: 20px;
}
@media screen and (max-width: 767px){
 .system .deviceTtl01 { font-size: 1.8rem; margin-top: 15px;}
}
/*---------------------------------
 saraly
-----------------------------------*/
.saralyBox{ background: #eafbff; padding: 30px; overflow: hidden; margin-top: 20px;}
.saralyBox .imgCol{ width: 100%;}
.saralyBox .imgCol img{ width: auto; display: block; margin: 0 auto;}

.saralyBox .textCol{ width: 410px; float: right; border: solid 1px #a6deea; background: #fff; padding: 22px;}
.saralyBox .textCol .ttl{ color: #0092b1; font-weight: bold; margin-top: 20px;}
.saralyBox .textCol .ttl:first-child{ margin-top: 0;}

.imgMax{ text-align: center;}

@media screen and (max-width: 767px){
 .saralyBox{ background: #eafbff; padding: 15px; overflow: hidden; margin-top: 10px;}
 .saralyBox .imgCol{ width: 100%;}
 .saralyBox .imgCol{ margin: 0;}
 .saralyBox .textCol{ margin: 10px 0 0; padding: 14px;}
 .saralyBox .imgCol img{ width: 100%;}
 
 .imgMax img{ width: 100%;}
}

@media screen and (max-width: 767px){
.reference .bgBox01{
  width: 100%;
  overflow-x: scroll;
}

.reference .bgBox01::-webkit-scrollbar {
  height: 4px;
}
.reference .bgBox01::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #fff;
  border-radius: 2px;
}
.reference .bgBox01::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #ccc;
}

.reference .bgBox01 img {
  width: 920px;
}
}

.noticeList li{ text-indent: -1em; margin-left: 1em;}
.noticeNumberList li{ text-indent: -3.6em; margin-left: 3.6em;}

.brandingMovie01 .noticeList li{ text-indent: -1em; margin-left: 2em;}
.brandingMovie01 .noticeList{ margin: 0;}

@media screen and (max-width: 767px){
.space{ margin-right: 0.5em;}
.brandingMovie01 .noticeList li{ text-indent: -1em; margin-left: 1em;}
}

.textBlack{ color: #333;}

/*---------------------------------
 omoi
-----------------------------------*/

.omoi .mainVisual{ width: 980px; height: 280px; margin-top: 30px; padding: 20px 30px 30px; background: url(/profile/recruit/AD/work/omoi/img/img_main.png);}
.omoi .mainVisual dt{ color: #1badd2; font-size: 2.0rem; margin-bottom: 30px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.omoi .mainVisual dd p.text{ line-height: 1.75;}

@media screen and (max-width: 767px){
.omoi .mainVisual{ width: 100%; height: auto; margin-top: 30px; padding: 20px 0 0; background: #eff8fd;}
.omoi .mainVisual dt{ text-align: center; font-size: 1.6rem; margin-bottom: 20px;}
.omoi .mainVisual dd p.text{ padding: 0 10px;}
.omoi .mainVisual dd p img{ width: 100%; padding: 0;}
}