@charset "UTF-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}

/*========================tag========================*/
body{
	font: 84%/150% Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	color: #333333;
	background: url(../../../img/bg_top.jpg) 0 0 repeat-x #F6F6F6;
}
img {
	border-style: none;
	max-width: 100%;
	vertical-align: middle;
}
p{
	font-size: 1em;
	line-height: 1.6;
	color: #222;
	margin: 0 0 10px 0;
}
a{	color: #335a75;}
a:hover{
	text-decoration: none;
	color: #648787;
}

/*========================wrapper========================*/
#wrapper {
	width: 960px;
	margin: 0 auto;
}

/*========================header========================*/
#header {
	position: relative;
	width: 960px;
	height: 110px;
}
#logo {
	position: absolute;
	top: 28px;
	left: 0;
}

/*ナビゲーション（PC）*/
div#navi_set {
	z-index: 1000;
	position: fixed;
	top: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
ul#navi {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	list-style: none;
}
ul#navi li {
	float: right;
	width: 100px;
	margin-left: 5px;
}
ul#navi li a {
	display: block;
}
ul#navi li a:hover {
	transition-property: opacity;
	transition-duration:0.3s;
	opacity: 0.6;
}
#btn_navi {
	display: none;
}
/* 導入企業 */
ul.introducer_bnr_list {
	list-style: none;
	margin-bottom: 20px;
}
ul.introducer_bnr_list li {
	float: left;
	width: 110px;
	margin: 0 5px 0 0;
	padding: 0;
}
ul.introducer_bnr_list li.seventh {
	margin-right: 0;
}
ul.introducer_bnr_list li a {
	display: block;
}
@media (max-width: 959px) {
	ul.introducer_bnr_list li {
		box-sizing: border-box;
		width: 14.28%;
		margin: 0 0 5px 0;
		padding-right: 5px;
	}
	ul.introducer_bnr_list li:nth-child(7n) {
		padding-right: 0;
	}
}
@media (max-width: 767px) {
	ul.introducer_bnr_list li {
		box-sizing: border-box;
		width: 20%;
		margin: 0 0 5px 0;
		padding-right: 5px;
	}
	ul.introducer_bnr_list li:nth-child(7n) {
		padding-right: 5px;
	}
	ul.introducer_bnr_list li:nth-child(5n) {
		padding-right: 0;
	}
}
/*========================footer_navi========================*/
div#footer_navi{
	clear: both;
	text-align: right;
	margin: 30px 0 20px 0;
}
div#footer_navi ul{
	float: right;
	list-style-type: none;
	font-size: 12px;
}
div#footer_navi li{
	display: block;
	float: left;
	padding-right: 10px;
}
div#footer_navi li a{
	padding-left: 7px;
}

/*========================footer========================*/
#footer {
	position: relative;
	background: url(../../../img/bg_bottom.jpg) left bottom repeat-x #F6F6F6;
	height: 260px;
}
#footer p {
	font-size: 0.75em;
	color: #333;
	margin-bottom: 5px;
}
#f_wrapper {
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto;
	padding: 33px 0 0 0;
}
#footer table {
	font-size: 0.75em;
	margin-top: 15px;
	border-collapse: collapse;
}
#footer table th {
	text-align: left;
	vertical-align: top;
	color: #333;
	font-weight: normal;
}
#footer table td {
	color: #333;
}
p#copy {
	position: absolute;
	width: 960px;
	bottom: 3px;
	color: #FFF;
	text-align: center;
}

.contents {
	background-color: #FFF;
}
/*========================box========================*/
.boxA {
	box-sizing: border-box;
	padding-left: 50px;
	padding-right: 50px;
}
.boxB {
	box-sizing: border-box;
	width: 70%;
}
.boxC {
	box-sizing: border-box;
	width: 30%;
}
.boxBinner,
.boxCinner {
	padding-left: 10px;
	padding-right: 10px;
}

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1px;
}
* html .clearfix{
	height:1px;
/*\*//*/
height:auto;
overflow:hidden;
/**/
}

