@charset "utf-8";
/* CSS Document */
*, *::before, *::after {
    box-sizing: border-box;
    font-size: inherit;
    line-height: inherit;
}
* {
    padding: 0;
    margin: 0;
}
html {
    font-size: 62.5%;
}
body {
    width: 100%;
    height: 100%;
    color: color(base_text);
    font-family: "Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    position: relative;
    font-size: 1.4rem;
}
h1,h2{
	font-weight: 700;
	font-size: 2.2rem;	
}
a{
	text-decoration: none;
	color: #1754A5;
}
a:hover{

}
#container__recommend a:hover,#slider__column-wrapper a:hover,#slider__interview-wrapper a:hover,a:hover.entry_btn,a:hover.details_btn,.detail_nav a:hover,.search_select a:hover,.item_box a:hover,#slider__columnrank-wrapper a:hover,a:hover.btn{
	text-decoration: none;	
}

.checkbox span, .p-top__conditions-item span{
	font-size: 11px;
	color: #999;
}
a span{
	font-size: 11px;
	color: #1754A5 !important;
}
.gray span{
	font-size: 11px;
	color: #CCC !important;	
}
img{
	vertical-align:top;
}
.banner img{
	width: 100%;
}
li{
	list-style: none;
}
button{
	margin: 0;
	padding: 0;
	border: 0;
}
.mt20{
	margin-top: 20px;
}
.mt40{
	margin-top: 40px !important;
}
.mr20{
	margin-right: 20px;
}
.mb20{
	margin-bottom: 20px;
}
.pt20{
	padding-top: 20px;
}
.pt40{
	padding-top: 40px;
}
.pt60{
	padding-top: 60px;
}
.pt80{
	padding-top: 80px;
}
.pb10{
	padding-bottom: 10px;
}
.pb20{
	padding-bottom: 20px;
}
.pb40{
	padding-bottom: 40px;
}
.pb70{
	padding-bottom: 70px;
}
.pb80{
	padding-bottom: 80px;
}
.pb90{
	padding-bottom: 90px;
}
.flexbox{
	display: flex;
}
.dnc{
	display: none;
}
.required-field{
	background-color: #fcc !important;
}
.job00{background-color: #CCCCCC}/*葬祭ディレクター*/
.job01{background-color: #EF5350}/*葬祭ディレクター*/
.job02{background-color: #AB47BC}/*納棺師、湯灌師*/
.job03{background-color: #66BB6A}/*セレモニースタッフ*/
.job04{background-color: #7E57C2}/*-*/
.job05{background-color: #7E57C2}/*営業職*/
.job06{background-color: #26A69A}/*生花祭壇作成*/
.job07{background-color: #29B6F6}/*葬儀コールセンター*/
.job08{background-color: #42A5F5}/*バックオフィス*/
.job09{background-color: #26C6DA}/*エンバーマー*/
.job10{background-color: #EC407A}/*動物葬祭ディレクター*/
.job11{background-color: #9CCC65}/*ドライバー*/
.job12{background-color: #FFBE28}/*遺品整理・特殊清掃*/
.job13{background-color: #FF9A26}/*海洋散骨ディレクター*/
.job14{background-color: #FF6943}/*終活・相続アドバイザー*/
.job15{background-color: #999999}/*その他*/
.job16{background-color: #5C6BC0}/*マーケティング*/
.job17{background-color: #8D6E63}/*寺務*/
.column_job{
	margin-top: 8px;
	padding: 0 4px;
	border-radius: 4px;
	color: white;
	font-weight: 700;
	font-size: 1.2rem;
	display: table;
}
.interview_name{
	margin-top: 8px;
	color: #333;
	font-weight: 400;
	font-size: 1.2rem;
}
.l-root-container {
    position: relative;
    overflow-x: hidden;
}
.l-header {
    /*position: relative;*/
    width: 100%;
    padding: 0;
    position: fixed;
    z-index: 1000;
    background-color: #FFF;
    transition: transform 0.3s ease;
}
.result .l-header, .about .l-header {
	width: 100%;
    position: fixed;
	background-color: #FFF;
	z-index: 100;
}
.l-header__top {
    background-color: #1754A5;
    color: white;
    padding: 7px 0;
    line-height: 1em;
}
.l-header__top .l-header__container {
    justify-content: space-between;
    align-items: center;
}
.l-header__container, .l-footer__container, .l-float-container {
    width: 980px;
    margin: auto;
}
.l-header__text {
    color: white;
    font-size: 1.2rem;
}
.l-header__logo{
	width: 205px;
	padding: 20px 0;
}
.header_nav{
	width: 541px;
	margin-left: 234px;
	padding: 20px 0;
}
.header_nav li{
	width: 89px;
	margin-left: 24px;
    font-size: 1.2rem;
	text-align: center;
}
.header_nav li:first-child{
	margin-left: 0px;	
}
/*FV*/
.p-top__visual{
    background-color: #1754A5;
	margin-top: 109.63px;
}
.p-top__visual-item{
	width: 980px;
	height: 500px;
    margin: auto;
	position: relative;
}
.p-top__visual-bg{
	position: absolute;
    bottom: 0;
    right: 0;
}
.p-content-container{
	width: 343px;
	padding-top: 60px;
	position: relative;
}
.p-top__visual-copy{
	margin-bottom: 16px;
}
.p-top__visual-text{
	font-size: 13px;
    color: white;
	line-height: 25.2px;
}
.p-top__visual-button{
	margin: 16px 0;
}
.p-top__visual-search{
	width: 980px;
	padding-top: 40px;
}
.p-top__visual-search li{
	float: left;
}
.select_job{
	width: 218.67px;
	height: 48px;
	background-image: url("../images/select_job.png");
}
.select_pref{
	width: 218.67px;
	height: 48px;
	background-image: url("../images/select_pref.png");
}
.select_condition{
	width: 218.67px;
	height: 48px;
	background-image: url("../images/select_condition.png");
}

.input_freeword{
	width: 240px;
	height: 48px;
	background-image: url("../images/input_freeword.png");
}
.p-top__visual-link{
	width: 980px;
	padding-top: 20px;
	text-align: center;
}
/*FV*/
.p-top__visual-search button {
  padding: 0;
  border: none;
  background: transparent;
	cursor: pointer;
}
.p-top__visual-search button img {
  display: block;
}
.p-top__visual-search .popup {
display: none;
position: absolute;
background-color: #f9f9f9;
border: 1px solid #ccc;
z-index: 80;
}

#job_type_popup .popup-content{
    width: 980px;
    overflow-y: auto;
    top: 60px;
    position: absolute;
    padding: 16px 16px 16px 16px;
    border-radius: 8px;
    background-color: #FFFFFF;
	box-shadow: 0px 0px 12px 0px #1754A5;
}
#prefecture_popup .popup-content, #city_popup .popup-content,#targetDiv .popup-content {
    width: 980px;
    overflow-y: auto;
    top: 60px;
    position: absolute;
    padding: 32px 16px 16px 10px;
    border-radius: 8px;
    background-color: #FFFFFF;
	box-shadow: 0px 0px 12px 0px #1754A5;
}
#special_conditions_popup .popup-content {
    width: 980px;
	height: 325px;
    overflow-y: auto;
    top: 60px;
    position: absolute;
	padding: 0;
}
.p-top__job .checkbox{
	width: 218px;
    margin-left: 12px;
    padding: 12px 6px;
    font-weight: 400;
    color: #333;
    border-radius: 4px;
    background-color: #EAF7FB;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
}
.p-top__job .checkbox:first-child{
    margin-left: 0px;
}
.p-top__pref-item .p-top__pref-item,.p-top__city-item .p-top__city-item{
	width: 213.9px;
    margin: 0 0 18px 12px;
    padding: 12px 16px;
    font-weight: 400;
    color: #333;
    border-radius: 4px;
    background-color: #EAF7FB;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
}
.p-top__city-item a:hover,.p-top__conditions-wrap a:hover{
	text-decoration: underline;
}
.p-top__city-item.gray{
	cursor: default;
}
.p-top__pref-item .p-top__pref-item:first-child,.p-top__pref-item .p-top__pref-item:nth-child(4n+1),.p-top__city-item .p-top__city-item:first-child,.p-top__city-item .p-top__city-item:nth-child(4n+1){
    margin-left: 0px;
}
#additionalContents{
    width: 980px;
	height: 265px;
    overflow-y: auto;
    top: 38px;
    position: absolute;
    padding: 20px 16px 32px;
    border-radius: 0 0 8px 8px;
    background-color: #FFFFFF;
	box-shadow: 0px 3px 3px 0px #1754A5;
}
#itemList{
    width: 980px;
	height: 38px;
	position: absolute;
	z-index: 200px;
}
.additional-content {
	display: none; /* 初期状態では非表示 */
}
/* 背景画像のクラス */
.p-top__visual-search .job-type-background {
width: 218.67px;
height: 48px;
background-image: url("../images/select_off.png");
background-size: cover;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #E6E6E6;
padding: 16px 32px 16px 16px;
box-sizing: border-box;
border-radius: 4px 0 0 4px;
cursor: pointer;
}
.p-top__visual-search .prefecture-background, .p-top__visual-search .city-background, .p-top__visual-search .special-conditions-background {
width: 218.67px;
height: 48px;
background-image: url("../images/select_off.png");
background-size: cover;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #E6E6E6;
padding: 16px 32px 16px 16px;
box-sizing: border-box;
cursor: pointer;
}
#keyword_input{
width: 240px;
height: 48px;
border-width: 1px;
border-style: solid;
border-color: #E6E6E6;
padding: 16px;
box-sizing: border-box;
}
.p-top__visual-search .popup-background{
background-image: url('../images/select_on.png');
background-size: cover;
}
.l-bg-container, .l-footer{
background-color: #EAF7FB;
}
.l-bg-container100{
background-color: #EAF7FB;
padding: 0 0 40px;
width: 100%;
}
.l-content-container{
width: 980px;
margin: 0 auto;
position: relative;
}
.left{
width: 470px;
margin-right: 40px;
}
.right{
width: 470px;
}
.c-title__pref{
padding: 0 0 20px 42px;
background-image: url("../images/ic_pref.svg");
background-repeat: no-repeat;
}
.c-title__job{
padding: 0 0 20px 42px;
background-image: url("../images/ic_jobtype.svg");
background-repeat: no-repeat;
}
.c-title__conditions{
padding: 0 0 20px 42px;
background-image: url("../images/ic_conditions.svg");
background-repeat: no-repeat;
}
.c-title__new{
padding: 0 0 20px 42px;
background-image: url("../images/ic_new.svg");
background-repeat: no-repeat;
}
.c-title__rank{
padding: 0 0 20px 42px;
background-image: url("../images/ic_rank.svg");
background-repeat: no-repeat;
}
.c-title__recommend{
padding: 0 0 20px 42px;
background-image: url("../images/ic_recommend.svg");
background-repeat: no-repeat;
}
.c-title__company{
padding: 0 0 20px 42px;
background-image: url("../images/ic_company.svg");
background-repeat: no-repeat;
}
.c-title__column{
padding: 0 0 20px 42px;
background-image: url("../images/ic_column.svg");
background-repeat: no-repeat;
}
.c-title__interview{
padding: 0 0 20px 42px;
background-image: url("../images/ic_interview.svg");
background-repeat: no-repeat;
}
.c-title__voice{
padding: 0 0 20px 42px;
background-image: url("../images/ic_voice.svg");
background-repeat: no-repeat;
}
.c-title__advisor{
	padding: 0 0 40px 0;
	width: 980px;
	margin: 0 auto;
}
.c-title__special{
padding: 0 0 20px 42px;
background-image: url("../images/ic_special.svg");
background-repeat: no-repeat;
}
.c-title__opportunities{
padding: 0 0 20px 42px;
background-image: url("../images/ic_opportunities.svg");
background-repeat: no-repeat;
}
.c-title__faq{
	padding: 0 0 20px 0;
	width: 980px;
	margin: 0 auto;
}
.p-top__pointbox{
	width: 100%;
	background-color: #FFF;
}
.c-title__point{
	width: 980px;
	margin: 0 auto;
	padding:0;
}
.c-title__form{
padding: 0 0 20px 42px;
background-image: url("../images/ic_form.svg");
background-repeat: no-repeat;	
}
.c-title__price{
padding: 0 0 20px 42px;
background-image: url("../images/ic_price.svg");
background-repeat: no-repeat;	
}
.c-title__fav{
padding: 0 0 20px 24px;
background-image: url(../images/ic_fav.svg);
background-repeat: no-repeat;
background-size: 22px;
background-position: top 3px left;
}
.link_list{
float: right;
padding-right: 16px;
background-image: url(../images/arrow_list.svg);
background-position: right;
background-repeat: no-repeat;
position: absolute;
top: 50px;
right: 0;
font-weight: 700;
color: #1754A5;
}
.p-top__pref-wrap{
padding: 16px 16px 2px 16px;
border-radius: 8px;
background-color: #FFFFFF;
} 
.p-top__company-wrap{
padding: 16px 16px 18px 16px;
border-radius: 8px;
background-color: #FFFFFF;
} 
.p-top__job-wrap, .p-top__new-wrap, .p-top__voice-wrap, .p-top__voice2-wrap, .p-top__special-wrap, .p-top__detail-wrap{
padding: 16px 16px 20px 16px;
border-radius: 8px;
background-color: #FFFFFF;
}
.p-top__area-wrap{
padding: 32px 32px 12px 12px;
border-radius: 8px;
background-color: #FFFFFF;	
}
.p-top__conditions-wrap{
padding: 16px 16px 20px 16px;
border-radius: 0;
background-color: #FFFFFF;
}
.p-top__conditions-foot{
padding: 32px;
border-radius: 0 0 8px 8px;
background-color: #FFFFFF;
border-top:1px solid #E6E6E6;
}
.p-top__recommend-wrap, .p-top__column-wrap, .p-top__interview-wrap{
padding: 42px 32px;
border-radius: 8px;
background-color: #FFFFFF;	
}
.p-top__advisor-wrap, .p-top__form-wrap, .p-top__recruiters-wrap, .p-top__follow-wrap, .p-top__success-wrap, .p-top__service-wrap, .p-top__privacy-wrap, .p-top__agreement-wrap{
padding: 32px;
border-radius: 8px;
background-color: #FFFFFF;	
}
.p-top__price-wrap{
	
}
.p-top__about-wrap{
	width: 980px;
	margin: 40px auto;
}
.p-top__point-wrap{
	width: 980px;
	margin: 40px auto;
}
.p-top__point-wrap .image{
	width: 440px;	
}
.p-top__point-wrap .image img{
	width: 100%;
}
.p-top__point-wrap .text{
	width: 508px;
	margin-right: 72px;
}
.point2 .text{
	margin: 0 0 0 72px;
}
.p-top__multiplication-wrap{
padding: 12px 32px;
border-radius: 8px;
background-color: #FFFFFF;	
}
.p-top__form-wrap input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
}
.p-top__tel-wrap{
padding: 20px 32px;
border-radius: 8px;
background-color: #FFFFFF;
background-image: url(../images/tel_bg.png);
background-repeat: no-repeat;
background-position: right;
}
.p-top__step-wrap{
padding: 32px;
border-radius: 8px;
background-color: #FFFFFF;
background-image: url(../images/step_line.svg);
background-repeat: no-repeat;
background-position: top 64px left 64px;
}
.p-top__line-wrap{
padding: 20px 0 0 65px;
border-radius: 8px;
background-color: #06C755;
background-image: url(../images/line_bg.png);
background-repeat: no-repeat;
background-position: right;
}
.p-top__insta-wrap{
padding: 20px 0 0 65px;
border-radius: 8px;
background-color: #06C755;
background-image: url(../images/insta_bg.png);
background-repeat: no-repeat;
background-position: right;
}
.p-top__insta-wrap .textbox dt img{
	height: 32px;
}
.p-top__insta-wrap .textbox dl img{
	height: 48px;
}
.p-top__insta-wrap .qr img{
	height: 234px;
}
.p-top__information-wrap{
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	border-radius: 0px;
	background-color: #1754A5;
	/*background-repeat: no-repeat;*/
	/*background-position: top 20px right 20px;*/
	/*background-size: contain;*/
}
.p-top__information-wrap img{
	width: 100%;	
}
.p-top__information{
width: 100%;
background-color: #1754A5;	
}
.p-top__faq-wrap,.p-top__main_job-wrap,.p-top__main_pref-wrap{
padding: 32px;
border-radius: 8px;
background-color: #FFFFFF;
display: grid;
grid-row-gap: 24px;
}
.p-top__pref-group,.p-top__city-group{
width: 100px;
font-weight: 700;
display: inline-block;
}
.popup-content .p-top__pref-group,.popup-content .p-top__city-group{
background-image: url(../images/area_off.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top -12px right;
width: 100%;
font-weight: 700;
display: block;
cursor: pointer;
padding: 0 0 12px 0;
}
.open .p-top__pref-group{
background-image: url(../images/area_on.png);
}
.p-top__faq, .p-top__main_pref{
display: grid;
grid-row-gap: 8px;	
}
.p-top__main_job{
display: flex;
grid-column-gap: 24px;	
}
.p-top__faq-wrap dt::before, .p-top__main_pref-wrap dt::before {
content: url(../images/rectangle.svg);
vertical-align: middle;
padding-right: 10px;
}
.p-top__faq strong, .p-top__faq a{
	text-decoration: underline;
}
.faq dt::before {
content: url(../images/question.svg);
vertical-align: middle;
padding-right: 10px;
}
.p-top__main_job-wrap dt{
	width: 270px;
}
.p-top__main_job-wrap dd{
	width: 620px;
}
.p-top__main_job-wrap dd.noimage{
	width: 100%;
}
.p-top__main_job-wrap dd a{
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4rem;
letter-spacing: 0.05em;	
}
.p-top__main_job-wrap dd a::after{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 12px;/*画像の幅*/
  height: 12px;/*画像の高さ*/
  background-image: url(../images/page_arrow_next.png);
  background-size: contain;
  vertical-align: middle;
}
.p-top__main_job-wrap dt img{
	width: 100%;
}
.p-top__faq-wrap dt{
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6rem;
letter-spacing: 0.05em;	
}
.p-top__faq-wrap dd{
font-weight: 400;
line-height: 2.2rem;
letter-spacing: 0.05em;
}

.p-top__pref,.p-top__job,.p-top__conditions{
height: 38px;
margin: 24px 10px;
}
.p-top__special{
height: 83px;
margin: 24px;
}
.p-top__new, .p-top__company, .p-top__detail{
margin: 24px;
}
.popup-content .p-top__pref,.popup-content .p-top__city{
height: auto;
margin: 0 24px 24px;
border-bottom: 1px solid #E6E6E6;
padding-bottom: 12px;
}
.popup-content .p-top__pref:first-child,.popup-content .p-top__city:first-child{
height: auto;
margin: 0 24px 24px;
}
.popup-content .p-top__pref:last-child,.popup-content .p-top__city:last-child{
height: auto;
margin: 0 24px;
border-bottom: 0;
padding-bottom: 0;
}
.p-top__pref-wrap .p-top__pref-item,.p-top__city-wrap .p-top__city-item{
margin-right: 12px;
padding: 12px 11px;
font-weight: 400;
color: #1754A5;
border-radius: 4px;
background-color: #EAF7FB;
display: inline;
}
.p-top__pref-box{
margin: 12px 0;
}
.p-top__pref-box:last-child{
margin-bottom: 0;	
}
.p-top__job dd{
width: 219px;
margin-left: 12px;
padding: 12px 6px 12px 35px;
font-weight: 400;
color: #1754A5;
border-radius: 4px;
background-color: #EAF7FB;
/*text-align: center;*/
box-sizing: border-box;
display: inline-block;
}
.p-top__job dd:first-child{
margin-left: 0px;
}
.p-top__conditions dd{
width: 216px;
margin-left: 12px;
padding: 12px 8px;
font-weight: 400;
color: #333;
border-radius: 4px;
background-color: #EAF7FB;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
}
.p-top__conditions span:first-child dd{
margin-left: 0px;
}
.gray, .gray a{
color: #CCC !important;
}
.p-top__banner-wrap a{
width: 470px;
height: 180px;
}
.p-top__banner-wrap a:first-child{
margin-right: 40px;	
}
/*こだわり条件*/
.p-top__conditions-menu button, #itemList li{
width: 156.67px;
height: 38px;
padding: 12px 0px 12px 0px;

border-radius: 4px 4px 0px 0px;
border: 1px 1px 0px 1px;
text-align: center;
background-color: #DFE7EB;
margin-left: 10px;
cursor: pointer;
}
.p-top__conditions-menu button:first-child, #itemList li:first-child{
margin-left: 0px;	
}
.p-top__conditions-menu .active-button, #itemList .active{
background-color: #FFF;
}
.tab-content,.dnc {
display: none;
}
.active-tab {
display: block;
}
.badge {
display: inline-block;
background-color: #f9941c;
color: white;
border-radius: 50%;
padding: 2px 0;
margin-left: 5px;
font-size: 1.0rem;
width: 16px;
height: 16px;
text-align: center;
}
.popup-content .badge{
padding: 1px 0;	
}
#linkContainer{
	position: relative;
}
.fav_badge {
display: inline-block;
background-color: #f9941c;
color: white !important;
border-radius: 50%;
padding: 1px 0;
margin-left: 5px;
font-size: 1.0rem;
width: 16px;
height: 16px;
text-align: center;
top: -2px;
right: 16px;
position: absolute;
}
.p-top__conditions input[type="checkbox"], .checkbox input[type="checkbox"]{
position: relative;
width: 16px;
height: 16px;
border: 0;
margin-right: 5px;
border: 1px solid #1754A5;
background-color: #FFF;
vertical-align: -3px;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.p-top__conditions input[type="checkbox"]:disabled, .checkbox input[type="checkbox"]:disabled{
border: 1px solid #CCC;
}
.p-top__conditions input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked{
background-color: #1754A5;
}
.p-top__conditions input[type="checkbox"]:checked:before, .checkbox input[type="checkbox"]:checked:before {
position: absolute;
top: 1px;
left: 5px;
transform: rotate(50deg);
width: 6px;
height: 12px;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
content: '';
}
.checkbox input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #1754A5;
  background-color: #FFF;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.checkbox input[type="radio"]:disabled{
  border: 1px solid #CCC;	
}
.checkbox input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #1754A5;
  content: '';
}
.p-top__conditions-foot #conditions_btn, .p-top__form-wrap center a span{
width: 320px;
margin: auto;
padding: 16px 0px 16px 0px;
border-radius: 4px;
background: #1754A5;
font-size: 1.6rem;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.05em;
text-align: center;
color: #FFF !important;
display: block;
cursor: pointer;
}
/*新着求人*/
.p-top__new a{

}
.p-top__new li::before {
content: url(../images/ellipse.svg);
vertical-align: middle;
padding-right: 10px;
}
.p-top__new li{
margin-bottom: 12px;
}
.p-top__new li:last-child{
margin-bottom: 0px;	
}
/*掲載企業*/
.p-top__company a{
width:  215px;
height: 80px;
border: 1px solid #E6E6E6;
border-radius: 4px;
margin-right: 12px;
margin-bottom: 24px;
padding: 10px 15px;
box-sizing: border-box;
float: left;
text-align: center;
}
.p-top__company a:nth-of-type(4n){ 
margin-right: 0px;
}
/*おすすめ求人*/
#slider__recommend-wrapper {
position: relative;
margin: 0 auto;
width: 800px; /* スライダー全体の幅 */
}
#slider__recommend-container {
overflow: hidden;
position: relative;
}
#container__recommend {
display: flex;
transition: transform 0.3s ease;
}
#container__recommend .item {
flex: 0 0 auto;
width: 252px !important; /* 項目の幅 */
height: 396px; /* 項目の高さ */
background-color: white;
margin-right: 20px; /* 項目の間隔 */
border: 1px solid #E6E6E6;
box-sizing: border-box;
position: relative;
border-radius: 4px;
}
#container__recommend .image{
width: 252px;
height: 164px;
margin: 0 auto;
text-align: center;
}
#container__recommend .image img{
height: 100%;
/*width: auto !important;*/
border-radius: 4px 4px 0 0;
}
#container__recommend .title{
height: 90px;
}
.sub-area, .sub-salary, .sub-com{
font-size: 1.2rem;
font-weight: 400;
line-height: 12px;
padding: 1px 16px 1px 32px;
color: #333;
}
.sub-com{
margin-bottom: 8px;
background-image: url(../images/ic_com.svg);
background-repeat: no-repeat;
background-position: 16px 0;
background-size: 14px;
}
.sub-area{
margin-bottom: 8px;
background-image: url(../images/ic_map.svg);
background-repeat: no-repeat;
background-position: 16px;
}
.sub-salary{
margin-bottom: 8px;
background-image: url(../images/ic_yen.svg);
background-repeat: no-repeat;
background-position: 16px;
}
.detail .sub-area, .detail .sub-salary{
font-size: 1.2rem;
font-weight: 400;
line-height: 12px;
padding: 1px 16px 1px 16px;
color: #333;
float: left;
}
.detail .sub-area{
margin-bottom: 8px;
background-image: url(../images/ic_map.svg);
background-repeat: no-repeat;
background-position: 0px;
}
.detail .sub-salary{
margin-bottom: 8px;
background-image: url(../images/ic_yen.svg);
background-repeat: no-repeat;
background-position: 0px;
}
#container__recommend button{
width: 220px;
margin: 0 16px 16px;
padding: 13px 0 11px 8px;
position: absolute;
border-radius: 4px;
text-align: center;
color: #1754A5;
border: 1px solid #1754A5;
bottom: 0;
background-color: #FFF;
background-image: url(../images/ic_fav_off.svg);
background-repeat: no-repeat;
background-position: 30px;
cursor: pointer;
}
#container__recommend .grayed-out{
width: 220px;
margin: 0 16px 16px;
padding: 13px 0 11px 8px;
position: absolute;
border-radius: 4px;
text-align: center;
color: #1754A5;
border: 1px solid #F5F5F5;
bottom: 0;
background-color: #F5F5F5;
background-image: url(../images/ic_fav_on.svg);
background-repeat: no-repeat;
background-position: 16px;
cursor: pointer;
}
.item img{
    width: 100%;
    border-radius: 4px 4px 0 0;
    object-fit: cover;
}
#container__interview .item img{
    height: 167px;
}
a .title{
font-weight: 700;
line-height: 22px;
padding: 16px;
color: #333;
}
.column a .title{
height: 100px;
padding: 16px;		
}
.column #container__column a .title{
padding: 16px;		
}
.column a .text .text{
padding: 0 16px 16px;
color: #333;
} 
#container__column a .jobs, #container__columnrank a .jobs{
padding: 0 16px;		
}
.column a .text .modified{
padding: 0 16px;
font-size: 1.2rem;
text-align: right;
color: #999;
} 
a .date{
position: absolute;
padding: 8px;
font-size: 1.2rem;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.05em;
color: #333;
bottom: 0;
right: 0;
}
.arrow-container {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
margin: 0 -20px;
}
#left-arrow__recommend {
left: -40px; /* スライダーの左側からの距離 */
}
#right-arrow__recommend {
right: -40px; /* スライダーの右側からの距離 */
}
/*コラム*/
#slider__column-wrapper,#slider__columnrank-wrapper {
position: relative;
margin: 0 auto;
width: 800px; /* スライダー全体の幅 */
}
#slider__column-container,#slider__columnrank-container {
overflow: hidden;
position: relative;
}
#container__column,#container__columnrank {
display: flex;
transition: transform 0.3s ease;
counter-reset: rank;
}
#container__column .item,#container__columnrank .item {
flex: 0 0 auto;
width: 252px !important; /* 項目の幅 */
height: 239px; /* 項目の高さ */
background-color: white;
margin-right: 20px; /* 項目の間隔 */
border: 1px solid #E6E6E6;
box-sizing: border-box;
position: relative;
border-radius: 4px;
}
#left-arrow__column {
left: -40px; /* スライダーの左側からの距離 */
}
#right-arrow__column {
right: -40px; /* スライダーの右側からの距離 */
}
/*インタビュー*/
#slider__interview-wrapper {
position: relative;
margin: 0 auto;
width: 800px; /* スライダー全体の幅 */
}
#slider__interview-container {
overflow: hidden;
position: relative;
}
#container__interview {
display: flex;
transition: transform 0.3s ease;
}
#container__interview .item {
flex: 0 0 auto;
width: 252px !important; /* 項目の幅 */
height: 284px; /* 項目の高さ */
background-color: white;
margin-right: 20px; /* 項目の間隔 */
border: 1px solid #E6E6E6;
box-sizing: border-box;
position: relative;
border-radius: 4px;
}
#left-arrow__interview {
left: -40px; /* スライダーの左側からの距離 */
}
#right-arrow__interview {
right: -40px; /* スライダーの右側からの距離 */
}
/*利用者様の声*/
.p-top__voice,.p-top__voice2{
	margin: 24px 16px;
}
.p-top__voice-wrap a{
    height: 46px;
    margin: 16px;
    display: block;
}
.p-top__voice2-wrap a{
    width: 406px;
    height: 46px;
    margin: 16px auto;
    display: block;
}
.p-top__voice-sex{
	width: 60px;
	height: 153px;
	align-items: center;
	display: flex;
	margin-right: 10px;
}
.p-top__voice2-sex{
	width: 60px;
	height: 90px;
	align-items: center;
	display: flex;
	margin-right: 10px;
}
.p-top__voice-sex img,.p-top__voice2-sex img{
	width: 100%;
}
.p-top__voice-arrow{
	height: 153px;
	align-items: center;
	display: flex;	
}
.p-top__voice2-arrow{
	height: 90px;
	align-items: center;
	display: flex;	
}
.p-top__voice-item{
	width: 322px;
	padding: 16px;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #EAF7FB;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 19px;
	text-align: justified;
}
.p-top__voice2-item{
	width: 830px;
	padding: 16px;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #EAF7FB;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 19px;
	text-align: justified;
}
.p-top__voice-item span{
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	display: block;
}
.p-top__voice2-item span{
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 22px;
	text-align: left;
	display: block;
}
/**/
.p-top__advisor-title{
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
}
.p-top__advisor-border{
	text-align: center;
	padding: 20px;
}
.p-top__advisor-text{
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 22px;
}

