@charset "utf-8";
/* =======================================

	ContentsElements

======================================= */
a:link { text-decoration:none; color: #0a9ece;}
a:visited { text-decoration:none; color: #0a9ece;}
a:active { text-decoration:none; color: #0a9ece;}
a:hover { text-decoration:underline; color: #0a9ece;}

#wrapper {
	overflow: hidden;
	position: relative;
	background: #FFF;
}
#wrapInner {
	margin: 0 0 50px;
	overflow: hidden;
	position: relative;
}
.attention {
	color: #ca0817;
}

/* ------------------------------------
	breadcrumbs
------------------------------------ */
#breadcrumbs {
	width: 100%;
	text-align: right;
	font-size: 86%;
	position: absolute;
	top: 30px;
	right: 30px;
}
#breadcrumbs a {
	margin: 0 4px 0 0;
	color: #000;
	text-decoration: none;
}
#breadcrumbs a:hover {text-decoration: underline;}
#breadcrumbs span {color: #000;}

#breadcrumbs.bgImgBC a,
#breadcrumbs.bgImgBC span {
	color: #FFF;
}

	@media only screen and (max-width: 720px) {
		#breadcrumbs {
			display: none;
		}
	}

/* ------------------------------------
	second layer common
------------------------------------ */
.imgTtlBg {
	width: 100%;
	height: 350px;
	padding: 120px 0 0 0;
	text-align: center;
}
.imgTtlBg.pgService {
	background: url(../service/img/service_ttlbg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.imgTtlBg.pgIr {
	background: url(../ir/img/ir_ttlbg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.imgTtlBg.pgCompany {
	background: url(../company/img/company_ttlbg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.imgTtlBg.pgSeminar {
	background: url(../seminar/img/seminar_ttlbg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.imgTtlBg.pgRecruit {
	background: url(../recruit/img/recruit_ttlbg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.imgTtlBg.pgNextStg {
	background: url(../next-stg/img/next-stg_ttlbg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.imgTtlBg h1 {
	color: #FFF;
	font-size: 2.8em;
	letter-spacing: 0.1em;
}
.imgTtlBg h1 span {
	display: block;
	font-size: 0.46em;
	font-weight: 500;
}
.catch,
.overlap {
	margin: -60px 0 60px 0;
	padding: 60px 50px 0 50px;
	overflow: hidden;
	background: #FFF;
}
.overlap.noMgn {
	margin: -60px 0 0 0;
}
.catch dt {
	margin: 0 0 30px;
	font-size: 2.1em;
}
.catch dt strong {
	color: #ca0817;
}
.catch dd {
	width: 860px;
	margin: 0 auto;
	font-size: 1.14em;
	line-height: 1.8;
}
.catch p.companyCatch {
	font-size: 2.1em;
}
.catchImg {
	width: 980px;
	margin: 0 auto 60px;
	text-align: center;
}
.catchImg img {
	max-width: 980px;
	height: auto;
}
.btnBox {
	margin: 0 0 60px;
	text-align: center;
}
.archiveList {
	margin: 0 0 30px;
}
.archiveList .outer {
	width: 360px;
	margin: 0 50px 50px 0;
	float: left;
	border-top: 4px solid #ca0817;
	position: relative;
}
.archiveList .outer.third {
	margin: 0 0 50px 0;
}
.archiveList.fourCol .outer {
	width: 280px;
	margin: 0 20px 20px 0;
	float: left;
	border-top: 4px solid #ca0817;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
}
.archiveList.fourCol .outer.fourth {
	margin: 0 0 20px 0;
}
.archiveList .outer a {
	text-decoration: none;
}
.archiveList .outer figure {
	overflow: hidden;
	position: relative;
	background: #000;
}
.archiveList .outer figure img {
	width: 100%;
	height: auto;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}
.archiveList .outer figure figcaption {
	color: #FFF;
	font-weight: 500;
	font-size: 0.85em;
	line-height: 1;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.archiveList .outer figure figcaption span {
	margin: 0 0 0 10px;
	font-size: 2.5em;
}
.archiveList .outer .inner {
	padding: 15px 25px;
	text-align: left;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}
.archiveList .outer .inner span.contentsTitle {
	padding: 0 0 0 0.8em;
	font-size: 1.28em;
	color: #000;
	position: relative;
}
.archiveList .outer .inner span.contentsTitle small {
	font-size: 0.7em;
}
.archiveList .outer .inner span.contentsTitle.iconBlank:after {
	padding: 0 0 0 5px;
	font-family: 'takaraCP';
	content: "\e907";
	font-size: 0.6em;
	font-weight: normal;
}

.archiveList .outer .inner span.contentsTitle:before {
	font-family: 'takaraCP';
	content: "\e900";
	line-height: 1;
	font-size: 0.6em;
	color: #ca0817;
	position: absolute;
	top: 6px;
	left: 0;
}
.archiveList .outer .inner p {
	font-size: 0.86em;
	color: #808080;
	line-height: 1.7;
    margin-top: 5px;
}
.archiveList .outer ul {
	margin: 10px 0 0 0;
	overflow: hidden;
}
.archiveList .outer ul li {
	width: 48%;
	margin: 0 4% 10px 0;
	float: left;
}
.archiveList .outer ul li.odd {
	margin: 0 0 10px 0;
}
.archiveList .outer ul li a {
	padding: 7px 10px;
	color: #000;
	line-height: 1.3;
	display: block;
	border: 1px solid #e2e2e2;
}
.archiveList .outer ul li a span {
	padding: 0 0 0 12px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}
.archiveList .outer ul li a span:before {
	font-family: 'takaraCP';
	content: "\e902";
	line-height: 1;
	font-size: 0.6em;
	color: #ca0817;
	position: absolute;
	top: 5px;
	left: 0;
}
.archiveList .outer .label {
	width: 45px;
	height: 45px;
	color: #ffffff;
	line-height: 45px;
	border-radius: 50%;
	position: absolute;
	top: -15px;
	left: -10px;
	z-index: 1;
	animation: flash 1.5s infinite;
}
@keyframes flash{ 50%{opacity: 0;} }
.archiveList .outer .label.new {background: #ca0817;}
.archiveList .outer .label.update {background: #de7618;}

/* -- hover / ZOOM Elements -- */
.archiveList .outer figure img {
	-webkit-transition: all 3s ease-out;
	transition: all 3s ease-out;
}
.archiveList .outer p,
.archiveList .outer span.contentsTitle {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


@media only screen and (min-width: 720px) {
	body:not(.setTb) .archiveList .outer a:hover figure img {
		opacity: 0.7;
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	body:not(.setTb) .archiveList .outer a:hover span.contentsTitle,
	body:not(.setTb) .archiveList .outer a:hover p {
		opacity: 0.7;
	}
}

	@media only screen and (max-width: 1180px) {
		.overlap {
			padding: 60px 0 0 0;
		}
		.overlap.lapShort {
			width: 100%;
		}
		.catchImg {
			width: 90%;
		}
		.archiveList .outer {
			width: 30%;
			margin: 0 5% 5% 0;
		}
		.archiveList .outer.third {
			margin: 0 0 5% 0;
		}
		.archiveList.fourCol .outer {
			width: 22%;
			margin: 0 4% 4% 0;
		}
		.archiveList.fourCol .outer.fourth {
			margin: 0 0 4% 0;
		}
	}

	@media only screen and (max-width: 720px) {
		.imgTtlBg.pgService,
		.imgTtlBg.pgIr,
		.imgTtlBg.pgCompany,
		.imgTtlBg.pgSeminar,
		.imgTtlBg.pgRecruit,
		.imgTtlBg.pgNextStg {
			height: auto;
			padding: 60px 0;
			background-attachment: scroll;
		}
		.imgTtlBg h1 {
			font-size: 2em;
		}
		.catch,
		.overlap {
			margin: 0 0 30px 0;
			padding: 30px 0 0;
		}
		.catch dt, .catch p.companyCatch {
			font-size: 1.6em;
		}
	    .catch p.companyCatch > br {
			display: none;
		}
		.catch dt br {
			display: none;
		}
		.catch dd {
			width: 100%;
		}
		.catchImg {
			width: 100%;
			margin: 0 auto 30px;
		}
		.catchImg img {
			max-width: none;
			max-width: auto;
			width: 100%;
		}
		.archiveList .outer,
		.archiveList .outer.third,
		.archiveList.fourCol .outer,
		.archiveList.fourCol .outer.fourth {
			width: 100%;
			margin: 0 0 20px 0;
		}
		.archiveList .outer .inner {
			padding: 3% 5%;
		}
		.archiveList .outer .inner h2 {
			margin: 0 0 5px;
		}
	}

body.setTb .imgTtlBg {
	background-attachment: scroll;
	background-size: 100% auto;
}

/* ------------------------------------
	third layer common
------------------------------------ */
.ttlBg {
	width: 100%;
	height: 230px;
	margin: 0 0 60px;
	padding: 75px 0 0 0;
	text-align: center;
	background: url(../img/common/ttlbg.png) no-repeat center center;
	background-size: cover;
}
.ttlBg.pgContact {
	width: 100%;
	height: 230px;
	margin: 0 0 60px;
	padding: 75px 0 0 0;
	text-align: center;
	background: url(../img/common/contact_ttlbg.png) no-repeat center center;
	background-size: cover;
}
.ttlBg h1 {
	margin: 0 0 0 60px;
	text-align: center;
	color: #000;
	font-size: 2.6em;
	letter-spacing: 0.1em;
}
.ttlBg h1 span {
	display: block;
	color: #ca0817;
	font-size: 0.41em;
	font-weight: 500;
}
h2.contTtl {
	margin: 0 0 30px;
	text-align: left;
	font-size: 2.15em;
	font-weight: 500;
}
h2.contTtl > span {
	margin: 0 0 0 1em;
	font-size: 0.56em;
}
h2.contTtl > span > span {
	display: inline-block;
}

	@media only screen and (max-width: 720px) {
		.ttlBg {
			height: auto;
			padding: 60px 0;
			margin: 0 0 30px;
		}
		.ttlBg.pgService {
			height: auto;
			padding: 60px 0;
		}
		.ttlBg h1 {
			margin: 0 6%;
			text-align: center;
			font-size: 2em;
		}
		h2.contTtl {
			text-align: center;
			font-size: 2.15em;
		}
		h2.contTtl > span {
			display: block;
			margin: 0;
			color: #808080;
		}
		h2.contTtl > span > span {
			display: none;
		}
	}


/* ====================================

	BASIC

==================================== */
#twoCol main {
	width: 720px;
	float: right;
}
.setEntryBase {
	text-align: left;
	font-size: 16px;
}
.setEntryBase h1,
.setEntryBase h2,
.setEntryBase h4,
.setEntryBase h5,
.setEntryBase h6 {line-height: 1.3;}
.setEntryBase h1 {
	margin: 0 0 40px;
	padding: 0 0 20px;
	font-size: 1.8em;
	font-weight: bold;
	border-bottom: 4px solid #e2e2e2;
}
.setEntryBase h2 {
	margin: 0 0 35px;
	padding: 14px 10px 14px 25px;
	font-size: 1.3em;
	font-weight: bold;
	border-left: 4px solid #ca0817;
	background: #f6f7f5;
}
.setEntryBase h3 {
	margin: 0 0 20px;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.5;
	display: inline-block;
}
.setEntryBase h3.denshi {
	color: #003bad;
}
.setEntryBase h3 span {
	background: linear-gradient(transparent 60%, #f5dee0 60%);
}
.setEntryBase h4 {
	margin: 0 0 10px;
	padding: 0 0 0 1em;
	font-weight: bold;
	border-left: 6px solid #808080;
}
.setEntryBase h4.j-a {
	margin: 0 0 15px;
	padding: 0 0 0 1em;
	font-weight: bold;
	border-left: 6px solid #fad200;
}
.setEntryBase h5 {
	margin: 0 0 10px;
	font-size: 1em;
	font-weight: bold;
}
.setEntryBase p {
	margin: 0 0 30px;
	line-height: 1.8;
}
.setEntryBase .small {
	color: #808080;
	font-size: 87.5%;
}
.setEntryBase .fontSmall {
	font-size: 87.5%;
}
.setEntryBase .attention {
	color: #ca0817;
}
.setEntryBase .alignC {
	text-align: center;
}
.setEntryBase .alignR {
	text-align: right;
}
.setEntryBase .point {
	width: 80%;
	margin: 0 auto 30px;
	padding: 40px;
	background: #eef7fa;
}
.setEntryBase .point img {
	max-width: 100%;
}
.setEntryBase hr {
	height: 4px;
	margin: 60px 0;
	background: #e2e2e2;
	border: none;
}
.setEntryBase sup,
.setEntryBase sup.attention {
	font-size: 60%;
	vertical-align: super;
}
.setEntryBase .indentAstNum {
	text-indent: -2.2em;
	padding: 0 0 0 2.2em;
	display: inline-block;
}
.setEntryBase .indentAst {
	text-indent: -1.2em;
	padding: 0 0 0 1.2em;
	display: inline-block;
}

	@media only screen and (max-width: 720px) {
		#twoCol main {
			width: 100%;
			margin: 0 0 60px;
			float: none;
		}
		.setEntryBase h1 {
			margin: 0 0 30px;
			padding: 0 0 10px;
			font-size: 1.4em;
		}
		.setEntryBase h2 {
			margin: 0 0 20px;
			padding: 10px 10px 10px 20px;
			font-size: 1.2em;
		}
		.setEntryBase h3 {
			margin: 0 0 10px;
			font-size: 1.1em;
		}
		
		.setEntryBase .denshi {
			color: #003bad;
			margin: 0 0 10px;
			font-size: 1.0em;
		}
		.setEntryBase h4 {
			margin: 0 0 10px;
			padding: 0 0 0 1em;
		}
		.setEntryBase h5 {
			margin: 0 0 10px;
			font-size: 1em;
		}
		.setEntryBase .point {
			width: 100%;
		}
		.setEntryBase hr {
			margin: 40px 0;
		}
	}

/* ------------------------------------
	setEntryBase icon / btn
------------------------------------ */
.setEntryBase .iconArrowHead,
.setEntryBase .iconBlank,
.setEntryBase .iconMail,
.setEntryBase .tel {
	padding: 0 0 0 20px;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	position: relative;
}

.setEntryBase .iconBlank-right {
	padding: 0 20px 0 0;
	display: inline-block;
	vertical-align: bottom;
	position: relative;
}
.iconPdf {
	padding: 0 0 0 20px;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	background: url(../img/common/iconPdf.png) no-repeat left 4px;
}
.setEntryBase .tel {
	color: #084fb0;
}
.setEntryBase .tel_tc {
	color: #084fb0;
}
a.btn {
	margin: 5px 5px 10px 0;
	padding: 18px 40px 18px 55px;
	color: #FFF;
	font-size: 0.87em;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	background: #68aabc;
	position: relative;
}
a.btn:before {
	color: #FFF;
	vertical-align: middle;
	font-size: 10px;
	font-family: 'takaraCP';
	content: "\e902";
	position: absolute;
	left: 35px;
	top: 22px;
}
a.btn.mini {
	padding: 7px 30px 7px 55px;
}
a.btn.mini:before {
	color: #FFF;
	vertical-align: middle;
	font-size: 10px;
	font-family: 'takaraCP';
	content: "\e902";
	position: absolute;
	left: 35px;
	top: 10px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
a.btn.mini.iconBlank:after {
	font-family: 'takaraCP';
	content: "\e907";
	color: #FFF;
	font-size: 0.8em;
	display: inline-block;
	margin-left: 0.5em;
}
a.btn.subColor {
	background: #e57c27;
}
.setEntryBase .iconArrowHead:before {
	font-family: 'takaraCP';
	content: "\e902";
	color: #1698bb;
	font-size: 0.7em;
	position: absolute;
	top: 0.4em;
	left: 4px;
	text-decoration: underline;
	display: inline-block;
}
.setEntryBase .iconBlank:before {
	font-family: 'takaraCP';
	content: "\e907";
	color: #1698bb;
	font-size: 0.8em;
	position: absolute;
	top: 3px;
	left: 0;
	text-decoration: underline;
	display: inline-block;
}
.setEntryBase .iconBlank-right:before {
	font-family: 'takaraCP';
	content: "\e907";
	color: #1698bb;
	font-size: 0.8em;
	position: absolute;
	top: 1px;
	right: 0;
	display: inline-block;
}

.setEntryBase .iconMail:before {
	font-family: 'takaraCP';
	content: "\e903";
	color: #1698bb;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: underline;
	display: inline-block;
}
.setEntryBase .tel:before {
	font-family: 'takaraCP';
	content: "\e906";
	color: #084fb0;
	position: absolute;
	top: 0;
	left: 0;
}
.setEntryBase .tel_tc:before {
	font-family: 'tandc';
	 margin: 0 0.3em 0 0;
	 content: "\e916"!important;
	 color: #002d78;
}

/*for IE*/
.setEntryBase .iconArrowHead:before,
.setEntryBase .iconBlank:before,
.setEntryBase .iconMail:before {
	text-decoration: none;
}

	@media only screen and (max-width: 720px) {
	a.btn {
		padding: 10px 30px 10px 40px;
	}
	a.btn:before {
		font-family: 'takaraCP';
		left: 25px;
		top: 14px;
	}
}

a.e-ad-btn {
	margin: 0 auto;
	padding: 20px 0 15px 82px;
	max-width:270px;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
	display: block;
	overflow: hidden;
	background: #68aabc;
	position: relative;
	border-bottom: solid 5px#0e7b99;
	border-radius: 6px;
	transition: 0.3s;
}
a.e-ad-btn:before {
	content: url(/service/img/disclosure/e-ad-icon.png);
	position: absolute;
	left: 20px;
	top: 10px;
}
a.e-ad-btn:after {
	content: "";
	position: absolute;
	width:12px;
	height:12px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	right: 26px;
	top: 26px;
	transform: rotate(45deg);
	transition: 0.3s;
}
a.e-ad-btn:hover {
	opacity: 0.7;
}
a.e-ad-btn:hover:after {
	right: 20px;
}

a.e-ad-btn.five-color {
	background: #e57c27;
	border-bottom: solid 5px #cf7229;
}

a.e-ad-btn.five-color:hover {
	opacity: 0.7;
}

a.e-ad-btn.glory-color {
	background: #003bad;
	border-bottom: solid 5px #002773;
}

a.e-ad-btn.glory-color:hover {
	opacity: 0.7;
}

a.e-ad-btn.left-align {
	margin: 0;
	height:75px;
	padding: 20px 0 12px 75px;
	vertical-align: bottom;
}

a.e-ad-btn.wide-btn {
	max-width:320px;
}
a.e-ad-btn.wide-btn:before {
	content: url(/service/img/disclosure/e-ad-icon.png);
	position: absolute;
	left: 20px;
	top: 20px;
}
a.e-ad-btn.wide-btn:after {
	content: "";
	position: absolute;
	width:12px;
	height:12px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	right: 26px;
	top: 32px;
	transform: rotate(45deg);
	transition: 0.3s;
}
a.e-ad-btn.wide-btn:hover:after {
	right: 20px;
}

/*----------追加20250624-----*/
.Blank20 {
	padding: 0 0 0 20px;
}
/* ------------------------------------
	setEntryBase ol ul / anchorList
------------------------------------ */
.setEntryBase .basicUl,
.setEntryBase .basicOl {
	margin: 0 0 30px;
	padding: 0 0 0 32px;
	list-style: none;
}
.setEntryBase .basicUl li,
.setEntryBase .basicUl li ul li,
.setEntryBase .basicOl li ul li {
	margin: 0 0 10px;
	position:relative;
	page-break-inside: avoid;
}
.setEntryBase .basicUl li:before,
.setEntryBase .basicOl li ul li:before {
	content:'';
	width: 6px;
	height: 6px;
	margin: 0.5em 0 0 -20px;
	display: block;
	float: left;
	background: #808080;
	border: 1px solid #e4e4e4;
	border-radius: 0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.setEntryBase .basicUl,
.setEntryBase .basicOl {
	counter-reset: my-counter;
}
.setEntryBase .basicOl li,
.setEntryBase .basicOl li ol li,
.setEntryBase .basicUl li ol li {
	margin: 0 0 10px;
	position: relative;
	page-break-inside: avoid;
}
.setEntryBase .basicOl li:before {
	height: 20px;
	width: 20px;
	margin: 0.2em 0 0 -25px;
	display: block;
	float: left;
	color: #000;
	font-size: 75%;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background-color: #e2e2e2;
	border: none;
	content: counter(my-counter);
	counter-increment: my-counter;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
.setEntryBase .basicOlNum {
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px 4px;
	color: #000;
	font-size: 75%;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background-color: #e2e2e2;
	border: none;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);	
}
.setEntryBase .basicOl.terms li:before {
	font-size: 14px;
	background-color: transparent;
	content: counter(my-counter)".";
}
.setEntryBase .basicOl.terms > li:first-child:before {
	content: "";
}
.setEntryBase .basicOl.terms li ol li:before {
	height: 17px;
	width: 17px;
	font-size: 13px;
	line-height: 1.3;
	border: 1px solid #000;
	content: counter(my-counter);
}
.setEntryBase .basicOl.terms li ul li:before {
	content:'';
	width: 3px;
	height: 3px;
	margin: 0.7em 0 0 -14px;
	display: block;
	float: left;
	background: #000;
	border: none;
	border-radius: 50%;
}
.setEntryBase .basicOl.terms li ol li ol,
.setEntryBase .basicOl.terms li ol li ul {
	counter-reset: number 0;
}
.setEntryBase .basicOl.terms li ol li ol li:before,
.setEntryBase .basicOl.terms li ol li ul li:before {
	height: 20px;
	width: 20px;
	margin: 0.2em 0 0 -25px;
	font-size: 14px;
	line-height: 1.3;
	border: none;
	background: transparent;
	counter-increment: number 1;
	content: "(" counter(number, lower-latin) ")";
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
.setEntryBase .basicUl li ul li:first-child,
.setEntryBase .basicUl li ol li:first-child,
.setEntryBase .basicOl li ol li:first-child,
.setEntryBase .basicOl li ul li:first-child {
	margin: 10px 0;
}

.setEntryBase .basicOl.roman {
	list-style: lower-roman;
}
.setEntryBase .basicOl.roman li:before {
	content: none;
}


/* -- column2 -- */
.setEntryBase .liColumn2 li {
	width: 43%;
	margin: 0 6% 10px 0;
	display: inline-block;
	vertical-align: top;
}
.setEntryBase .basicOl.column2 li:nth-child(even) {
	margin: 0 0 10px 0;
}
/* -- column3 -- */
.setEntryBase .liColumn3 li {
	width: 26%;
	margin: 0 6% 10px 0;
	display: inline-block;
	vertical-align: top;
}
.setEntryBase .basicOl.column3 li:nth-of-type(3n) {
	margin: 0 0 10px 0;
}

.setEntryBase .anchorList {
	margin: 0 0 25px 0;
	padding: 0;
}
.setEntryBase .anchorList > li {
	margin: 0 1px 5px 0;
	display: inline-block;
	text-align: center;
}
.setEntryBase .anchorList > li:before {
	content: none;
}
.setEntryBase .anchorList li a {
	min-width: 139px;
	padding: 5px 5px 5px 15px;
	display: inline-block;
	overflow: hidden;
	color: #000;
	font-size: 0.87em;
	text-decoration: none;
	border: 1px solid #e2e2e2;
	background: #FFF;
	transition: all 0.3s ease-out;
}
.setEntryBase .anchorList li a span {
	position: relative;
}
.setEntryBase .anchorList li span:before {
	color: #68aabc;
	font-size: 0.7em;
	font-family: 'takaraCP';
	font-weight: bold;
	content: "\e900";
	position: absolute;
	top: 1px;
	left: -15px;
	-webkit-transform:rotate(90deg);
	transform: rotate(90deg);
	transition: all 0.3s ease-out;
}

	/* -- PC Hover -- */
	@media only screen and (min-width: 720px) {
		body:not(.setTb) .setEntryBase .anchorList li a:hover {
			color: #FFF;
			border: 1px solid #68aabc;
			background: #68aabc;
		}
		body:not(.setTb) .setEntryBase .anchorList li a:hover span:before {
			color: #FFF;
		}
	}

	@media only screen and (max-width: 720px) {
	.setEntryBase .liColumn2 li,
	.setEntryBase .basicOl.column2 li:nth-child(even),
	.setEntryBase .liColumn3 li,
	.setEntryBase .basicOl.column3 li:nth-of-type(3n) {
		width: auto;
		margin: 0 0 10px 0;
		display: block;
		}
	}


/* ------------------------------------
	setEntryBase img
------------------------------------ */
.setEntryBase .imgCenter {
	max-width: 720px;
	margin: 0 0 30px;
	text-align: center;
}
.setEntryBase .imgRight {
	max-width: 720px;
	margin: 0 0 30px 20px;
	float: right;
}
.setEntryBase .imgLeft {
	max-width: 720px;
	margin: 0 20px 30px 0;
	float: left;
}
.setEntryBase .imgCenter img,
.setEntryBase .imgRight img,
.setEntryBase .imgLeft img {
	max-width: 720px;
	height: auto;
}
.setEntryBase .imgCenter.large,
.setEntryBase .imgCenter.large img {
	max-width: 840px;
}
.setEntryBase .imgCenter.large {
	margin: 0 auto 30px;
}

	@media only screen and (max-width: 720px) {
		.setEntryBase .imgCenter {
			max-width: 100%;
			height: auto;
			margin: 0 0 30px;
			display: block;
			text-align: center;
		}
		.setEntryBase .imgRight {
			max-width: 50%;
			margin: 0 0 20px 20px;
		}
		.setEntryBase .imgLeft {
			max-width: 50%;
			margin: 0 20px 20px 0;
		}
		.setEntryBase .imgCenter img,
		.setEntryBase .imgRight img,
		.setEntryBase .imgLeft img,
		.setEntryBase .imgCenter.large img {
			max-width: 100%;
		}
	}


/* ------------------------------------
	setEntryBase photoArea
------------------------------------ */
.setEntryBase .photoArea {
	margin: 30px 0;
	width: 100%;
	overflow: hidden;
}
.setEntryBase .photoArea figure {
	width: 50%;
	text-align: center;
	float: left;
}
.setEntryBase .photoArea.single figure {
	width: 100%;
	text-align: center;
	float: none;
}
.setEntryBase .photoArea figure figcaption {
	padding-top: 5px;
	font-size: 0.87em;
}

	@media only screen and (max-width: 720px) {
		.setEntryBase .photoArea figure,
		.setEntryBase .photoArea.single figure {
			width: 100%;
			float: none;
		}
		.setEntryBase .photoArea figure figcaption {
			padding: 5px 0 30px 0;
		}
	}


/* ------------------------------------
	setEntryBase table
------------------------------------ */
.setEntryBase table {
	width: 100%;
	margin: 0 0 30px;
	font-size: 0.87em;
	border-collapse: collapse;
}
.setEntryBase table.noMargin {
	margin: 0;
}
.setEntryBase table caption {
	margin: 0 0 15px 0;
	color: #7b2482;
	text-align: left;
	word-break: break-all;
}
.setEntryBase table thead th {
	padding: 9px 15px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background: #2d2d2d;
	border: 1px #2d2d2d solid;
	border-right: 1px #FFF solid;
	border-bottom: 1px #2d2d2d solid;
	border-left: 1px #2d2d2d solid;
}
.setEntryBase table thead th.last {
	border-right: 1px #2d2d2d solid;
}
.setEntryBase table tbody tr:nth-child(even) td {
	background: #f6f7f5;
}
.setEntryBase table.noStripe tbody tr:nth-child(even) td {
	background: #FFF;
}
.setEntryBase table tbody th,
.setEntryBase table td {
	padding: 20px;
	word-wrap: break-word;
}
.setEntryBase table tbody th {
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background: #808080;
	border: 1px solid #e2e2e2;
}
.setEntryBase table td {
	word-break: break-word;
	background: #FFF;
	border: 1px solid #e2e2e2;
}
.setEntryBase table td.no-line {
	border: none;
}
.setEntryBase table.xxsTable {
	font-size: 80%;
}
.setEntryBase table.xxsTable thead th {
	border-bottom: 1px #FFF solid;
}
.setEntryBase table.xxsTable thead th,
.setEntryBase table.xxsTable thead td {
	padding: 5px;
}
.setEntryBase table.xxsTable tbody th,
.setEntryBase table.xxsTable tbody td {
	padding: 5px;
	font-weight: normal;
	text-align: left;
}
.setEntryBase table p {
	margin: 0;
	padding: 0;
}
.setEntryBase table p.tblPagrp {
	margin: 0 0 10px;
}
.setEntryBase table ol.basicOl,
.setEntryBase table ul.basicUl {
	margin: 5px 0 0 0;
	padding: 0 0 0 1.7em;
}
.setEntryBase table li {
	margin: 0 0 5px;
}
.setEntryBase table .iconArrow,
.setEntryBase table .iconMail,
.setEntryBase table .iconBlank,
.setEntryBase table .tel {
	line-height: 1.6;
}
.setEntryBase table p .iconArrow,
.setEntryBase table p .iconMail,
.setEntryBase table p .iconBlank,
.setEntryBase table p .tel {
	line-height: 2;
}
.setEntryBase .scroll {
	display: none;
}
body .setEntryBase table .taC {
	text-align: center;
}
.setEntryBase .w5 {width: 5%;}
.setEntryBase .w10 {width: 10%;}
.setEntryBase .w15 {width: 15%;}
.setEntryBase .w20 {width: 20%;}
.setEntryBase .w25 {width: 25%;}
.setEntryBase .w30 {width: 30%;}
.setEntryBase .w35 {width: 35%;}
.setEntryBase .w40 {width: 40%;}
.setEntryBase .w45 {width: 45%;}
.setEntryBase .w50 {width: 50%;}
.setEntryBase .w55 {width: 55%;}
.setEntryBase .w60 {width: 60%;}
.setEntryBase .w65 {width: 65%;}
.setEntryBase .w70 {width: 70%;}
.setEntryBase .w75 {width: 75%;}
.setEntryBase .w80 {width: 80%;}
.setEntryBase .w85 {width: 85%;}
.setEntryBase .w90 {width: 90%;}

/*--banners--*/

.setEntryBase .bannerRight {
	width: 40%;
	margin: 0 0 30px;
	padding-left: 28px;
	border-collapse: collapse;
	float: right;
}
.setEntryBase .bannerRight figure {
	margin: 0 0 10px 0;
}
.setEntryBase .bannerRight figure:last-of-type {
	margin-left: 10px;
}

	@media only screen and (max-width: 720px) {
		.setEntryBase table {
			width: 100%;
			margin: 0px 0 20px;
		}
		.setEntryBase table thead th:not(.line).last {
			border-right: none;
		}
		.setEntryBase table tbody th,
		.setEntryBase table tbody td {
			margin: -1px 0 0 0;
			padding: 10px;
			display: block;
		}
		.setEntryBase table.noScroll tbody th,
		.setEntryBase table.noScroll tbody td {
			width: 100%!important;
		}
		.setEntryBase table.noScroll tbody td.no-line {
			width: 100%!important;
			margin-bottom: 40px;
		}
		.setEntryBase .tblResp th {
			width: 100% !important;
			padding: 15px 3%;
			box-sizing: border-box;
		}
		.setEntryBase .tblScroll {
			margin: 0;
			overflow-x: auto;
		}
		.setEntryBase .scroll {
			display: block;
			text-align: right;
			margin: 0 0 20px;
			color: #8d8d8d;
		}
		.setEntryBase .tblScroll table {
			width: 640px;
			margin: 0;
		}
		.setEntryBase .tblScroll tbody th,
		.setEntryBase .tblScroll tbody td {
			border: 1px solid #ebebeb;
			display: table-cell;
		}
		.setEntryBase .tblScroll::-webkit-scrollbar {
			height: 5px;
		}
		.setEntryBase .tblScroll::-webkit-scrollbar-track {
			border-radius: 5px;
			background: #eee;
		}
		.setEntryBase .tblScroll::-webkit-scrollbar-thumb {
			border-radius: 5px;
			background: #666;
		}

		/*--banners--*/

		.setEntryBase .bannerRight {
			width: 50%;
			margin: 0;
			padding-left: 20px;
		}
		.setEntryBase .bannerRight figure {
			float: none;
			max-width: 100%;
			margin: 0 0 10px 0;
		}
		.setEntryBase .bannerRight figure:last-of-type {
			margin-left: 0;
		}
	}


/* ------------------------------------
	setEntryBase QA
------------------------------------ */
.setEntryBase .qaArea {
	margin: 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #e0e0e0;
	page-break-inside: avoid;
}
.setEntryBase .qaArea dt {
	margin: 0 0 5px;
	padding: 5px 0 10px 60px;
	font-size: 1.12em;
	line-height: 1.4;
	font-weight: bold;
	background: url(../img/common/icon_q.png) no-repeat left top;
}
.setEntryBase .qaArea dd {
	padding: 0 0 10px 60px;
	background: url(../img/common/icon_a.png) no-repeat left top;
}
.toggleArea {
	margin: 0 0 0;
}
.toggleArea .qaArea {
	margin: 10px 0;
	padding: 0;
	page-break-inside: avoid;
}
.toggleArea .qaArea dt {
	cursor: pointer;
}
.toggleArea .qaArea dt:hover {
	text-decoration: underline;
}
.toggleArea .qaArea dd {
	display: none;
	padding: 5px 0 15px 60px;
}


.toggleArea2 {
	margin: 0 0 0;
}

/* ====================================

	SERVICE

==================================== */
#serviceIndex .btnBox {
	margin: 0;
}
.topCatch {
	margin: 80px 0 100px;
	overflow: hidden;
}
.setEntryBase .topCatch {
	margin: 0 0 40px;
	overflow: initial;
}
.topCatch .topCatchInner {
	width: 600px;
	float: left;
	text-align: left;
}
.topCatch h2 {
	margin: 0 0 20px;
	font-size: 2.1em;
}
.topCatch h2 strong {
	color: #ca0817;
}
.topCatch p {
	margin: 0 0 20px;
	font-size: 1.1em;
	line-height: 1.8;
}
.topCatch figure {
	width: 500px;
	float: right;
}
.topCatch figure img {
	max-width: 100%;
	height: auto;
}
.clm1 .topCatch .topCatchInner {
	width: 980px;
	margin: 0 auto;
	float: none;
	text-align: center;
}
.clm1 .topCatch h2,
.clm1 .topCatch p {
	width: 860px;
	margin: 0 auto 20px;
}
.clm1 .topCatch figure {
	width: 980px;
	margin: 40px auto;
	float: none;
}
.clm1 .topCatch figure:last-child {
	margin: 40px auto 0;
}
.point li {
	width: 360px;
	margin: 0 50px 60px 0;
	float: left;
	position: relative;
	background: #fdeced url(/service/img/pointbg.png) repeat;
}
.point li.third {
	margin: 0 0 60px 0;
}
.point li .num {
	width: 100px;
	height: 100px;
	margin: 0 -50px;
	color: #FFF;
	font-size: 2.5em;
	background: #ca0817;
	border-radius: 50px;
	display: table;
	vertical-align: middle;
	position: absolute;
	top: -50px;
	left: 50%;
}
.point li .num div {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
	font-weight: 500;
}
.point li .num div span {
	display: block;
	font-size: 0.3em;
	line-height: 1;
	letter-spacing: 0.1em;
}
.point li dl {
	padding: 70px 20px 20px 20px;
}
.point li dl dt {
	margin: 0 0 10px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
}
.point li dl dd {
	text-align: justify;
}
.point li dl a.btn {
	margin: 10px 0 0 0;
}
.point.col2 li {
	width: 47%;
	margin: 0 6% 100px 0;
}
.point.col2 li.odd {
	margin: 0 0 100px 0;
}
.point .pointLinks {
	padding: 0 20px 20px;
	text-align: center;
}
.point .pointLinks.line a {
	min-width: 60%;
}
.point li.imgDisplay dl {
	padding: 20px;
}
.point li.imgDisplay dl dt img {
	margin: 0 auto 10px;
	max-width: 100%;
}
.links {
	padding: 0 0 80px;
}
.links li .inner {
	padding: 20px 5px;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}
.links li .inner span.linksTitle {
	font-size: 1em;
	font-weight: bold;
	color: #000;
    display: block;
}
.links li .inner span.fszM {font-size: 0.93em;}
.links li .inner span.fszS {font-size: 0.85em;}
.links li .inner p {
	padding: 0 10px;
	font-size: 0.85em;
	color: #808080;
    margin-top: 10px;
    text-align: left;
}
.lastCont {
	margin: 0 0 80px;
}
.lastContM {
	margin: 0 0 60px;
}

	@media only screen and (max-width: 1180px) {
		.topCatch .topCatchInner {
			width: 50%;
		}
		.topCatch figure {
			width: 45%;
		}
		.point li {
			width: 30%;
			margin: 0 5% 30px 0;
		}
		.links li .inner {
			padding: 7%;
		}
	}

	@media only screen and (max-width: 720px) {
		.topCatch {
			margin: 40px 0 90px;
		}
		.topCatch .topCatchInner {
			width: 100%;
			margin: 0 0 30px;
		}
		.topCatch h2 {
			font-size: 1.6em;
		}
		.topCatch h2 br {
			display: none;
		}
		.topCatch figure {
			width: 100%;
		}
		.clm1 .topCatch .topCatchInner {
			width: 100%;
		}
		.clm1 .topCatch h2,
		.clm1 .topCatch p {
			width: 100%;
		}
		.clm1 .topCatch figure {
			width: 100%;
			margin: 30px auto;
		}
		.clm1 .topCatch figure:last-child {
			margin: 30px auto 0;
		}
		.point {
			margin: 0 0 30px;
		}
		.point li,
		.point li.third {
			width: 100%;
			margin: 0 0 60px;
		}
		.point.col2 li,
		.point.col2 li.odd {
			width: 100%;
			margin: 0 0 90px;
		}
		.point.col2 li:last-child {
			margin: 0 0 20px;
		}
		.point .pointLinks.line a {
			min-width: 70%;
		}
		.links {
			padding: 0 0 40px;
		}
		.lastCont,
		.lastContM {
			margin: 0 0 40px;
		}
	}


/* ------------------------------------
	OneColumn
------------------------------------ */
#oneCol .wrapInner {
	width: 720px;
	margin: -160px auto 80px;
}
#oneCol .shadowBg {
	width: 880px;
	height: 220px;
	margin: -220px auto 0;
	background: #FFF;
	box-shadow: 10px 0 10px -10px rgba(0,0,0,0.2), -10px 0 10px -10px rgba(0,0,0,0.2);
}

	@media only screen and (max-width: 720px) {
		#oneCol .ttlBg {
			height: auto;
			padding: 60px 0;
		}
		#oneCol .wrapInner {
			width: 88%;
			margin: -120px auto 80px;
		}
		#oneCol .shadowBg {
			width: 94%;
			height: 145px;
			margin: -115px auto 0;
		}
		#oneCol .setEntryBase h1 {
			padding: 0 0 10px;
			font-size: 1.5em;
		}
	}


/* ------------------------------------
	listedCompany
------------------------------------ */
.listedCompany:last-of-type {
	margin: 0 0 30px;
}
.listedCompany dt {
	margin: 0 0 10px;
	display: table;
}
.listedCompany dt span,
.listedCompany dt a {
	display: table-cell;
	vertical-align: top;
}
.listedCompany dt span {
	width: 60px;
	padding: 0 10px 0 0;
}
.listedCompany dt a {
}
.listedCompany dd {
	display: none;
}
.listedCompany dd table th {
	width: 190px;
}
.listedCompany dd table th,
.listedCompany dd table td {
	padding: 10px 20px;
}


/* ====================================

	NEWS

==================================== */
.tabArea {
	margin: -103px 0 0 0;
	text-align: center;
	font-size: 0;
}
.tabArea li {
	width: 150px;
	height: 43px;
	margin: 0 -1px 0 0;
	padding: 10px 0;
	display: inline-block;
	font-size: 14px;
	color: #808080;
	cursor: pointer;
	border-right: 1px solid #cdcccc;
	border-left: 1px solid #cdcccc;
	transition: all 0.3s ease-out;
}
.tabArea li.active {
	color: #000;
	position: relative;
	background: #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.sortYear {
	width: 987px;
	margin: 40px 0;
	font-size: 0;
	text-align: left;
}
.sortYear li {
	display: inline-block;
	overflow: hidden;
	text-align: center;
}
.sortYear li a {
	width: 134px;
	height: 35px;
	margin: 0 7px 7px 0;
	padding: 0;
	display: inline-block;
	line-height: 35px;
	font-size: 14px;
	color: #000;
	border: 1px solid #cdcccc;
	transition: all 0.3s ease-out;
}
.sortYear li.active a {
	color: #FFF;
	border: 1px solid #68aabc;
	background: #68aabc;
}
.sortYear li a span {
	width: 100%;
	padding: 0 0 0 15px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.sortYear li a small {
	font-size: 1em;
	display: inline-block;
	position: relative;
}
.sortYear li a small:before {
	color: #68aabc;
	font-size: 0.7em;
	font-family: 'takaraCP';
	font-weight: bold;
	content: "\e902";
	position: absolute;
	top: 0;
	left: -14px;
	transform: scale(0.7);
	transition: all 0.3s ease-out;
}
.sortYear li.active a small:before {
	color: #FFF;
}

/* -- PC Hover -- */
	@media only screen and (min-width: 720px) {
		body:not(.setTb) .tabArea li:hover {
			color: #000;
			position: relative;
			background: #FFF;
			border-right: 1px solid #FFF;
			border-left: 1px solid #FFF;
		}
		body:not(.setTb) .sortYear li a:hover {
			color: #FFF;
			border: 1px solid #68aabc;
			background: #68aabc;
		}
		body:not(.setTb) .sortYear li a:hover small:before {
			color: #FFF;
		}
		body:not(.setTb) .contArea article a:hover,
		body:not(.setTb) .contArea article a:hover:after {
			color: #68aabc;
		}
	}

.contArea {
	margin: 0 0 80px;
}
.contArea article a {
	padding: 12px 150px 12px 0;
	display: block;
	color: #000;
	font-size: 0.938em;
	text-align: left;
	text-decoration: none;
	position: relative;
	border-top: 2px solid #f6f7f5;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.contArea article a:after {
	font-family: 'takaraCP';
	content: "\e902";
	line-height: 1;
	font-size: 0.6em;
	color: #000;
	position: absolute;
	top: 45%;
	right: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.contArea article:last-child a {
	border-bottom: 2px solid #f6f7f5;
}
.contArea article a > div {
	width: 85px;
	margin: -0.5em 0 0 0;
	text-align: center;
	position: absolute;
	top: 45%;
	right: 40px;
}
.contArea article .typeHtml {color: #68aabc;}
.contArea article .typePdf {
	padding: 0 0 0 1.8em;
	color: #808080;
	background: url(../img/common/iconPdf.png) no-repeat left center;
}
.date span {
	margin: 0 20px 0 0;
	display: inline-block;
	color: #808080;
	font-size: 1.07em;
	float: left;
}
.tag span {
	width: 120px;
	padding: 0.4em 20px 0.3em;
	float: left;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	color: #FFF;
	line-height: 1;
	font-size: 0.85em;
	border-radius: 10px;
}
.tag.tagNews span {background: #738a9f;}
.tag.tagDisclosure span {background: #ca0817;}
.tag.tagSettle span {background: #b365a5;}
.tag.tagIr span {background: #89a059;}

.contArea article ul {
	width: 100%;
	display: table;
	vertical-align: middle;
}
.contArea article ul li {
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.contArea article ul li.date {width: 150px;}
.contArea article ul li.tag {width: 140px;}

.setEntryBase .newsInfo {
	margin: -20px 0 20px;
	overflow: hidden;
}
.setEntryBase .newsInfo li {
	float: right;
}
.setEntryBase .newsInfo li.date {
	line-height: 1.4;
}

	@media only screen and (max-width: 720px) {
		.tabArea {
			margin: 0;
			overflow: hidden;
			font-size: 14px;
			border-left: 1px solid #cdcccc;
		}
		.tabArea li {
			width: 200px;
			height: auto;
			padding: 7px 0;
			display: table-cell;
			font-size: 0.5em;
			border-left: none;
		}
		.tabArea li.active {
			color: #000;
			background: #f6f7f5;
			border-right: 1px solid #cdcccc;
			border-left: 0;
		}
		.sortYearOuter {
			margin: 0 0 20px;
		}
		.sortYearWrap {
			width: 100%;
			overflow-x: scroll;
		}
		.sortYearWrap::-webkit-scrollbar {
			height: 5px;
		}
		.sortYearWrap::-webkit-scrollbar-track {
			border-radius: 5px;
			background: #eee;
		}
		.sortYearWrap::-webkit-scrollbar-thumb {
			border-radius: 5px;
			background: #666;
		}
		.sortYear {
			width: 1000%;
			margin: 20px 0 0;
			font-size: 0;
			text-align: left;
		}
		.yearScroll {
			text-align: right;
		}
		.contArea article a {
			padding: 8px 20px 8px 0;
			font-size: 0.75em;
			line-height: 1.4;
		}
		.contArea article ul {
			display: block;
		}
		.contArea article ul li {
			display: block;
			float: left;
		}
		.contArea article ul li.ttl {
			clear: both;
			float: none;
		}
		.contArea article ul li.date,
		.contArea article ul li.tag {
			width: auto;
		}
		.contArea article a > div {
			width: auto;
			margin: 0;
			text-align: left;
			position: static;
		}
		.date span {
			width: auto;
			margin: 0 0.5em 0.5em 0;
		}
		.tag span {
			width: auto;
			padding: 0.4em 1em 0.3em;
		}
	}

/* ====================================

	IR

==================================== */
/* ------------------------------------
	IR TOP
------------------------------------ */
.news.second {
	width: 620px;
	float: left;
	text-align: left;
	position: relative;
	background: #FFF;
}
.news.second h2 {
	padding: 0 0 10px;
	font-size: 1.6em;
	font-weight: 500;
	position: relative;
}
.news.second h2 > span {
	margin: 0 0 0 1em;
	font-size: 0.6em;
	font-weight: normal;
}
.news.second h2 > span > span {
	display: inline-block;
}
.news.second h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: -webkit-gradient(linear, right top, left bottom, from(#cdcccc), color-stop(0.2, #cdcccc), color-stop(0.2, #FFF), color-stop(0.6, #FFF), color-stop(0.6, #cdcccc), color-stop(0.7, #cdcccc), color-stop(0.75, #FFF), to(#FFF));
	background: linear-gradient(45deg, #cdcccc, #cdcccc 20%, #FFF 20%, #FFF 60%, #cdcccc 60%, #cdcccc 70%, #FFF 75%, #FFF);
	background-size: 4px 4px;
}
.newsMore {
	position: absolute;
	top: 10px;
	right: 0px;
}
.newsMore a {
	text-decoration: none;
	font-size: 0.85em;
	color: #000;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.newsMore a span {
	position: relative;
}
.newsMore a span:before {
	font-family: 'takaraCP';
	content: "\e902";
	line-height: 1;
	font-size: 0.8em;
	color: #000;
	position: absolute;
	top: 4px;
	left: -16px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.news.second .tabArea {
	margin: 20px 0 0;
	display: table;
	overflow: hidden;
	border-left: 1px solid #cdcccc;
}
.news.second .tabArea li {
	width: 200px;
	height: auto;
	padding: 5px 20px;
	display: table-cell;
	vertical-align: middle;
	color: #808080;
	font-size: 12px;
	border: none;
	border-right: 1px solid #cdcccc;
}
.news.second .tabArea li.active {
	cursor:pointer;
	color: #000;
	background: #f6f7f5;
}
.news.second .tabArea li:hover {
	border: none;
	border-right: 1px solid #cdcccc;
}
.news.second .contArea {
	margin: 0;
}
.news.second article a {
	padding: 20px 150px 20px 0;
	display: block;
	color: #000;
	text-decoration: none;
	position: relative;
	border-top: none;
	border-bottom: 2px solid #f6f7f5;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.news.second article a:after {
	font-family: 'takaraCP';
	content: "\e902";
	line-height: 1;
	font-size: 0.6em;
	color: #000;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.news.second article.last a {
	border-bottom: none;
}
.news.second article a > div {
	width: 85px;
	margin: -0.5em 0 0 0;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 40px;
}
.news.second article .typeHtml {color: #68aabc;}
.news.second article .typePdf {
	padding: 0 0 0 1.8em;
	color: #808080;
	background: url(../img/common/iconPdf.png) no-repeat left center;
}
.news.second .date,
#twoCol .news .date {
	margin: 0 20px 0 0;
	display: inline-block;
	color: #808080;
	font-size: 1.07em;
}
.news.second .tag,
#twoCol .news .tag {
	width: 120px;
	text-align: center;
	display: inline-block;
	padding: 0 20px;
	color: #FFF;
	font-size: 0.85em;
	background: #ca0817;
	border-radius: 10px;
}
.news.second .tag.tagNews,
#twoCol .news .tag.tagNews {background: #738a9f;}
.news.second .tag.tagDisclosure,
#twoCol .news .tag.tagDisclosure {background: #ca0817;}
.news.second .tag.tagSettle,
#twoCol .news .tag.tagSettle {background: #b365a5;}
.news.second .tag.tagIr,
#twoCol .news .tag.tagIr,
.news.second .tag.ir_s,
#twoCol .news .tag.ir_s {background: #89a059;}

.bannerArea {
	width: 420px;
	margin: 40px 0 0 0;
	float: right;
}
.bannerArea li {
	margin: 0 0 10px;
	overflow: hidden;
}
.bannerArea li a {
	display: block;
	color: #000;
	text-decoration: none;
	border: 1px solid #e2e2e2;
}
.bannerArea li figure,
.bannerArea li div {
	display: table-cell;
	vertical-align: middle;
}
.bannerArea li div {
	padding: 25px;
	font-size: 1.15em;
	text-align: left;
	font-weight: bold;
}
.bannerArea li div span {
	font-size: 0.8em;
	color: #ca0817;
	font-weight: 500;
	display: block;
}

/* -- PC hover -- */
	@media only screen and (min-width: 720px) {
		body:not(.setTb) .news .newsMore a:hover,
		body:not(.setTb) .news .newsMore a:hover span:before {
			color: #68aabc;
		}
		body:not(.setTb) .news article a:hover,
		body:not(.setTb) .news article a:hover:after {
			color: #68aabc;
		}
		body:not(.setTb) .news.second .tabArea li:hover {
			cursor:pointer;
			color: #68aabc;
			background: #FFF;
		}
		body:not(.setTb) .news.second .tabArea li.active:hover {
			cursor:pointer;
			color: #000;
			background: #f6f7f5;
		}
	}

	@media only screen and (max-width: 1180px) {
		.news.second {
			width: 60%;
		}
		.newsMore {
			position: absolute;
			top: 10px;
			right: 0;
		}
		.news.second article a {
			padding: 25px 25px 25px 0;
		}
		.news.second article a > div {
			width: auto;
			margin: 0;
			text-align: left;
			position: static;
		}
		.bannerArea {
			width: 37%;
			margin: 40px 0 0 0;
		}
		.bannerArea li figure {
			width: 40%;
		}
		.bannerArea li figure img {
			width: 100%;
			height: auto;
		}
		.bannerArea li div {
			padding: 0 10px;
			font-size: 1em;
		}
	}

	@media only screen and (max-width: 720px) {
		.news.second {
			width: 100%;
		}
		.news.second .newsMore {
			position: static;
			text-align: center;
			color: #000;
			font-size: 0.85em;
			text-decoration: none;
		}
		.news.second .newsMore a {
			display: block;
			padding: 10px 0;
			color: #808080;
			font-size: 1.3em;
			text-decoration: none;
			background: #f6f7f5;
		}
		.news.second .newsMore a:before {
			top: 5px;
			left: 0;
			color: #808080;
		}
		.news.second .newsMore a span:before {
			font-size: 0.5em;
			color: #808080;
			top: 7px;;
		}
		.news.second .tabArea li {
			padding: 7px 0;
			font-size: 0.5em;
		}
		.bannerArea {
			width: 100%;
			margin: 30px 0 0 0;
		}
	}

/* ------------------------------------
	IR_2021
------------------------------------ */

.img_col2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	text-align: center;
	margin: 0 0 30px;
}
.img_col2 > div.img_col2_img{
	width: 50%;
}

	@media screen and (max-width: 720px) {
	.img_col2 > div.img_col2_img {
	    width: 100%;
			margin : 0 auto;
	}
	.img_col2 > div.img_col2_img img{
			width: 80%;
			text-align: center;
	}
}

/* ------------------------------------
	IR news
------------------------------------ */
#twoCol .news .tabArea {
	margin: 0;
	border-left: 1px solid #cdcccc;
}
#twoCol .news .tabArea li {
	height: auto;
	margin: 0;
	padding: 5px 0;
	display: table-cell;
	border: none;
	border-right: 1px solid #cdcccc;
}
#twoCol .news .tabArea li.active {
	color: #000;
	border-left: none;
	background: #f6f7f5;
}
/* -- PC Hover -- */
	@media only screen and (min-width: 720px) {
		body:not(.setTb)#twoCol .tabArea li:hover {
			color: #68aabc;
			border: none;
			border-right: 1px solid #cdcccc;
		}
		body:not(.setTb)#twoCol .news .tabArea li.active:hover {
			color: #000;
		}
		body:not(.setTb)#twoCol .sortYear li a:hover {
			color: #FFF;
			border: 1px solid #68aabc;
			background: #68aabc;
		}
		body:not(.setTb)#twoCol .sortYear li a:hover span:before {
			color: #FFF;
		}
		body:not(.setTb)#twoCol .contArea article a:hover,
		body:not(.setTb)#twoCol .contArea article a:hover:after {
			color: #68aabc;
		}
	}

#twoCol .sortYear {
	width: 728px;
	margin: 20px 0;
}
#twoCol .sortYear li a {
	width: 83px;
	height: 35px;
	margin: 0 8px 8px 0;
	padding: 0;
	display: inline-block;
	line-height: 35px;
	font-size: 12px;
	color: #000;
	border: 1px solid #cdcccc;
	transition: all 0.3s ease-out;
}
#twoCol .sortYear li.active a {
	color: #FFF;
}
#twoCol .sortYear li a span {
	padding: 0 10px;
}
#twoCol .sortYear li a small:before {
	content: none;
}
#twoCol .contArea {
	font-size: 13px;
}
#twoCol .news .contArea {
	font-size: 15px;
}
.setEntryBase .contArea article a {
	padding: 15px 110px 15px 0;
}
.setEntryBase .contArea article ul li.date {
	width: 130px;
}
.setEntryBase .contBlock h3 {
	margin: 0;
	font-size: 1;
	font-weight: normal;
	display: table-cell;
}
.setEntryBase .contArea article a > div {
	right: 25px;
}

	@media only screen and (min-width: 720px) {
		#twoCol .sortYear {
			width: 728px!important;
		}
	}

	@media only screen and (max-width: 720px) {
		#twoCol .sortYear {
			width: 1000%;
			margin: 20px 0 0;
		}
		.setEntryBase .contArea article a {
			padding: 15px 20px 15px 0;
		}
	}


/* ====================================

	COMPANY

==================================== */
/* ------------------------------------
	g_cat
------------------------------------ */
.g_cat .cf>h3+div{
	display: flow-root;
}

/* ------------------------------------
	listXJ
------------------------------------ */
.listXJ {
	position: relative;
}
.listXJ .slBox {
	position: relative;
	width: 237px;
	height: 37px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.listXJ .slBox select {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #c3c3c3;
	background: #fbfbfa;
	-webkit-appearance: menulist-button;
}
.listXJ .txtlink {
	margin: 0 0 10px;
	position: absolute;
	top: 0;
	right: 0;
}

	@media only screen and (max-width: 720px) {
		.listXJ .txtlink {
			position: static;
		}
	}


/* ------------------------------------
	filelinkList
------------------------------------ */
.filelinkList {
	width: 100%;
	margin: 0 0 30px;
	border-top: 2px solid #f6f7f5;
}
.filelinkList li {
	width: 100%;
	padding: 0;
	vertical-align: middle;
	border-bottom: 2px solid #f6f7f5;
}
.filelinkList li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 8.5em 20px 8.5em;
	transition: all 0.3s ease-out;
}
.filelinkList li a:before {
	font-family: 'takaraCP';
	font-size: .5em;
	position: absolute;
	top: 50%;
	right: 3px;
	display: inline-block;
	margin-top: -10px;
	content: '\e902';
	color: #000;
}
.filelinkList li a:hover {
	text-decoration: none;
	background: #f6f7f5;
}
.filelinkList li a span.librarydate {
	position: absolute;
	top: 50%;
	left: 5px;
	display: inline-block;
	min-width: 100px;
	margin-top: -0.5em;
	padding-right: 20px;
	color: #858585;
	font-size: 0.95em;
	line-height: 1em;
}
.filelinkList li a span.ttl {
	color: #000;
}
.filelinkList li a span.iconPdf {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 100px;
	margin-top: -15px;
	color: #808080;
}

	@media only screen and (max-width: 720px) {
		.filelinkList li a {
			padding: 15px 2em 10px 0;
		}
		.filelinkList li a span.librarydate {
			position: relative;
			top: auto;
			left: auto;
			display: block;
			margin-top: 0;
			padding: 0 0 5px 0;
			font-size: 1em;
		}
		.filelinkList li a span.iconPdf {
			position: relative;
			top: auto;
			right: auto;
			width: 100px;
			margin-top: 0;
			display: block;
		}
	}


/* ====================================

	SEMINAR

==================================== */
.smnInfo {
	margin: 0;
	overflow: hidden;
}
.smnInfo div {
	width: 300px;
	margin: 0 40px 10px 0;
	float: left;
}
.smnInfo div:last-child {
	margin: 0 0 10px 0;
}
.smnInfo div a {
	width: 300px;
	padding: 28px 10px 28px 90px;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.14em;
	line-height: 1.1;
	text-decoration: none;
	color: #000;
	background: url(../seminar/img/seminar_pdf.png) no-repeat 20px 50%;
	border-top: 3px solid #ca0817;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}
.smnInfo div.archive a {
	background: url(../seminar/img/seminar_archive.png) no-repeat 20px 50%;
}
.smnInfo div span {
	margin: 0 0 7px;
	color: #ca0817;
	font-weight: 500;
	font-size: 0.75em;
	display: block;
}
.tabMenu {
	width: 100%;
	margin: 0 0 30px;
	display: table;
	border-collapse: separate;
	border-spacing: 1px 0;
	vertical-align: middle;
	visibility: hidden;
}
.tabMenu .inner:first-child {
	margin: 0 0 5px;
}
.tabMenu .inner li {
	width: 500px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #FFF;
}
.tabMenu .inner li a {
	width: 500px;
	padding: 5px 10px;
	display: table-cell;
	vertical-align: middle;
	color: #000;
	background: #FFF;
	text-decoration: none;
	border: 1px solid #cdcccc;
	transition: background 0.3s ease-out, color 0.3s ease-out;
}
/*only PC*/
	@media only screen and (min-width: 720px) {
		.tabMenu .inner li a {
			height: 51px;
		}
	}

.tabMenu .inner li a:before {
	margin: 0 7px 0 0;
	font-family: 'takaraCP';
	content: "\e902";
	font-size: 0.7em;
	color: #68aabc;
	display: inline-block;
	transition: color 0.3s ease-out;
}
.tabMenu .inner li a.active {
	color: #FFF;
	background: #68aabc;
}
.tabMenu .inner li a.active:before {
	color: #FFF;
}
.tabMenu .inner li a span {
	display: block;
	font-size: 0.8em;
}
.tabContWrap {
	margin: 0 0 60px;
	padding: 20px;
	border: 1px solid #cdcccc;
	background: #f6f7f5;
}
.motion {
	display: none;
}
#tab_cont1 {
	display: block;
}
h2.subTtl {
	margin: 0 0 20px;
	padding: 0 0 0 25px;
	font-size: 2em;
	line-height: 1.1;
	font-weight: bold;
	text-align: left;
	border-left: 4px solid #ca0817;
}
h2.subTtl span {
	margin: 0 0 5px;
	display: block;
	font-weight: 500;
	font-size: 0.5em;
	color: #ca0817;
}
h2.subTtl .ttlNote {
	display: inline-block;
	font-weight: 500;
	font-size: 0.7em;
	color: #000;
}
.ttlWrap {
	position: relative;
}
.ttlWrap p {
	position: absolute;
	top: 30px;
	right: 0;
}
.ttlWrap p a {
	position: relative;
}
.ttlWrap p a:before {
	font-family: 'takaraCP';
	content: "\e902";
	color: #1698bb;
	position: absolute;
	top: 50%;
	left: -15px;
	font-size: 0.6em;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#seminarIndex .tabMenu li {
	width: auto;
}
#seminarIndex table.smnScheduleHead {
	width: 100%;
}
#seminarIndex table.smnScheduleHead tr th,
#seminarIndex table.smnScheduleHead tr td,
#seminarIndex .table-06 table thead td {
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background: #0b294f;
	border-right: 4px solid #FFF;
}
#seminarIndex table.smnScheduleHead tr th {
	width: 160px;
}
#seminarIndex table.smnScheduleHead tr td {
	border-right: none;
}
#seminarIndex #XJTxtDPContents table,
#seminarIndex .table-06 table {
	width: 100%;
	margin: 0;
	background: #FFF;
}
#seminarIndex #XJTxtDPContents table tbody tr,
#seminarIndex .table-06 table tr {
	border-bottom: 2px solid #f6f7f5;
}
#seminarIndex #XJTxtDPContents table tbody .XJTxtDPDataTblTdDate {
	width: 160px;
	padding: 20px;
}
#seminarIndex #XJTxtDPContents table tbody .XJTxtDPDataTblTdDate {
	text-align: center;
	color: #084fb0;
}
#seminarIndex #XJTxtDPContents table tbody td {
	text-align: left;
}
#seminarIndex #XJTxtDPContents table tbody td a {
	padding: 18px;
	display: block;
	color: #000;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease-out;
}
#seminarIndex #XJTxtDPContents table tbody td a:before {
	font-family: 'takaraCP';
	content: "\e907";
	color: #1698bb;
	position: absolute;
	top: 50%;
	right: 18px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
