@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/
div.TOP_AREA.comtop.SSTexts picture{z-index: -2;position:absolute; /*width:100%;*/height:100%;top:50%;left:50%;/*object-fit:cover;*/transform: translate(-50%, -50%);}
div.TOP_AREA.comtop.SSTexts picture img{z-index: -1;position:relative;width:auto;height:100%;top:0;left:0;object-position: 0 100%}
div.TOP_AREA.copro{background-image:url(https://img.wills.co.jp/img/static/corp/pro_top_sp.webp);}
div.TOP_AREA.coorga{background-image:url(https://img.wills.co.jp/img/static/corp/orga_top_sp.webp);}
div.TOP_AREA.cobun{background-image:url(https://img.wills.co.jp/img/static/corp/bunjo_top_sp.webp);}
div.TOP_AREA.coacc{background-image:url(https://img.wills.co.jp/img/static/corp/access_top_sp.webp);}
div.TOP_AREA.dog{background-image:url(https://img.wills.co.jp/img/static/corp/dog-top2.webp);}
/*--------------------------------------map--------------------------------------*/
.Accessmap dt{clear: both;float: left;display: block;margin: 0px 10px 0 0;padding: 0px;color: var(--color-gray_text);width:auto;}
.Accessmap._TL{padding-left: 30px}
.Accessmap._TL{margin-left:0;}
.boxset .history-content dl dt, dd {padding-bottom: 0px;}
/*--------------------------------------toppage--------------------------------------*/
img.comany_top_img{width:100%;margin:0;position:relative;}
p.company_top_p{position:absolute;top:20px;left:10px;}
p.company_bottom_p.SSTexts._WT{position:absolute;bottom:0;left:0;padding:10px;width:95%;background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%) repeat scroll 0 0;}
.company_top_contents1{background-color: #231815;margin:30px 0 0 0;}
.company_top_contents1 img {display: block;opacity: 0.9;}
.company_top_contents2{background-color: #231815;margin:30px 0 0 0;}
.company_top_contents2 img {display: block;opacity: 0.9;}
/*--------------------------------------message--------------------------------------*/
.TopMessage{margin:40px 0 0 0;}
img.message_img{width:100%;margin-top:40px;}
.name{font-weight: bold;font-size: 20px;}
/*--------------------------------------profile--------------------------------------*/
.GaiyouTop{margin:40px 0 0 0;}
/*--------------------------------------bunJo--------------------------------------*/
.first-dev-box{border-bottom: 1px dotted #d6d6d7;padding-top:10px;width: 100%;}
.dev-box{border-bottom: 1px dotted #d6d6d7;padding-bottom:10px;width: 100%;}
div.dev-detail i{margin: 0 20px 20px 0;font-size: 20px;color: #ffffff;background:#B81C25;}
.concept {margin-bottom: 75px;}
.bland_boxwrapper {
    margin: 0 10px;
}
.bland_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 150px 0;
}
.bland_box li {
    width: 30%;
    height: 100px;
}
.bland_box a.bland_box_banner {
    height: 100px;
    position: relative;
    border: 1px solid #707070;
    background: #fff;
    text-align: center;
    display: flex;
    align-items: center;
}
.bland_box a img {
    width: 50%;
    flex-direction: column;
    margin: 0 auto;
}
.development [class^="button-"] {
    margin: 10px auto;
}
/*-------------------------------------servicedog-------------------------------------*/
.TOP-DOG img{width: 100%;position: absolute;bottom: -2px;left: 0;}
.TOP_AREA.dog .dog-text{position: absolute;width: 95%;top:50%;}
div.container .explain img{width: 25%;float: right;}
.explain .halfSPACE {padding-top: 1em;}
.explain .SPACE {padding: 2em 0 3em;}
.start-dog {padding: 50px 0;}
.size-down picture {width: 60%;}
.p-history li .his-content.last-con {padding-bottom: 80px;}
.Link-list a {display: block;padding: 5px 0 40px;word-break: break-all;}
.civil .right, .civil .left, .left.half div:first-of-type {padding-bottom: 30px;}
.civil .right:last-of-type {padding-bottom: 0;}
.half div {width: calc(50% - 5px);}
.half div:first-of-type {padding-right: 10px; vertical-align: top;}
.credit {position: absolute; bottom: 10px; right: 10px;}
.Svideo {width: 100%; height: 0; position: relative; padding-bottom: 66.5%;}
.Svideo iframe {position: absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;}
.Svideo + p.icon-angle-right {position: relative;}
.Svideo + p.icon-angle-right::after {position: relative;padding-left: 5px;right: auto;}
/*--------------------------------------company--------------------------------------*/
.office_all table { border-collapse: separate; border-spacing: 0px; }
.office_all table th{ display: none;}
table .com_left { vertical-align: baseline; width: 150px;}
nav { display: none; }
.nav-open { margin: 10px 0; }
.nav-open::before{ content: "＋";position: absolute; right: 20px; }
.nav-open.active::before{ content: "－";}
.nav-open_top::before{ content: "＋";position: absolute; right: 20px; }
.nav-open_top.active::before{ content: "－";}
.Jigyosho { margin-top: 30px; }
/*---nagoya-main----*/
dl.Gaiyo dt{width: 80px;color: var(--color-gray_base);}
dl.Gaiyo dd{width:85%;width: calc(100% - 80px); margin-bottom: 15px;}
dl.Gaiyo dd.br{margin-bottom: 60px;}
.parking {overflow: visible;}
.parking p { padding-left: 2rem;}
.parking i:before { position: absolute; font-size: 36px;}
.parking [class*="icon-P"]:not([class*="will"]) { color: var(--color-pict_pink);}
@media screen and (max-width: 640px) {
.office_all th{ display: block; width: 100%; }
.office_all td{ display: block; width: 100%;  margin: 0; }
}
