@charset "utf-8";
/* Office */
@media (min-width: 768px){
    .office{padding-bottom: 160px;}
}

@media (max-width: 767px){
    .office{padding-bottom: 100px;}
}

/* Search */
.search{border: 1px solid #161616;}
.search h3{padding: 35px 0 30px; line-height: 1; text-align: center;}
.search-tit{font-size: 2rem; color: #fff; background: #1a3558; height: 65px; padding: 0 0 0 30px; display: flex; align-items: center; position: relative; font-weight: bold;}
.search-tit img{margin-right: 19px;}
/* .search-tit:after{content: ''; width: 0; height: 0; position: absolute; top: 0; right: -40px; border-top: 65px solid #1a3558; border-right: 40px solid transparent;} */

.search-box{display: flex; flex-wrap: wrap; padding: 0 40px; justify-content: space-between;}
.search-item{border: 1px solid #1a3558; background: #fff; width: 30%; /*margin-left: 2.5%;*/}
.search-inner{padding: 30px 30px 22px;}
.search-inner li{margin-bottom: 8px;}
.search-inner.col2{display: flex; flex-wrap: wrap;}
.search-inner.col2 li{ flex-basis: calc((100% - 24px)/4);}

.search-area{ flex-basis: 100%;}
.search-area .search-inner { padding: 0;}

.search-area .checkbox span{position: absolute; top: 10px; left: 10px; width: 18px; height: 18px; border: 1px solid #bdbdbd; background: #fff;}
.search-area .checkbox span:after{content: ''; position: absolute; top: 2px; left: 6px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0;
transform: rotate(45deg); -webkit-transform: rotate(45deg); display: none;}

.search-area .checkbox label{  padding: 15px 10px 15px 41px; font-size: 2rem; font-weight: bold;}
.search-area .checkbox label span{ top: 16px;}
.search-area .checkbox input:checked + label { background: #193558; color: white;}
.search-area .checkbox input:checked + label span { background: white;}
.search-area .checkbox input:checked + label span::after{ border: solid #193558; border-width: 0 2px 2px 0; display: block;}
.search-result-list { flex-basis: 100%; margin-top: 20px;}
.search-result-list .search-result-inner{ border: 1px solid #1a3558; padding: 15px 12px; margin-bottom: 40px;}
.search-result-list .all-select { margin-bottom: 10px;}
.search-result-list .all-select label { padding: 15px 10px 15px 41px;}
.search-result-list .all-select span{ top: 14px; left: 13px;}
.search-result-list .arrow{ text-align: center; margin-bottom: 10px; line-height: 1em;}
.search-result-list .m-tit2{ font-weight: normal; color: inherit;}
.search-result-list ul .checkbox label{ background: none; padding: 10px 10px 10px 26px;}
.search-result-list ul .checkbox span{ top: 10px; left: 0; width: 18px; height: 18px;}
/* .search-result-list .all-select{ background: #e8edf2; padding: 10px 10px 10px 36px; line-height: 1;} */
.search-result-list ul .checkbox a{ color: #1a3558; text-decoration: underline;}.search-result-list ul .office-hidden {display:none;}



.search-menseki{}
.search-kodawari{}
.search-kodawari .search-inner{ flex-wrap: wrap; display: flex;}
.search-kodawari .search-inner li{ flex-basis: calc((100% - 10px)/2);}

.search-result-inner .search-result-tgl-btn{ cursor: pointer; background-color: #161616; display: block; padding: 10px; position: relative; text-align: center; font-size: 1.6rem; color: white; margin-top: 10px;}
.search-result-inner .search-result-tgl-btn::after{ position: absolute; top: calc(50% - 3px); right: 15px; content: ''; width: 15px; height: 6px; background: url(../img/office/arrow_line.svg) no-repeat 50% / contain;}
.search-result-inner.open .search-result-tgl-btn::after{ transform: rotate(180deg);}
.search-result-inner .search-result-tgl-btn::before{ content: 'すべてを見る';}
.search-result-inner.open .search-result-tgl-btn::before{ content: '閉じる';}

.search-btn{max-width: 360px; width: calc(100% - 40px); margin: 40px auto;}
.search-btn a{color: #fff; font-size: 1.6rem; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 5px; transition: .4s;}
.search-btn a:before{content: ''; margin-right: 10px; display: inline-block;}

/* .search-btn .btn-search{background: #a59466; margin-bottom: 20px;}
.search-btn .btn-search:before{width: 20px; height: 20px; background: url("../img/common/ic_search.svg") no-repeat top left/100% 100%;}
.search-btn .btn-search:hover{background: #cab47a;} */

.search-btn .btn-map{background: #a59466; cursor: pointer;}
.search-btn .btn-map:before{width: 16px; height: 22px; background: url("../img/common/ic_map.svg") no-repeat top left/100% 100%;}
.search-btn .btn-map:hover{background: #cab47a;}

@media (max-width: 1199px){
    .search-item{width: calc(50% - 30px); /*margin-left: 20px;*/}
    /* .search-item:last-of-type{margin-top: 20px;} */
    .search-inner{padding: 20px 20px 12px;}
}

@media (min-width: 767px){
    .search-item{ flex-basis: calc((100% - 40px)/2);}
    .search-result-list ul{ display: flex; flex-wrap: wrap;}
    .search-result-list li{ flex-basis: calc((100% - 30px)/2);}
    .search-inner.col2 li:not(:nth-of-type(4n)){margin-right: 8px;}
    .search-kodawari .search-inner li:nth-of-type(even){ margin-left: 10px;}
    .search-kodawari .search-inner li label{ height: 100%;}
}

@media (max-width: 767px){
    .search h3 { padding: 25px 0;}
    .search-box{padding: 0 20px;}
    .search-item{width: 100%; margin: 0 0 10px;}
    .search-item:last-of-type{margin: 0;}
    .search-tit{font-size: 1.8rem;}
    .search-btn .btn-search{margin-bottom: 10px;}
    .search-inner.col2 li { flex-basis: calc((100% - 8px)/2);}
    .search-inner.col2 li:nth-of-type(even){margin-left: 8px;}
    .search-result-list ul .checkbox label{ line-height: 1.3em;}
    /*.search-result-inner:not(.open) ul li:nth-of-type(n+4){ display: none;}*/
    .search-area .checkbox label { padding: 12px 10px 12px 41px; font-size: 1.6rem;}
    .search-area .checkbox label span { top: 11px;}
    .search-result-list .arrow{ margin-bottom: 0;}
}

@media (max-width: 480px){
    .search-tit{padding: 0 0 0 15px;}
    .search-tit img{margin-right: 10px;}
}

/* Result */
#result-top{padding-top:30px;}
.result-txt{font-size: 1.8rem; line-height: 1; text-align: center; padding: 30px 0 0 0;}
.result-txt span{font-size: 156%; color: #dc3333; font-weight: bold;}

.result-wrap{margin: 0 -20px; display: flex; flex-wrap: wrap;}
.project{background: #e8edf2; width: calc(50% - 40px); margin: 40px 20px 0; padding: 30px 30px 160px 30px; position: relative;}
.project-note{background: #000; background: #a59466; color: #fff; position: absolute; top: 0; right: 0; line-height: 1.4; font-size: 1.4rem; padding: 5px 10px;}
.project-tit{font-size: 2.4rem; line-height: 1.8; margin: 0 0 15px;}
.project-inner{display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 10px;}
.project-img{width: 48.08%; position: relative;}
.project-img:before{content: ''; padding-bottom: 152.8%; display: block;}
.project-img img{height: 100%; width: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0;}
.project-info{width: 46%;}
.project-info dt{font-size: 1.4rem; font-weight: bold; line-height: 1; background: #d0d8e0; padding: 10px;}
.project-info dd{padding: 6px 0 15px; line-height: 1.6;}

.project-btn{display: flex; flex-wrap: wrap; position: absolute; bottom: 30px; left: 30px; right: 30px;}
.project-btn a{width: 48%; height: 60px; line-height: 1.3; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 5px; transition: .4s;}
.project-btn a:nth-of-type(1){margin-right: 4%;}
.project-btn a:last-of-type{margin-bottom: 0;}
.project-btn a:before{content: ''; margin-right: 10px; display: inline-block; position: relative; top: 1px;}

.project-btn a.btn-detail{border: 1px solid #1a3558; color: #1a3558; background: #fff;}
.project-btn a.btn-detail:before{width: 18px; height: 18px; background: url("../img/common/ic_arrow_blue.svg") no-repeat top left/100% 100%;}
.project-btn a.btn-detail:hover{background: #dfe4ea;}

.project-btn a.btn-inquiry{border: 1px solid #a59466; color: #fff; background: #a59466;}
.project-btn a.btn-inquiry:before{width: 20px; height: 16px; background: url("../img/common/ic_mail.svg") no-repeat top left/100% 100%;}
.project-btn a.btn-inquiry:hover{border: 1px solid #cab47a; background: #cab47a;}

.project-btn .btn-kentou{ margin-top: 4%;}

.project-btn a.btn-add,
.project-btn a.btn-delete{color: #fff; width: 100%; height: 50px;}
.project-btn a.btn-add:before,
.project-btn a.btn-delete:before{width: 13px; height: 17px; background: url("../img/common/ic_bookmark.svg") no-repeat top left/100% 100%;}
.project-btn a.btn-add{background: #1a3558;}
.project-btn a.btn-add:hover{background: #336bb3;}
.project-btn a.btn-delete{background: #737373;}
.project-btn a.btn-delete:hover{background: #a4a4a4;}

.fukidashi{position: absolute; top: calc(100% - 10px); left: 0; right: 0; width: 100%; max-width: 480px; height: 56px; margin: 0 auto; line-height: 1.4; text-align: center; color: #1a3558; background: #ffebb6; display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); z-index: 10;}
.fukidashi:before{/*-webkit-filter: drop-shadow(3px -3px 2px rgba(0, 0, 0, 0.4));*/ z-index: 2; content: ""; position: absolute; left: calc(50% - 10px); top: -5px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent;
border-bottom: 10px solid #ffebb6;}


@keyframes fukidashi{
    0%{opacity: 0; visibility: hidden; transform: translateY(0);}
    10%{opacity: 1; visibility: visible; transform: translateY(0);}
    90%{opacity: 1; visibility: visible; transform: translateY(0);}
    100%{opacity: 0; visibility: hidden; transform: translateY(-20px);}
}
@-webkit-keyframes fukidashi{
    0%{opacity: 0; visibility: hidden; -webkit-transform: translateY(0);}
    10%{opacity: 1; visibility: visible; -webkit-transform: translateY(0);}
    90%{opacity: 1; visibility: visible; -webkit-transform: translateY(0);}
    100%{opacity: 0; visibility: hidden; -webkit-transform: translateY(-20px);}
}

@media (max-width: 1199px){
    .result-wrap{margin: 0 -10px;}
    .project{width: calc(50% - 20px); margin: 20px 10px 0; padding: 20px 20px 140px 20px;}
    .project-btn{bottom: 20px; left: 20px; right: 20px;}
}

@media (max-width: 767px){
    .result-txt{font-size: 1.6rem;}
    .result-wrap{margin: 0;}
    
    .project{width: 100%; margin: 20px 0 0 0; padding: 25px 15px 15px;}
    .project-inner{margin: 0 0 15px;}
    .project-img img{width: 100%;}
    .project-note{font-size: 1.2rem;}
    .project-info{width: 48%;}
    .project-info dt{font-size: 1.2rem; padding: 5px 10px;}
    .project-info dd{padding: 5px 0 10px;}
    .project-tit{font-size: 1.8rem; margin: 0 0 10px;}
    .project-btn{position: relative; bottom: auto; left: auto; right: auto;}
    .project-btn a{height: 50px;}
    .project-btn a:before{margin-right: 7px;}
    
    .fukidashi{height: 39px; top: calc(100% - 10px); width: calc(100% - 16px);}
    
    .search-tit.tgl-btn{ cursor: pointer; background-image: url(../img/office/icon_open.svg); background-repeat: no-repeat; background-position: right 15px top 50%; background-size: 30px;}
    .open .search-tit.tgl-btn{ background-image: url(../img/office/icon_close.svg);}
    .search-item .tgl-box{ display: none;}
}

@media (max-width: 480px){
    .project-btn{font-size: 2.9vw;}
}