#seminarIndex .sampleType #XJTxtDPContents table tbody td {
	padding: 12px 12px 12px 0;
}
#seminarIndex .sampleType #XJTxtDPContents table tbody td a {
	padding: 5px 25px 5px 18px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}
#seminarIndex .sampleType #XJTxtDPContents table tbody td a:before {
	right: 0;
}
#seminarIndex .sampleType #XJTxtDPContents table tbody td a:first-child {
	max-width: 600px;
}
#seminarIndex .sampleType #XJTxtDPContents table tbody td a:nth-child(2) {
	padding: 5px 15px;
	float: right;
	color: #1698bb;
	border: 1px solid #e2e2e2;
}
#seminarIndex .sampleType #XJTxtDPContents table tbody td a:nth-child(2):before {
	content: none;
}
#seminarIndex table .text-emphasis {
	text-align: center;
	display: inline-block;
	padding: 0 20px;
	color: #FFF;
	font-size: 0.85em;
	background: #ca0817;
	border-radius: 10px;
}
#seminarIndex #XJTxtDPNoData {
	margin: 0;
	padding: 30px;
	color: #808080;
	background: #FFF;
}


/* -- PC Hover -- */
	@media only screen and (min-width: 720px) {
		body:not(.setTb) .tabMenu .inner li a:hover {
			color: #FFF;
			background: #68aabc;
		}
		body:not(.setTb) .tabMenu .inner li a:hover:before {
			color: #FFF;
		}
		body:not(.setTb) #seminarIndex #XJTxtDPContents table tbody td a:hover {
			color: #1698bb;
		}
	}