.flexL {
	float: left;
}
.flexR {
	float: right;
}
/*========================2021レイアウト方法追加========================*/
.col-25-25-25,
.col-25-25-50,
.col-25-25-75,
.col-25-25-100,
.col-33-33-33,
.col-33-33-50,
.col-33-33-66,
.col-33-33-75,
.col-33-33-80,
.col-33-33-100,
.col-50-50-50,
.col-50-50-80,
.col-50-50-100,
.col-66-66-66,
.col-66-66-80,
.col-66-66-100,
.col-75-75-75,
.col-75-75-100,
.col-80-80-80,
.col-80-80-100 {
	box-sizing: border-box;
}
.col-25-25-25 {	width: 25%; }
.col-25-25-50 {	width: 25%; }
.col-25-25-75 {	width: 25%; }
.col-25-25-100 {	width: 25%; }
.col-33-33-33 {	width: 33.33%; }
.col-33-33-50 {	width: 33.33%; }
.col-33-33-66 {	width: 33.33%; }
.col-33-33-75 {	width: 33.33%; }
.col-33-33-80 {	width: 33.33%; }
.col-33-33-100 {	width: 33.33%; }
.col-50-50-50 {	width: 50%; }
.col-50-50-80 {	width: 50%; }
.col-50-50-100 {	width: 50%; }
.col-66-66-66 {	width: 66.66%; }
.col-66-66-80 {	width: 66.66%; }
.col-66-66-100 {	width: 66.66%; }
.col-75-75-75 {	width: 75%; }
.col-75-75-100 {	width: 75%; }
.col-80-80-80 {	width: 80%; }
.col-80-80-100 {	width: 80%; }
@media(max-width: 959px){
}
@media(max-width: 599px){
	.col-25-25-50 {	width: 50%; }
	.col-25-25-75 {	width: 75%; }
	.col-25-25-100 {	width: 100%; }
	.col-33-33-50 {	width: 50%; }
	.col-33-33-66 {	width: 66.66%; }
	.col-33-33-75 {	width: 75%; }
	.col-33-33-80 {	width: 80%; }
	.col-33-33-100 {	width: 100%; }
	.col-50-50-80 {	width: 80%; }
	.col-50-50-100 {	width: 100%; }
	.col-66-66-80 {	width: 80%; }
	.col-66-66-100 {	width: 100%; }
	.col-75-75-100 {	width: 100%; }
	.col-80-80-100 {	width: 100%; }
}
/*========================margin, padding========================*/
.mgnT10 {	margin-top: 10px;}
.mgnT20 {	margin-top: 20px;}
.mgnT30 {	margin-top: 30px;}
.mgnT40 {	margin-top: 40px;}
.mgnT50 {	margin-top: 50px;}
.mgnT60 {	margin-top: 60px;}
.mgnT80 {	margin-top: 80px;}
.mgnT100 {	margin-top: 100px;}
.mgnT120 {	margin-top: 120px;}
.mgnT150 {	margin-top: 150px;}
.mgnB10 {	margin-bottom: 10px;}
.mgnB20 {	margin-bottom: 20px;}
.mgnB30 {	margin-bottom: 30px;}
.mgnB40 {	margin-bottom: 40px;}
.mgnB50 {	margin-bottom: 50px;}
.mgnB60 {	margin-bottom: 60px;}
.mgnB70 {	margin-bottom: 70px;}
.mgnB80 {	margin-bottom: 80px;}
.pdgT10 {	padding-top: 10px;}
.pdgT20 {	padding-top: 20px;}
.pdgT30 {	padding-top: 30px;}
.pdgT40 {	padding-top: 40px;}
.pdgT50 {	padding-top: 50px;}
.pdgB10 {	padding-bottom: 10px;}
.pdgB20 {	padding-bottom: 20px;}
.pdgB30 {	padding-bottom: 30px;}
.pdgB40 {	padding-bottom: 40px;}
.pdgB50 {	padding-bottom: 50px;}
.pdgS5{
	padding-left: 5px;
	padding-right: 5px}
