@charset "utf-8";
/* text color
----------------------------------------------------- */
a,a:link,a:visited { color:#282828; }
a:hover,a:active { text-decoration: underline; }

/* layout
------------------------------------------------- */
#sh_header.no_border{
    margin-bottom: 0;
    border:none;
}

#sh_header_box{
	margin-bottom: 35px;
	padding:8px 10px 8px 20px;
	text-align: right;
	background-color: #F2F5F5;
}

.sh_langselect {
  display: inline-block;
  padding-left: 32px;
  background: url(/assets/images/icon-language.svg) no-repeat center left;
}
.sh_langselect select {
  color: #7B8789;
  background: url(/assets/images/icon-allow.svg) no-repeat center right 5px;
  padding-right: 25px;
  -webkit-appearance: none;
          appearance: none;
  border:none;
}

.contents{
	margin:0 auto;
	width: calc(100% - 40px);
	max-width: 1000px;
}

.page_title{
	margin-bottom:60px;
	text-align: center;
	font-size:2.5rem;
}

nav.breadcrumbs{
	margin-top: -15px;
	margin-left: -5px;
	margin-bottom: 30px;
    font-size:1.2rem;
    text-align: left;
    color:#878E8D;
}

nav.breadcrumbs a{
    margin: 0 5px;
    color:#0062C6;
    position: relative;
}

nav.breadcrumbs span{
    margin: 0 5px;
}

/* top_page
------------------------------------------------- */
.top_page #main .inf_box_wrap{
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
}

.top_page #main .side_login{
	width: 100%;
	max-width: 200px;
}

.top_page #inf_box{
	width: 100%;
	max-width: calc(100% - 260px);
	text-align: left;
}

.top_page #inf_box ul li{
	margin-bottom: 20px;
	line-height:1.8;
}


.top_page #inf_box ul li.is_hidden{
	display: none;
}

.top_page #inf_box ul li p{
	color:#878E8D;
}


.top_page #inf_box ul li p{
	font-size:1.2rem;
}

.top_page #inf_box ul li a:nth-child(2){
	color:#0062C6;
}

.top_page #inf_box ul li a:nth-child(4){
	color:#878E8D;
	font-size:1.2rem;
}

.top_page #inf_box ul li br{
	display: none;
}

#inf_box .list_more{
	text-align: center;
}

#inf_box .list_more_btn{
	padding:10px 15px;
	border:none;
	color:#878E8D;
	background-color: #F2F5F5;
	width: 100%;
	max-width: 200px;
	cursor:pointer;
	position: relative;
}
#inf_box .list_more_btn.is_btn_hidden{
	display: none;
}

#inf_box .list_more_btn:before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 10px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #878E8D;
    border-right: 1px solid #878E8D;
    transform: rotate(135deg);
}


#inf_box .list_more_btn:hover{
	background-color: #E9EEEE;
}
.top_page #main .service_body{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top_page #main .service_body dl{
	width: 100%;
	max-width: calc(50% - 10px);
}


.top_page #main .service_body dt{
	margin-bottom: 12px;
}

.top_page #main dl#service_blog dt{
    background-color: #36D6BD;
}

.top_page #main dl#service_web dt{
    background-color: #F9C213;
}

.top_page #main .service_body dt a{
	padding:10px 20px;
	display: flex;
	text-align: center;
	color:#fff;
	text-shadow: 0px 0px 6px rgb(0 0 0 / 30%);
	font-weight: bold;
	font-size:2.5rem;
	min-height:150px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.top_page #main .service_body dt a:hover{
    background-color:rgba(0,0,0,.1);
    text-decoration:none;
}

.top_page #main .service_body dt a span.service_name{
    margin-bottom: 20px;
    display: block;
}

.top_page #main .service_body dt a span.service_details_link{
	margin-bottom: -20px;
    padding:5px 23px 4px 15px;
    display: block;
    position: relative;
    font-size:1.3rem;
    border:1px solid #fff;
    border-radius: 50px;
}

.top_page #main .service_body dt a span.service_details_link:before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 8px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

.top_page #main .service_body dd{
    text-align: left;
}

.top_page #main .service_body dd .pran{
    margin-bottom: 12px;
}

.top_page #main .service_body dd .pran span{
	font-size:1.3rem;
	margin-right:5px;
    font-weight: bold;
    padding:3px 12px 2px;
    border-radius: 50px;
    display: inline-block;
    min-width:70px;
    text-align: center;
}

.top_page #main .service_body dd .pran span:last-child{
	margin-right:0;
}

.top_page #main .service_body dd .pran span.free{
    border:1px solid #36D6BD;
    color:#27C0A9;
}

.top_page #main .service_body dd .pran span.pro{
    border:1px solid #A26BE2;
    background-color: #A26BE2;
    color:#fff;
}