/* -- features -- */
.features .features_title {
	padding: 0 0 20px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
}
.features .features_title .catch_num {
	width: 6em;
	height: 6em;
	color: #ffffff;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	background: #ca0616 url('/img/common/point_bg.png') center center;
	border-radius: 50%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	justify-content: center;
	-ms-justify-content : center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	flex-direction: column;
	-ms-flex-direction : column;
	-webkit-flex-direction: column;
}
.features .features_title .catch_num span {
	font-size: 2em;
}
.features .features_title .title_set {
	padding: 0 0 0 20px;
}
.features .features_title .title_set h3 {
	font-size: 1.3em;
	color: #ca0616;
}
.features .features_title .title_set h4 {
	margin: 0;
	padding: 0;
	border-left: none;
}
.features .features_title .title_set h4:before {
	content: "";
	width: 20px;
	height: 1px;
	margin: 0 1em 0 0;
	display: inline-block;
	vertical-align: middle;
	background: #e2e2e2;
}
.features .features_set p {
	padding-left: 120px;
}

	@media only screen and (max-width: 720px) {
	.features .features_title {
		padding: 0 0 10px;
		display: block;
		text-align: center;
	}
	.features .features_title .catch_num {
		margin: 0 auto 20px;
		display: flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		justify-content: center;
		-ms-justify-content : center;
		-webkit-justify-content: center;
		-webkit-align-items: center;
		flex-direction: column;
		-ms-flex-direction : column;
		-webkit-flex-direction: column;
	}
	.features .features_title .catch_num span {
		font-size: 2em;
	}
	.features .features_title .title_set {
		padding: 0;
	}
	.features .features_title .title_set h3 {
		margin: 0 0 20px;
	}
	.features .features_title .title_set h4 {
		margin: 0;
		text-align: left;
	}
	.features .features_title .title_set h4:before {
		display: none;
	}
	.features .features_set p {
		padding-left: 0;
	}
	}