.p-top__special a{
	width: 212px;
	height: 83px;
    margin-left: 12px;
    padding: 12px 16px;
    font-weight: 400;
    color: #1754A5;
    border-radius: 4px;
    background-color: #EAF7FB;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
}
.p-top__special a:first-child{
    margin-left: 0px;
}
.button__sp01{
	background-image: url("../images/button_sp01.svg");
	background-repeat: no-repeat;
}
.button__sp02{
	background-image: url("../images/button_sp02.svg");
	background-repeat: no-repeat;
}
.button__sp03{
	background-image: url("../images/button_sp03.svg");
	background-repeat: no-repeat;
}
.button__sp04{
	background-image: url("../images/button_sp04.svg");
	background-repeat: no-repeat;
}
.button__sp05{
	background-image: url("../images/button_sp05.svg");
	background-repeat: no-repeat;
}
.button__sp06{
	background-image: url("../images/button_sp06.svg");
	background-repeat: no-repeat;
}
.button__sp07{
	background-image: url("../images/button_sp07.svg");
	background-repeat: no-repeat;
}
.button__sp09{
	background-image: url("../images/button_sp09.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.button__sp10{
	background-image: url("../images/button_sp10.png");
	background-repeat: no-repeat;
	background-size: cover;
}
/*フッター*/
.l-footer__link{
	margin: 0 56px 24px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #333333;
}
.l-footer__link a{
	margin: 0 20px;
	color: #333333;
}
.l-footer__copy{
	font-size: 1.0rem;
	font-weight: 400;
	color: #999999;
	text-align: center;
}
.breadcrumbs__container{
	width: 980px;
    margin: 109.67px auto 0;
    padding: 20px 0;
}
/*
.result .breadcrumbs__container, .about .breadcrumbs__container{
	width: 980px;
    margin: 109.67px auto 0;
    padding: 20px 0;
}
*/
.breadcrumbs{display:flex;flex-wrap:wrap}
.breadcrumbs__item{list-style:none;position:relative;line-height:1;font-size:1.2rem;margin:5px 0}
.breadcrumbs__item:not(:last-child){margin:5px 40px 5px 0}
.breadcrumbs__item:not(:last-child)::before{content:"＞";color:#999;display:block;width:20px;text-align:center;position:absolute;right:-30px;font-size:1rem;line-height:1.2rem}
.breadcrumbs__item a{text-decoration:none;color:#333}
.breadcrumbs__item span{color:#999}
.jobs-to-applicants{
	height: 20px;
	margin-bottom: 30px;
}
.jobs-to-applicants__num{
width: 80%;
float: left;
font-weight: 700;
}
.jobs-to-applicants__total{
font-size: 2.0rem;
font-weight: 700;
line-height: 2.0rem;
color: #f9941c;
}
.jobs-to-applicants__update{
font-size: 1.2rem;
font-weight: 400;
line-height: 1.2rem;
color: #999999;	
}
.jobs-to-applicants__order{
width: 20%;
float: right;
text-align: right;
}
.jobs-to-applicants__order img{
	margin: 0 20px;
    vertical-align: middle;
}
.jobs-to-applicants__order .active{
font-weight: 700;
color: #1754A5;
}

#container__opportunities .item{
width: 980px;
margin-bottom: 32px;
border-radius: 8px;
box-sizing: border-box;
background-color: #FFF;
display: block;
color: #333;
}
#container__opportunities .item .header{
	padding: 32px;
	border-bottom: 1px solid #E6E6E6;
}
#container__opportunities .item .content{
	padding: 24px 12px 24px 12px;
	border-bottom: 1px solid #E6E6E6;
}
.details #container__opportunities .item .content .content{
	padding: 24px 20px 24px 20px;
	border-bottom: 1px solid #E6E6E6;
}
.column #container__opportunities .column_item{
	background-color: transparent;
}
.column #container__opportunities .item .content{
	padding: 24px 12px 24px 24px;
	border-bottom: 1px solid #E6E6E6;
}
.company #container__opportunities .item .content{
    width: 100%;
    padding: 24px 12px 24px 32px;
    border-bottom: 0;
    box-sizing: border-box;
}
#container__opportunities .item .footer,.details #container__opportunities .item .navi{
	padding: 32px;
}
.details #container__opportunities .item .logo{
	padding: 20px 0;
}
.details #container__opportunities .item .button{
	padding: 32px 0 0 0;
}
.details #container__opportunities .item .button_foot{
	padding: 32px 0 0 0;
}
#container__opportunities .item .content table{
    width: 624px;
    border-spacing: 20px 8px;
    margin-right: 12px;
}
.result #container__opportunities .item .content table th,.special #container__opportunities .item .content table th,.job_interviews #container__opportunities .item .content table th {
	width: 50px;
	text-align-last: justify;
	vertical-align: top;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.9rem;
}
#container__opportunities .item .content table td{
	vertical-align: top;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.9rem;
}