@media(max-width: 768px) {
	.top_page #main .inf_box_wrap{
		margin-bottom: 90px;
		display: block;
	}

	.top_page #main .side_login{
		margin: 0 auto 35px;
	}

	.top_page #inf_box{
		max-width: 100%;
	}

	#inf_box .list_more_btn{
		padding:13px 15px;
		max-width: 300px;
	}

	.top_page #main .service_body{
		display: block;
	}

	.top_page #main .service_body dl{
		margin-bottom: 60px;
		max-width:100%;
	}

	.top_page #main .service_body dt a span.service_details_link{
		margin-bottom: -10px;
	}

	.top_page #main .service_body dl:last-child{
		margin-bottom: 0;
	}

	.top_page #main .service_body dt a{
		font-size:2.3rem;
		min-height:120px;
	}
}


/* company
------------------------------------------------- */
#container.company #company_outline{
	margin-bottom: 100px;
}

#container.company #recruit_table,
#container.company #histry_list_table{
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}

#container.company #recruit_table th,
#container.company #recruit_table td,
#container.company #histry_list_table th,
#container.company #histry_list_table td{
	padding:17px 20px 17px 10px;
    border-bottom:1px solid #DCE6E5;
}


#container.company #recruit_table th,
#container.company #histry_list_table th{
    width: 210px;
    font-weight: bold;
}

#container.company #recruit_table td,
#container.company #histry_list_table td{
    text-align: left;
}

#container.company #recruit_table tr:last-child th,
#container.company #recruit_table tr:last-child td,
#container.company #histry_list_table tr:last-child th,
#container.company #histry_list_table tr:last-child td{
    border-bottom:none;
}

#container.company #histry_list_table th{
    vertical-align:top;
}

#container.company #histry_list_table ul li{
	padding-left:20px;
    margin-bottom: 10px;
    position: relative;
}

#container.company #histry_list_table ul li:last-child{
    margin-bottom: 0;
}

#container.company #histry_list_table ul li:before{
	content:"";
	position: absolute;
	top: calc(50% - 3px);
	left: 5px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #36D6BD;
    border-right: 1px solid #36D6BD;
    transform: rotate(45deg);
}

#container.company #recruit_table a,
#container.company #histry_list_table a{
    color:#0062C6;
}

@media(max-width: 768px) {
	#container.company #recruit_table,
	#container.company #histry_list_table,
	#container.company #recruit_table tbody,
	#container.company #histry_list_table tbody,
	#container.company #recruit_table tr,
	#container.company #histry_list_table tr,
	#container.company #recruit_table th,
	#container.company #histry_list_table th,
	#container.company #recruit_table td,
	#container.company #histry_list_table td{
		display: block;
		width:100%;
	}
	#container.company #recruit_table,
	#container.company #histry_list_table{
		margin-top: 30px;
	}
	#container.company #recruit_table tr,
	#container.company #histry_list_table tr{
		margin-bottom: 15px;
	}

	#container.company #recruit_table th,
	#container.company #histry_list_table th{
		margin-bottom: 10px;
		padding:0 10px;
		border-bottom:none;
		text-align: left;
	}

	#container.company #recruit_table td,
	#container.company #histry_list_table td{
		padding:0 10px 15px;
	}

	#container.company #recruit_table tr:last-child th,
	#container.company #recruit_table tr:last-child td,
	#container.company #histry_list_table tr:last-child th,
	#container.company #histry_list_table tr:last-child td{
		border-bottom:none;
	}
}

/* privacy
------------------------------------------------- */

#container.privacy #main > ul{
	margin-bottom: 100px;
	text-align: left;
	line-height:1.8;
}

#container.privacy #main > ul li{
	margin-bottom: 20px;
}

#container.privacy #main > ul li:last-child{
	margin-bottom: 0;
}

#container.privacy #main > ul >li ul,
#container.privacy #main > ul >li ol{
	margin-top: 10px;
	padding:20px 25px 20px 20px;
	border:1px solid #DCE6E5;
}


#container.privacy #main > ul > li,
#container.privacy #main > ul > li > ul >li{
	padding-left:20px;
	position: relative;
}

#container.privacy #main > ul > li:before,
#container.privacy #main > ul > li > ul >li:before{
	content:"";
	position: absolute;
	top: 9px;
	left: 0;
    width: 4px;
    height: 4px;
    border-top: 1px solid #36D6BD;
    border-right: 1px solid #36D6BD;
    transform: rotate(45deg);
}

#container.privacy #main > ul > li ol li {
	margin-left: 25px;
    list-style-type:decimal-leading-zero;
}

#container.privacy #main > ul li a{
	color: #0062C6;
}