.pdgS10 {
	padding-left: 10px;
	padding-right: 10px;
}
.pdgS20 {
	padding-left: 20px;
	padding-right: 20px;
}
.pdgS30 {
	padding-left: 30px;
	padding-right: 30px;
}
.pdgS35 {
	padding-left: 35px;
	padding-right: 35px;
}
.pdgS50 {
	padding-left: 50px;
	padding-right: 50px;
}
.pdgTB-30-30-30 {	padding-top: 30px; padding-bottom: 30px;}
/*========================text-align========================*/
.center {	text-align: center !important; }
.al-l-l-l {	text-align: left; }
.al-c-l-l {	text-align: center !important; }
.al-c-c-l {	text-align: center !important; }
.al-r-r-l {	text-align: right !important; }
@media(max-width: 959px){
	.al-c-l-l {	text-align: left; }
}
@media(max-width: 599px){
	.al-c-c-l {	text-align: left !important; }
	.al-r-r-l {	text-align: left !important; }
}
.right {	text-align: right; }
.bold {	font-weight: bold;}
.fs12 {	font-size: 12px !important;}
.fs14 {	font-size: 14px !important;}
.fs16 {	font-size: 16px !important;}
.fs18 {	font-size: 18px !important;}
.fs24 {	font-size: 24px !important;}
.fs28 {	font-size: 24px !important;}
.fs8em {	font-size: 0.5em;}/*8px*/
.fs10em {	font-size: 0.625em;}/*8px*/
.fs12em {	font-size: 0.75em;}/*12px*/
.fs14em {	font-size: 0.875em;}/*14px*/
.fs18em {	font-size: 1.125em;}/*18px*/
.fs24em {	font-size: 1.5em;}/*24px*/
.fs28em {	font-size: 1.75em;}/*28px*/
.fs32em {	font-size: 2em;}/*28px*/
.fs36em {	font-size: 2.25em;}/*36px*/
.fntsize075 {	font-size: 0.75em; }
.fntsize0875 {	font-size: 0.875em; }
.fntsize12 {	font-size: 1.2em; }
.fntsize15 {	font-size: 1.5em; }
.fntsize2 {	font-size: 2em; }
.fntsize24 {	font-size: 2.4em; }
.fntsize24-15-15 {	font-size: 2.4em; }
.fntsize15-15-12 {	font-size: 1.5em; }
@media(max-width:959px){
	.fntsize24-15-15 {	font-size: 1.5em; }
}
@media(max-width:599px){
	.fntsize15-15-12 {	font-size: 1.2em; }
}
.l-spacing01 {	letter-spacing: 0.1em; }
.lb {	color: #00A0C6;}
.fc-red {	color: #d73c3c;}
.fc-lb {	color: #00a0c6;}
.fc-db {	color: #144b66;}
.fc-orange {	color: #ff6600;}

.bgOrange {
	background-color: #FF9933;
}
.bgLightBlue {
	background-color: #d9f2ff;
}

.disp-ib {
	display: inline-block;
}
.disp-i-n-n {
	display: inline;
}
.disp-n-n-i {
	display: none;
}
.disp-b-b-n {
	display: block;
}
.disp-n-n-b {
	display: none;
}
@media(max-width: 959px){
	.disp-i-n-n {
		display: none;
	}
}
@media(max-width: 599px){
	.disp-n-n-i {
		display: inline;
	}
	.disp-b-b-n {
		display: none;
	}
	.disp-n-n-b {
		display: block;
	}
}
.listOc {
	list-style-type: none;
	padding: 0;
}
.listOc li {
	padding: 5px 0;
	line-height: 1.5;
}
.listOc li span {
	font-size: 1em;
	display: block;
}
.listOc li span.character {
	float: left;
}
.listOc li span.text {
	float: none;
	margin-left: 1.5em;
}
.h_sk01 {
	margin-bottom: 20px;
	color: #144b66;
	font-size: 2.25em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-weight: normal;
}
.h_sk02 {
	position: relative;
	margin: 0 -10px 20px -10px;
	padding: 5px 20px;
	color: #ffffff;
	font-size: 2.25em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-weight: normal;
	background-color: #144b66;
}
.h_sk02:after,
.h_sk02:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #777;
}
.h_sk02:after {
	left: 0;
	border-right: 5px solid #777;
}
.h_sk02:before {
	right: 0;
	border-left: 5px solid #777;
}

.h_sk03 {
	margin-bottom: 1em;
	padding-left: 10px;
	color: #144b66;
	font-size: 2.25em;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-weight: normal;
	border-left: 6px solid #ff9966;
}
.h_sk04 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	color: #144b66;
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: normal;
	border-bottom: 1px solid #144b66;
}
.sk04A {
	padding-left: 28px;
	background: url(../img/h_sk04_bg_01.png) left center no-repeat;
}
.sk04B {
	padding-left: 28px;
	background: url(../img/h_sk04_bg_02.png) left center no-repeat;
}
.h_character_head {
	position: relative;
	margin: 0 0 0.6em 0;
	padding: 0 0 0 1.2em;
	line-height: 1.4;
	font-size: 2em;
	color: #144b66;
}
@media(max-width:599px){
	.h_character_head {
		font-size: 1.6em;
	}
}
.h_character_head span.character {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

.square_sk {
	margin: 20px 0;
	padding: 20px;
	background-color: #cceeff;
}
a.btn01,
a.btn02{
	position: relative;
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 10px 40px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
@media(max-width: 959px){
	a.btn01,
	a.btn02 {
		display: inline-block;
		width: auto;
	}
}
a.btn01 {
	font-size: 1.5em;
	background: #0099cc;
}
a.btn01:hover {
	transition-property: background;
	transition-duration: 0.3s;
	background: #66ccff;
}
a.btn01:after {
	position: absolute;
	top: 50%;
	left: 10px;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../img/arwRw.png) 0 0 no-repeat;
	background-size: 24px 24px;
}
a.btn02 {
	font-size: 1.125em;
	background: url(../img/arwRw.png) 10px center no-repeat #00a0c6;
}
a.btn02:hover {
	background: url(../img/arwRw.png) 10px center no-repeat #00ccff;
}
a.btn03 {
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 0.8em;
	font-size: 2em;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #ff9900;
}
a.btn03.narrow {
	padding: 0.3em 0.5em;
}
a.btn03:hover {
	transition-property: background-color;
	transition-duration: 0.6s;
	background-color: #ffcc00;
}
@media(max-width: 959px){
	a.btn03 {
		width: auto;
	}
}
a.btn03 span {
	position: relative;
	display: inline-block;
	padding-left: 2em;
}
a.btn03 span:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	width: 1.6em;
	height: 1.6em;
	margin-top: -0.8em;
	background-image: url(../img/iconMail.png);
	background-repeat: no-repeat;
	background-size: 1.6em 1.6em;
}

dl.accordion dt a {
	display: block;
	margin: 0;
	padding: 10px 10px 10px 50px;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.8em;
	line-height: 1.2;
	background: url(../img/accordionBg.png) 10px center no-repeat #00a0c6;
}
dl.accordion dt a:hover {
	background: url(../img/accordionBg.png) 10px center no-repeat #00ccff;
}
dl.accordion dt.active a {
	display: block;
	background: url(../img/accordionBg_a.png) 10px center no-repeat #00a0c6;
}
dl.accordion dt.active a:hover {
	background: url(../img/accordionBg_a.png) 10px center no-repeat #00ccff;
}
dl.accordion dd {
	padding-top: 20px;
	padding-bottom: 20px;
}

.btnRollUpOuter {
	position: fixed;
	bottom: 0;
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
.btnRollUp {
	margin-right: 10px;
	margin-bottom: 10px;
}

@media (max-width: 969px) {
	#wrapper {
		width: 100%;
	}
	#header {
		position: static;
		width: 100%;
		height: auto;
	}
	#logo {
		position: static;
		margin-top: 28px;
		text-align: center;
	}
	/*ナビゲーション（SP）*/
	div#navi_set {
	}
	ul#navi {
		display: none;
		position: static;
	}
	ul#navi li {
		box-sizing: border-box;
		width: 23%;
		margin: 0 1%;
	}
	#btn_navi {
		display: block;
		float: right;
		margin-right: 10px;
		margin-top: 10px;
	}
	#btn_navi a {
		display: block;
	}
	/*box（SP）*/
	.boxA {
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer {
		position: static;
		height: auto;
	}
	#f_wrapper {
		width: 100%;
		margin: 0;
		padding: 10px 10px 5px 10px;
	}
	p#copy {
		position: static;
		width: auto;
		margin-top: 40px;
		line-height: 1;
	}
	.btnRollUpOuter {
		box-sizing: border-box;
		width: 100%;
		padding-right: 10px;
	}