#container__opportunities .item .content .image{
	width: 300px;
	min-width: 300px;
	margin-right: 20px;
}

#container__opportunities .item .head{
	height: 29px;
	margin-bottom: 20px;
}
.company #container__opportunities .item .head{
	height: 29px;
	margin-bottom: 0px;
}
#container__opportunities .item .head .head_left{
	float: left;
}
#container__opportunities .item .head .head_right{
	font-size: 1.2rem;
	float: right;
}
#container__opportunities .item .new{
	margin-right: 8px;
    padding: 7px 8px 6px 8px;
    border-radius: 4px;
    color: #f9941c;
    border: 1px solid #f9941c;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4rem;
    letter-spacing: 0.05em;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
}
#container__opportunities .item .job{
    padding: 7px 8px 6px 8px;
    border-radius: 4px;
    color: #FFF;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4rem;
    letter-spacing: 0.05em;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
}
a .job{
    padding: 7px 8px 6px 8px;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4rem;
    letter-spacing: 0.05em;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
}
#container__opportunities .item .title{
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 3.0rem;
	letter-spacing: 0.05em;
	text-align: left;
}
#container__opportunities .item .facility{
	width: 916px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 3.0rem;
	letter-spacing: 0.05em;
	text-align: left;
}

#container__opportunities .button button{
width: 294.67px;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6rem;
margin: 0 16px 0 0;
padding: 16px 0px 16px 0px;
border-radius: 4px;
text-align: center;
color: #1754A5;
border: 1px solid #1754A5;
bottom: 0;
background-color: #FFF;
background-image: url(../images/ic_fav_off.svg);
background-repeat: no-repeat;
background-position: 55px;
cursor: pointer;
}
.details #container__opportunities .button button{
width: 460px;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6rem;
margin: 0 16px 0 0;
padding: 16px 0px 16px 0px;
border-radius: 4px;
text-align: center;
color: #1754A5;
border: 1px solid #1754A5;
bottom: 0;
background-color: #FFF;
background-image: url(../images/ic_fav_off.svg);
background-repeat: no-repeat;
background-position: 132px;
cursor: pointer;
}
#container__opportunities .button button.grayed-out{
text-align: center;
color: #1754A5;
border: 1px solid #F5F5F5;
bottom: 0;
background-color: #F5F5F5;
background-image: url(../images/ic_fav_on.svg);
background-repeat: no-repeat;
background-position: 36px;
cursor: pointer;
}
#container__opportunities .entry_btn{
width: 294.67px;
display: block;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6rem;
margin: 0 16px 0 0;
padding: 16px 0px 16px 0px;
border-radius: 4px;
text-align: center;
color: #FFF;
border: 1px solid #f9941c;
background-color: #f9941c;
cursor: pointer;
}
#container__opportunities .details_btn{
width: 294.67px;
display: block;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6rem;
margin: 0;
padding: 16px 0px 16px 0px;
border-radius: 4px;
text-align: center;
color: #FFF;
border: 1px solid #1754A5;
background-color: #1754A5;
cursor: pointer;
}
.company #container__opportunities .details_btn{
width: 294.67px;
display: block;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6rem;
margin: 0 auto;
padding: 16px 0px 16px 0px;
border-radius: 4px;
text-align: center;
color: #FFF;
border: 1px solid #1754A5;
background-color: #1754A5;
cursor: pointer;
}