/* -- Archive -- */
.xjSeminarArchive .seminarThead {
	margin-bottom: 0;
}
.xjSeminarArchive table thead td {
	padding: 9px 15px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background: #2d2d2d;
	border: 1px #2d2d2d solid;
	border-right: 1px #FFF solid;
	border-bottom: 1px #2d2d2d solid;
	border-left: 1px #2d2d2d solid;
}
.xjSeminarArchive table thead td {
	border-right: 1px #2d2d2d solid;
}
.xjSeminarArchive .seminarThead th.date {
	width: 160px;
}
.xjSeminarArchive table tbody tr td.XJTxtDPDataTblTdDate {
	width: 160px;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background: #808080;
	border: 1px solid #e2e2e2;
}
.xjSeminarArchive.oldData table td {
	padding: 5px 10px;
}
.setEntryBase .xjSeminarArchive.oldData table.noScroll tbody td {
	width: auto!important;
}
.setEntryBase .XJTxtDPDataTblTdHr hr {
	margin: 5px 0;
}
.xjSeminarArchive #XJTxtDPNoData {
	margin: 0 0 30px;
	padding: 30px;
	color: #808080;
	text-align: center;
	background: #f6f7f5;
}

	@media only screen and (max-width: 1180px) {
		.smnInfo div {
			width: 30%;
			margin: 0 5% 5% 0;
			float: left;
		}
		.smnInfo div:last-child {
			margin: 0 0 5% 0;
		}
		.smnInfo div a {
			width: 400px;
		}
	}

	@media only screen and (max-width: 720px) {
		.smnInfo div,
		.smnInfo div:last-child {
			width: 100%;
			margin: 0 0 10px 0;
		}
		.smnInfo div a {
			width: 100%;
			padding: 15px 10px 15px 90px;
			display: block;
		}
		.ttlWrap p {
			margin: 0 0 20px;
			position: static;
			text-align: right
		}
		.tabMenu {
			width: 100%;
			margin: 0 0 30px;
			display: block;
			overflow: hidden;
		}
		.tabMenu .inner:first-child {
			margin: 0;
		}
		.tabMenu .inner li {
			width: 49%;
			margin: 0 2% 2% 0;
			display: block;
			float: left;
		}
		.tabMenu .inner li:nth-child(even) {
			margin: 0 0 2% 0;
		}
		.tabMenu .inner li a {
			width: 100%;
			padding: 5px 10px;
			display: block;
		}
		#seminarIndex .tabMenu li {
			width: 49%;
		}
		#seminarIndex table.smnScheduleHead,
		#seminarIndex .table-06 table thead {
			display: none;
		}
		#seminarIndex #XJTxtDPContents table tbody tr {
			padding: 10px;
			display: block;
		}
		#seminarIndex #XJTxtDPContents table tbody tr:first-child {
			border-top: 2px solid #f6f7f5;
		}
		#seminarIndex #XJTxtDPContents table tbody .XJTxtDPDataTblTdDate,
		#seminarIndex #XJTxtDPContents table tbody td {
			width: auto;
			padding: 0;
			display: block;
			text-align: left;
		}
		#seminarIndex #XJTxtDPContents table tbody td a {
			padding: 0 30px 0 0;
		}
		#seminarIndex #XJTxtDPContents table tbody td a:before {
			right: 0;
		}
		#seminarIndex .sampleType #XJTxtDPContents table tbody td {
			padding: 0;
		}
		#seminarIndex .sampleType #XJTxtDPContents table tbody td a {
			padding: 0 30px 0 0;
			display: block;
		}
		#seminarIndex .sampleType #XJTxtDPContents table tbody td a:nth-child(2) {
			margin: -1em auto 0;
			padding: 5px 15px;
			float: none;
			text-align: center;
		}
		.xjSeminarArchive .seminarThead {
			display: none;
		}
		.setEntryBase .xjSeminarArchive.oldData .table-06,
		#seminarIndex .table-06 {
			margin: 0 0 40px 0;
			overflow-x: auto;
		}
		.setEntryBase .xjSeminarArchive.oldData .table-06 table,
		#seminarIndex .table-06 table {
			width: 640px;
			margin: 0;
		}
		.setEntryBase .xjSeminarArchive.oldData .table-06 tbody th,
		.setEntryBase .xjSeminarArchive.oldData .table-06 tbody td {
			border: 1px solid #ebebeb;
			display: table-cell;
		}
		.setEntryBase .xjSeminarArchive.oldData .table-06::-webkit-scrollbar {
			height: 5px;
		}
		.setEntryBase .xjSeminarArchive.oldData .table-06::-webkit-scrollbar-track {
			border-radius: 5px;
			background: #eee;
		}
		.setEntryBase .xjSeminarArchive.oldData .table-06::-webkit-scrollbar-thumb {
			border-radius: 5px;
			background: #666;
		}
	}