.h_sk02 {
	position: relative;
	margin: 30px 0 20px 0;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 1.5em;
}
.h_sk02:after,
.h_sk02:before {
	border: none;
	border-top: none;
	}
	.h_sk02:after {
		border-right: none;
	}
	.h_sk02:before {
		border-left: none;
	}
	.h_sk03 {
		margin-bottom: 20px;
		padding-left: 10px;
		color: #144b66;
		font-size: 1.5em;
	}
	.h_sk04 {
		font-size: 1.5em;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
}

@media (max-width: 599px) {
	.fs24em {	font-size: 1.125em;}/*18px*/
	.fs28em {	font-size: 1.5em;}/*24px*/
	.fs32em {	font-size: 1.5em;}/*24px*/
	.fs36em {	font-size: 1.5em;}/*34px*/
	.boxB,
	.boxC {
		width: 100%;
	}
	.boxBinner,
	.boxCinner {
		padding-left: 0;
		padding-right: 0;
	}
	.flexL {
		float: none;
	}
	.flexR {
		float: none;
	}
	a.btn01,
	a.btn03 {
		font-size: 1.25em;
	}
}

ul.anchor_list_down {
	list-style: none;
}
ul.anchor_list_down li {
	margin-bottom: 0.3em;
}
ul.anchor_list_down li:last-child {
	margin-bottom; 0;
}
ul.anchor_list_down li a {
	position: relative;
	display: block;
	padding: 0.3em 1em 0.3em 1.6em;
	background: #00a0c6;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
ul.anchor_list_down li a:before {
	position: absolute;
	top: 50%;
	left: 0.3em;
	display: block;
	margin-top: -0.5em;
	content: "";
	width: 1em;
	height: 1em;
	background:url(../img/sprite.png) no-repeat;
	background-size: 16em 16em;
	background-position: -1em -1em;
}
ul.anchor_list_down li a:hover {
transition-property: opacity;
transition-duration: 0.3s;
opacity: 0.6;
}
dl.description_list01 {
	line-height: 1.4;
}
dl.description_list01 dt {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 0.3em;
	padding: 0.1em 0.3em;
	color: #fff;
	background: #144b66;
	border-radius: 0.3em;
}
dl.description_list01 dd {
	margin-bottom: 0.8em;
}
dl.description_list01 dd:last-child {
	margin-bottom: 0;
}
ul.list01 {
	list-style: none;
}
ul.list01 li {
	position: relative;
	margin-bottom: 0.8em;
	padding: 0 0 0 1.2em;
	line-height: 1.6;
}
ul.list01.udl li {
	border-bottom: 1px solid #144b66;
}
ul.list01 li:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	margin-top: 0.2em;
	content: "";
	width: 1em;
	height: 1em;
	background:url(../img/sprite.png) no-repeat;
	background-size: 16em 16em;
	background-position: -1em -9em;
}
i.otherwindow {
	display: inline-block;
	text-indent: -9999px;
	width: 1em;
	height: 1em;
	vertical-align: text-top;
	background:url(../img/sprite.png) no-repeat;
	background-size: 16em 16em;
	background-position: -3em -9em;
}
i.external {
	display: inline-block;
	text-indent: -9999px;
	width: 1em;
	height: 1em;
	vertical-align: text-top;
	background:url(../img/sprite.png) no-repeat;
	background-size: 16em 16em;
	background-position: -4em -9em;
}
.frame01 {
	padding: 1em;
	border: 1px solid #666;
}
.interview {
	position: relative;
}
.interview.icon-right {
	padding-right: 2.5em;
}
.interview.icon-left {
	padding-left: 2.5em;
}
.interview:after {
	position: absolute;
	top: 50%;
	display: block;
	content: "";
	width: 2em;
	height: 2em;
	margin-top: -1em;
	background: url(../img/sprite.png) no-repeat;
	background-size: 32em 32em;
	background-position: -20em -22em;
	overflow: hidden;
}
.interview.face02:after {
	background-position: -22em -22em;
}
.interview.face03:after {
	background-position: -24em -22em;
}
.interview.face04:after {
	background-position: -26em -22em;
}
.interview.face05:after {
	background-position: -28em -22em;
}
.interview.icon-right:after {
	right: 0;
}
.interview.icon-left:after {
	left: 0;
}
.interview span {
	position: relative;
	display: block;
	padding: 5px;
	border-radius: 5px;
}
.interview span {
	background: #ccf5ff;
}
.interview span:before {
	position: absolute;
	top: 50%;
	margin-top: -3px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 6px transparent;
}
.interview.icon-right span:before {
	right: -12px;
	border-left-color: #ccf5ff;
}
.interview.icon-left span:before {
	left: -12px;
	border-right-color: #ccf5ff;
}

/*202201*/
.require_box01 {
	box-sizing: border-box;
	margin: 2em auto;
	padding: 0;
	background: #fffabf;
	box-shadow: 0 5px 0 rgba(0, 0, 0, 0.15);
}
.require_box01_head {
	position: relative;
	margin: 0 -10px 10px -10px;
	padding: 5px 20px;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-weight: normal;
	background-color: #144b66;
}
.require_box01_head:after,
.require_box01_head:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #777;
}
.require_box01_head:after {
	left: 0;
	border-right: 5px solid #777;
}
.require_box01_head:before {
	right: 0;
	border-left: 5px solid #777;
}
.require_box01_inner {
	padding: 1em 2em;
}
@media (max-width: 599px) {
	.require_box01 {
		width: 100%;
	}
	.require_box01_inner {
		padding: 0.5em 1em;
	}
	.require_box01_head {
		font-size: 1.25em;
	}
}
p.attention {
	position: relative;
	padding-left: 1.5em;
}
p.attention:before {
	display: block;
	content: "\00203B";
	position: absolute;
	top: 0;
	left: 0;
}