.details #container__opportunities .button button.grayed-out {
text-align: center;
color: #1754A5;
border: 1px solid #F5F5F5;
bottom: 0;
background-color: #F5F5F5;
background-image: url(../images/ic_fav_on.svg);
background-repeat: no-repeat;
background-position: 118px;
cursor: pointer;
}
.details #container__opportunities .entry_btn{
width: 460px;
display: block;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6rem;
margin: 0;
padding: 16px 0px 16px 0px;
border-radius: 4px;
text-align: center;
color: #FFF;
border: 1px solid #f9941c;
background-color: #f9941c;
cursor: pointer;
}
.details #container__opportunities .item .content table{
    width: 916px;
    margin: 0 auto 16px;
	border-collapse:collapse;
}

.company #container__opportunities .item .content table{
    width: 916px;
    margin: 0 0 16px;
	border-collapse:collapse;
}
.details #container__opportunities .item .content tr,.company #container__opportunities .item .content tr{
    width: 100%;
	border-top: 1px dashed #CCC;
}
.details #container__opportunities .item .content tr:last-child,.company #container__opportunities .item .content tr:last-child{
	border-bottom: 1px dashed #CCC;
}
.details #container__opportunities .item .content table th,.company #container__opportunities .item .content table th{
	width: 158px;
	text-align: left;
	vertical-align: top;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2.24rem;
	padding: 20px 15px;
	box-sizing: border-box;
}
.details #container__opportunities .item .content table td,.company #container__opportunities .item .content table td{
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2.24rem;
	letter-spacing: 0.05em;
	text-align: left;
	padding: 20px 15px;
	box-sizing: border-box;
}
.features .tab{
font-size: 1.2rem;
font-weight: 400;
line-height: 1.2rem;
display: inline-block;
padding: 6px 8px 7px 8px;
border-radius: 4px;
background-color: #EAF7FB;
color: #1754A5;
margin: 6px 0 0 6px;
}
.features .tab.employment{
font-size: 1.2rem;
font-weight: 400;
line-height: 1.2rem;
display: inline-block;
padding: 6px 8px 7px 8px;
border-radius: 4px;
background-color: #1754A5;
color: #FFFFFF;
margin: 6px 0 0 0;
}
.searchbox{
	margin: 0 auto;
	padding: 0;
}
.p-categoriesList__pagination {
    margin: 30px 0 0;
    display: flex;
    justify-content: center;
}
.c-pagination {
    display: flex;
    align-items: center;
}
.c-pagination li{
	margin-right: 40px;
}
.c-pagination__item a{
font-size: 1.4rem;
font-weight: 400;
line-height: 1.4rem;
color: #999;
}
.c-pagination__item span, .next a, .prev a{
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4rem;
color: #1754A5;
}
.prev a::before{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 12px;/*画像の幅*/
  height: 12px;/*画像の高さ*/
  background-image: url(../images/page_arrow_prev.png);
  background-size: contain;
  vertical-align: middle;
}
.next a::after{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 12px;/*画像の幅*/
  height: 12px;/*画像の高さ*/
  background-image: url(../images/page_arrow_next.png);
  background-size: contain;
  vertical-align: middle;
}
#head{
	top: 0px;
    /*transition: bottom 0.3s;*/	
}
#follow{
	bottom: -70px;
    transition: bottom 0.3s;
}
#follow_about{
	bottom: -90px;
    transition: bottom 0.3s;
}
.follow {
	width: 100%;
	height: 70px;
	background-color: #1754A5;
	position: fixed;
	bottom: 0;
	z-index: 500;
}
.follow_about {
	width: 100%;
	height: 90px;
	background-color: #FFF;
	position: fixed;
	bottom: 0;
}
.follow__container{
	width: 980px;
	margin: 0 auto;
	padding: 12px 0px;
	display: flex;
}