/* ------------------------------------
	next-stg
------------------------------------ */
h2.plane {
	margin: 0 0 40px;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}
.pickup {
	margin: 0 0 40px;
	overflow: hidden;
}
.pickup li {
	width: 230px;
	margin: 0 20px 20px 0;
	padding: 20px;
	float: left;
	display: table;
	text-align: center;
	background: #eef7fa;
}
.pickup li.fourth {
	margin: 0 0 20px 0;
}
.pickup li span {
	display: table-cell;
	vertical-align: middle;
}
.btnAreaC {
	text-align: center;
	margin: 0 0 40px;
}
a.btnRecruit,
a.btnCompany {
	width: 370px;
	margin: 0 20px 20px;
	padding: 25px 25px 25px 130px;
	display: inline-block;
	overflow: hidden;
	text-align: left;
	font-size: 1.28em;
	color: #FFF;
	text-decoration: none;
	position: relative;
}
a.btnRecruit {
	background: #81b312 url(../next-stg/img/btn_change.png) no-repeat 40px 45%;
}
a.btnCompany {
	background: #3da5ae url(../next-stg/img/btn_company.png) no-repeat 40px 45%;
}
a.btnRecruit:after,
a.btnCompany:after {
	font-family: 'takaraCP';
	content: "\e900";
	color: #FFF;
	font-size: 0.8em;
	position: absolute;
	top: 40%;
	right: 10px;
}

	@media only screen and (max-width: 720px) {
		.pickup li,
		.pickup li.fourth {
			width: 49%;
			margin: 0 2% 2% 0;
			padding: 3% 1%;
			float: left;
			display: table;
			text-align: center;
			background: #eef7fa;
		}
		.pickup li.odd {
			margin: 0 0 2% 0;
		}
		a.btnRecruit,
		a.btnCompany {
			width: 320px;
			margin: 0 0 20px;
			padding: 25px 25px 25px 100px;
		}
		a.btnRecruit {
			background: #81b312 url(../next-stg/img/btn_change.png) no-repeat 20px 45%;
		}
		a.btnCompany {
			background: #3da5ae url(../next-stg/img/btn_company.png) no-repeat 28px 45%;
		}
	}

