@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

img {
	max-width: 100%;
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.pageTitle01 {
	margin-bottom: 71px;
	width: 100%;
	display: table;
	text-align: center;
	background-color: #F6F6F6;
}

.pageTitle01 .subTable {
	display: table-cell;
	height: 304px;
	vertical-align: middle;
}

.pageTitle01 h2 {
	color: #035C7C;
	font-size: 50px;
	font-family: 'Prompt', sans-serif;
	font-weight: 500;
	font-style: italic;
}

.pageTitle01 h2 span {
	font-size: 18px;
	font-weight: bold;
	display: block;
	font-style: normal;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

@media screen and (max-width: 767px) {
	.pageTitle01 .subTable {
		padding: 10px;
		height: 180px;
		box-sizing: border-box;
	}
	
	.pageTitle01 h2 {
		font-size: 30px;
	}
	
	.pageTitle01 h2 span {
		font-size: 15px;
	}
}
/*------------------------------------------------------------
	pageTitle02
------------------------------------------------------------*/
.pageTitle02 {
	margin-bottom: 92px;
}

.pageTitle02 .bg {
	height: 304px;
	background: url(../../img/qa/page_bg.jpg?202403) no-repeat center center;
	background-size: cover;
}

.pageTitle02 h2 {
	margin-top: -87px;
	text-align: center;
	letter-spacing: 1.5px;
}

.pageTitle02 h2 .tableSpan {
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	display: table;
	background-color: rgba(91,194,220,0.9);
}

.pageTitle02 h2 .tableSpan > span {
	padding: 5px 51px;
	height: 170px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
}

.pageTitle02 h2 .en {
	font-size: 50px;
	font-family: 'Prompt', sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1.4;
	letter-spacing: 5px;
	display: block;
}
@media screen and (max-width: 767px) {
	.pageTitle02 .bg {
		height: 120px;
	}

	.pageTitle02 h2 {
	margin-top: -40px;
}
	
	.pageTitle02 h2 .tableSpan > span {
		height: 80px;
		padding: 20px;
	}
	
	.pageTitle02 h2 .en {
		font-size: 30px;
		letter-spacing: 1px;
	}
	
	.pageTitle02 h2 .tableSpan {
		font-size: 13px;
	}
	
	.pageTitle02 {
		margin-bottom: 34px;
	}
}
/*------------------------------------------------------------
	centerTxt
------------------------------------------------------------*/
.centerTxt {
	margin: 0 auto 56px;
	max-width: 889px;
	text-align: center;
	font-size: 15px;
	line-height: 2;
}

.centerTxt a {
	color: #5BC2DC;
	text-decoration: underline;
}

.centerTxt a:hover {
	text-decoration: none;
}

.centerTxt02 {
	font-size: 18px;
	font-weight: bold;
	line-height: 2.22;
}

@media screen and (max-width: 767px) {
	.centerTxt02 {
		font-size: 14px;
	}
	
	.centerTxt a:hover {
		text-decoration: underline;
	}
}

/*------------------------------------------------------------
	comBox
------------------------------------------------------------*/
.comBox {
	margin: 0 auto;
	max-width: 889px;
	padding: 0 20px;
}

.comBg {
	padding: 77px 0 81px;
	background-color: #F6F6F6;
}

.comTable {
	width: 100%;
	border-collapse: collapse;
}

.comTable th,
.comTable td {
	text-align: left;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.comBox {
		margin: 0 33px;
		padding: 0;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 41px;
	font-size: 24px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 2.5px;
}
@media screen and (max-width: 767px) {
	.headLine01 {
		margin-bottom: 20px;
		font-size: 18px;
	}
}

/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 50px;
	color: #035C7C;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}

.headLine02 span {
	margin-bottom: 4px;
	font-size: 36px;
	font-family: 'Prompt', sans-serif;
	font-weight: 500;
	font-style: italic;
	display: block;
	letter-spacing: 4px;
}
@media screen and (max-width: 767px) {
	.headLine02 span {
		margin-bottom: 1px;
		font-size: 25px;
		letter-spacing: 1px;
	}
	
	.headLine02 {
		font-size: 12px;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 106px;
}

.headLine03 span {
	margin-bottom: 8px;
	font-size: 50px;
}

@media screen and (max-width: 767px) {
	.headLine03 span {
		margin-bottom: 2px;
		font-size: 25px;
	}
	
	.headLine03 {
		margin-bottom: 29px;
		font-size: 11px;
	}
}

/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	color: #5BC2DC;
	font-size: 18px;
	text-align: center;
}

.headLine04 span {
	margin-bottom: 10px;
	color: #333333;
	font-size: 60px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display: block;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
	.headLine04 span {
		font-size: 52px;
	}
}
@media screen and (max-width: 767px) {
	.headLine04 span {
		margin-bottom: 5px;
		font-size: 21px;
	}
	
	.headLine04 {
		font-size: 15px;
	}
}
/*------------------------------------------------------------
	comInformation
------------------------------------------------------------*/
.comInformation {
	padding: 117px 0 118px;
	background: url(../../img/common/bg01.jpg) no-repeat center top;
	background-size: cover;
}

.comInformation .title {
	margin-bottom: 38px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	line-height: 1.7;
}
@media screen and (max-width: 767px) {
	.comInformation {
		padding: 60px 0 40px;
		background-image: url(../../img/common/sp_bg01.jpg);
	}
	
	.comInformation .title {
		margin-bottom: 27px;
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1.35;
	}
}

/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
	
}

.comBtn a {
	margin: 0 auto;
	padding: 21px 37px 22px 30px;
	color: #fff;
	width: 284px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	display: block;
	letter-spacing: 2px;
	box-sizing: border-box;
	background: #FE9E02 url(../../img/common/icon01.png) no-repeat right 10px center;
}

.comBtn a,
.comBtn a::after {
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
}

.comBtn a:hover {
	opacity: 0.65;
}

.comBtn02 a {
	padding: 36px 76px 36px 30px;
	width: 481px;
	font-size: 18px;
	background-position: right 18px center;
}

.comBtn02 a,
.comBtn02 a::after {
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
}

.comBtn03 a {
	padding: 21px 50px 20px 30px;
	width: 179px;
	color: #5BC2DC;
	font-size: 15px;
	border: 2px solid #5BC2DC;
	background: #fff url(../../img/common/icon09.png) no-repeat right 10px center;
	position: relative;
}

.comBtn03 a,
.comBtn03 a::after {
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
}

.comBtn03 a:hover {
	color: #fff;
	border-color: #035C7C;
	background-color: #035C7C;
	opacity: 1;
	background-image: url(../../img/common/icon01.png);
}

.comBtn04 a {
	margin: 0;
	font-size: 15px;
	letter-spacing: -1px;
	background-color: #5BC2DC;
}

.comBtn04 a,
.comBtn04 a::after {
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
}

.comBtn04 a:hover {
	color: #fff;
	opacity: 1;
	background-color: #035C7C;
}
@media all and (-ms-high-contrast:none) {
	.comBtn03 a {
		padding: 23px 50px 18px 30px;
	}
	
	.comBtn a {
		padding: 23px 37px 19px 30px;
	}
	
	.comBtn02 a {
		padding: 37px 76px 29px 30px;
	}
}
@media screen and (max-width: 767px) {
	.comBtn a {
		padding: 19px 37px 18px 13px;
		width: 235px;
		font-size: 12px;
		letter-spacing: 1px;
		background-position: right 10px center;
		background-size: 21px auto;
	}
	
	.comBtn03 a {
		padding: 14px 27px 15px 13px;
		width: 135px;
		background-position: right 7px center;
		background-size: 19px auto;
	}
	
	.comBtn03 a:hover {
		color: #5BC2DC;
		border: 2px solid #5BC2DC;
		background-color: #fff;
		background-image: url(../../img/common/icon09.png);
	}
	
	.comBtn04 a {
		font-size: 13px;
		letter-spacing: -1px;
	}
	
	.comBtn04 a:hover {
		background-color: #5BC2DC;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink a,
.comLink span {
	padding-right: 41px;
	color: #5AC2DB;
	font-size: 14px;
	display: inline-block;
	letter-spacing: 1px;
	background: url(../../img/common/icon09.png) no-repeat right center;
}

.comLink a:hover {
	text-decoration: underline;
}
@media all and (-ms-high-contrast:none) {
	.comLink a, .comLink span {
		background-position: right top;	
	}
	
	.comSpecial .specialUl li .comLink {
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px) {
	.comLink a,
	.comLink span {
		font-size: 12px;
		letter-spacing: 0;
		background-size: 21px auto;
	}
	
	.comLink a:hover {
		text-decoration: none;
	}
}
/*------------------------------------------------------------
	comWorksUl
------------------------------------------------------------*/
.comWorksUl {
	margin: -57px -1.5% 124px;
	text-align: center;
}

.comWorksUl li {
	margin: 57px 1% 0;
	width: 22.7%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	box-shadow: 0 0 5px #ececec,0 0 8px #ececec,0 0 13px #ececec,0 0 18px #ececec;
}

.comWorksUl li > a {
	display: block;
}

.comWorksUl li:after {
	width: 31px;
	height: 31px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../../img/common/icon10.png) no-repeat left top;
	content: "";
}

.comWorksUl li .textBox {
	padding: 43px 20px 71px;
	text-align: center;
	background-color: #F6F6F6;
	position: relative;
}

.comWorksUl li .textBox p {
	font-size: 14px;
}

.comWorksUl li .textBox .title {
	margin-bottom: 18px;
	color: #5AC2DB;
	font-weight: bold;
	font-size: 18px;
}

.comWorksUl li .textBox .comLink {
	width: 100%;
	position: absolute;
	bottom: 22px;
	left: 0;
	text-align: center;
}

.comWorksUl li .textBox .lable {
	min-width: 206px;
	text-align: center;
	position: absolute;
	top: -22px;
	left: 50%;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: rgba(3,92,124,0.82);
}

.comWorksUl li .textBox .lable02 {
	background-color: rgba(3,92,124,0.82);
}

.comWorksUl li .textBox .lable span {
	padding: 15px 15px 15px 39px;
	display: block;
	line-height: 1;
	letter-spacing: 1px;
	background: url(../../img/common/icon07.png) no-repeat left 22px center;
}

.comWorksUl li .textBox .lable02 span {
	background-image: url(../../img/common/icon08.png);
}

.comWorksUl li .textBox .text {
	line-height: 1.3;
	letter-spacing: 1px;
}

.comWorksUl li .image {
	overflow: hidden;
}

.comWorksUl li .image img {
	width: 100%;
	transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
}

.comWorksUl li a:hover .image img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
@media all and (-ms-high-contrast:none) {
	.comWorksUl li .textBox .lable span {
		padding: 17px 15px 13px 39px;
	}
}
@media screen and (min-width: 767px) and (max-width: 1130px) {
	.comWorksUl li .textBox .title {
		font-size: 14px;
		letter-spacing: -0.5px;
	}
	
	.comWorksUl li .textBox p {
		font-size: 12px;
	}
}
@media screen and (max-width: 767px) {
	.comWorksUl {
		margin: 0 0 50px;
	}
	
	.comWorksUl li {
		margin: 0 0 23px;
		width: auto;
		display: block;
		box-shadow: 0 0 8px #ececec,0 0 13px #ececec,0 0 2px #ececec;
	}
	
	.comWorksUl li:last-child {
		margin-bottom: 0;
	}
	
	.comWorksUl li:after {
		display: none;
	}
	
	.comWorksUl li .image img {
		width: 100%;
	}
	
	.comWorksUl li .textBox .lable {
		min-width: 140px;
		top: -15px;
		font-size: 11px;
	}
	
	.comWorksUl li .textBox .lable span {
		padding: 9px 15px 9px 39px;
		background-size: 17px auto;
		letter-spacing: 0;
		background-position: left 6px center;
	}
	
	.comWorksUl li .textBox .title {
		margin-bottom: 12px;
		font-size: 16px;
		letter-spacing: -2px;
	}
	
	.comWorksUl li .textBox {
		padding: 24px 1em 52px;
	}
	
	.comWorksUl li .textBox .text {
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0;
}
	
	.comWorksUl li .textBox .comLink {
		bottom: 11px;
	}
	
	.comWorksUl li a:hover .image img {
		transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
	}
}

/*------------------------------------------------------------
	comIntBox
------------------------------------------------------------*/
.comIntBox {
	margin: 0 auto;
	max-width: 848px;
	padding: 0 20px;
}

.comIntBox a {
	display: block;
	position: relative;
}

.comIntBox a:after {
	width: 100%;
	height: 100%;
	top: 30px;
	left: 30px;
	position: absolute;
	background-color: #ECF6F8;
	content:  "";
	z-index: -1;
}

.comIntBox a:hover {
	opacity: 0.7;
}

.comIntBox p {
	width: 100%;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.comIntBox .title {
	font-size: 11px;
	font-weight: bold;
	top: 64px;
}

.comIntBox .title span {
	margin-bottom: 3px;
	font-size: 25px;
	font-family: 'Prompt', sans-serif;
	font-weight: 500;
	font-style: italic;
	display: block;
	letter-spacing: 3px;
}

.comIntBox .text {
	top: 129px;
	font-size: 38px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 767px) {
	.comIntBox .image img {
		width: 100%;
	}
	
	.comIntBox {
		margin: 0 13px 0 15px;
		padding: 0;
	}
	
	.comIntBox .title {
		font-size: 8px;
		top: 17%;
		letter-spacing: -1px;
	}
	
	.comIntBox .title span {
		font-size: 14px;
		letter-spacing: 1px;
	}
	
	.comIntBox .text {
		top: 56%;
		font-size: 20px;
	}
	
	.comIntBox a:after {
		top: 15px;
		left: 15px;
	}
}

/*------------------------------------------------------------
	comSpecial
------------------------------------------------------------*/
.comSpecial {
	margin-top: 145px;
}

.comSpecial .specialMovie {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 20px 0;
}

.comSpecial .specialMovie > li {
	float: left;
    width: 47.41%;
	position: relative;
	height: 0;
	padding-bottom: 26.65%;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.comSpecial .specialMovie > li#specialMovie_1 {
		margin: 0 auto 22px auto !important;
	}
}

.comSpecial .specialMovie > li#specialMovie_1 {
	float: none;
	margin: 0 auto 50px auto;
}

.comSpecial .specialMovie > li:nth-of-type(3) {
	float: right;
}

.comSpecial .specialMovie > li > iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;  
}

.comSpecial .bg {
	margin-top: 209px;
	padding: 0 20px 110px;
	background: url(../../img/common/special_bg.jpg) no-repeat center center;
	background-size: cover;
}

.comSpecial .specialUl {
	margin: 0 auto;
	max-width: 1160px;
}

.comSpecial .specialUl li {
	margin-top: -158px;
	width: 47.41%;
	float: left;
	box-shadow: 0 0 7px rgba(112,112,112,0.5);
	background-color: #FFFFFF;
}

.comSpecial .specialUl li:last-child {
	float: right;
}

.comSpecial .specialUl li .textBox {
	padding: 25px 30px 92px;
	font-size: 14px;
	position: relative;
}

.comSpecial .specialUl li .textBox .title {
	margin-bottom: 17px;
	padding-left: 15px;
	color: #5BC2DC;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	border-left: 3px solid #5BC2DC;
}

.comSpecial .specialUl li .textBox .text {
	line-height: 1.3;
}

.comSpecial .specialUl li .image {
	overflow: hidden;
}

.comSpecial .specialUl li .image img {
	width: 100%;
	transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
}

.comSpecial .specialUl li a:hover .image img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.comSpecial .specialUl li .comLink {
	width: 100%;
	position: absolute;
	bottom: 34px;
	right: 27px;
	text-align: right;
}

.comSpecial .specialUl li .comLink a {
	padding-right: 36px;
}

@media all and (-ms-high-contrast:none) {
	.comSpecial .specialUl li .textBox .title {
		padding-top: 4px;
	}
}
@media screen and (max-width: 767px) {
	.comSpecial .headLine02 {
		margin-bottom: 17px;
	}

	.comSpecial .specialMovie {
		padding: 0 33px 0;
	}

	.comSpecial .specialMovie li {
		width: 100%;
		padding-bottom: 56.25%;
		margin-bottom: 23px;
	}

	.comSpecial .specialMovie li:last-of-type {
		margin-bottom: 0;
	}

	.comSpecial .specialUl li {
		margin: 0 0 23px 0;
		width: 100%;
		float: none !important;
		display: inline-block;
	}
	
	.comSpecial .specialUl li:last-child {
		margin-bottom: 0;
	}
	
	.comSpecial .specialUl li:first-child {
		margin-top: -166px;
	}
	
	.comSpecial .specialUl li .image img {
		width: 100%;
	}
	
	.comSpecial .bg {
		padding: 0 33px 45px;
		background-image: url(../../img/common/sp_special_bg.jpg);
	}
	
	.comSpecial .specialUl li .textBox .title {
		margin-bottom: 14px;
		padding-left: 8px;
		letter-spacing: 0;
		line-height: 1.2;
		border-left: 2px solid #5BC2DC;
		font-size: 14px;
	}
	
	.comSpecial .specialUl li .textBox {
		padding: 17px 16px 68px;
		font-size: 13px;
	}
	
	.comSpecial .specialUl li .textBox .text {
		line-height: 1.33;
	}
	
	.comSpecial .specialUl li .comLink {
		width: auto;
		bottom: 19px;
		right: 15px;
	}
	
	.comSpecial .specialUl li .comLink a {
		padding-right: 39px;
	}
	
	.comSpecial {
		margin-top: 40px;
	}
	
	.comSpecial .specialUl li a:hover .image img {
		transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
	}
}

/*------------------------------------------------------------
	comJob
------------------------------------------------------------*/
.comJob {
	margin-bottom: 108px;
	padding: 69px 0 106px 0;
	background-color: #f6f6f6;
}

.comJob .jobUl li {
	margin-right: 1.75%;
	width: 18.6%;
	float: left;
	box-shadow: 0 0 5px #ececec,0 0 8px #ececec,0 0 13px #ececec,0 0 18px #ececec;
	background-color: #fff;
}

.comJob .jobUl li:first-child {
	margin-left: 118px;
}

.comJob .jobUl li:last-child {
	margin-right: 0;
}

.comJob .jobUl li a {
	display: block;
	position: relative;
}

.comJob .jobUl li.on {
	position: relative;
}

.comJob .jobUl li a:after,
.comJob .jobUl li.on:after{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(3,92,124,0.4);
	content: "";
	display: none;
}

.comJob .jobUl li.on:after {
	display: block;
}

.comJob .jobUl li a:hover:after {
	display: block;
}

.comJob .jobUl li .text {
	padding: 13px 40px 13px 13px;
	width: 100%;
	font-size: 13px;
	line-height: 1.38;
	display: table;
	background: url(../../img/common/icon09.png) no-repeat right 10px center;
	background-size: 20px auto;
	box-sizing: border-box;
}

.comJob .jobUl li .text span {
	display: table-cell;
	vertical-align: middle;
}

.comJob .jobUl li .image img {
	width: 100%;
}
@media screen and (min-width: 767px) and (max-width: 1130px) {
	.comJob .jobUl li .text {
		padding: 9px 34px 7px 9px;
		font-size: 11px;
	}
}
@media screen and (max-width: 767px) {
	.comJob {
		margin-bottom: 26px;
		padding: 34px 0 36px;
	}
	
	.comJob .headLine02 {
		margin-bottom: 21px;
	}

	.comJob .headLine02 span {
		margin-bottom: 0;
		font-size: 20px;
	}
	
	.comJob .jobUl {
		margin: -15px -6px 0;
		text-align: center;
	}
	
	.comJob .jobUl li a::after {
		display: none;
	}
	
	.comJob .jobUl li {
		margin: 15px 1.5% 0;
		width: 45%;
		float: none;
		display: inline-block;
	}
	
	.comJob .jobUl li:first-child {
		margin-left: 1.5%;
	}
	
	.comJob .jobUl li img {
		width: 100%;
	}
	
	.comJob .jobUl li .text {
		padding: 8px 7px 7px 7px;
		font-size: 11px;
		background-position: right 8px center;
		background-size: 16px auto;
		text-align: left;
	}
	
	.comJob .comBox {
		margin: 0 13px !important;
	}
	
	.comJob .jobUl li a:hover:after {
		display: none;
	}
}


/*------------------------------------------------------------
	comTableBox
------------------------------------------------------------*/
.comTableBox {
	margin-bottom: 116px;
}

.comTableBox .comTable tr .tdStyle {
	padding: 0;
	height: 13px;
	background-color: #fff;
}

.comTableBox .comTable th,
.comTableBox .comTable td {
	padding: 20px 10px 20px 32px;
	box-sizing: border-box;
}

.comTableBox .comTable th {
	width: 269px;
	color: #fff;
	letter-spacing: 2px;
	vertical-align: top;
	background-color: #5ac2db;
}

.comTableBox .comTable td {
	background-color: #f6f6f6;
}

.comTableBox .comTable td {
	padding-left: 37px;
	letter-spacing: 1.5px;
}

.comTableBox .comTable td .title {
	margin-bottom: 37px;
}

.comTableBox .comTable td .title strong {
	margin-right: 17px;
}

.comTableBox .comTable td .textDl {
	margin-bottom: 38px;
}

.comTableBox .comTable td .textDl dt {
	margin-bottom: 8px;
}

.comTableBox .comTable td .textDl ul li {
	margin-bottom: 7px;
}

.comTableBox .comTable .plan2 tr:first-child{
	background-color: #ECF6F8;
}

ul.col2{
padding:0;
list-style-type:none;
overflow:hidden;
}
ul.col2 li{
width:10em;
padding:0px;
}
ul.col2 li:nth-child(even){
float:left;
}
ul.col2 li:nth-child(odd){
float:left;
clear:left;
}



.comTableBox .comTable .plan2{
	border: 1px #ccc solid;
	border-collapse: collapse;
	max-width: 600px;
	background-color: #FFF;
	margin-bottom: 20px;
}

.comTableBox .comTable .plan2 th,
.comTableBox .comTable .plan2 td{
	border: 1px #ccc solid;
	background-color: inherit;
	color: inherit;
}

.comTableBox .comTable .plan2 th.join{
	border-bottom: none;
	border-top: none;
	border-right: none;
	width: 5%;
}

.comTableBox .comTable .plan2 th.join2{
	border-left: none;
}

.comTableBox .comTable .plan2 th.join-btm {
	border-bottom: 1px #ccc solid;
}

.comTableBox .comTable .plan2 th.join-top {
	border-top: 1px #ccc solid;
}

.comTableBox .comTable .plan2 caption.cmt {
	caption-side: bottom;
	text-align: left;
	font-size: 12px;
	padding-top: 5px;
}

@media screen and (max-width: 767px) {
	.comTableBox .comTable th, .comTableBox .comTable td {
		padding: 13px 10px 11px 14px;
		width: 100%;
		float: left;
	}
	
	.comTableBox .comTable td .title strong {
		margin-right: 0;
		display: block;
	}
	
	.comTableBox {
		margin-bottom: 50px;
	}
	.comTableBox .comTable .plan2 tr:first-child{
		background-color: #ECF6F8;
	}
	.comTableBox .comTable .plan2{
		width: 100%;
	}
	.comTableBox .comTable .plan2 th, .comTableBox .comTable .plan2 td {
		padding: 13px 10px 11px 14px;
		width: 50%;
		float: none;
	}
	.comTableBox .comTable .plan2 caption.cmt {
		caption-side: bottom;
		text-align: left;
	}
}


/*------------------------------------------------------------
	comVoiceUl
------------------------------------------------------------*/
.comVoiceUl {
	margin-top: -134px;
}

.comVoiceUl li {
	margin: 134px 4.2125% 0 0;
	width: 30.525%;
	float: left;
}

.comVoiceUl li .photo {
	margin: 0 auto 28px;
	width: 66.5%;
	position: relative;
}

.comVoiceUl li .photo .image {
	border-radius: 50%;
	display: block;
	overflow: hidden;
}

.comVoiceUl li .photo .image:after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 3px solid #5BC2DC;
	box-sizing: border-box;
	border-radius: 50%;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
}

.comVoiceUl li:hover .photo .image:after,
.comVoiceUl li.on .photo .image:after{
	opacity: 1;
}

.comVoiceUl li .photo .num {
	color: #5BC2DC;
	font-size: 15px;
	position: absolute;
	top: -28px;
	left: 2px;
	text-align: center;
	letter-spacing: 1.5px;
	font-family: 'Prompt', sans-serif;
}

.comVoiceUl li .photo .num span {
	margin-top: 2px;
	font-size: 50px;
	font-weight: 500;
	font-style: italic;
	display: block;
	line-height: 1;
}

.comVoiceUl li .comBtn04 a {
	margin: 0 auto;
}

.comVoiceUl li:nth-child(3n) {
	margin-right: 0;
}

.comVoiceUl li .text {
	margin-bottom: 41px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}

.comVoiceUl li .textBox {
	text-align: center;
}

.comVoiceUl li .messageTxt {
	font-size: 13px;
	letter-spacing: 0;
}

.comVoiceUl li .messageTxt span {
	margin-bottom: 8px;
	color: #5BC2DC;
	font-weight: bold;
	display: block;
}

.comVoiceUl li .messageTxt span.fs_16 {
	font-size: 16px;
}

.comVoiceUl li .name {
	font-size: 16px;
	letter-spacing: 2px;
}

.comVoiceUl li .comBtn04 {
	margin-top: 8px;
}

.comVoiceUl li .comBtn04 a {
	padding: 23px 48px 22px 30px;
	letter-spacing: 0;
	font-weight: normal;
	text-align: left;
	letter-spacing: -1px;
	width: 80%;
}
@media all and (-ms-high-contrast:none) {
	.comVoiceUl li .comBtn04 a {
		padding: 25px 48px 20px 30px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1130px) {
	.comVoiceUl li .comBtn04 a {
		padding: 16px 38px 16px 9px;
		font-size: 11px
	}
	
	.comVoiceUl li .photo .num span {
		font-size: 32px;
	}
	
	.comVoiceUl li .photo .num {
		font-size: 10px;
	}
	
	.comVoiceUl li .text {
		font-size: 14px;
		letter-spacing: -1px;
	}
}

@media screen and (max-width: 767px) {
	.comVoiceUl li:hover .photo .image:after {
		opacity: 0 !important;
	}
	
	.comVoiceUl li .photo .image:after {
		opacity: 0;
	}

	.comVoiceUl li.on .photo .image:after{
		opacity: 1 !important;
	}
	
	.comVoiceUl li .photo {
		margin: 0 31px 13px 24px;
		width: auto;
	}
	
	.comVoiceUl li:nth-child(2n) .photo  {
		margin: 0 24px 13px 31px;
	}
	
	.comVoiceUl li .photo .image img {
		width: 100%;
	}
	
	.comVoiceUl li {
		margin: 35px 0 0 0;
		width: 49%;
	}
	
	.comVoiceUl li:nth-child(2n) {
		float: right;
	}
	
	.comVoiceUl li .text {
		margin: 0 -3px 1em;
		letter-spacing: -1px;
		font-size: 11px;
		line-height: 1.4;
	}
	
	.comVoiceUl li .messageTxt {
		font-size: 10px;
		letter-spacing: 0;
	}
	
	.comVoiceUl li .photo .num span {
		font-size: 25px;
	}
	
	.comVoiceUl li .photo .num {
		font-size: 6px;
		top: -12px;
	}
	
	.comVoiceUl li .messageTxt span {
		margin-bottom: 4px;
	}
	
	.comVoiceUl li .name {
		font-size: 12px;
		letter-spacing: 0;
	}
	
	.comVoiceUl li .comBtn04 a {
		padding: 10px 34px 10px 8px;
		max-width: 165px;
		width: auto;
		font-size: 10px;
		letter-spacing: -1px;
		text-align: left;
		background-size: 13px auto;
	}
	
	.comVoiceUl li .comBtn04 {
		margin-top: 6px;
	}
	
	.comVoiceUl {
		margin-top: -35px;
	}	
}

@media screen and (max-width: 374px) {
	.comVoiceUl li {
		width: 48%;
	}
	
	.comVoiceUl li .comBtn04 a {
		max-width: 144px;
		font-size: 9px;
	}
}



/*------------------------------------------------------------
	comQaDl
------------------------------------------------------------*/
.comQaDl {
	margin-bottom: 107px;
}

.comQaDl > dt {
	margin-bottom: 22px;
	padding: 33px 31px 30px;
	color: #5AC2DB;
	font-size: 22px;
	letter-spacing: 1px;
	position: relative;
	cursor: pointer;
	background-color: #F6F6F6;
}

.comQaDl > dt:hover {
	opacity: 0.7;
}

.comQaDl > dt:after {
	width: 37px;
	height: 21px;
	background: url(../../img/common/icon06.png) no-repeat left top;
	position: absolute;
	top: 39px;
	right: 27px;
	content: "";
}

.comQaDl > dt.on:after {
	background-image: url(../../img/common/icon05.png);
}

.comQaDl .num {
	margin-top: -5px;
	padding-right: 19px;
	min-width: 102px;
	color: #5BC2DC;
	font-size: 44px;
	font-family: 'Prompt', sans-serif;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1;
	float: left;
	vertical-align: middle;
	display: inline-block;
}

.comQaDl > dd {
	margin-left: 90px;
	padding: 16px 0 53px;
	position: relative;
	letter-spacing: 1.5px;
	overflow: hidden;
	zoom: 1;
	display: none;
}

.comQaDl > dd .num {
	margin: -4px 0 0 0;
	min-width: 0;
	font-size: 32px;
}

.comQaDl > dd p {
	margin-left: 78px;
	line-height: 2;
}

.comQaDl02 {
	margin-bottom: 147px;
}

.comQaDl > dt p {
	margin-left: 116px;
}
@media screen and (min-width: 767px) and (max-width: 1130px) {
	.comQaDl > dt {
		padding: 33px 72px 30px 20px;
		font-size: 20px;
	}
	
	#main .comQaDl .num {
		margin-top: -6px;
		font-size: 40px;
	}
	
	#main .comQaDl > dt p {
		margin-left: 74px;
	}
}
@media screen and (max-width: 767px) {
	.comQaDl > dt:hover {
		opacity: 1;
	}
	
	.comQaDl > dt {
		margin-bottom: 13px;
		padding: 18px 30px 16px 7px;
		font-size: 14px;
		line-height: 1.3;
		letter-spacing: 0;
	}
	
	.comQaDl .num {
		padding-right: 0;
		font-size: 28px;
		min-width: 58px;
	}
	
	.comQaDl > dt p {
		margin-left: 58px;
	}
	
	.comQaDl > dt::after {
		width: 20px;
		right: 9px;
		top: 50%;
		height: 11px;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		background-size: 20px auto;
	}
	
	.comQaDl > dt .num {
		margin-top: -2px;
	}
	
	.comQaDl > dd {
		margin-left: 20px;
		padding: 16px 0 30px;
		letter-spacing: 0;
	}
	
	.comQaDl > dd .num {
		font-size: 23px;
	}
	
	.comQaDl > dd p {
		margin-left: 58px;
	}
	
	.comQaDl {
		margin-bottom: 50px;
	}
}