.follow__num{
	width: 240px;
	margin: 13px 260px 0 0;
	color: #FFF;
}
.career_btn{
	color: #FFF;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4rem;
	text-align: center;
	padding: 16px 0;
	margin: 0 40px 0 0;
}
.career_btn span{
	color: #FFF!important;
	padding-right: 8px;
}
.career_btn span::after{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 12px;/*画像の幅*/
  height: 12px;/*画像の高さ*/
  background-image: url(../images/arrow_white.svg);
  background-size: contain;
  vertical-align: middle;
}
a.search_btn{
	width: 209px;
	height: 46px;
	padding: 16px 0 0 0;
	border-radius: 4px;
	color: #1754A5;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4rem;
	background-color: #FFF;
	text-align: center;
}
.details .logo .image{
	width: 200px;
}
.details .logo .text{
	width: 696px;
}
.image-container {
	width: 916px;
	overflow: hidden;
	position: relative;
}
.image-container-inner {
	display: flex;
	transition: transform 0.5s ease;
}
.image-container img {
	width: 292px;
	margin-right: 20px;
}

.details .text{
margin: 16px 0 16px 10px;
}

.sub_title, .articles_head01,.interview .content h2,.job .content h2 {
font-size: 2.0rem;
font-weight: 700;
line-height: 2.0rem;
letter-spacing: 0.05em;
text-align: left;
padding: 20px 0px;
}
.sub_title::before, .articles_head01::before,.interview .content h2::before,.job .content h2::before {
width: 6px;
height: 28px;
border-left: 6px solid #f9941c;
margin-right: 8px;
content: '';
}
.detail_nav {
    padding: 0 16px;
}
.detail_nav a{
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4rem;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 4px;
}
.detail_nav a img{
	width: 12px;
	margin: 4px;
}
.nav01{
	width: 158px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
.nav02{
	width: 181px;
	border-right: 1px solid #e6e6e6;
}
.nav03,.nav04{
	width: 158px;
	border-right: 1px solid #e6e6e6;
}
.nav05{
	width: 260px;
	border-right: 1px solid #e6e6e6;
}
.nav00{
	width: 240px;
}
.career_advisor{
	width: 916px;
	margin: 0 auto;
}
.career_advisor .img{
    width: 120px;
    text-align: center;
}
.career_advisor .text{
    width: 790px;
}
.google_map{
	position:relative;
	width:916px;
	height:0;
	padding-top:40%;
	margin-bottom: 20px;
}
.google_map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.search_title{
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 20px;
}
.search_select div{
	margin-right: 20px;
}
.search_select select{
	width: 217px;
	padding: 1.6rem;
	color: #1754A5;
	appearance: none; /* ① */
	-webkit-appearance: none;
	-moz-appearance: none;
	gap: 0px;
	border-radius: 4px;
	border: 1px solid #1754A5;
	justify: space-between;
	opacity: 0px;
	cursor: pointer; /* ② ここまで */
	background-image: url(../images/arrow_blue.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.search_select a{
	width: 217px;
	padding: 1.6rem;
	margin-right: 20px;
	color: #1754A5;
	appearance: none; /* ① */
	-webkit-appearance: none;
	-moz-appearance: none;
	gap: 0px;
	border-radius: 4px;
	border: 1px solid #1754A5;
	justify: space-between;
	opacity: 0px;
	cursor: pointer; /* ② ここまで */
	background-image: url(../images/arrow_blue.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.column .search_select a{
	width: 180px;
	text-align: center;
	padding: 1.4rem;
	margin-right: 20px;
	color: #1754A5;
	appearance: none; /* ① */
	-webkit-appearance: none;
	-moz-appearance: none;
	gap: 0px;
	border-radius: 4px;
	border: 1px solid #1754A5;
	justify: space-between;
	opacity: 0px;
	cursor: pointer; /* ② ここまで */
	background-image: none;
	background-color: #FFF;
}
.column .search_select a:last-child{
	margin-right: 0px;	
}
.column .search_select a.active{
	color: #FFF;
	background-color: #1754A5;
}
.rank .item::before {
    counter-increment: rank;
    content: counter(rank);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    line-height: 38px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    color: white;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}
.rank .item:nth-of-type(1)::before {
    background-color: #fac23e
}

.rank .item:nth-of-type(2)::before {
    background-color: #b8cfd9
}

.rank .item:nth-of-type(3)::before {
    background-color: #c3825d
}
.column .detail .image img{
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 4px 4px 0 0;
}
.column .detail .content img{
	margin-bottom: 20px;
}
.column .detail .content{
	padding:  40px 96px !important;
}

.column .detail .menu, .job .detail .menu{
	background: #F5FBFC;
	padding: 24px;
	margin-bottom: 20px;
}
.column .detail .articles_head01{
	padding: 40px 0 20px;
}
.column .detail .articles_head04{
	font-size: 1.8rem;
	font-weight: 700;
	padding: 20px 0;
}
.column .detail .content .border{
	border: 1px solid #f9941c;
	border-radius: 4px;
	padding: 20px;
	margin: 20px 0;
}
.borderTitle{
	border: 1px solid #CCC; 
	padding: 30px 10px 10px; 
	position: relative;
}
.borderText{
	border: 1px solid #CCC;
	padding: 10px; 
	display: inline-block; 
	position: absolute; 
	top: -25px; 
	background-color: #FFF;
}
.sns{
	width: 181px;
	margin: 16px auto;
	text-align: center;
	padding-bottom: 20px;
}
.twitter{
	width: 40px;
	float: left;
	margin-left: 45px;
}
.facebook{
	width: 40px;
	float: right;
	margin-right: 45px;
}
.sns .text{
	color: #4DBEE1;
}
.column #container__opportunities .item .content table{
	width: 100%;
    border-collapse:  collapse;   
}

.column #container__opportunities .item .content th {
	background: #999;
	color: #FFF;
    border: solid 1px #CCC;
	padding: 10px;
}

.column #container__opportunities .item .content td {
    border: solid 1px #CCC;
	padding: 10px;
	font-size: 1.4rem;
}

.column #container__opportunities .item .content center a{
	padding: 16px 40px 16px 40px;
	gap: 12px;
	border-radius: 4px;
	opacity: 0px;
	background: #1754A5;
	color: #FFF;
	display: block;
    width: 50%;
}
.job #container__opportunities .item .content center a{
	padding: 16px 40px 16px 40px;
	gap: 12px;
	border-radius: 4px;
	opacity: 0px;
	background: #1754A5;
	color: #FFF;
}
.speech_bubble{
	display: flex;
}
.speech_img{
	width: 95px;
}
.speech_img img{
	width: 100%;
}
.speech_box{
	width: 850px;
	min-height: 95px;
	background-color: #f9f7d2;
	padding: 10px 15px;
	border-radius: 5px;
	box-sizing: border-box;
}
.p-articleSupervision__title{
    background-color: #fff;
    color: #3776ab;
    padding: 6px;
}
.p-articleSupervision{
	border: 2px solid #3776ab;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.6;
	margin: 40px 0;
	padding: 10px 20px 20px;
}
.p-articleSupervision__inner {
    display: flex;
}
.p-articleSupervision__imgContents{
    height: 100px;
    margin-right: 20px;
    min-width: 100px;
    width: 100px;
}
.p-articleSupervision__imgContents img{
	border: none;
    max-width: 100%;
	max-height: 100%;
    vertical-align: bottom;
}
.p-articleSupervision__name {
    font-weight: 700;
}
.articles_point{
	color: #FF0000;
	font-weight: bold;
}
.articles_point_txt{
	font-weight: bold;
}
.p-top__point{
	width: 33.33%;
}
.p-top__point-wrap table{
	border-spacing:0;
}
.p-top__point-wrap td{
	width: 33.33%;
	padding: 10px;
	border-right: 1px #808080 dashed;
}
.p-top__point-wrap td:last-child{
	border: 0;
}
.p-top__point-wrap .point td, .p-top__point-wrap .title td{
	font-size: 1.8rem;
	text-align: center;
	font-weight: 700;
}
.p-top__point-wrap .text td{
	vertical-align:top;
}
.p-top__pointbox-wrap{
	color: #FFF;
	text-align: center;
	padding: 36px 32px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.p-top__pointbox-wrap::before {
    content: '';
    position: absolute;
	border-radius: 8px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.p-top__pointbox-wrap dd{
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 28px;
	position: relative;
    z-index: 200;
}
.p-top__pointbox-wrap.urgent dd{
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 0px;
	position: relative;
    z-index: 200;
}
.p-top__pointbox-wrap dt{
	position: relative;
    z-index: 200;	
}
.management{
	background-image: url(../images/management.jpg);
    background-position: top -120px left;
	height: 220px;
}
.taxihire{
    background-image: url(../images/taxihire.jpg);
    background-position: top -90px left;
}
.newlaunch{
	background-image: url("../images/newlaunch.jpg");
}
.iuturn{
	background-image: url("../images/iuturn.jpg");
}
.fieldtrip{
	background-image: url("../images/fieldtrip.jpg");
	background-position: top -40px left;
	height: 220px;
}
.nonighta {
    background-image: url(../images/nonighta.jpg);
    background-position: top -60px left;
    height: 200px;
}
.nonightb {
    background-image: url(../images/nonightb.jpg);
    background-position: top -140px left;
    height: 200px;
}
.urgent{
    background-image: url(../images/urgent.jpg);
    background-position: top -70px left;
}
.weekend{
	background-image: url("../images/weekend.jpg");
	background-position: top -300px left;
}
.interviews{
	background-image: url("../images/interviews.jpg");
	background-position: bottom;
}
.company_name{
	width: 100%;
	border-left: 6px solid #1754A5;
	padding: 2px 8px 0;
	font-family: Noto Sans JP;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6rem;
	letter-spacing: 0.05em;
	text-align: left;
}
.interview_list{
	margin: 20px 0 0;
}
.interview_list .left{
	width: 480px;
	height: 228px;
	margin-right: 0;
	background-color: #FFF;
	border-radius: 8px;
	float: left;
}
.interview_list .right{
	width: 480px;
	height: 228px;
	background-color: #FFF;
	border-radius: 8px;
	float: right;
}
.interview_list img{
	height: 100%;
	border-radius: 8px 0 0 8px;
	float: left;
}
.interview_list .text{
    width: 320px;
    height: 228px;
    float: right;
    padding: 24px;
    color: #333;
    position: relative;
    box-sizing: border-box;
}
.interview_list .title{
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.4rem;
	margin-bottom: 12px;
	padding: 0;
}
.interview_list .comnany_name{
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.4rem;
	margin-bottom: 12px;
	padding: 0;
}
.interview_list .category span{
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.4rem;
	display: inline-flex;
	padding: 7px 8px 8px 8px;
	margin-right: 10px;
	border-radius: 4px;
	background-color: #EAF7FB;
}
.interview_list .publication{
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2rem;
	bottom: 24px;
	right: 24px;
	position: absolute;
}
.interview_container .blue_button{
    width: 320px;
    margin: 40px auto;
    padding: 16px 0;
    border-radius: 4px;
    color: #FFF;
    background-color: #1754A5;
    display: block;
    text-align: center;
}
.interview .head{
	height: auto !important;
	border-radius: 8px 8px 0 0;
	padding: 40px 96px 40px 96px;
    color: #FFF;
    background-color: #1754A5;
	box-sizing: content-box;
}
.interview .head .publication{
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2rem;	
	text-align: right;
}
.interview .content, .job .content{
	width: 788px;
	margin: 32px auto 0;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.24rem;
	letter-spacing: 0.05em;
	text-align: justified;
}
.interview .content .title{
	font-size: 1.6rem !important;
	font-weight: 700 !important;
	line-height: 2.56rem !important;
	letter-spacing: 0.05em !important;
	text-align: justified;
}
.interview .content .prof{
	margin: 24px 0;
    background-color: #F5FBFC;
    padding: 24px 24px 4px 24px;
    gap: 24px;
    border-radius: 4px;
}
.interview .prof_left {
    width: 14%;
    float: left;
}
.interview .prof_right {
    width: 86%;
    float: left;
	padding: 5px 10px;
}
.interview .menu_title{
	background-color: #F5FBFC;
	padding: 24px 24px 0px 24px;
	border-radius: 4px 4px 0 0;
}
.interview .menu_box{
	margin-bottom: 24px;
	background-color: #F5FBFC;
	padding: 24px;
	border-radius: 0 0 4px 4px;
}
.interview .images {
    width: 38%;
    font-size: 12px;
    float: left;
    margin-right: 20px;
	color: #666;
	line-height: 150%;
}
.interview .images2 {
    width: 26%;
    font-size: 12px;
    float: left;
    margin-right: 20px;
	color: #666;
	line-height: 150%;
}
.interview .images3 {
    width: 75%;
    font-size: 12px;
    margin: 0 auto 20px;
	color: #666;
	line-height: 150%;
}
.interview .images4 {
    width: 100%;
    font-size: 12px;
    margin: 0 auto 40px;
	color: #666;
	line-height: 150%;
}
.question {
	display: block;
	font-weight: 700;
	margin: 20px 0 0;
}
.answer{
	color: #1e90ff;
	font-weight: 700;
}
.answer2{
	color: #9acd32;
	font-weight: 700;
}
.answer3{
	color: #2f5496;
	font-weight: 700;
}
.answer4{
	color: #c45911;
	font-weight: 700;
}
.agent_select{
	float: right;
	width: 200px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.4rem;
	letter-spacing: 0.05em;
	padding: 10px;
}
.item .user,.item .agent,.item .success{
	margin: 0 12px;
}
.item .user .img{
	width: 60px;
}
.item .user .prof{
	margin-top: 8px;
	font-weight: bold;
}
.item .user .prof_box{
	margin: 8px;	
}
.item .user .content2{
	margin: 12px 0;
}
.item .user .link{
	margin: 12px 0 24px;
	text-align: right;
}
.agent_content .link{
	margin: 12px 0 0;
	text-align: right;
}
.item .user .link, .agent_content .link{
    padding-right: 16px;
    background-image: url(../images/arrow_list.svg);
    background-position: right;
    background-repeat: no-repeat;
    font-weight: 700;
    color: #1754A5;
}
.item .agent .content3{
    width: 788px;
    padding: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #EAF7FB;
    font-weight: 400;
    line-height: 19px;
}
.item .agent .agent_image{
	width: 120px;
	margin-right: 12px;
	text-align: center;
}
.item .agent .agent_imgae img{
	margin-bottom: 12px;
}
.agent_list{
	padding: 0 10px;
}
.agent_list .agent_image{
	width: 160px;
	margin-right: 32px;
}
.agent_list .agent_content{
	width: 918px;	
}
.agent_list .agent_content .title{
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 29.7px;	
}
.agent_list .agent_content span{
	 font-weight: 700;
}
.agent_box{
	margin-top: 16px;
}
#special2025{
	background-image: url(../images/agent_bg.jpg);
	border-radius: 8px;
	background-size: cover;
}
.agent_bg{
	width: 980px;
	margin: 40px auto 0;
	background-image: url(../images/agent_bg.jpg);
	border-radius: 8px;
	background-size: cover;
}
.agent_bg_box{
	width: 980px;
	padding: 36px 32px 36px 32px;
	border-radius: 8px;
	color: #FFF;
	background-color:rgba(000,000,000,0.5);
	border-bottom: 1px solid #E6E6E6;
}
.agent_bg_box .title{
font-size: 2.8rem;
font-weight: 700;
line-height: 44.8px;
letter-spacing: 0.05em;
text-align: center;
}
.agent_bg_box .text{
margin-top: 12px;
font-size: 1.4rem;
font-weight: 500;
line-height: 25.2px;
letter-spacing: 0.05em;
}
.p-top__point-wrap dl, .p-top__service-wrap dl{
	width: 262px;
}
.p-top__point-wrap dl dt, .p-top__service-wrap dl dt{
	padding: 0 16px 16px;
}
.p-top__point-wrap dl img, .p-top__service-wrap dl img{
	width: 100%;
}
.p-top__point-wrap .point{
	width: 90px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
	border-radius: 100px;
	background-color: #f9941c;
	text-align: center;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: 900;
	line-height: 1.4rem;
}
.p-top__service-wrap dl .point{
	width: 90px;
	margin: 0 auto 8px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4rem;
	padding: 4px 12px;
	border-radius: 100px;
	background-color: #f9941c;
	text-align: center;
	color: #FFF;
}
.p-top__point-wrap dl .image,.p-top__success-wrap dl .image, .p-top__service-wrap dl .image{
	margin-bottom: 16px;
}
.p-top__point-wrap dl .title{
	height: 60px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	letter-spacing: 0.05em;
	text-align: center;
}
.p-top__success-wrap dl .title{
	height: 120px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	letter-spacing: 0.05em;
}
.p-top__success-wrap dd a{
	text-align: center;
	font-weight: 400;
    color: #1754A5;
	border: 1px solid #1754A5;
	display: block;
	border-radius: 4px;
	padding: 10px;
}
.p-top__point-wrap dl .title2{
	height: 60px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 20px 0;
}
.p-top__service-wrap dl .title{
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	letter-spacing: 0.05em;
	text-align: center;
}
.p-top__point-wrap .border,.p-top__about-wrap .border,.p-top__success-wrap .border,.p-top__service-wrap .border{
	width: 1px;
	margin: 0 32px;
	background-color: #E6E6E6;
}
.p-top__line-wrap .qr, .p-top__insta-wrap .qr{
	bottom:0;
}
.p-top__line-wrap .textbox, .p-top__insta-wrap .textbox{
	margin: 30px 0 0 40px;
}
.p-top__line-wrap .textbox dl, .p-top__insta-wrap .textbox dl{
font-size: 14px;
font-weight: 500;
line-height: 22.4px;
text-align: left;
color: #FFF;
margin: 16px 0 20px;
}
.p-top__information-wrap dl dl{
width: 528px;
color: #FFF;
font-size: 14px;
font-weight: 500;
line-height: 25.2px;
letter-spacing: 0.05em;
}
.p-top__information-wrap dl dt{
color: #FFF;
font-size: 28px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0.05em;
text-align: left;
margin-bottom: 20px;
}
.p-top__about-wrap dl dl{
	width: 262px;
}
.p-top__about-wrap dd{
	text-align: center;
}
.p-top__about-wrap dd.pie{
	width: 281.94px;
	margin: 20px auto;
	text-align: center;
}
.p-top__about-wrap dd.text{
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 22.4px;
	letter-spacing: 0.05em;
}
.p-top__about-wrap .textbox{
margin-top: 32px;
padding: 24px;
border-radius: 4px;	
font-size: 14px;
font-weight: 400;
line-height: 22.4px;
letter-spacing: 0.05em;
}
.p-top__about-wrap .textbox strong{
	color: #f9941c;
	font-size: 14px;
	font-weight: 400;
	line-height: 22.4px;
	letter-spacing: 0.05em;
}
.p-top__etc-wrap dl{
	width: 313.33px;
	margin-left: 20px;
}
.p-top__etc-wrap dl:first-child{
	width: 313.33px;
	margin-left: 0px;
}
.p-top__etc-wrap dl img{
	width: 100%;
	border-radius: 8px 8px 0 0;
}
.p-top__etc-wrap dt{
	padding: 16px;
	color: #333;
	background-color: #FFF;
	border-radius: 0 0 8px 8px;
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: 0.05em;
	text-align: left;
	background-image: url(../images/arrow_black.svg);
	background-repeat: no-repeat;
	background-position: top 16px right 16px;
}
.p-top__step-wrap dl dl:first-child{
	margin-right: 20px;
}
.p-top__step-wrap dl dl:last-child{
	margin: 4px;
}
.p-top__step-wrap dl dl dt{
	margin: 4px;
}
.p-top__form-wrap th{
	width: 320px;
	padding: 16px 16px 36px 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.05em;
	text-align: left;
}
.p-top__form-wrap td{
	width: 668px;
	padding-bottom: 20px;
}
.p-top__form-wrap td input[type=text],.p-top__form-wrap td input[type=tel],.p-top__form-wrap td input[type=email]{
	width: 100%;
	border: 1px solid #E6E6E6;
	padding: 16px;
	border-radius: 4px;
}
.p-top__form-wrap input[type=submit]{
	width: 320px;
	padding: 16px 40px 16px 40px;
	border: 0px;
	border-radius: 4px;
	opacity: 0px;
	background-color: #1754A5;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.05em;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}
.p-top__form-wrap input[type=submit]:disabled{
	background-color: #999;
	cursor: default;
}
.p-top__form-wrap td select{
	width: 30%;
	height: 49.33px;
	border: 1px solid #E6E6E6;
	padding: 16px;
	border-radius: 4px;
}
.p-top__form-wrap td textarea{
	width: 100%;
	height: 128px;
	border: 1px solid #E6E6E6;
	padding: 16px;
	font-size: 16px;
	border-radius: 4px;
}
.p-top__form-wrap textarea::placeholder, .p-top__form-wrap input::placeholder{
	color: #999;
}
.p-top__form-wrap .requireds{
	font-size: 12px;
	font-weight: 700;
	line-height: 12px;
	letter-spacing: 0.05em;
	padding: 1px 8px 2px 8px;
	border-radius: 100px;
	color: #FFF;
	background-color: #EF5350;
}
.agreements {
    padding: 10px;
    height: 120px;
    overflow: auto;
	background-color: #eee;
}
.p-top__recruiters-wrap .title{
	gap: 0px;
	opacity: 0px;
	font-size: 28px;
	font-weight: 700;
	line-height: 44.8px;
	letter-spacing: 0.05em;
	text-align: center;
}
.p-top__recruiters-wrap span{
	color: #f9941c;
}
.p-top__recruiters-wrap .example{
	margin-top: 16px;
}
.p-top__recruiters-wrap .example span{
    padding: 6px 8px 7px 8px;
    border-radius: 4px;
    color: #1754A5;
    background-color: #EAF7FB;
    display: inline-block;
    margin: 4px 2px;
    font-size: 1.2rem;
}
.strengthsbox{
	width: 448px;
	padding: 24px;
	gap: 12px;
	border-radius: 16px;
	opacity: 0px;
	background-color: #FFF;
}
.strengthsbox dt{
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #1754A5;
}
.strengthsbox dd{
	font-size: 14px;
	font-weight: 400;
	line-height: 22.4px;
	letter-spacing: 0.05em;
}
.p-top__price-wrap table{
	border: 1px solid #EEE;
}
.p-top__price-wrap th{
	padding: 12px 16px;
	background-color: #999;
	color: #FFF;
}
.p-top__price-wrap td{
	padding: 12px 16px;
	text-align: center;
	background-color: #FFF;
}
.follow1, .follow2, .follow3, .follow4, .follow5, .follow6{
	width: 281.33px;
	padding: 20px;
	border-radius: 4px;
	background-color: #FFF6E5;
	box-sizing: border-box;
	background-repeat: no-repeat;
	text-align: center;
}
.follow1, .follow2, .follow3{
	margin-bottom: 20px;
}
.follow1{
	background-image: url(../images/follow1.svg);
}
.follow2{
	background-image: url(../images/follow2.svg);
}
.follow3{
	background-image: url(../images/follow3.svg);
}
.follow4{
	background-image: url(../images/follow4.svg);
}
.follow5{
	background-image: url(../images/follow5.svg);
}
.follow6{
	background-image: url(../images/follow6.svg);
}
.p-top__follow-wrap dt{
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.05em;	
	margin-bottom: 12px;
}
.p-top__follow-wrap .arrow{
	margin: 32px 8px;
}
#posts-zip input{
	width: 30%;
}
#posts-pref{
	margin-bottom: 10px;
}
.hearingtime select {
	width: 20% !important;
}
.error-message{
	color: #FF0000;	
}
.interview_details .interview h2{
	font-size: 2.0rem;
    font-weight: 700;
    line-height: 3.2rem !important;
    letter-spacing: 0.05em;
    text-align: left;
    padding: 20px 0px;
	margin-left: 20px;
	position: relative;
}
.interview_details .interview h2::before{
	width: 6px;
    height: 28px;
    border-left: 6px solid #f9941c;
    margin-right: 8px;
    content: '';
	margin-left: -20px;
	position: absolute;
}
.interview_details .tit {
    font-size: 20px;
    margin-bottom: 20px;
    padding: 0 0 20px 5px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.interview_details .tit img {
    float: left;
    padding: 20px 10px 0 0;
    width: 60px;
}
.interview_details .tit .text {
    float: left;
    padding-top: 15px;
    line-height: 1.5;
}
.interview_details .images img,.interview_details .images2 img,.interview_details .images3 img,.interview_details .left img{
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}
.interview_details .left{
	float:left;
	width:30%;
	margin-right: 10px;
}
.interview_details .right{
	float:right;
	width:65%;
}
.interview_details .company_about{
	padding: 5px 10px 10px 10px;
	border-top:1px dashed #ccc;	
}

.interview_details .company_title, .interview_details .company_title2{
    padding: 5px 5px 4px;
    background: #4EA1D5;
    color: #fff;
    font-size: 14px;
    text-align: center;
	margin-bottom:10px; 
	display: table;
}

.interview_details .company_list{
	color: #4EA1D5; 
}

.interview_details .company_about th,
.interview_details .company_about td{
	padding: 5px 0;
}
.interview_details #container__opportunities .item .content table{
    width: 100%;
    border-spacing: 0;
    margin-right: 0;
}
.interview table img{
	border: 0px;
	padding: 0px;
	vertical-align: bottom;
}
.interview table .time{
    font-size: 18px;
    font-weight: bold;
    color: #3776ab;	
}

