@charset "utf-8";
/* CSS Document */

/* mv */
.contents_mv{background-image:url("../img/office/mv.jpg");}
.contents_mv::after{content:"OFFICE";}

/* about */
.about{background:url("/img/office/about_bg.jpg") center / cover no-repeat;margin:60px 60px 0;position:relative;}
.about_inner{max-width:1020px;padding:80px 20px 180px;margin:auto;}
.about .c-check_list + .con_h2{margin-top:80px;}

/* block */
.block{margin-top:80px;}

/* checkbox */
.checkbox input[type="checkbox"]{display:none;}
.checkbox input[type="checkbox"] + span{margin:8px 0;transition:.2s;display:block;position:relative;padding:7px 5px 5px 32px;cursor:pointer;line-height:1.4;font-size:1.8rem;font-weight:bold;}
.checkbox input[type="checkbox"]:checked + span::before {border-color: #004cc9;}
.checkbox input[type="checkbox"]:checked + span::after{transform:scale(1) rotate(-45deg);}
.checkbox input[type="checkbox"]:checked + span{font-weight:bold;}
.checkbox input[type="checkbox"]:checked + span::before {background: #004cc9;}
.checkbox span::before, .checkbox span::after{position:absolute;content:'';border-radius:2px;transition:all .15s ease;transition-property:transform, border-color;}
.checkbox span::before{left:0;top:7px;width:24px;height:24px;background:#ccc}
.checkbox span::after{top:12px;left:6px;width:13px;height:10px;transform:scale(1) rotate(-45deg);border-left:3px solid #fff;border-bottom:3px solid #fff}

.checkbox *,.checkbox *::before,.checkbox *::after{box-sizing:border-box;}
.checkbox.checkbox-inline{display:inline-block;margin-right:3em;}
.checkbox.checkbox-inline.checkbox-label{margin-right:1.5em;font-size: 1.8rem}
.checkbox.checkbox-inline input[type="checkbox"] + span{margin:3px 0;}

/* pager */
.pager{margin:60px auto auto}
.pager_num{display:flex;flex-wrap: wrap;justify-content:center;font-family:Poppins,sans-serif}
.pager_num>li{margin:0 5px 10px}
.pager_num>li.arrow>a{position:relative;display:block;width:52px;height:52px;background-color:#fff;border-radius:4px;border:solid 1px #ccc}
.pager_num>li.arrow>a:hover{background: #f6f6f6;}
.pager_num>li.arrow>a:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-top:2px solid #6e6e6e;border-right:2px solid #6e6e6e;transform:translate(-50%,-50%) rotate(-135deg)}
.pager_num>li.arrow-next>a:before {transform: translate(-50%, -50%) rotate(45deg);}
.pager_num>li.arrow.arrow-prev>a:before{margin-left:2px}
.pager_num>li.arrow.arrow-next>a:before{margin-left: -2px;}
.pager_num>li.page>a,.pager_num>li.page>span.current{display:flex;justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;border-radius:4px;font-weight:600;color:#6e6e6e;background-color:#f6f6f6}
.pager_num>li.page>a:hover{color:#004cc9;background-color: #e2edff;}
.pager_num>li.page>a{color:#1d1d1d;background-color:#f6f6f6}
.pager_num>li.page>span.current{color:#fff;background-color:#004cc9}


/* --------------------
 #office_block01
-------------------- */
#office_block01 .c-introduction ul > li .btnarea{width:300px;}

/* --------------------
 #office_block03
-------------------- */
#office_block03 .c-introduction ul > li .btnarea{width:480px;}

/* --------------------
 #office_list_header
-------------------- */
#office_list_header .desc,.pdf_search_result .desc {
    font-size: 1.8rem;
    line-height: 2.555;
    text-align: center;
}


/* --------------------
 .office_top_search
-------------------- */
.office_top_search{margin-top:70px}
.office_top_search .search{padding:30px;border:1px solid #cccccc;border-radius:6px;background:#fff;}
.office_top_search .search_select{display:flex;gap:10px;}
.office_top_search .search_select .select,.office_top_search .search_select .keywords{width:calc((100% - 20px) / 3);}
.office_top_search .search_select .keywords{position:relative;}
.office_top_search .search_select #search_input{width:100%;height:100%;padding:0 50px 0 10px;border:1px solid #ccc;border-radius:3px;font-family:"游ゴシック",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体","Yu Gothic","メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック",sans-serif;font-size:1.8rem}
.office_top_search .search_select #search_input:focus{outline:solid 2px #004cc9}
.office_top_search .search_select #search_btn{position:absolute;top:0;right:0;width:50px;height:100%;background:url(/img/recruit/icon_search.png) center center/auto auto no-repeat #004cc9;border-radius:0 3px 3px 0;border:none;cursor:pointer}
.office_top_search .search_multiple{border:1px solid #ccc;border-radius:3px;overflow:hidden;position:relative}
.office_top_search .search_multiple:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:#004cc9}
.office_top_search .search_multiple .multiple_content .block{margin-top:0;padding:30px;border-top:1px solid #ccc;}
.office_top_search .search_multiple .multiple_content > .block:first-of-type{border-top:none}
.office_top_search .search_multiple .multiple_content .block h4{margin-bottom:1rem;color:#004cc9;font-size:2.6rem;font-weight:700;}
.office_top_search .btnarea{margin-top:80px;text-align:center;}
.office_top_search .btnarea .btn button::after{right: 27px;width:20px;height:20px;margin-top:-10px;background:url(/img/recruit/icon_search_btn.png)left top / 100% auto no-repeat;}

.office_top_search .box{background:#fff;box-shadow:1px 1px 0 0 #ccc;padding:30px 20px 40px}
.office_top_search .box .ttl{font-size:2.8rem;line-height:1.2}
.office_top_search .area_list .box .ttl{border-bottom:solid 1px #ccc;padding-bottom:1rem;margin-bottom:2rem}
.office_top_search .area_list .box .ttl:before{content:"";width:25px;height:30px;display:inline-block;background-image:url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20424.16%20512%22%3E%3Cpath%20d%3D%22M362.05%2C62.12c-82.83-82.83-217.11-82.83-299.94%2C0-82.81%2C82.81-82.81%2C217.11%2C0%2C299.92l149.97%2C149.95%2C149.97-149.95c82.81-82.81%2C82.81-217.11%2C0-299.92Zm-149.97%2C231.08c-44.8%2C0-81.12-36.31-81.12-81.11s36.33-81.12%2C81.12-81.12%2C81.12%2C36.31%2C81.12%2C81.12-36.33%2C81.11-81.12%2C81.11Z%22%20style%3D%22fill%3A%23333%3B%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:bottom;background-size:100% auto;vertical-align:top;margin-right:.3em}
.office_top_search .box .area_btn{text-align:center}
.office_top_search .box .area_btn>li{line-height:1}
.office_top_search .box .area_btn>li+li{margin-top:10px}
.office_top_search .box .area_btn a{border-radius:6px;text-align:center;padding:15px 40px 15px 20px;line-height:1.5;color:#fff}
.office_top_search .box .area_btn a::before{width:20px;height:20px;top:50%;right:10px;margin-top:-10px}
.office_top_search .box .area_btn a::after{content:'';width:5px;height:5px;border-top:solid 2px #004cc9;border-right:solid 2px #004cc9;position:absolute;right:20px;top:50%;transform:rotate(45deg) translateY(-50%);background:0 0;margin-top:-1px}
.office_top_search .box .area_btn a:before{background:#fff}
.office_top_search .box .area_btn a:hover{background:0 0}
.office_top_search .box .area_btn .tama a{background-image:linear-gradient(#de4788,#bc3770);border-color:#bc3770}
.office_top_search .box .area_btn .tama a::after{border-color:#bc3770}
.office_top_search .box .area_btn .tama a:hover{background-image:linear-gradient(#bc3770,#bc3770)}
.office_top_search .box .area_btn .tama_west a{background-image:linear-gradient(#3789dd,#236cb6);border-color:#236cb6}
.office_top_search .box .area_btn .tama_west a::after{border-color:#236cb6}
.office_top_search .box .area_btn .tama_west a:hover{background-image:linear-gradient(#236cb6,#236cb6)}
.office_top_search .box .area_btn .wards_23 a{background-image:linear-gradient(#2d977e,#227b66);border-color:#227b66}
.office_top_search .box .area_btn .wards_23 a::after{border-color:#227b66}
.office_top_search .box .area_btn .wards_23 a:hover{background-image:linear-gradient(#227b66,#227b66)}
.office_top_search .area_list+.box{margin:30px auto 0;max-width:900px;/*border-radius:6px*/}

/* office_top_result */
.office_top_result{margin-top:90px;}
.office_top_result .result_list > li{width:100%;}
.office_top_result .result_list > li .inner .feature{gap:10px;}
.office_top_result .result_list > li .inner .feature > li span{vertical-align:middle;}
.office_top_result .pager{margin-top:50px;}


/* --------------------
 .pdf_list
-------------------- */
.pdf_search_result .ttl{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #ccc;}
.pdf_search_result .ttl h2{position:relative;padding-left:25px;font-size:3.6rem;font-weight:700;}
.pdf_search_result .ttl h2::before{content:"";position:absolute;left:0;top:50%;width:5px;height:40px;border-radius:2.5px;background-color:#004cc9;transform:translateY(-50%);}
.pdf_search_result .pdf_list ul{display:flex;flex-wrap:wrap;gap:20px;}
.pdf_search_result .pdf_list ul > li{width: calc((100% - 40px) / 3);}
.pdf_search_result .pdf_list ul > li a{position:relative;display:flex;align-items:center;height:100%;min-height:80px;padding:0 62px 0 30px;font-size:1.8rem;font-weight:700;letter-spacing:0.1em;line-height:1.3;border:1px solid #004cc9;border-radius:40px;}
.pdf_search_result .pdf_list ul > li a::after{content:"";position:absolute;top:50%;right:20px;width:32px;height:32px;background:url("../img/common/pdf.png")left top / 100% auto no-repeat;transform:translateY(-50%);}
.pdf_search_result .pdf_list ul > li a.no_file {cursor: inherit;border-color: #cccccc;}
.pdf_search_result .pdf_list ul > li a.no_file::after {content: none;}


@media (max-width: 1240px) {
	.about{margin:60px 5% 0;}

	#office_block01 .c-introduction ul > li .btnarea{width:45%;}
	#office_block03 .c-introduction ul > li .btnarea{width:45%;}

	.office_top_result .result_list > li{width:calc(50% - 20px);}
}
@media (max-width: 1100px) {
    .pdf_list ul > li{width: calc(50% - 10px);}
}
@media screen and (min-width: 1000px) {
	.office_top_search .area_list{display:flex}
	.office_top_search .area_list>*{flex:1}
	.office_top_search .area_list>*+*{margin-left:20px}
}
@media screen and (max-width: 999px) {
	.office_top_search .search_select{flex-wrap:wrap;}
	.office_top_search .search_select .select{width:calc(50% - 5px);}
	.office_top_search .search_select .keywords{width:100%;height:40px;}
	.office_top_search .area_list>*+* {margin-top: 20px;}
	.office_top_search .area_list+.box{margin-top:20px;padding: 24px 20px}
	.office_top_search .box .ttl{font-size:2rem}
	.office_top_search .area_list .box .ttl:before{width:20px;height:24px}
} 
@media screen and (max-width: 767px) {
	.about{margin-top:30px;}
	.about_inner{padding:40px 20px 90px;}
	.about .check_list + .con_h2{margin-top:40px;}

	.block{margin-top:40px;}
    
	.pager{margin:40px auto auto}
	.pager_num>li.arrow>a{width:36px;height:36px;}
	.pager_num>li.arrow>a:before{width:4px;height:4px;}
	.pager_num>li.page>a,.pager_num>li.page>span.current{width:36px;height:36px;font-size: 1.6rem;}

	#office_block01 .c-introduction ul > li .btnarea{width:100%;}
	#office_block03 .c-introduction ul > li .btnarea{width:100%;}
    
	.office_top_search .search{padding:15px;}
	.office_top_search .search_select .select{width:100%;}
	.office_top_search .search_multiple .multiple_content .block{padding:15px;}
	.office_top_search .search_multiple .multiple_content .block h4{margin-bottom:0.5em;font-size:2.2rem;}
	.office_top_search .btnarea{margin-top:40px;}
    
	.office_top_result{margin-top:45px;}
	.office_top_result .result_list > li{width:100%;}
	.office_top_result .result_list > li .inner .feature{gap:10px;}
	.office_top_result .result_list > li .inner .feature > li span{vertical-align:middle;}
	.office_top_result .pager{margin-top:50px;}
    
    .pdf_search_result .ttl{display:block;}
    .pdf_search_result .ttl h2{font-size:3rem;}
    .pdf_search_result .pdf_list ul > li{width:100%;}
    .pdf_search_result .pdf_list ul > li a{min-height:60px;font-size:1.6rem;}
}