@charset "utf-8";
/* CSS Document */
.big, p span .big {
	font-weight: bold;
	font-size: 1.6rem;
}
.tc {
    text-align: center;
}
p span {
    color: #fe8431;
    font-weight: bold;
}
/* ステップ #step_area
--------------------------- */
.step_box {
	min-height: 100vh;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#step_area ul {
		padding: 0;
}

#step_area ul li {
		list-style-type: none;
		margin-left: 0;
}

#step_area dd {
		margin-left: 0;
		padding: 0 10px;
}

.step_list {
		border: 3px solid #ef8d8b ;
}

.step_list > li {
		padding: 30px;
}

.step_list > li:not(:last-child) {
		border-bottom: 3px solid #ef8d8b ;
		position: relative;
}

.step_list > li:not(:last-child)::before,
.step_list > li:not(:last-child)::after {
		content: "";
		border: solid transparent;
		position: absolute;
		top: 100%;
		left: 13%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
}

.step_list > li:not(:last-child)::before {
		border-width: 22px;
		border-top-color: #ef8d8b ;
}

.step_list > li:not(:last-child)::after {
		border-width: 18px;
		border-top-color: #fff;
}

.step_list > li dl {
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}

.step_list > li dl dt {
		font-weight: bold;
		color: #d95555;
		-ms-flex-preferred-size: 20%;
		flex-basis: 24%;
		margin-right: 1vw;
		text-align: center;
		border-bottom: none;
}

.step_list > li dl dt .icon {
		color: #fff;
		background: #9c9c9c;
		padding: 5px 10px;
		margin-bottom: 10px;
		display: block;
		border-radius: 20px;
}

.step_list > li dl dt .bg_pink { background: #ef8d8b; }

/* サポート内タブボックス */
	#support .box_tab dl dt {
		font-weight: bold;
		line-height: 3;
		border: none ;
}
#step_area dd {
    margin-left: 0;
    padding: 0 10px;
}
/* ボックス4 タイトルタブ */
.box_tab {
	position: relative;
	margin-top: 20px;	/* タブ20px */
	padding:20px 30px;
	border: solid 3px;
	border-color: #ef8d8b !important;
}

.box_tab .box-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	left: 25px;
	padding: 0 20px;	/* padding=0 */
	height: 40px;
	line-height: 42px;
	font-size: 20px;
	color: #ffffff;
	border-radius: 5px 5px 0 0;
}
.box_tab .box_tab_non {
    background: #fff;
    color: #333 !important;
	font-size: 1.6rem;
}
.box_tab p {
	margin: 0; 
	padding: 0;
}
/* ボックス5 注釈用 */
.box_notice {
	padding: 20px 40px;
	margin: 40px auto;
	border: dashed 2px #a1a1a1;/*点線*/
	overflow: hidden;
}
.marker {
    background: linear-gradient(transparent 50%, rgba(255, 255, 102, 0.8) 50%);
    color: #333;
}
.support_list > li {
    list-style: square;
    margin-bottom: 15px;
    line-height: 1.5;
}
li {
    margin-left: 15px;
}
.support_title{
	padding: 10px 0;
	display: block;
}

#company .ditail_dd {
	padding: 16px 20px 16px 17em;
	word-wrap: break-word;
    border-top: 1px solid #ddd;
}

#company .ditail_dt {
		float: left;
		clear: both;
		padding: 16px 0 16px 10px;
		font-weight: bold;
}

#company .ditail_dt small a, #company .ditail_dt small a:visited {
		color: #fe8431;
		font-size: 14px;
}

#company .ditail_dt small a:hover {
		color: #333;
		text-decoration: none;
}
.tr {
    text-align: right;
}
.subbox{
	width:100%;
	border: 1px solid #ddd;
	padding:0px 15px 30px;
	margin-bottom:40px;
}

.subbox2{
	width:100%;
	border:1px solid #aeaeae;
	background-color:#faf8f6;
	margin-bottom:40px;
}
.subbox h3 {
    font-weight: bold;
    margin: 20px 0 15px 0;
}
.btn_box {
    border: 1px solid #dfe0e1;
    padding: 20px;
}
.bg_yellow {
    background: #FEFFDA;
}

.sitemap_box {
    padding: 10px;
	background-color:#f7f6f5;
    margin-bottom: 20px;
}
.sitemap_content {
    margin-bottom: 20px;
}
.sitemap_name {
    padding-bottom: 10px;
    font-weight: bold;
}
.sitemap_list {
    width: 33.3%;
    float: left;
}
.pref_box .column3, .pref_box2 .column3, .pref_box3 .column3 {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.consultant_content {
    padding: 10px;
    border: 1px solid #e6e6e6;
}
.pref_box{
	width:48%; float:left;
}
.pref_box2{
	width:48%; float:right;
}
.pref_title{
	margin-right: 10px; 
	float:left;
}
.pref_title2{
	width:13%; 
	float:left;
}
.consultant_tit {
    padding-bottom: 10px;
    font-weight: bold;
}
form button {
    display: block;
    line-height: 20px;
    width: 50%;
    text-align: center;
    color: white;
    padding: 15px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
    margin: auto;
    transition: opacity 0.3s ease;
}
.orenge_tit{
	color: #fe8431;
	padding: 20px 20px 0;
	font-weight: bold;
}
.job_career_sample th{
	width: 120px;
}
.contents .menu_title {
    text-align: center;
    color: #fff;
    background-color: #fe8431;
    margin: 30px 0 0;
    padding: 5px 0;
    border-radius: 5px 5px 0 0;
}
.contents .menu_box {
    color: #fe8431;
    border: 1px solid #fe8431;
    margin: 0 0 30px 0;
    padding: 5px;
    border-radius: 0 0 5px 5px;
    line-height: 180%;
}
.contents h3 {
    margin: 60px 0 10px;
    padding-left: 0;
    border-bottom: 2px solid #fe8431;
    position: relative;
	font-size: 16px;
}
.contents h4 {
    font-weight: 700;
    margin: 40px 0 10px;
    padding-left: 0px;
    position: relative;
}
.contents h4:before {
    content: "■";
    margin-right: 3px;
    color: #fe8431;
}
#support section {
    padding: 0 0 40px 0;
}
.btn {
    text-align: center;
    margin: 0 auto;
}
.btn_more {
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding: 0.5em 1.1em 0.5em 0.5em;
    background: #fe8431;
    border: solid 3px #fe8431;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: all 1s;
    width: auto;
}
.btn_more::after {
    position: absolute;
    top: 50%;
    right: 0.2em;
    content: '';
    margin-top: -5px;
    border: 7px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #fff;
    transition: all .3s;
}
.contents .example_box {
    border: 1px solid #333;
    margin: 0 0 30px 0;
    padding: 5px;
    border-radius: 0 0 5px 5px;
    line-height: 180%;
}
.contents table {
    border-collapse: collapse;
    width: 100%;
}
.contents table th, .contents table td {
    border: solid 1px #333;
    padding: 5px;
}
.modified, .job-area {
    text-align: right;
}