.interview table .dot{
	width: 30px;
	background-image: url("https://sousai-job.com/interview/line3.png");
}
.interview table .time{
	background-image: url("https://sousai-job.com/interview/line2.png");
}
.interview table .text01{
    font-size: 16px;
    text-align: right;
    padding: 10px 20px;
	white-space: nowrap;
	width: 300px;
}
.interview table .text02{
    font-size: 16px;
    padding: 10px 20px;
	white-space: nowrap;
}
.interview table .time_box01{
	width: 80px;
    color: #FFF;
    font-size: 18px;
    background-color: #3776ab;
    border-radius: 30px;
    padding: 5px 10px;
    text-align: center;
    float: right;
}
.interview table .time_box01g{
	width: 80px;
    color: #FFF;
    font-size: 18px;
    background-color: #999;
    border-radius: 30px;
    padding: 5px 10px;
    text-align: center;
    float: right;
}
.interview table .time_box02{
	width: 80px;
    color: #FFF;
    font-size: 18px;
    background-color: #3776ab;
    border-radius: 30px;
    padding: 5px 10px;
    text-align: center;
}
.interview table .time_box03{
	width: 160px;
    color: #FFF;
    font-size: 18px;
    background-color: #3776ab;
    border-radius: 30px;
    padding: 5px 10px;
    text-align: center;
    float: right;
}
.schedule_tit{
    font-size: 18px;
    color: #3776ab;
    margin: 20px 0 15px;
    padding: 5px 10px;
	font-weight: bold;
	border-left: 4px solid #3776ab;
}
.interview .modal__close {
    cursor: pointer;
    border: 1px solid #333;
    border-radius: 5px;
    padding: 10px;
    margin: 0 auto;
}