/* ====================================

	RECRUIT

==================================== */
.entryField {
	margin-bottom: 40px;
	padding: 60px 60px 20px;
	text-align: center;
	background: #eef7fa;
}

.entryField h2 {
	margin: 0 auto 40px;
	padding: 0 0 15px;
	display: inline-block;
	text-align: center;
	border-left: none;
	border-bottom: 4px solid #ffffff;
	background: transparent;
}

.entryField .entryBanner li {
	display: inline-block;
	overflow: hidden;
}

.entryField .entryBanner li:nth-child(even) {
	margin-left: 35px;
}

/*.cap_center {
	display: inline-block;
	text-align: center;
}
.cap_center figcaption {
	margin: 5px 0 0 0;
	font-size: 0.8em;
}*/

	@media only screen and (max-width: 768px) {
		.entryField {
			padding: 40px 20px 10px;
		}
		.entryField h2 {
			margin: 0 auto 20px;
			padding: 0 0 10px;
		}
	}

@media only screen and (max-width: 720px) {
	.entryField .entryBanner li {
		margin-bottom: 5px;
	}
	.entryField .entryBanner li:nth-child(even) {
		margin-left: 0;
	}
	.entryField .entryBanner img {
		max-width: 100%;
	}
}

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

	FORM

------------------------------------ */
/* ------------------------------------
	contact
------------------------------------ */
.errMsg {
	color: #ca0817;
}
hr.short {
	margin: 40px 0;
}
#contactForm .formInner {
	margin: 0 0 30px;
}
#contactForm .formInner h2 {
	margin: 40px 0 0;
	padding: 15px 20px;
	color: #ffffff;
	font-weight: normal;
	letter-spacing: 0.1em;
	background: #0b294f;
	border-left: none;
}
#contactForm .formInner dl {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
	position: relative;
	display: table;
	border-bottom: 1px dotted #e2e2e2;
}
#contactForm .formInner dt,
#contactForm .formInner dd {
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
}
#contactForm .formInner .require dt {
	padding: 0 90px 0 0;
}
#contactForm .formInner dt {
	width: 235px;
	padding: 0 20px 0 0;
	font-weight: bold;
}
#contactForm .formInner input[type="text"] {
	width: 100%;
}
#contactForm .formInner select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
}
#contactForm .formInner textarea {
	width: 100%;
	min-height: 225px;
	margin: 0;
	vertical-align: bottom;
	resize: vertical;
}
#contactForm .formInner textarea.heightMid {
	min-height: 160px;
}
#contactForm .formInner input.textSmall {
	width: 210px;
	padding: 10px;
	border-radius: 5px;
}
#contactForm .formInner input.textXSmall {
	width: 100px;
	padding: 10px;
	border-radius: 5px;
}
#contactForm .formInner input.marginSide {
	margin: 10px;
}
#contactForm .formInner input.marginRight {
	margin: 0 10px 0 0;
}
#contactForm .formInner .marginTop {
	margin: 20px 0 0 0;
}
#contactForm .formInner input[type="checkbox"],
#contactForm .formInner input[type="radio"] {
	margin: 6px;
	display: block;
	float: left;
}
#contactForm .formInner label {
	display: block;
	overflow: hidden;
	word-break: break-all;
}
#contactForm .formInner input,
#contactForm .formInner select,
#contactForm .formInner textarea {
	font-family: "Montserrat", "Hiragino Kaku Gothic ProN", YuGothic, "游ゴシック", Meiryo, "メイリオ", 'ＭＳ Ｐゴシック',sans-serif;
	padding: 15px 15px 15px 20px;
	font-size: 15px;
	border: 1px solid #e0e2e1;
	border-radius: 5px;
	background: #f7f7f5;
}
#contactForm .formInner input.noRadius,
#contactForm .formInner select.noRadius.noRadius,
#contactForm .formInner textarea.noRadius {
	border-radius: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#contactForm .formInner .disNon {
	display: none;
}
#contactForm .formInner .require dt span {
	margin: -0.8em 0 0 0;
	padding: 0 20px;
	color: #FFF;
	font-size: 0.7em;
	display: inline-block;
	vertical-align: middle;
	background: #d53945;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 150px;
}
#contactForm .formInner .valid dt span,
#contactForm .check.valid > span {
	background: #03b869;
}
#contactForm .formAtetntion {
	margin: 0 0 5px;
	font-size: 0.75em;
	color: #ca0817;
}
#contactForm .formInner .contWrap {border-left: 4px solid #e2e2e2;}
#contactForm .formInner .contWrap .contInner {padding: 0 0 0 20px;}
#contactForm .formInner .require .contWrap {border-left: 4px solid #ca0817;}
#contactForm .formInner .valid .contWrap {border-left: 4px solid #03b869;}
#contactForm .formInner .valid input,
#contactForm .formInner .valid select,
#contactForm .formInner .valid textarea {
	background: #FFF;
}
#contactForm .formInner .error > dt {color: #ca0817;}
#contactForm .formInner .error dt span {background: #d53945;}
#contactForm .formInner .require.valid.error .contWrap {border-left: 4px solid #ca0817;}
#contactForm .formInner .valid.error .contWrap {border-left: 4px solid #e2e2e2;}
#contactForm .formInner .error .contWrap:not(.individual) input,
#contactForm .formInner .error .contWrap:not(.individual) select,
#contactForm .formInner .individual .error input,
#contactForm .formInner .individual .error select,
#contactForm .formInner .error textarea {
	background: #f4dee0;
}
#contactForm .formInner li {
	min-width: 49%;
	display: inline-block;
	vertical-align: bottom;
}
#contactForm .formInner li.large {
	min-width: 100%;
}
#contactForm .formInner li.large label {
	display: inline-block;
}
#contactForm .formInner ul.birth li {
	min-width: none;
	min-width: initial;
	min-width: auto;
	width: 120px;
	margin: 0 0 0 10px;
}
#contactForm .formInner ul.birth li:first-child {
	width: 192px;
	margin: 0;
}
#contactForm .formInner ul.birth li select {
	line-height: 1.3;
}
.formNote {
	margin: 0 20px 0 0;
	font-size: 0.8em;
	vertical-align: middle;
}
#contactForm .formInner .address label {
	margin: 20px 0 0 0;
}
#contactForm .formInner .address input[type="text"]#zipCode {
	width: 160px;
	margin: 0 5px 0 0;
}
#contactForm .formInner .address button {
	width: 160px;
	color: #1698bb;
	padding: 15px 0;
	cursor: pointer;
	background: #FFF;
	border-radius: 0;
	border: 1px solid #e2e2e2;
	transition: all 0.3s ease-out;
}
#contactForm .formInner .address button span {
	padding: 0 0 0 20px;
	position: relative;
}
#contactForm .formInner .address button span:before {
	font-family: 'takaraCP';
	content: "\e901";
	color: #1698bb;
	font-size: 0.6em;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: all 0.3s ease-out;
}
/* -- PC Hover -- */
@media only screen and (min-width: 720px) {
	body:not(.setTb) #contactForm .formInner .address button:hover {
		color: #FFF;
		background: #1698bb;
		border: 1px solid #1698bb;
	}
	body:not(.setTb) #contactForm .formInner .address button:hover span:before {
		color: #FFF;
	}
}
#contactForm .formInner .contInner dl {
	border-bottom: none;
}
#contactForm .formInner .contInner dt {
	width: 150px;
	font-weight: normal;
}
.policyBox {
	margin: 0 0 10px;
	border: 1px solid #e2e2e2;
}
.policyBox .inner {
	height: 200px;
	padding: 30px;
	overflow-y: scroll;
}
.policyBox .inner h2 {
	margin: 0 0 35px;
	padding: 0;
	font-size: 1em;
	border-left: none;
	background: none;
}
.policyBox .inner h3 {
	margin: 0 0 10px;
	font-size: 0.87em;
	display: block;
}
.policyBox .inner p {
	margin: 0 0 20px 0;
	line-height: 1.3;
	font-size: 0.87em;
}
.policyBox .check {
	margin: 0 auto;
	padding: 20px;
	border-top: 1px solid #dddddd;
	border-left: 4px solid #c80a16;
}
.policyBox .check.error {
	background: #f4dee0;
}
.policyBox .check.valid {
	background: #FFF;
	border-left: 4px solid #03b869;
}
.policyBox .check > span {
	padding: 0 20px;
	color: #FFF;
	font-size: 0.7em;
	display: inline-block;
	vertical-align: middle;
	background: #d53945;
	border-radius: 10px;
}
.policyBox .check input {
	margin: 0 10px;
	vertical-align: middle;
}
.policyBox .check span.agreeTxt {
	vertical-align: middle;
	font-weight: bold;
}
.buttonArea {
	text-align: center;
	font-size: 0;
}
.buttonArea.agree {
	font-size: 16px;
}
.buttonArea li {
	margin: 0 20px;
	display: inline-block;
	overflow: hidden;
	font-size: 16px;
}
.buttonArea button,
.buttonArea.agree a {
	width: 240px;
	padding: 15px 10px;
	font-size: 1em;
	border: 0;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	cursor: pointer;
	background: #68aabc;
	transition: all 0.3s ease-out;
}
.buttonArea button#btnBack {
	background: #808080;
}
.buttonArea button span,
.buttonArea.agree a span {
	padding: 0 0 0 20px;
	position: relative;
	color: #FFF;
}
.buttonArea button span:before,
.buttonArea.agree a span:before {
	font-family: 'takaraCP';
	content: "\e902";
	color: #FFF;
	font-size: 0.6em;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.buttonArea #submit[type="submit"][disabled] {
	background: #808080;
	cursor: default;
}
/* -- PC Hover -- */
	@media only screen and (min-width: 720px) {
		body:not(.setTb) .buttonArea #submit[disabled]:hover {
			opacity: 1;
		}
	}

	@media only screen and (max-width: 720px) {
		#contactForm .formInner dl {
			width: 100%;
			padding: 10px 0;
			overflow: hidden;
			display: block;
			border-bottom: 1px dotted #e2e2e2;
		}
		#contactForm .formInner dt,
		#contactForm .formInner dd {
			display: block;
		}
		#contactForm .formInner dt {
			width: 100%;
			padding: 0;
			position: relative;
			font-weight: bold;
		}
		#contactForm .formInner .contWrap {margin: 5px 0 0 0;}
		#contactForm .formInner .contWrap .contInner {padding: 0 0 0 10px;}
		#contactForm .formInner .require dt {
			padding: 0 70px 0 0;
		}
		#contactForm .formInner .require dt span {
			left: initial;
			right: 0;
		}
		#contactForm .formInner ul.birth li {
			width: 27%;
			margin: 0 0 0 3%;
		}
		#contactForm .formInner ul.birth li:first-child {
			width: 36%;
		}
		#contactForm .formInner ul.birth select {
			padding: 15px 5px 15px 10px;
		}
		#contactForm .formInner .address input[type="text"]#zipCode {
			width: 140px;
			margin: 0 5px 0 0;
			padding: 15px 10px;
		}
		#contactForm .formInner .address button {
			width: 115px;
		}
		#contactForm .formInner .address button span {
			padding: 0 0 0 15px;
		}
		.policyBox .inner {
			padding: 20px;
		}
		.buttonArea li {
			margin: 0 20px 20px;
		}
	}

/* ------------------------------------
	confirm
------------------------------------ */
#contactForm.confirm .formInner {
	margin: 0 0 40px;
}
#contactForm.confirm  dl:last-child {
	border-bottom: 4px solid #e2e2e2;
}
#btnBack span:before {
	-webkit-transform: translate(0, -50%) rotate(180deg);
	transform: translate(0, -50%) rotate(180deg);
}
#btnSend {
	background: #68aabc;
}
#btnSend span:before {
	color: #FFF;
}

/* ------------------------------------
	thanks
------------------------------------ */
.contactNum {
	width: 600px;
	margin: 0 auto 40px;
	padding: 40px;
	text-align: center;
	background: #eef7fa;
}
.contactNum dt {
	font-weight: bold;
}
.contactNum dd {
	font-size: 2.75em;
	color: #084fb0;
}

	@media only screen and (max-width: 720px) {
		.contactNum {
			width: 100%;
			margin: 0 auto 40px;
		}
	}

