@charset "UTF-8";

/*
 * style.css
 */
/* ----------------- GLOBAL SETTINGS -----------------*/
*{box-sizing: border-box;}
html, body {
	padding: 0;
	margin: 0;
	color: #333333;
	/* line-height: 1.8; */
	font-family: "Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴ Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial",sans-serif;
	background: transparent;
	zoom:1;
	min-width:320px;
	font-size: 10px; /* = 1rem */
}

body {
	font-size: 1.6rem;
}
@-ms-viewport { width: device-width; }



/* Links */
a {cursor: pointer}
a:link{color: #255697; text-decoration: none;}
a:focus, a:hover {color: #0155a4;}
/* a:visited{color:#d34fe7;}*/
/* .img a{text-decoration:none;border:none;} */

/* alpha_hover*/
a:hover img, button img:hover {
	transition-duration:1s;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* ----------------- Replace Bootstrap -----------------*/

/* ----- print ------ */
@media print {
header{display:none;}
}

@media print {
	a[href]:after {
		content: "" !important;
	}
	abbr[title]:after {
		content: "" !important;
	}
}

/* -----------------from CRV -----------------*/

.go-to-top {
	position: fixed;
	right: 2rem;
	bottom: 9rem;
	z-index: 1;
	cursor: pointer;
	padding: 0.7rem 1.4rem;
	background: #CACACA;
	border-radius: 4px!important;
	display: block;
	opacity: 0.6;
}

.go-to-top i {
	font-size: 2.5rem;
	color: #fff;
}

/* ----------------- Layout -----------------*/

/* header */
header {
	background-color: #fff;
}
header .eventheader{
	background-color: #000;
	padding: 1.5rem
}
header .site_title div img{
	vertical-align: bottom;
}
header .caption {
	font-size: 1.2rem;
	padding-bottom: 1rem;
	}

.site_title .title_powered{
	font-size: 1rem;
}
.site_logo img,
.title_powered img{
	height: auto;
}
.sp.main_nav{
	background: #0155a4;
	border: 0;
}
.sp.main_nav ul{
	display: table;
	width: 100%;
}
header .main_nav li,
.sp.main_nav li{
	list-style-type: none;
	display: table-cell;
	vertical-align: middle;
}
header .main_nav li a{
	color: #000;
	font-weight: 400;
}
.sp.main_nav li a{
	color: #fff;
}
header .main_nav li a:hover,
header .main_nav li a:focus,
.sp.main_nav li a:hover,
.sp.main_nav li a:focus{
	color: #c0c0c0;
}

/* breadcrumb */
.breadcrumb_box{
	background: transparent;
}
.breadcrumb {
	padding: 1rem 0;
	margin: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0px;
	font-size: 1.2rem;
}

.breadcrumb li,
.breadcrumb a,
.breadcrumb .active {
	color: #333;
}
.breadcrumb>li+li:before {
	padding: 0 .5rem;
	content: "";
}

/* footer */
footer{
	font-size: 1.2rem;
	letter-spacing: 1px;
}
.footer_info{
	background: #323232;
}

footer ul, li{
	padding:0;
}
footer li{
	display: inline-block;
	padding: 0 1rem;
}

footer li a:visited,
footer li a:link{
	color:#ffffff;
}
footer li a:hover,
footer li a:focus,
.copyright a:hover,
.copyright a:focus{
	color:#cccccc;
}

.footer_nav{
	color: #fff;
	font-size: 1.2rem;
	padding: 2rem 0;
}

.logo_creek_footer{
	width: 80px;
	height: auto;
}

.footer_proof_hr{
	border-top: 1px solid #131313;
	box-shadow: 0px 1px 0px 0px rgba(69, 69, 69, 1);
	margin-top: 0;
}
.footer_proof_box{
	margin-bottom: 3rem;
}
.footer_proof{
	display: table;
}
.footer_proof_text{
	padding-right: 20px;
}
.footer_proof span{
	display: table-cell;
	color: #fff;
	font-size: 1.2rem;
	width: 90%;
	vertical-align: top;
	padding-top: 7px;
}
.logo_jpx,
.logo_pmark{
	display: table-cell;
	width: 45px;
	height: auto;
	background-color: #fff;
}
.logo_pmark{
	background: #fff;
	padding: 0.4rem;
}
.footer_copyright{
	background: #000;
	color: #ffffff;
	font-size: 1rem;
	padding: 2rem 0;
}

/* ----------------- Replace Bootstrap -----------------*/
a.btn-info,
a.btn-primary,
a.btn-warning,
a.btn-about,
a:hover.btn-info,
a:hover.btn-primary,
a:hover.btn-warning,
a:hover.btn-about,
a:active.btn-info,
a:active.btn-primary,
a:active.btn-warning,
a:active.btn-about{
	color: #fff;
	text-decoration: none;
}

.btn{
	position: relative;
	text-shadow: 0 1px 0 rgba(0,0,0, .4);
}
.btn ion-icon{
	position: absolute;
	left: .6rem;
	top: 50%;
	font-size: 36px;
	transform: translate(0, -50%);
}

.btn-200{
	width: 200px;
}
.btn-300{
	width: 300px;
}
.btn-80{
	display: block;
	letter-spacing: 2px;
	margin: 0 auto 1.6rem;
	padding: 1.4rem 0;
	width: 98%;
}

.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus{
	background-color: #255697;
	border-color: #255697;
	border-radius: 6px;
	box-shadow: 0 4px 0 0 #17447f;
}
.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus{
	background-color: #d79b00;
	border-color: #d79b00;
	box-shadow: 0 4px 0 0 #a77c0e;
}
.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus{
	background: #f0f0f0;
	border-color: #ddd;
	text-shadow: none;
	box-shadow: 0px 4px 0px 0px #ddd;
}
a.btn-default{
	color: #696969;
}
.btn-info:hover,
.btn-warning:hover,
.btn-default:hover{
	opacity: 0.9;
	transition: 0.4s;
}

.btn-select,
.btn-select:hover,
.btn-select:active,
.btn-select:focus {
	background-color: rgb(96, 166, 232);
	color: #fff;
	display: block;
	font-size: 1.5rem;
	position: relative;
	margin: 0 0.4rem;
	padding: 1rem 2rem;
	width: 264px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.btn-search,
.btn-search:hover,
.btn-search:active,
.btn-search:focus {
	border: none;
	border-radius: 4px;
	background-color: #d79b00;
	box-shadow: 0px 2px 0px 0px #000;
	color: #fff;
	outline: none;
	padding: 1rem;
}

.btn-search.color2,
.btn-search.color2:hover,
.btn-search.color2:active,
.btn-search.color2:focus {
	background-color: #255697;
}

.btn-regist{
	border: 1px solid #e56643;
	border-radius: 33px;
	background-color: #e56643;
	box-shadow: 0px 5px 0px 0px #bb5236;
	color: #fff;
	letter-spacing: 2px;
	padding: 1.4rem 0;
	position: relative;
}
a.btn-regist,
a:hover.btn-regist,
.btn-regist:hover,
.btn-regist:active,
.btn-regist:focus{
	color: #fff;
}

.btn-info .glyphicon,
.btn-warning .glyphicon{
	top: 0;
	font-family: sans-serif;
}
.btn-info .glyphicon-circle-arrow-right:before{
	content:">";
	color: #79b4eb;
	font-size: 1.3em;
}

.glyphicon-remove-circle:before{
	content: "×";
	color: #255697;
	font-family: sans-serif;
	font-size: 1.3em;
}
.glyphicon-circle-arrow-down:before{
	content: "↓";
	color: #255697;
	font-family: sans-serif;
	font-size: 1.3em;
}

a.btn-txt,
button.btn-txt{
	color: #000;
	font-size: 1.4rem;
	padding-left: 1.4rem;
	position: relative;
}
a.btn-txt:before,
button.btn-txt:before {
	position: absolute;
	color: #d79b00;
	content: ">";
	font-size: 1.4rem;
	left: 0;
}
.top_search_btn .btn-txt{
	margin: 0 2rem;
}

/* label */
.label{
	border-radius: 0;
	font-size: 1rem;
}
/* label-danger */
.label-danger{
	background: #e56643;
}
/* label-default */
.label-default {
	background:#a9a9a9;
}

/* label-date */
.label-date{
	font-size: 1.2rem;
	color: #255697;
	background: #e5f3ff;
	font-weight: 400;
}
.new_job_list .label-date{
	display: inline-block;
	border-radius: 2px;
	margin-bottom: 0.6rem;
}

/* alert */
.alert {
	margin: 0;
	border-radius: 0;
	padding: 1rem 2rem;
}
.alert h4{
	font-weight: 800;
}
.alert-danger a.text{
	color: #dc143c;
}

/* ----------------- Heading Styles -----------------*/

/* section_ttl */
.section_ttl{
	position: relative;
	display: block;
	margin: 1.4rem auto;
	width: 100%;
}

.section_ttl h1,
.section_ttl h2,
.section_ttl h3{
	display: inline-block;
	z-index: 100;
	margin: 0.5rem 0;
}
.section_ttl span{
	color: #d79b00;
	display: inline-block;
	letter-spacing: 2px;
	font-weight: 800;
}

.section_ttl a{
	color: #000;
	font-size: 1.4rem;
	position: absolute;
	top: 10%;
	right: 0;
	padding-left: 1.4rem;
}
.section_ttl a:before{
	position: absolute;
	color: #255697;
	content: ">";
	font-size: 1.4rem;
	left: 0;
}

.section_ttl_blue{
	text-align: center;
	padding: 1rem 0 1.8rem 0;
}
.section_ttl_blue span{
	color: #818181;
	font-weight: 800;
}
.section_ttl_blue h3{
	color: #17447f;
	margin-bottom: 1rem;
}
.section_ttl_blue h3 span{
	display: block;
	letter-spacing: 2px;
	margin-bottom: .6rem;
}

/* cr_ttl */
.block_ttl{
	position: relative;
	margin: 2.4rem auto 0 auto;
	padding: 1rem 2rem;
	background: #ffffff;
}
.block_ttl h3{
	color: #255697;
}
.block_ttl h3 span{
	font-size: 1.4rem;
}
h2,h3{
	margin: 0.5rem 0;
	font-weight: 800;
}
.block_ttl a{
	position: absolute;
	top: 1.5rem;
	right: 2rem;
	color: #000;
	font-size: 1.4rem;
	padding-left: 1.4rem;
}
.block_ttl a:before{
	position: absolute;
	color: #255697;
	content: ">";
	font-size: 1.4rem;
	left: 0;
}
.block_ttl_b{
	background: #255697;
}
.block_ttl_b h3{
	color: #fff;
}

.ttl_border_bottom{
	border-bottom: solid 3px #c7c7c7;
	position: relative;
}
.ttl_border_bottom:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #255697;
	bottom: -3px;
	width: 168px;
}
.ttl_border_bottom h3{
	color: #255697;
	font-size: 1.8rem;
	padding: 1.6rem 2rem 1rem 2rem;
}
.ttl_border_bottom img{
	width: 25px;
	margin-right: 1rem;
	vertical-align: top;
}

/* ----------------- TOP Searchbox -----------------*/
.top_searchbox{
	background: #3e3e3e;
	box-sizing: border-box;
	letter-spacing: 1px;
	padding: 1.6rem 0;
}
.top_searchbox .container{
	padding: 0;
}
.top_search_btn a {
	color: #fff;
}
.top_searchbox a.btn-search {
	display: inline-block;
	font-size: 1.6rem;
	margin: 0 0.4rem;
	position: relative;
	text-align: center;
}
.top_searchbox a.btn-search ion-icon{
	position: absolute;
	left: .6rem;
	top: 50%;
	font-size: 36px;
	transform: translate(0, -50%);
}

.search_btn_box{
	display: flex;
	justify-content:space-around;
	margin: 1.4rem 0;
}
.search_btn_box div{
	vertical-align: middle;
	width: 50vw;
}
.search_btn_box div a{
	position: relative;
	display: block;
	font-weight: 400;
	width: 95%;
	text-align: center;
}
.search_btn_box div:first-child a{
	margin-left: 0;
}
.search_btn_box div:last-child a{
	margin-right: 0;
	margin-left: auto;
}

/* ----------------- Serch list -----------------*/
/* pagenation */
.search_count .pagination ul.page-numbers li,
.search_count .pagination ul.page-numbers li span,
.search_count .pagination ul.page-numbers li a{
	position: relative;
	margin: .2rem;
	color: #adadad;
	font-weight: normal;
	font-size: 1.4rem;
	display: inline-block;
	border:none;
	background: transparent;
	padding: 3px;
}

.search_count .pagination ul.page-numbers .current,
.search_count .pagination ul.page-numbers .current:hover,
.search_count .pagination ul.page-numbers .current:focus{
		background-color: transparent;
		color: #333;
		font-weight: 800;
}

.search_count .pagination ul.page-numbers a:hover{
		background-color: #f0f0f0;
		border-radius: 4px;
}

.search_count .text-center{
	margin: 0 0 2.4rem 0;
		border-top:1px solid #dddddd;
		border-bottom:1px solid #dddddd;
		text-align:center;
		padding:10px 0;
}

.search_count .pagination {
		margin:0;padding:0;
}

/* ----------------- Serch list -----------------*/
/* panel */
.panel{
	margin: 0 0 1rem 0;
	padding: 0;
	border-radius: 4px;
	color: #333;
	border: 1px solid #ddd;
}
.job_view .panel .panel-heading{
	position: relative;
	margin: 0;
	border-radius: 4px 4px 0 0;
	padding: 2rem 18rem 2rem 2rem;
	background: transparent;
	color: #255697;
	font-weight: 800;
	border-radius: 0;
	font-size: 1.8rem;
	border-bottom: solid 3px #c7c7c7;
}

.job_view .panel .panel-heading:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #255697;
	left: 0;
	bottom: -3px;
	width: 300px;
}

.panel-heading .job_number{
	position: absolute;
	top: 1.8rem;
	right: 2rem;
	font-size: 1.4rem;
	color: #255697;
	background: #f6f7f9;
	font-weight: 400;
	padding: 0.4rem 1rem;
}
a .panel-heading {
	color: #255697;
}
.panel-heading h2{
	font-size: 1.8rem;
	display:inline;
}

/* job_view */
.job_view{
	margin:0 0 4rem 0;
}
.job_view .table{
	width: 95%;
	margin: 2rem auto;
}
.job_view .panel th, .job_view .panel td{
	padding: 1rem 2rem;
	font-size: 1.4rem;
}
.job_view .panel th{
	width:300px;
	background: #fff;
}
.job_view .panel pre{
	margin: 0;
}
.job_view .panel .label{
	margin-left: 0.4rem;
}
.job_view .panel .label-default{
	font-weight: 400;
	display: inline-block;
	margin: 0 0.4rem 1rem 0;
	padding: 0.6rem 0.6rem 0.4rem 0.6rem;
	background: #fff;
	color: #555;
	border: 1px solid #c0c0c0;
	border-radius: 2px;
	font-size: 1.2rem;
}
.job_view a.text_link{
	color: #555;
	padding:0 0 0 0.2rem;
	border-bottom: 0 solid #dddddd;
}
.job_view a.btn-info{
	color: #ffffff;

}
.job_view ul{
	padding:0.1em 2em;
}
.job_view .readmore_txt{
	color: #255697;
	cursor: pointer;
}

/* only search result */
.search_result_box .btn{
	width: 150px;
}

/* ----------------- Contents -----------------*/
.content_box{
	box-shadow: 0 0 6px 0 rgba(214, 214, 214, .8) inset;
	background: #f6f7f9;
}
/* list_view */
.list_view li{
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	display: table;
	margin-bottom: 1.4rem;
	width: 100%;
}
.list_view li a{
	display: block;
	color: #333333;
}
.list_view li div{
	display: table-cell;
	vertical-align: middle;
}
.list_view_img{
	padding: 2rem;
}
.list_view_content{
	padding: 2rem 2rem 2rem 0;
}
.list_view_content p{
	padding: 0;
	margin: 0;
}
.list_view ul.category{
	margin-bottom: 1rem;
}
.list_view ul.category li{
	background: #30507E;
	color: #fff;
	padding:0.3rem 0.5rem;
	font-size:1.2rem;
	width:auto;
	display: inline-block;
	margin:1px;
}

.list_article_ttl{
	font-size: 1.6rem;
	display: block;
}
.list_article_txt{
	font-size: 1.4rem;
	display: block;
}
.seminar_date{
	color: #fa7805;
	font-size: 1.2rem;
	text-align: right;
	margin-top: 1rem;
}

.content_main .list_view li{
	box-shadow: 0px 0px 3px 0px rgba(170, 170, 170, 0.4);
	margin-bottom: 2rem;
}

.content_main .list_view li img{
	height: auto;
}
/* mainvisual */
.mainvisual {
	background-image: url(../img/mainvisual_bg@2x.png);
	background-position: 100% 0;
	background-size: cover;
	position: relative;
	height: 480px;
}
.mainvisual_box{
	background: none;
}
.mainvisual_box_inner{
	position: relative;
}
.mainvisual_ttl{
	color: #17447f;
	font-size: 2.4rem;
	margin: 2rem auto;
	font-weight: 800;
	text-align: center;
}
.mainvisual_ttl h1{
	font-weight: 800;
}
.mainvisual_ttl_sub{
	display: inline;
	font-size: 1.2rem;
	border-bottom: 2px solid #17447f;
	color: #17447f;
	padding: .4rem .8rem;
	text-shadow: none;
}
.mainvisual_point{
	position: absolute;
}

.mainvisual_point img{
	width: 300px;
	height: auto;
}
/* site_ttl_box */
.site_ttl_box{
	background: transparent;
	padding-top: 3rem;
}
.site_ttl_box h2{
	font-size: 1rem;
	margin-top: 1rem;
}
.site_ttl_box .caption{
	color: #17447f;
	font-size: 1.2rem;
	line-height: 1.4;
}
.site_ttl_box .site_title{
	padding: 1rem 1rem 1.4rem;
}
.site_ttl_box .site_title img{
	width: 150px;
}

/* search_menu_box */
.search_menu_box{
	/* background-image: -webkit-linear-gradient( 90deg, rgb(240,242,245) 0%, rgb(236,241,246) 100%); */
}
.search_menu_box_inner{
	border: 1px solid #cfd8e7;
	border-radius: 4px;
	margin: 1rem auto;
}
.search_menu_box_inner iframe{
	border: 0;
}
.regist_iframe{
	background: #fff;
}
.regist_iframe iframe{
	border: 0;
}
.search_menu_ttl{
	background-color: #f6f7f9;
	border-left: 6px solid #17447f;
	font-size: 2.2rem;
	margin: 3rem 0;
	padding: 1.4rem;
}
.search_menu_box .btn{
	margin-bottom: 1rem;
}
.search_menu_txt{
	line-height: 2;
	margin-bottom: 2rem;
}

/* about_box */
.about_box{
	background-image: -moz-linear-gradient( 90deg, rgb(240,242,245) 0%, rgb(236,241,246) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(240,242,245) 0%, rgb(236,241,246) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(240,242,245) 0%, rgb(236,241,246) 100%);
}
.about_box a,
.about_box a:hover{
	color: #fff;
}

.about_box img{
	width: 100%;
	height: auto;
}

.about_box_ttl{
	position: relative;
	display: inline-block;
}
.about_box_ttl:before,
.about_box_ttl:after{
	content: "";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 60px;
	height: 2px;
	background-color: #17447f;
}
.about_box_ttl::before {
	left: -2.4em;
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.about_box_ttl::after {
	right: -2.4em;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.about_box_caption{
	color: #2e2f30;
	font-size: 1.8rem;
	font-weight: 800;
	margin-bottom: 2rem;
	text-align: center;
}

.about_list_box {
	box-sizing: border-box;
	margin-bottom: 1rem;
}
.about_list li{
	background: #fff;
	border: 1px solid #cfd8e7;
	border-radius: 4px;
	box-sizing: border-box;
	list-style-type: none;
	padding: .6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 800;
}
.about_list li span{
	display: block;
}
.about_list .about_list_ttl{
	color: #17447f;
}

.about_img,
.about_content{
	color: #2e2f30;
}
.about_content{
	padding: 0 1rem 0 2rem;
}
.about_img{
	border-right: 2px solid #bfc1c3;
	padding: 1.4rem 0;
	text-align: center;
}
.about_txt{
	line-height: 1.6;
}
.s_txt_strong{
	color: #E56643;
	font-weight: 800;
}
a.about_txt_link {
	position: relative;
	display: inline-block;
	font-size: 1.4rem;
	color: #fff;
	background: #81B0EE;
	font-weight: 400;
	margin-bottom: 2rem;
	padding: .6rem 4rem .6rem 5rem;
}

a:hover.about_txt_link {
	background: #255697;
}

.about_txt_link ion-icon {
    position: absolute;
    left: .6rem;
    top: 50%;
    font-size: 18px;
    transform: translate(0, -50%);
}

.service_about_point{
	background: #fff;
	border: 1px solid #cfd8e7;
	border-radius: 4px;
	box-sizing: border-box;
	list-style-type: none;
}

.service_about_point1,
.service_about_point2,
.service_about_point3,
.service_about_point4{
	margin-bottom: 3rem;
}

.sub-ttl{
	position: relative;
	color: #255697;
	font-weight: 700;
	margin: 1rem 0;
	padding: 1rem 3rem;
}

.sub-ttl:before{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	background: #255697;
	content: "";
	width: 20px;
	height: 1px;
}

.service_about_point .article_step dt{
	background: #f6f7f9;
	border-radius: 4px;
	color: #255697;
	padding: 2rem 0;
	text-align: center;
}

.service_about_point .article_step dd{
	background: transparent;
	border-radius: 0;
	padding: 1rem;
}

.service_about_point .article_step  dd:last-child{
	margin: 0;
}

.service_about_mission{
	text-align: center;
}

.service_about_mission_item{
	background: #f6f7f9;
	border-radius: 4px;
}
.service_about_mission_item dt{
	color: #255697;
	padding: 1rem;
}
.service_about_mission_item dd{
	padding-bottom: 1rem;
}

.service_type-ttl{
	background: #f6f7f9;
	border-radius: 4px;
	color: #666;
	font-weight: 700;
	margin: 2rem 0;
	padding: 2rem;
}

.service_type_item .article_about_img{
	margin: 0;
}

.service_type_item .article_about_img img{
	width: 100%;
	height: auto;
}

 .article_txt{
	line-height: 1.6;
	padding: 1rem 0;
}

/* flow_box */
.flow_box{
	background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(246,248,249) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(246,248,249) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(246,248,249) 100%);
}
.flow_box_ttl{
	position: relative;
	display: inline-block;
}
.flow_box_ttl:before,
.flow_box_ttl:after{
	background-color: #17447f;
	content: "";
	display: inline-block;
	position: absolute;
	top: 65%;
	height: 2px;
}

.flow_list li{
	background: #fff;
	border: 1px solid #cfd8e7;
	border-radius: 4px;
	list-style-type: none;
	padding: .6rem;
	position: relative;
	text-align: center;
}

.flow_list li:after{
	color: #d2d5d8;
	font-size: 40px;
	position: absolute;
}
.flow_list li:last-of-type:after{
	display: none;
}

.flow_img,
.flow_content{
	color: #2e2f30;
}
.flow_content{
	font-weight: 800;
}
.flow_img{
	padding: 1.4rem 0;
	text-align: center;
}
.flow_txt{
	margin: 0 auto 2rem;
	text-align: center;
}

/* regist_box */
.regist_box{
	background: url(../img/bg_entry_btn@2x.jpg) no-repeat 100% 100%;
	background-size: cover;
	letter-spacing: 1px;
	position: relative;
}
.regist_box.serach_btn{
	background: #fff;
	margin: 0 0 3em 0;
}
.regist_box .container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

/* new_list */
.new_list{
	background: #fff;
}
.new_job_list li{
	list-style-type: none;
}
.new_job_list li a{
	border-bottom: 0.1rem solid #dddddd;
	color: #555;
	display: block;
	margin: 0 2rem;
	padding: 1rem 0;
	transition: 0.4s;
}
.new_job_list li:last-child a{
	margin-bottom: 1rem;
	border-bottom: none;
}
.new_job_list li a:hover{
	background: #f5f5f5;
}

.new_job_list li small{
	width: 100%;
	height: 2rem;
}

/* nav_tab */
.nav_tab{
  position: relative;
	margin: 0 2rem;
  }
.nav_tab_list{
  display: table;
  margin: 0 auto;
  width: 100%;
}
.nav_tab_item{
  font-size: 1.2rem;
  display: table-cell;
  vertical-align: bottom;
}

.nav_tab_theme{
  border-bottom: 4px solid #3ea2ff;
  background: #fff;
}
.nav_tab_item a{
  background: #005eb5;
  border: 2px solid #005eb5;
  border-bottom: 2px solid #0155a4;
	border-radius: 4px 4px 0 0;
  position: relative;
  color: #fff;
  display: block;
  font-size: 1rem;
  padding: 1rem;
	text-align: center;
  margin-bottom: -1px;
	margin-right: 4px;
	height: 5rem;
}
.nav_tab_item_first a{
	padding-top: 1.6rem;
}
.nav_tab_item a.active{
  border: 2px solid #3ea2ff;
  border-bottom: 4px solid #3ea2ff;
  background: #3ea2ff;
  color: #fff;
}
.nav_tab_item  a:hover,
.nav_tab_item  a:active,
.nav_tab_item  a:focus{
  border: 2px solid #3ea2ff;
  background: #3ea2ff;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}
.js_newdata_loading{
	background-image: url(../img/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	height:500px;
}

/* popular_list */
.popular_list_box{
	background: #fff;
	font-size: 1.4rem;
	margin-top: 2rem;
}
.popular_list li{
	border-bottom: 1px solid #dddddd;
	list-style-type: none;
}
.popular_list li:last-child{
	margin-bottom: 1rem;
	border-bottom: none;
}
.popular_list .popular_list_item{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	padding: 2rem;
}
.popular_list .popular_list_item:hover{
	background: #f5f5f5;
}
.popular_img{
	position: relative;
	width: 120px;
}
.popular_img img{
	width: 100px;
	height: auto;
}

.popular_content{
	width: 200px;
}
.popular_ttl,
.popular_txt{
	display:block;
}
.popular_ttl{
	font-weight: 800;
}
.popular_list a{
	color: #000;
	display: block;
	padding: 1rem 0;
	transition: 0.4s;
}

.recruit_list {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.recruit_list li{
	background: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 4px;
	list-style-type: none;
	width: 276px;
	vertical-align: top;
	margin-bottom: 1rem;
	margin-right: 15px;
}
.recruit_list li img{
	width: 100%;
}
.recruit_list li a{
	color: #333333;
}

.top_recruit_ttl{
	padding-left: 1.4rem;
  padding-right: 1rem;
	overflow: hidden;
}

/* side_bnr */
.side_bnr a{
	display: block;
	margin: 0.8rem 0 2.4rem 0;
}
.side_bnr a img{
	width: 100%;
}
.side_bnr a:first-child{
	margin: 2.4rem 0 0 0;
}

/* ----------------- Entry form -----------------*/

/* label */
.input_radio{
	font-weight:normal;
	margin-right:1em;
	font-size:1.6rem;
}

/* checkbox */
.input_checkbox {
	padding: 6px;
}
.input_checkbox input[type=radio],
.input_checkbox input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
.input_checkbox input[type=radio] + label,
.input_checkbox input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}
.radio_b input[type=radio]{
	margin: 8px 0 0 0;
	}

.radio_b label{
	font-weight:normal;
}
@media (min-width: 1px) {
	.input_checkbox input[type=radio],
	.input_checkbox input[type=checkbox] {
	display: none;
	margin: 0;
	}
	.input_checkbox input[type=radio] + label,
	.input_checkbox input[type=checkbox] + label {
	padding: 0 0 0 24px;
	}
	.input_checkbox input[type=radio] + label::before,
	.input_checkbox input[type=checkbox] + label::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #fff;
	}
	.input_checkbox input[type=radio] + label::before {
	border: 2px solid #ddd;
	border-radius: 30px;
	}
	.input_checkbox input[type=checkbox] + label::before {
	border: 2px solid #ddd;
	}
	.input_checkbox input[type=radio]:checked + label::after,
	.input_checkbox input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	top: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	}
	.input_checkbox input[type=radio]:checked + label::after {
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #255697;
	border-radius: 8px;
	}
	.input_checkbox input[type=checkbox]:checked + label::after {
	left: 3px;
	width: 16px;
	height: 8px;
	margin-top: -8px;
	border-left: 3px solid #255697;
	border-bottom: 3px solid #255697;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
}

.formError .formErrorContent {
	width: 100%;
	background: #e56643;
	position: relative;
	color: #fff;
	min-width: 150px;
	font-size: 11px;
	border: 0 solid #ddd;
	box-shadow: 0 0 0 #ffffff;
	-moz-box-shadow: 0 0 0 #ffffff;
	-webkit-box-shadow: 0 0 0 #ffffff;
	-o-box-shadow: 0 0 0 #ffffff;
	padding: 4px 10px 4px 10px;
	border-radius: 0;
	z-index:5000;
}

.desire_terms .formError{
	position: absolute !important;
    top: 20px !important;
}
@media (max-width: 768px) {
	.desire_terms .formError{
		top: 40px !important;
	}
}

.formError .formErrorArrow div {
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	box-shadow: 0 0 0 #ffffff;
	-moz-box-shadow: 0 0 0px #ffffff;
	-webkit-box-shadow: 0 0 0 #ffffff;
	-o-box-shadow: 0 0 0 #ffffff;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}
.popover-title{
	background:none;
	border:0;
	margin:0;
	padding:0 10px;
}
.popover-content{
	padding:0;
	margin:0;
}
.popover-content ul{
	padding:10px 30px;
	margin:0;
}
ul{margin:0;padding:0;}

/* flow */
.tab_arrow{
	padding: 0;
	text-align:center;
	margin: 2rem auto 1rem auto;
}
.tab_arrow ul{
	display: flex;
	justify-content: space-around;
}
.tab_arrow li{
	display: block;
	width: 30vw;
}
.tab_arrow li span{
	display: block;
	background: #dddddd;
	position: relative;
	text-align: center;
	padding: 1rem;
}
.tab_arrow li span:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
}
.tab_arrow li.active span {
	font-weight: 800;
	background: #255697;
	color: #ffffff;
}
.tab_arrow li.active span:after {
	border-left: 20px solid #255697;
}

@media (min-width: 500px) and (max-width:650px){
	input[type="file"]{width:100%;}
}

@media (max-width:499px){
	select[size]{height:34px;}
	input[type="file"]{width:100%;}
	#view_count {font-size:12px;}
	#view_count .input_radio {font-size:12px;}
	.job_group_id{margin-bottom:1em;}
}

/* checkbox_lg */
.input_checkbox_lg {
	padding: 10px;
}
@media (min-width: 1px) {
	.input_checkbox_lg  input[type=radio] + label::before,
	.input_checkbox_lg  input[type=checkbox] + label::before {
	width: 30px;
	height: 30px;
	margin-top: -9px;
	background: #FFF;
	}
	.input_checkbox_lg input[type=checkbox]:checked + label::after {
	left: 3px;
	width: 30px;
	height: 15px;
	margin-top: -8px;
	border-left: 6px solid #255697;
	border-bottom: 6px solid #255697;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
}
.entry_mlmg{
	width: 95%;
	margin: 2rem auto;
}
.entry_mlmg .col-xs-12{
	border-bottom:1px solid #dddddd;
	padding:10px 0;
}
.form-group span{
	font-size:12px;
}
.form_member label{
	font-size:12px;
}
/* customize bootstrap-multiselect */
.searchbox .btn-group, .searchbox .multiselect, #form_profile .btn-group, #form_profile .multiselect{width:100%;font-size:16px;}
ul.multiselect-container.dropdown-menu{width:100%;font-size:16px;}

/* form_view */
.form_view .job_view{
	margin-top: 2rem;
}
.form_view .panel{
	padding-bottom: 1rem;
}
.form_view .job_view .label{
	margin-left: 1rem;
	font-size: 1.2rem;
	padding: 0.4rem;
}
.form_view .form-control{
    background-color: #fff;
    background-color: #efefef;
    border: none;
    border-radius: 0;
}

/* ----------------- Article -----------------*/

/* content_view */
.content_view,
.firstview_area{
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	margin: 2.4rem 0;
	padding: 2rem;
	line-height: 1.8;
}
.firstview_area p {
	margin: 0;
}
.content_view .eyecatch {
	text-align: center;
}
.content_view .eyecatch img{
	width: 100%;
	height: auto;
}
.content_view h2{
	font-weight: 800;
	margin-bottom: 2rem;
}
.content_view .article_view img{
	max-width: 100%;
	height: auto;
	margin: 1rem auto 2rem auto;
}

.firstview_area img{
	max-width: 100%;
	height: auto;
}

.content_view img.alignleft{
	margin: 0.4rem 2rem 1rem 0;
	float: left;
}
.content_view img.alignright{
	margin: 0.4rem 0 1rem 2rem;
	float: right;
}
.content_view img.aligncenter{
	display: block;
	max-width: 100%!important;
	margin: 1rem auto;
}
.content_view .panel{
	margin-top: 2rem;
}
.content_view ul,
.content_view ol{
	padding: 0;
	margin: 0;
	list-style: none;
}

.content_view li {
    padding-left: 1.4rem;
    text-indent: -1.4rem;
	margin-bottom: 1rem;
}

.content_view ol{
	counter-reset: number;
}

.article_ol_01 li:before{
	counter-increment: number;
	content: counter(number);
	color: #fff;
	border-radius: 30px;
	padding: 0.6rem 0.8rem;
	background: #255697;
	font-size: 1.2rem;
	margin-right: 0.4rem;
}
.article_ol_02 li:before{
	counter-increment: number;
	content: counter(number) ".";
	color: #255697;
	font-family: "Arial", sans-serif;
	margin-right: 0.4rem;
}
.article_ol_03 li:before{
	counter-increment: number;
	content: "(" counter(number) ")";
	color: #255697;
	font-family: "Arial", sans-serif;
	margin-right: 0.4rem;
}

.article_ul_01 li:before{
	content: "●";
	color: #255697;
	margin-right: 0.4rem;
}
.article_ul_02 li:before{
	content: "●";
	color: #255697;
	margin-right: 0.4rem;
}

.article_ul_none li:before{
	content: "";
	display: none;
}

.content_view .info{
	font-size: 1.4rem;
	color: #255697;
	background: #e5f3ff;
	display: inline-block;
	padding: 0 1rem;
	margin-bottom: 1rem;
}
.content_view h1,
.firstview_area h1{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
	font-size: 2rem;
	font-weight: 800;
	margin: 1rem 0;
	line-height: 1.6;
}

.article_lead{
	background: #f5f5f5;
	padding: 1rem;
	font-size: 1.4rem;
}
.content_view p{
	margin-bottom: 2rem;
}

.article_heading_01{
	position: relative;
	margin: 1rem 0;
	padding: 0.6rem 0;
	color: #255697;
	font-weight: 800;
	border-radius: 0;
	font-size: 1.8rem;
	border-bottom: solid 3px #c7c7c7;
}

.article_heading_01 span{
	display: inline-block;
	background: #255697;
	color: #fff;
	padding: .5rem;
}
.article_heading_01:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #255697;
	left: 0;
	bottom: -3px;
	width: 300px;
}

.article_heading_02{
	color: #255697;
	font-weight: 800;
	font-size: 1.6rem;
	margin: 2rem 0 0.6rem 0;
}

.article_heading_03{
	position: relative;
	border-top: solid 3px #255697;
	background: #f4f4f4;
	line-height: 1.4;
	font-weight: 800;
	padding: 0.4em 0.5em;
	margin: 4rem 0 1rem 0;
}
.article_heading_03 span{
	display: inline-block;
	color: #255697;
	font-weight: 800;
	font-size: 2.4rem;
	vertical-align: middle;
	margin-right: 1rem;
}
.article_heading_03:after{
	position: absolute;
	font-family: "FontAwesome",'Quicksand','Avenir','Arial',sans-serif;
	content: '\f02e\ POINT';
	background: #255697;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 1px;
}

.article_heading_04{
	color: #555;
	font-weight: 800;
	font-size: 1.6rem;
	margin: 2rem 0 0.6rem 0;
}

a.article_link_01{
	color: #255697;
	padding-left: 1.4rem;
	text-decoration: underline;
	position: relative;

}
.article_link_01:before{
    position: absolute;
    color: #255697;
    content: ">";
    font-size: 1.4rem;
    left: 0;
}
.article_step dt{
	background: #255697;
	color: #fff;
	border-radius: 6px 6px 0 0;
	padding: 1rem;
}
.article_step dt span{
	background: #fff;
	border-radius: 3px;
	color: #255697;
	display: inline-block;
	font-size: 1.6rem;
	padding: 0.4rem;
	margin-right: 1rem;

}
.article_step dd{
	background: #f0f0f0;
	border-radius: 0 0 6px 6px;
	padding: 2rem 1rem;
	position: relative;
	margin-bottom: 7rem;
}
.article_step dd:after{
	background: url(../img/icon/icon_down@3x.png) no-repeat 0 0;
	content: '';
	background-size: 100%;
	position: absolute;
	left: 50%;
	bottom: -5.5rem;
	height: 40px;
	width: 100px;
	display: block;
	transform: translate(-50%,0);
}
.article_step dd:last-child{
	margin-bottom: 2rem;
}
.article_step dd:last-child:after{
	display: none;
	content: "";
}
.article_table{
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	box-sizing: border-box;
	width: 100%;
}
.article_table tr{
	border-bottom: 1px solid #c0c0c0;
}
.article_table tr:last-child{
	border-bottom: 0;
}
.article_table th,
.article_table td{
	font-weight: 400;
	padding: 1rem;
}
.article_table_01 th{
	background: #efefef;
}

.article_table_02 tr:nth-child(5n+1) th{
	background: #efefef;
}
.article_table_02 tr:nth-child(5n+2) th{
	background: #dff0d8;
}
.article_table_02 tr:nth-child(5n+3) th{
	background: #fcf8e3;
}
.article_table_02 tr:nth-child(5n+4) th{
	background: #f2dede;
}
.article_table_02 tr:nth-child(5n+5) th{
	background: #d9edf7;
}
.article_table_03 tr:nth-child(even) th{
	background: #e5f3ff;
}
.article_color_01{
	color: #255697;
}

/* ----------------- Styles -----------------*/
/* h4 */
.panel-default.head:hover{
	background-color:#ffffff;
}
.head .panel-body{
	padding:0.4em 1em;
	font-weight:bold;
}

.table>tbody+tbody{
 border-top:1px;
}
/* add_box */
#add_box ul, #add_box_6 ul, #add_box_3 ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
@media (max-width: 420px) {
	#add_box_3 input{
		font-size:10px;
	}
}
/* clip_list */
.clip_box{
	background: transparent;
	margin: 2rem auto;
}
.clip_list .panel{
	background: #fff;
}
.clip_list .panel-heading{
	background: none;
	border-bottom: 0;
	padding: 0.4em 1rem 0 0;
	border-top: 0.1rem;
}
.clip_list .panel-heading p{
	font-size: 1.4rem;
	font-weight: 400;
}
.clip_list .panel-footer{
	background:none;
	border-top:0px;
	padding:0 1em 0.4em 1em;
}
.clip_list a{
	color:#5d5d5d;
	padding:0 0 0 2px;
	border-bottom:2px solid #dddddd;
}
.clip_list a:hover{
	color:#000000;
	padding:0 0 0 2px;
	border-bottom:2px solid #828282;
}
.clip_list .panel.closed{
	background:#dddddd;
	color:#999999;
}
.clip_list .panel.closed .txt_close{
	color:#d2691e;
	font-size:1.2em;
}
/* modal */
.modal-dialog{
	margin: 20% auto;
}
.modal-content{
	border-radius: 4px;
}
.modal-body,.modal-header,.modal-footer {
	border:none;
}
/* notice */
.notice{
	font-size:0.9em;
	margin-bottom:1em;
}
/* alert */
.alert-info.form_member{
	color:#000000;
	background-color: #ffffff;
	border:4px solid #bce8f1;
}
.alert-default{
	background: transparent;
	border: 2px dotted #c0c0c0;
	color: #555;
	padding: 1.5rem;
	margin: 1rem 0;
  font-size: 1.3rem;
}

/* cr_privacy */
.cr_privacy{
	margin:1em 0;
	padding:1.4em;
	max-height:200px;
	background:#f5f5f5;
	border:1px solid #dddddd;
	overflow-y:auto;
	overflow-x:hidden;
	font-size:0.8em;
}
.cr_privacy dt, .cr_privacy dd {
	margin:0 0 1em 0;
	line-height:1.6em;
}
.cr_privacy .border_dotted{
	padding:1em;
	margin:1em 0;
	border:2px dotted #dddddd;
}
pre {word-wrap:break-word;white-space:pre-wrap;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Arial",sans-serif;}
#sp_global-nav .text-center{margin:1em 0 0 0;}
#sp_global-nav .text-center a{font-size:16px;margin:1em 0 0 0;}
#sp_global-nav nav a{font-size:14px;}

/* ----------------- Media -----------------*/
@media (max-width: 768px) {
	 table th, table td{
		display:block;
		width:100%;
		border-collapse:collapse;
		float:left\9;
	}
	 .table th, .table td{
		display:block;
		width:100%;
		border-collapse:collapse;
		float:left\9;
	}
	.table .col-xs-1, .table .col-xs-4{padding-right:0;}
	.table .col-xs-4{padding-left:10px;}
	.job_view .panel th{
		display:block;
		width:100%;
		background:#f5f5f5;
		border-right:0px solid #dddddd;
	}
	.panel>.table>tbody:first-child>tr:first-child th{
		border-bottom:1px solid #dddddd;
	}

}
@media screen and (min-width: 480px) {
	.br-sp { display:none; }
	.col-xs-12.btn-sp{text-align:right;}
}
@media screen and (max-width: 480px) {
	.br-sp { display:block; }
	.col-xs-12.btn-sp{text-align:center;margin:0 auto;}
	.col-xs-12.btn-sp .btn{width:100%;margin-top:1em;}
}

@media (max-width: 768px) {
	.pay-amount{
		display: inline-block;
		width:280px;
	}
}

/* ----------------- utility -----------------*/
.color_31578b{
	color: #255697;
}
.bnone {
	border: none;
}
.vab{vertical-align:bottom;}
.fl{float:left}
.fr{float:right}
.m1em{margin:1em;}
.m05em{margin:.5em;}
.mr1em{margin-right:1em}

/* font setteings */
.fw800 {font-weight:800;}
.fw400 {font-weight:400;}
.fs30{font-size:3.0rem;}
.fs28{font-size:2.8rem;}
.fs26{font-size:2.6rem;}
.fs24{font-size:2.4rem;}
.fs22{font-size:2.2rem;}
.fs20{font-size:2rem;}
.fs18{font-size:1.8rem;}
.fs16{font-size:1.6rem;}
.fs14{font-size:1.4rem;}
.fs12{font-size:1.2rem;}
.fs10{font-size:1rem;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mt1em{margin-top:1em;}
.ml1em{margin-left:1em;}
.mr1em{margin-right:1em;}
.mt0{margin-top:0;}
@media (max-width: 768px) {
.mt0_sp{margin-top:0;}
}
.mt2em{margin-top:2em;}
.mt05em{margin-top:0.5em;}
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb1rem{margin-bottom:1rem;}
.mb2rem{margin-bottom:2rem;}
.mb2em{margin-bottom:2em;}
.p0{padding:0;}
.pt05em{padding-top:0.5em;}
.p1em{padding:1em;}
.p1rem{padding:1rem;}
.p15rem{padding:1.5rem;}
.pt1em{padding-top:1em;}
.pt2em{padding-top:2em;}
.pt3em{padding-top:3em;}
.pt4em{padding-top:4em;}
.pb0{padding-bottom:0;}
.pb05em{padding-bottom:0.5em;}
.pb1em{padding-bottom:1em;}
.pb2em{padding-bottom:2em;}
.pl0 {padding-left:0px;}
.pr0 {padding-right:0px;}
.plr0 {padding-right:0px;padding-left:0;}
.plr4 {padding-right:4px;padding-left:4px;}
.plr8 {padding-right:8px;padding-left:8px;}
.plr20 {padding-right:20px;padding-left:20px;}
.plr2rem {padding-right:2rem;padding-left:2rem;}

.s-fw-b{font-weight: 800;}

/* debug
div{border:1px solid #000000;} */

/* ----------------- added styles 202008 -----------------*/
.about_box2008{
	background: #F8FBFC;
	// background-image: url("../img/bg_lab.svg");
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 5% 25%;
	color: #878DA4;
	margin: 2rem 0;
	padding: 5rem 0;
}

.about_box2008_ttl span{
	display: block;
	color: #81B0EE;
	font-size: 1.4rem;
	margin: 0 0 1rem;
}
.about_box2008_ttl{
	display: block;
	color: #17447F;
	font-size: 3rem;
	margin: 3rem 0;
}
.about_box2008_ttl img{
	display: block;
	margin: 0 auto 2rem auto;
	width: 200px;
	height: auto;
}

.about_box2008_caption{
	line-height: 1.8;
	margin: 5rem 0;
	text-align: center;
}
.about_box2008_list{
	display: flex;
	justify-content: space-around;
	margin-bottom: 5rem;
}

.about_box2008_list img{
	display: block;
	margin: 0 auto;
	width: 90%;
	max-width: 100px;
	height: auto;
}

.about_box2008_list li{
	list-style-type: none;
	width: 22%;
}

.about_box2008_list a{
	display: block;
	background: transparent;
	box-shadow: 0px 20px 40px rgba(16, 51, 101, 0.1);
	border-radius: 0;
	color: #878DA4;
	font-size: 1.4rem;
	padding: 2rem;
	text-align: center;
}

.about_box2008_list a:hover {
  animation-duration: .8s;
  animation-name: pulse;
  opacity: 1;
}

.about_box2008_list .about_box2008_list_txt span{
	display: block;
	color: #255697;
	font-size: 2rem;
	font-weight: 700;
	margin: .5rem 0;
}

.about_box2008_info{
	line-height: 1.8;
}

.about_box2008_link{
	position: relative;
	display: inline-block;
	font-size: 1.4rem;
	color: #fff;
	background: #81B0EE;
	font-weight: 400;
	margin-bottom: 2rem;
	margin-right: 2rem;
	padding: .6rem 4rem .6rem 5rem;
	transition: background .4s ease-in-out;
	z-index: 2;
}

a:hover.about_box2008_link {
	background: #255697;
	color: #fff;
}

.about_box2008_link ion-icon {
    position: absolute;
    left: .6rem;
    top: 50%;
    font-size: 18px;
    transform: translate(0, -50%);
}

.about_box2008_link_box{
	position: relative;
}
.about_box2008_link_box::after {
	display: block;
	position: absolute;
	top: 30%;
	right: 0;
	content: "";
	background-image: url("../img/ptn_dot.svg");
	background-size: contain;
	width: 50px;
	height: 50px;
	transform: translate(0,-50%);
	z-index: 1;
}

/* animation keyframes ---------- */
@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

.service_box2008_point_item{
	position: relative;
	box-sizing: border-box;
	background: #F8FBFC;
	border-radius: 8px 100px;
	color: #878DA4;
	margin: 50px 0 50px 0;
	padding: 100px 100px 100px 300px;
}

.service_box2008_point_ttl_box{
	position: absolute;
	left: -50px;
	top: 50px;
	background: transparent;
	border-bottom: 6px solid #255697;
	color: #255697;
	text-align: center;
	width: 300px;
	height: 300px;
}
.service_box2008_point_ttl{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 1.6rem;
	width: 90%;
	transform: translate(-50%,-50%);
}
.service_box2008_point_ttl span{
	display: block;
	color: #255697;
	font-size: 2.5rem;
	font-weight: 700;
}
.service_box2008_img{
	text-align: center;
}
.service_box2008_img img{
	margin: 4rem auto;
	width: 100%;
	height: auto;
}

.service_box2008_point1_img{
	margin: 0 auto;
	width: 80%;
}
.service_box2008_data{
	display: flex;
	flex-wrap: wrap;
}

.service_box2008_data_item{
	width: 48%;
}

.service_box2008_data dt{
	position: relative;
	color: #255697;
	margin: 3rem;
}

.service_box2008_data dt span{
	color: #4F5D6F;
}


.service_box2008_data dt::after {
	display: block;
	position: absolute;
	top: 30%;
	left: -3rem;
	content: "";
	background-image: url("../img/bg_circle.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	transform: translate(0,-50%);
	z-index: 1;
}
.service_box2008_data dd{
	font-size: .9em;
	line-height: 1.6;
	padding: 0 3rem 3rem;
}

.service_type2008{
	border-top: 4px solid #EBF2F4;
	margin-top: 2rem;
	padding-top: 2rem;
}
.service_type2008 .service_type_item{
	border-bottom: 4px solid #EBF2F4;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}

.service_type2008 .service_type_item .article_txt,
.service_type2008 .service_type_item_last .article_txt{
	font-size: .9em;
}


.flow_box2008{
	background: #EBF1F8;
	color: #878DA4;
	padding: 5rem 0;
	background-image: url("../img/bg_laptop2.svg");
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 95% 5%;
}


span.flow_box2008_subttl{
	font-weight: 700;
	color: #255697;
	margin-top: .5rem;
}
.flow_box2008 .about_box2008_list{
	margin: 5rem 0;
}

.service_box2008_step_item{
	position: relative;
	box-sizing: border-box;
	background: #EBF1F8;
	border-radius: 8px 100px;
	color: #255697;
	color: #878DA4;
	margin: 50px 0 50px 0;
	padding: 100px 100px 100px 300px;
}

.service_box2008_step_ttl_box{
	position: absolute;
	left: 0;
	top: 50%;
	background: transparent;
	color: #255697;
	text-align: center;
	width: 300px;
	height: 300px;
	transform: translate(0,-50%);
}
.service_box2008_step_ttl{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 1.6rem;
	width: 90%;
	transform: translate(-50%,-50%);
}
.service_box2008_step_ttl span{
	display: block;
	color: #255697;
	font-size: 1.8rem;
	font-weight: 700;
	margin-top: 1rem;
}

.step_arrow img{
	width: 30px;
	height: auto;
}

/* js-fade-in - フェードイン */
.js-fade-in {
	transition: 1s;
	opacity: 0;
}

.js-fade-in-active {
	opacity: 1;
}


.info_box{
	margin: 2rem auto;
	background: #fff;
	border-radius: 4px;
}

.info_box .search_menu_ttl{
	margin:2rem;
}
.info_box .title{
	color: #17447F;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 2rem;
}
.info_box .caption{
	line-height: 1.8;
	margin: 1rem 0;
	text-align: center;
	color: #878DA4;
}

/* ----------------- added styles v202112 -----------------*/
.page_jobsearch_list .search_menu_box{
	padding: 0 0 1em 0;
}
.page_jobsearch_list .search_menu_box_inner{
	padding: 0 1em;
	width: auto;
}
.page_jobsearch_list .search_menu_box_inner .search_menu_ttl{
	font-weight: 800;
}
.page_jobsearch_list .search_menu_box_inner .search_menu_btn{
	margin: 0;
}
.page_jobsearch_list .search_menu_box_inner .search_menu_btn .btn.active{
	border-color: #255697;
	background: #fff;
	box-shadow: inset 0 0 0, 0 4px 0 rgb(0 0 0 / 13%);
	color:#255697;
}
@media (max-width: 767px) {
	.search_menu_btn .btn.m05em{
		margin: 0;
		margin-bottom: 1em;
	}
}
.page_jobsearch_list .search_menu_box_inner .sub-ttl{
	font-size: 1.2em;
	margin: 0 0 1rem 0;
	padding: 0 0 0 3rem;
}

.input_keyword {
	width: 100%;
	height: 3rem;
	display: block;
    margin: 0;
    font-size: 1.6rem;
    background: #ffffff;
    border: 0.1rem solid #dddddd;
    border-radius: 0.4rem;
	margin-bottom: 1rem;
}
.bt_submit {
	height: 3.8rem;
	outline: none;
}
.keyword_img {
	height:2rem;
	width: 2rem;
}
/* ----------------- added styles v202211 -----------------*/

.section_ttl.top_article_list_ttl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid #EBF2F4;
	padding: 0.5rem 0.5rem 0rem 0.5rem;
}

.section_ttl.top_article_list_ttl h2{
	position: relative;
	font-size: 1.8rem;
	font-weight: 800;
	width: 100%;
}

@media (min-width: 767px) {
	.section_ttl.top_article_list_ttl h2{
		font-size: 2.2rem;
	}
}

.section_ttl.top_article_list_ttl span{
	position: relative;
	display: inline-block;
	background-color: #d79b00;
	color: #fff;
	letter-spacing: 0;
	margin: 0 1rem 0 0;
	padding: 0;
	text-align: center;
	transform: none;
	width: 9rem;
}


.top_article_list {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
	justify-content: space-between;
}
.top_article_list li {
  background: #fff;
  box-shadow: 0px 0px 3px 0px rgba(170, 170, 170, 0.4);
  list-style-type: none;
	margin: 1% 0 2%;
  width: 22%;
  vertical-align: top;
}

.top_article_list li a {
  color: #333333;
}

.top_article_list li .seminar_date {
  color: #255697;
	font-weight: 700;
}

.top_article_list .list_view_content {
	padding: 1rem;
}

.top_list_ttl {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.8rem;
  position: relative;
  padding: 0.6rem 0;
  height: 5rem;
  /* height: 7.4rem; フォントサイズ変更前 */
  word-break: break-all;
}
/* .top_list_ttl:before {
  color: #255697;
  content: ">";
  font-size: 1.4rem;
  padding-right: 0.4rem;
} */

@media (max-width: 768px) {
	.top_article_list li{
		width: 48%;
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}
	.top_list_ttl{
		font-size: 1.2rem;
		height: 6.8rem;
	}
	.top__article_list_img{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		width: 100%;
		height: 100px;
	}
	.top__article_list_img img{
		width: 200px;
		height: 100px;
		object-fit: cover;
	}
}

@media (min-width: 768px) {
	.top_article_list::before {
		content: "";
		display: block;
		order: 1;
		width: 22%;
	}
	.top_article_list::after {
		content: "";
		display: block;
		width: 22%;
	}

	.top_article_list li{
		position: relative;
		text-align: left;
	}
	.top__article_list_img{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		width: 257px;
		height: 128.5px;
	}
	.top_article_list li img {
		width: 100%;
		height: auto;
	}
}