.schedule_btn01,.schedule_btn02,.schedule_btn03{
	width: 250px;
	text-align: center;
	float: left;
	background-color: #3776ab;
	padding: 8px;
	font-size: 11px;
	color: #FFF;
	cursor: pointer;
}	

.schedule_btn01,.schedule_btn02{
	margin-right: 7px;		
}

.modal__contents {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ccccccd9;
    overflow-y: scroll;
}
.modal__inner {
	width: 600px;
    margin: 30px auto 90px;
    padding: 20px 20px 40px 20px;
    background-color: #FFF;
}
.btn a {
    background: #1754A5;
    font-size: 16px;
    text-shadow: none;
    text-align: center;
    color: #fff !important;
    width: 40%;
    padding: 15px 0;
    margin: 15px auto 20px;
    display: block;
    opacity: 1.0;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.voice_more{
	width: auto !important;
    height: auto !important;
    display: inline-block !important;
    color: #1754A5;
    border-radius: 5px;
    margin: 0 !important;
    padding: 0;
    text-decoration: underline;
}
.detail .tel img{
    width: 16px;
    margin: 2px 4px 0 0;
}
.detail .jobtype img{
    width: 210px;
}
.google_map{
	width: 700px;
}
#container__column a .title, #container__columnrank a .title{
	height: 90px;
}
.p-top__area-item{
	display: inline-block;
	margin: 0 0 20px 20px;
}
.tab{
    background: #eeefc9;
    line-height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 4px 8px;
    border: 0;
    margin: 6px 3px 0 0;
    color: #444;
    font-size: 14px;
    font-weight: normal;
}