/* ------------------------------------
	books
------------------------------------ */
.setEntryBase .bookWrap {
	padding: 0 0 30px;
	overflow: hidden;
}
.setEntryBase .bookWrap .imgLeft {
	position: relative;
}
.setEntryBase .bookWrap .imgLeft:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: 0 0 0 1px #E2E2E2 inset;
}
.setEntryBase .bookCont {
	width: 570px;
	float: right;
	text-align: left;
}

	@media only screen and (max-width: 720px) {
		.setEntryBase .bookWrap {
			text-align: center;
		}
		.setEntryBase .bookWrap figure {
			max-width: auto;
			max-width: none;
			width: auto;
			float: none;
			margin: 0 0 20px;
			display: inline-block;
			text-align: center;
		}
		.setEntryBase .bookWrap figure img {
			width: auto;
			max-width: 100%;
			margin: 0 auto;
		}
		.setEntryBase .bookCont {
			width: 100%;
			float: none;
		}
	}

/* ------------------------------------
	sitemap
------------------------------------ */
.sitemap {
	overflow: hidden;
}
.sitemap h2 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 1.1em;
	border-top: 2px solid #ca0817;
	border-left: none;
	position: relative;
}
.sitemap h2 a {
	padding: 10px 10px 10px 45px;
	color: #ca0817;
	display: block;
	text-decoration: none;
	background: #f6f7f5;
}
.sitemap .ttl {
	margin: 0 0 15px;
	padding: 10px 10px 10px 45px;
	font-size: 1.1em;
	color: #ca0817;
	font-weight: bold;
	background: #f6f7f5;
	border-top: 2px solid #ca0817;
}
.sitemap h2 a:before {
	font-family: 'takaraCP';
	content: "\e902";
	color: #ca0817;
	font-size: 0.6em;
	position: absolute;
	top: 17px;
	left: 25px;
}
.sitemap h3 {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	background: none;
	position: relative;
}
.sitemap h3:before {
	font-family: 'takaraCP';
	content: "\e902";
	color: #ca0817;
	font-size: 0.5em;
	position: absolute;
	top: 7px;
	left: 0;
}
.sitemap h3 a {
	color: #000;
	text-decoration: none;
}
.sitemap .mapWrapService {
	width: 760px;
	margin: 0;
	overflow: hidden;
}
.sitemap .mapWrapService .inner {
	width: 340px;
	float: left;
	margin: 0 40px 20px 0;
}
.sitemap .mapWrap {
	width: 760px;
}
.sitemap .listWrap {
	width: 340px;
	float: left;
	margin: 0 40px 0 0;
}
.sitemap .listWrap > ul {
	margin: 0 0 20px;
}
.sitemap ul li {
	padding: 7px 0 7px 22px;
	position: relative;
	line-height: 1.2;
}
.sitemap ul li:before {
	font-family: 'takaraCP';
	content: "\e902";
	color: #ca0817;
	font-size: 0.6em;
	position: absolute;
	top: 12px;
	left: 5px;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.sitemap ul li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	word-break: break-all;
}
.sitemap ul li ul li a {
	font-size: 0.87em;
}
.sitemap ul li ul li ul li a {
	font-weight: normal;
}
.sitemap ul li a.iconBlank {
	padding: 0;
}
.sitemap ul li a.iconBlank:before {
	content: "";
}
.sitemap ul li a.iconBlank:after {
	padding: 0 0 0 5px;
	font-family: 'takaraCP';
	content: "\e907";
	font-size: 0.8em;
	text-decoration: underline;
	display: inline-block;
}
.sitemap ul li a.iconBlank:after {
	text-decoration: none;
}
/* -- PC Hover -- */
	@media only screen and (min-width: 720px) {
		body:not(.setTb) .sitemap h3 a:hover,
		body:not(.setTb) .sitemap ul a:hover {
			text-decoration: underline;
		}
	}

	@media only screen and (max-width: 720px) {
		.sitemap .mapWrap {
			width: 100%;
		}
		.sitemap .mapWrapService,
		.sitemap .mapWrapService .inner,
		.sitemap .listWrap {
			width: 100%;
			float: none;
			margin: 0;
		}
		.sitemap h2 br {
			display: none;
		}
	}

/* ------------------------------------
	video
------------------------------------ */

.videoWrap {
	display: block;
	width: 100%;
	position: relative;
	width: 100%;
	float: none;
	height: auto;
	padding-top: 56.25%;
}

.videoWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ------------------------------------
	search
------------------------------------ */
 .pgSearch {
	min-height: 400px;
}
.pgSearch .gsc-above-wrapper-area-container {
	margin: 0;
}
.pgSearch .gsc-above-wrapper-area-container td,
.pgSearch .gsc-resultsHeader td {
	padding: 0;
	border: none;
}
.pgSearch .gsc-option-menu-container div {
	white-space: nowrap;
}
.pgSearch .gsc-webResult .gsc-table-result {
	margin: 0;
}
.pgSearch .gsc-cursor-box .gsc-cursor-page {
	font-size: 150%;
}
.gsc-webResult .gsc-result {
	padding:0 !important;
	margin: 1em 0 !important;
	border-bottom: none;
}
.cse .gsc-webResult.gsc-result,
.pgSearch .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result.gsc-promotion,
.gsc-results .gsc-imageResult-classic,
.gsc-results .gsc-imageResult-column {
	border-left: 1px solid #FFF;
	border-bottom: none;
}

/* -- hover -- */
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.pgSearch .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
	border-left: 1px solid #ca0817;
}
.cse .gsc-webResult.gsc-result:hover {
	margin: 1em 0 !important;
}

	@media only screen and (max-width: 720px) {
		.pgSearch .gsc-webResult .gsc-table-result {
			margin: 0;
			border-top: 1px solid #e2e2e2;
		}
		.pgSearch .gsc-webResult .gsc-table-result td.gsc-table-cell-snippet-close {
			border-top: none;
		}
	}

/* ------------------------------------
	httpStatusCode - 404
------------------------------------ */
#httpStatusCode {
	min-height: 580px;
	margin: 0 auto;
	padding: 140px 0 50px;
	text-align: center;
	background: #f1f1f1 url(../img/bg_404.jpg) top center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
#httpStatusCode h1 {
	margin: 0 0 60px 0;
	font-size: 100px;
	line-height: 1em;
}
#httpStatusCode h1 span {
	padding: 10px 0 0 0;
	display: block;
	font-size: 24px;
	line-height: 1em;
	letter-spacing: 0.24em;
}
#httpStatusCode p {
	padding: 0 2% 40px 2%;
	font-size: 1.2em;
	letter-spacing: 0.25em;
	line-height: 1.87em;
}
#httpStatusCode a.btn {
	margin: 0 auto;
	font-size: 1em;
	color: #000000;
	border: 1px solid #000000;
	background: transparent;
}
#httpStatusCode a.btn:before {
	color: #000000;
}
#httpStatusCode a.btn:hover {
	color: #ffffff;
	background: rgba(0,0,0,0.4);
	border: 1px solid rgba(0,0,0,0);
}
#httpStatusCode a.btn:hover:before {
	color: #ffffff;
}

	@media only screen and (max-width: 720px) {
		#httpStatusCode{
			min-height: 100%;
			margin: 0 auto;
			padding: 70px 0px 50px;
			text-align: center;
		}
		#httpStatusCode h1 {
			margin: 0 0 40px 0;
			font-size: 3.5em;
		}
		#httpStatusCode h1 span {
			padding: 10px 0 0 0;
			display: block;
			font-size: 0.5em;
		}
		#httpStatusCode p {
			padding: 0 2% 20px 2%;
			letter-spacing: 0.1em;
			line-height: 1.6em;
		}
	}

/* ------------------------------------
	contactArea2column
------------------------------------ */
.contactArea2col {
	position: relative;
	border-top: 4px solid #ca0817;
}
.contactArea2col .direct {
	width: 50%;
	margin: 0 0 0 auto;
	color: #084fb0;
	background: #FFF url(../img/common/service_bg.png);
	background-size: cover;
}
.contactArea2col .contact {
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF url(../img/common/contact_bg.png);
	background-size: cover;
}
.contactArea2col .telephone {
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF url(../img/common/tel_bg.png);
	background-size: cover;
}
.contactArea2col .direct > div,
.contactArea2col .contactInclude > div > a,
.contactArea2col .contactInclude > div > div {
	padding: 45px 0;
	display: block;
	color: #FFF;
	text-decoration: none;
}
.contactArea2col .direct div a,
.contactArea2col .direct div {
	color: #084fb0;
}
.contactArea2col div dl {
	padding: 70px 0 0;
	position: relative;
}
.contactArea2col div dl:before {
	font-family: 'takaraCP';
	line-height: 1;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.contactArea2col .direct dl:before {
	content: "\e906";
	font-size: 2.5em;
	color: #084fb0;
}
.contactArea2col .contact dl:before {
	content: "\e904";
	font-size: 2.5em;
}
.contactArea2col .telephone dl:before {
	content: "\e906";
	font-size: 2.5em;
}
.contactArea2col div dl dt {
	font-size: 1.15em;
	letter-spacing: 0.2em;
}
.contactArea2col .direct dl dd {
	color: #000;
}
.contactArea2col .direct dl dd span {
	color: #084fb0;
	font-size: 2.7em;
	letter-spacing: 0.1em;
	line-height: 1.2;
	display: block;
}
.contactArea2col .contact dl dd span {
	font-size: 2.15em;
	display: block;
}
.contactArea2col .telephone dl dd span {
	font-size: 2.7em;
	letter-spacing: 0.1em;
	line-height: 1.2;
	display: block;
}
.contactArea2col .telephone dl dd span.tel a {
	color: #FFF;
	text-decoration: none;
}
.contactArea2col a.iconMail {
	padding: 0 0 0 1.4em;
	position: relative;
	color: #084fb0;
	cursor: pointer;
	text-decoration: underline;
}
.contactArea2col a.iconMail:before {
	font-family: 'takaraCP';
	content: "\e903";
	line-height: 1;
	content: "\e903";
	color: #084fb0;
	position: absolute;
	top: 0.3em;
	left: 0;
	display: inline-block;
	text-decoration: underline;
}
.contactArea2col a.iconMail:before,
.contactArea2col a.iconMail:hover {
	text-decoration: none;
}

	@media only screen and (max-width: 1180px) {
		.contactArea2col div dl dt {
			padding: 0 5%;
		}
	}

	@media only screen and (max-width: 720px) {
		.contactArea2col .direct,
		.contactArea2col .contact,
		.contactArea2col .telephone {
			width: 100%;
			position: static;
		}
		.contactArea2col .direct > div,
		.contactArea2col .contactInclude > div > a,
		.contactArea2col .contactInclude > div > div {
			padding: 25px 0;
		}
		.contactArea2col div dl {
			padding: 0 6% 0 30%;
			text-align: left;
		}
		.contactArea2col div dl:before {
			position: absolute;
			top: 50%;
			left: 10%;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}
		.contactArea2col div dl dt {
			padding: 0;
			font-size: 1em;
			letter-spacing: 0;
		}
		.contactArea2col .contact dl dd span {
			font-size: 1.5em;
		}
		.contactArea2col .direct dl dd span,
		.contactArea2col .telephone dl dd span {
			font-size: 1.8em;
			letter-spacing: 0;
		}
		.contactArea2col .telephone dl dd span a {
			padding: 0;
			color: #FFF;
		}
	}

/* ------------------------------------
	aside
------------------------------------ */
#twoCol aside {
	width: 220px;
	float: left;
	text-align: left;
}
#twoCol aside {
	width: 220px;
	float: left;
}
#twoCol aside a {
	display: block;
	text-decoration: none;
}
#twoCol aside h2 {
	color: #4C2B62;
	font-size: 1.4em;
	background: #FFF;
}
#twoCol aside h2 a {
	background: #ca0817;
}
#twoCol aside h2 span {
	padding: 26px 20px;
	display: block;
	font-weight: bold;
	color: #FFF;
	line-height: 1.3;
}
#twoCol aside h2 span span {
	padding: 0;
	display: block;
	font-weight: bold;
	color: #FFF;
	font-size: 0.6em;
}
#twoCol aside nav {
	margin: 0 0 20px 0;
	padding: 0 1px 1px 1px;
	background: #e2e2e2;
}
#twoCol aside nav ul {
	background: #FFF;
}
#twoCol aside nav > ul > li > a {
	padding: 15px 20px 15px 2.3em;
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
}
#twoCol aside nav > ul > li > a:before {
	margin: -0.4em 0 0 0;
	position: absolute;
	left: 20px;
	top: 50%;
	color: #ca0817;
	line-height: 0.9;
	font-size: 0.7em;
	font-weight: normal;
	font-family: 'takaraCP';
	content: "\e900";
}
#twoCol aside nav > ul > li > a.iconBlank:after {
	padding: 0 0 0 5px;
	font-family: 'takaraCP';
	content: "\e907";
	font-size: 0.8em;
	font-weight: normal;
}
#twoCol aside nav > ul > li.active > a {
	color: #ca0817;
	background: #f6f7f5;
	border-bottom: 1px solid #e2e2e2;
}
#twoCol aside nav > ul > li.active.parent > a {
	border-bottom: 1px dotted #e2e2e2;
}
#twoCol aside nav > ul > li.active.parent > a:before,
#twoCol aside nav > ul > li.parent > a:before {
	content: "\e900";
}
#twoCol aside nav > ul > li.last > a {
	border-bottom: none;
}
#twoCol aside nav > ul > li > ul,
#twoCol aside nav > ul > li.active > ul > li > ul,
#twoCol aside nav > ul > li.active > ul > li.active > ul > li > ul {
	display: none;
}
#twoCol aside nav > ul > li.active.parent > ul,
#twoCol aside nav > ul > li.active > ul > li.active > ul,
#twoCol aside nav > ul > li.active > ul > li.active > ul > li.active > ul {
	display: block;
}

#twoCol aside nav > ul > li.active > ul > li {
	border-bottom: 1px dotted #e2e2e2;
}
#twoCol aside nav > ul > li > ul > li.last {
	border-bottom: 1px solid #e2e2e2;
}
#twoCol aside nav > ul > li.last > ul > li.last {
	border-bottom: none;
}
#twoCol aside nav > ul > li > ul > li > a {
	padding: 11px 10px 11px 2.5em;
	display: block;
	color: #000;
	font-weight: bold;
	position: relative;
	background: #FFF;
}
#twoCol aside nav > ul > li > ul > li.parent > a {
	padding: 11px 10px 5px 2.5em;
}
#twoCol aside nav > ul > li > ul > li > a:before,
#twoCol aside nav > ul > li > ul > li > ul > li > a:before {
	content: "";
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #000;
	position: absolute;
	top: 50%;
	left: 1.8em;
}
#twoCol aside nav > ul > li > ul > li.active > a {
	color: #ca0817;
	border-bottom: none;
}
#twoCol aside nav > ul > li > ul > li > ul > li > a {
	padding: 3px 10px 3px 3.7em;
	display: block;
	color: #000;
	background: #FFF;
	position: relative;
}
#twoCol aside nav > ul > li > ul > li > ul > li > a:before {
	top: 45%;
	left: 3em;
}
#twoCol aside nav > ul > li > ul > li > ul > li.active > a{
	color: #ca0817;
}
#twoCol aside nav > ul > li > ul > li.active > ul > li.last > a {
	border-bottom: none;
}
#twoCol aside nav > ul > li > ul > li > ul > li.last > a {
	padding: 3px 10px 5px 3.7em;
	border-bottom: 1px dotted #e4e3ec;
}
#twoCol aside .subBanner {
	margin: 20px 0 0 0;
}
#twoCol aside .subBanner li {
	margin: 0 0 10px 0;
}
#twoCol aside .subBanner li img {
	width: 100%;
	height: auto;
	display: block;
	border: 1px solid #e2e2e2;
}
#twoCol aside .textBanner {
	margin: 20px 0 0 0;
}
#twoCol aside .textBanner li {
	margin: 0 0 4px 0;
}
#twoCol aside .textBanner li a {
	padding: 20px 25px 20px 20px;
	display: block;
	color: #000;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 2px solid #ca0817;
	transition: all 0.1s ease-out;
}
#twoCol aside .textBanner li a:after {
	font-family: 'takaraCP';
	content: "\e900";
	color: #ca0817;
	font-size: 0.7em;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
#twoCol aside .textBanner li.blank a:after {
	content: "\e907";
	font-weight: normal;
}
#twoCol aside .textBanner li.iconPdf {
	padding: 0;
	display: block;
	background: none;
}
#twoCol aside .textBanner li.iconPdf a {
	padding: 20px 30px 20px 20px;
}
#twoCol aside .textBanner li.iconPdf a:after {
	content: "";
	width: 16px;
	height: 16px;
	background: url(../img/common/iconPdf.png) no-repeat right center;
}

	@media only screen and (min-width: 720px) {
		body:not(.setTb)#twoCol aside .textBanner li a:hover {
			color: #ca0817;
			border-left: 4px solid #ca0817;
		}
	}

	@media only screen and (max-width: 720px) {
		#twoCol aside {
			width: 100%;
			float: none;
		}
		#twoCol aside .subBanner li img {
			width: 100%;
			height: auto;
		}
	}


/* ------------------------------------
	Opacity Hover
------------------------------------ */
.setEntryBase a.btn,
.setEntryBase a img,
#twoCol aside a,
.contactArea2col .contact,
.sitemap h2 a,
.archiveList .outer ul li a,
.bannerArea li a,
.smnInfo div a,
a.btnRecruit,
a.btnCompany,
a.btn,
a.btn:before,
.address input[type="button"],
.buttonArea button,
.buttonArea.agree a {
	transition: all 0.3s ease-out;
}

@media only screen and (min-width: 720px) {
	body:not(.setTb)#twoCol aside a:hover,
	body:not(.setTb) .setEntryBase a img:hover,
	body:not(.setTb) .bannerArea li a:hover,
	body:not(.setTb) .smnInfo div a:hover,
	body:not(.setTb) a.btnRecruit:hover,
	body:not(.setTb) a.btnCompany:hover,
	body:not(.setTb) a.btn:hover,
	body:not(.setTb) .buttonArea button:hover,
	body:not(.setTb) .buttonArea.agree a:hover {
		opacity: 0.7;
	}
	body:not(.setTb) .setEntryBase a.btn:hover,
	body:not(.setTb)#twoCol aside nav a:hover,
	body:not(.setTb) .contactArea2col .contact:hover,
	body:not(.setTb) .sitemap h2 a:hover,
	body:not(.setTb) .archiveList .outer ul li a:hover,
	body:not(.setTb) .address input[type="button"]:hover {
		opacity: 0.6;
	}
}

/* ------------------------------------
	ClearFixElements
------------------------------------ */
.cf:before,
.archiveList:before,
.cf:after,
.archiveList:after {
	content: " ";
	display: table;
}
.cf:after,
.archiveList:after {
	clear: both;
}
.cf,
.archiveList {
	*zoom: 1;
}

/* ------------------------------------
	PrintElements
------------------------------------ */
@media print {
	aside.fixnav {
		position: absolute;
	}
	.toggleArea .qaArea dd {
		display: block;
	}
}
/* ------------------------------------
	tc_font
------------------------------------ */
@import url('https://fonts.googleapis.com/css?family=Roboto:300&display=swap');

@font-face {
  font-family: 'tandc';
  src:  url('../fonts/tandc.eot?tk44ft');
  src:  url('../fonts/tandc.eot?tk44ft#iefix') format('embedded-opentype'),
    url('../fonts/tandc.ttf?tk44ft') format('truetype'),
    url('../fonts/tandc.woff?tk44ft') format('woff'),
    url('../fonts/tandc.svg?tk44ft#tandc') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'tandc' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon_tel:before {
  content: "\e916";
}

/* ------------------------------------
	modal
------------------------------------ */

/* モーダルCSS */
.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	z-index: 100000;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
  position: absolute;
  top: 47%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 100%;
  max-width: 630px;
  height: 86%;
  padding: 0px 0px;
  background-color: #fff;
	overflow-y:scroll;
	overflow-x:scroll;
}

.closeModal {
  position: absolute;
  top: -0.3rem;
  right: 1rem;
  cursor: pointer;
	font-size: 40px;
}

.modalContents img{
	width: 100%;
	height:100%;
}

@media only screen and (max-width: 720px) {
	.closeModal {
	  top: -0.7rem;
}
.modalWrapper {
  height: 58%;
}
	.modalContents img{
			width: 100%;
		}
}

.pickUp {
cursor : pointer;
}

#openModal{
	cursor : pointer;
}
.openModal{
	cursor : pointer;
}

@media print {
.imgTtlBg.pgService {
	width: 100%;
	background: url(../service/img/service_ttlbg.jpg) no-repeat center center;
	background-attachment: none;
	background-size: none;
}
.imgTtlBg.pgIr {
	width: 100%;
	background: url(../ir/img/ir_ttlbg.jpg) no-repeat center center;
	background-attachment: none;
	background-size: none;
}
.imgTtlBg.pgCompany {
	width: 100%;
	background: url(../company/img/company_ttlbg.jpg) no-repeat center center;
	background-attachment: none;
	background-size: none;
}
.imgTtlBg.pgSeminar {
	width: 100%;
	background: url(../seminar/img/seminar_ttlbg.jpg) no-repeat center center;
	background-attachment: none;
	background-size: none;
}
.imgTtlBg.pgRecruit {
	width: 100%;
	background: url(../recruit/img/recruit_ttlbg.jpg) no-repeat center center;
	background-attachment: none;
	background-size: none;
}
.imgTtlBg.pgNextStg {
	width: 100%;
	background: url(../next-stg/img/next-stg_ttlbg.jpg) no-repeat center center;
	background-attachment: none;
	background-size: none;
}
.topCatch .topCatchInner {
    width: 500px;
    float: left;
    text-align: left;
}
.topCatch figure img {
    max-width: 300px;
}
.setEntryBase a img{
	width: 250px;
}

.setEntryBase .imgCenter img, .setEntryBase .imgRight img, .setEntryBase .imgLeft img {
    max-width: 600px;
    height: auto;
}
.setEntryBase .imgRight {
    width: 100px;
}
.catch,
.overlap {
  width: 1040px;
  margin:0 auto;
}
.archiveList{
  width: 1040px;
  margin:0 auto;
}
.archiveList .outer {
    width: 305px;
}
.point li {
    width: 300px;
}
footer .TnCbanner {
	margin-top: 24px;
	margin-left: 24px;
}
footer small {
	margin-top: 40px;
	margin-right: 100px;
}

.setEntryBase {
    width: 700px;
}
.setEntryBase .imgCenter img{
	width: 700px;
}
.setEntryBase .imgRight img, .setEntryBase .imgLeft img {
    width: 100px;
    height: auto;
}
.setEntryBase.lastCont{
	width: 1000px;
}
#twoCol aside {
 left: 5px;
}
.overlap {
  margin: 60px 0px 60px 150px;
	padding: 0px 0px 0px 0px;
}
}

/* ------------------------------------
	privacy
------------------------------------ */
.privacy_text_right{
	text-align: right;
}

/* ------------------------------------
	service
------------------------------------ */
.red_round{
	color: #ca0817;
}

/* ------------------------------------
	disclosure/e-ad.html
------------------------------------ */
.text_glory {
	vertical-align:16px;
	color: #68aabc;
	font-size: 87.5%;
	margin-left:16px;
}
@media screen and (max-width: 720px){
	.text_glory {
		margin-left:0;
	}
}

/* ------------------------------------
	e-ad/index.html
------------------------------------ */
.e-ad_text_glory {
	color: #68aabc;
	font-size: 87.5%;
	margin-left:8px;
}
@media screen and (max-width: 720px){
	.e-ad_text_glory {
		margin-left:0;
	}
}
.text_color_glory {
	color: #003bad;
	font-weight:bold;
}
.text_color_fivedrive {
	color: #e57c27;
	font-weight:bold;
}


/* ------------------------------------
	e-ad/regist.html
------------------------------------ */
.reg_text_glory {
	vertical-align:24px;
	color: #68aabc;
	font-size: 87.5%;
	margin-left:16px;
}
.reg_text_glory_2 {
	vertical-align:12px;
	color: #68aabc;
	font-size: 87.5%;
	margin-left:16px;
}
.reg_text_glory_og {
	vertical-align:24px;
	color: #e57c27;
	font-size: 87.5%;
	margin-left:16px;
}
@media screen and (max-width: 720px){
	.reg_text_glory {
		margin-left:0;
	}
	.reg_text_glory_2 {
		margin-left:0;
	}
	.reg_text_glory_og {
		margin-left:0;
	}
}

/* ------------------------------------
	/disclosure/e-ad-fivedrive.html
------------------------------------ */
@media only screen and (max-width: 720px) {
    a.f-adbtn {
        padding: 18px 40px 18px 55px;
    }
}
@media only screen and (max-width: 720px) {
    a.f-adbtn:before {
        top: 22px;
    }}

/*e-ad-fivedrive.html｜document-form-fivedrive.html*/
.setEntryBase table tbody tr:nth-child(even) td.perItem,.setEntryBase table tbody tr:nth-child(odd)  td.perItem{
	background: #808080;
    color: #FFF;
	font-weight: bold;
}

/* ------------------------------------
	/e-ad/document-form-fivedrive.html
------------------------------------ */
.fivedrive-button {display: flex;
        align-items: center;   
        gap: 60px; 
	margin-bottom: 30px;}
	
@media (max-width: 583px) and (min-width: 535px){
	.fivedrive-button {
		gap: 15px;
	}}
	@media (max-width: 534px) and (min-width: 528px){
	.fivedrive-button {
		gap: 10px;
		}}
	@media (max-width: 527px){
	.fivedrive-button {
		display: block;
	}}

/*-----Yu202511----*/


/*--Yum202511-*/
.setEntryBase h3.denshi2 {
	color: #003bad;
	margin: 20px 0 20px 0;
}
.setEntryBase h3.sokai01 {
	background: linear-gradient(transparent 60%, #e5f5e5 60%);
	color: #009900;
	font-size: 18px;
}


/* -- funcnc -- */
.funcnc .funcnc_title {
	padding: 0 0 20px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
}
.funcnc .funcnc_title .catch_num {
	width: 6em;
	height: 6em;
	color: #ffffff;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	background: #e5f5e5;
	border-radius: 50%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	justify-content: center;
	-ms-justify-content : center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	flex-direction: column;
	-ms-flex-direction : column;
	-webkit-flex-direction: column;
}
.funcnc .funcnc_title .catch_num span {
	font-size: 2em;
}
.funcnc .funcnc_title .title_set {
	padding: 0 0 20px 20px;
}
.funcnc .funcnc_title .title_set h3 {
	font-size: 1.3em;
	color: #009b00;
}
.funcnc .funcnc_title .title_set p {
	margin: 0;
	padding: 0;
	border-left: none;
}

.funcnc .funcnc_set p {
	padding-left: 120px;
}

	@media only screen and (max-width: 720px) {
	.funcnc .funcnc_title {
		padding: 0 0 10px;
		display: block;
		text-align: center;
	}
	.funcnc .funcnc_title .catch_num {
		margin: 0 auto 20px;
		display: flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		justify-content: center;
		-ms-justify-content : center;
		-webkit-justify-content: center;
		-webkit-align-items: center;
		flex-direction: column;
		-ms-flex-direction : column;
		-webkit-flex-direction: column;
	}
	.funcnc .funcnc_title .catch_num span {
		font-size: 2em;
	}
	.funcnc .funcnc_title .title_set {
		padding: 0;
	}
	.funcnc .funcnc_title .title_set h3 {
		margin: 0 0 20px;
	}
	.funcnc .funcnc_title .title_set p {
		margin: 0;
		text-align: left;
	}
	.funcnc .funcnc_title .title_set p:before {
		display: none;
	}
	.funcnc .funcnc_set p {
		padding-left: 0;
	}
	}


  ol.vsoukai{
  font-weight: bold;
  font-size: 1.3em;
  color: #0070C0;
  padding: 15px 20px 15px;​
  margin-left: 30px;
  margin-bottom: 30px;
  list-style: decimal;
}
ol.vsoukai li{
  position: relative;
  padding-left: 20px;
  font-weight: bold;
  border-bottom: solid 1px #0070C0;
}

div.sokaiCenter{
	text-align: center;
	margin: 0 0 30px;
}

.btm50px{
	margin: 0 0 50px 0;

}

.backgroundGray01{
	padding: 10px;
	margin: 10px 0;
	background-color: #f6f7f5;
	text-align: center;
	font-weight: bold;
}

h2.n-soukaitx01{
	border: 0;
		background: none;
	text-align: center;
	font-size: 1.35em;
	}

.setEntryBase h3.n-soukaitx02 {
		margin: 10px 0 30px;
	}

.vsoukai-mstblogo{
	width: 380px;
	margin: 0 0 30px 0;
}