.tab2{
    color: #eeefc9;
    line-height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 4px 8px;
    border: 0;
    margin: 6px 3px 0 0;
    color: #444;
    font-size: 14px;
    font-weight: normal;
}
.success .content .title{
	margin: 0 12px;
}
.success .content .place{
	margin: 0 12px 12px;
}
.success .content strong{
	display: block;
}
.pie img{
	width: 100%;
}
.item_box{
	position: relative;
}
.jobs{
	height: 30px;
}
.jobs2{
	position: absolute;
	top:192px;
	left:360px;
}
.jobs2 a{
	color: #333;
	background-color: #eee;
	display: inline-block;
	border-radius: 3px;
	padding: 5px 10px;
	margin-right: 8px;
}

.p-top__multiplication-item{
	width: 170.2px;
	margin-right: 16px;
}
.p-top__multiplication-item:last-child{
	margin-right: 0;	
}
.p-top__multiplication-item li:first-child{
	font-weight: 700;
}
.p-top__multiplication-item li{
	padding: 16px 0;
	border-bottom: 1px dashed #E6E6E6;
}
.p-top__multiplication-item li:last-child{
	border-bottom: 0;
}
#special2025 dd{
	margin-bottom: 0px;
}
.success .image img{
	width: 262px;
}
.facility_name{
    width: 100%;
    display: block;
    color: #1754A5;
    text-align: right;
    padding: 0 31px 30px 15px;
    background-image: url(../images/arrow_list.svg);
    background-position: top 3px right 15px;
    background-repeat: no-repeat;
}
.bold02{
	font-size: 1.4rem;
	font-weight: 700;
}
.bold01{
	font-size: 1.6rem;
	font-weight: 700;
	color: rgb(55, 118, 171);
}
.bold01s{
	font-size: 1.4rem;
	font-weight: 700;
	color: rgb(55, 118, 171);
}
a.pref_btn:hover{
	text-decoration: underline;
}
#showButton{
	font-size: 1.2rem;	
    cursor: pointer;
}
.pref_showbtn{
	padding-left: 350px;
}
.column a .text,.column a .modified{
	color: #333;
}
.slick-dots{
	bottom: -25px !important;
}

.advisor #container__column .item{
	height: 400px;
}

.advisor #container__column a .title{
	height: auto;
}

.advisor #container__column a .text{
	color: #333;
	padding: 0 16px 16px;
}

.advisor #container__column a .btn{
	background-color: #1754A5;
    text-align: center;
    color: #fff !important;
    padding: 8px 0;
    margin: 16px auto 0px;
    display: block;
    border-radius: 5px;
}
.detail .logo .image img{
	width: 184px;
}
.p-top__company-wrap .slick-slide img {
    display: block;
    width: 184px;
}
.company_lists{
	width: 50%; 
	font-size: 1.2rem; 
	float: left;
}
.job_interviews #container__opportunities .item .content table{
    width: 624px;
    border-spacing: 20px 8px;
    margin-right: 12px;
}
.ic_director{
    background-image: url(../images/ic_director.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_animal{
    background-image: url(../images/ic_animal.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_bather{
    background-image: url(../images/ic_bather.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_sales{
    background-image: url(../images/ic_sales.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_btob{
    background-image: url(../images/ic_btob.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_marketing{
    background-image: url(../images/ic_marketing.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_officework{
    background-image: url(../images/ic_officework.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_callcenter{
    background-image: url(../images/ic_callcenter.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_embalmer{
    background-image: url(../images/ic_embalmer.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_flower{
    background-image: url(../images/ic_flower.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_ceremony{
    background-image: url(../images/ic_ceremony.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_driver{
    background-image: url(../images/ic_driver.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_relics{
    background-image: url(../images/ic_relics.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_oceanscatter{
    background-image: url(../images/ic_oceanscatter.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_advisor{
    background-image: url(../images/ic_advisors.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_temple{
    background-image: url(../images/ic_temple.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.ic_others{
    background-image: url(../images/ic_others.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-color: #FFF;
}
.interview .title a{
    color: #333 !important;	
	text-decoration: underline !important;
}
.p-top__step-wrap .flexbox img{
	width: 64px;
}
.p-top__point-wrap .text .title{
font-weight: 700;
font-size: 28px;
line-height: 140%;
letter-spacing: 5%;
vertical-align: middle;
padding: 8px 0 12px;
}
.p-top__point-wrap .text .textarea{
font-weight: 400;
font-size: 14px;
line-height: 170%;
letter-spacing: 5%;
vertical-align: middle;
}
.p-top__point-wrap .text .textarea span{
	color: #F9941C;
	font-weight: 700;
}
.point1 .textbox{
	margin-top: 12px;
}
.point3 .textbox{
	margin-top: 36px;
}
.p-top__about-wrap .flexbox dl{
	width: 478px;
	height: 600px;
	border-radius: 16px;
	padding-top: 32px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
	background-color: #FFF;
}
.p-top__about-wrap .flexbox .about1{
	margin-right: 24px;
}
.p-top__about-wrap .flexbox .about3{
	margin: 24px auto 0;
}
.p-top__about-wrap dt{
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 5%;
	text-align: center;
	vertical-align: middle;
}
.p-top__recruiters{
    width: 100%;
	padding: 60px 0;
    background-color: #1754A5;
	color: #FFF;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
}
.p-top__recruiters span{
	color: #FFEA00;
	font-size: 40px;
}
.p-top__about-wrap .textbox span{
	color: #F9941C;
	font-weight: 700;
}
.small{
	font-size: 11px;
}
.gray{
	font-size: 12px;
	color: #666;
	font-weight: normal !important;
}