@charset "UTF-8";
/*!お問い合わせ*/
.building_contact_index .top_visual{margin-bottom:60px;background:url(/building/contact/img/view_index.jpg) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover}
.building_contact_index .top_visual_container{position:relative;width:100%;height:0;padding-bottom:20.96%}
.building_contact_index .contact_header{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:#333;font-weight:700;text-align:center}
.building_contact_index .contact_header .title{font-weight:700;font-size:2.29em}
.building_contact_index .contact_lead{margin-top:35px;color:#cc0029;font-size:1.71em;font-weight:700;text-align:center}
.building_contact_index .contact_lead span{display:block;margin-top:25px}
.building_contact_index .contact_note{margin-top:25px;text-align:center}
.building_contact_index #contact_select{margin:50px 0 95px;text-align:center}
.building_contact_index #contact_select .tel{margin-top:45px}
.building_contact_index #contact_select .label{position:relative;margin-bottom:20px;text-align:center}
.building_contact_index #contact_select .label span{position:relative;z-index:2;display:inline-block;padding:0 8px;background-color:#fff;text-align:left;font-size:1.29em;font-weight:700}
.building_contact_index #contact_select .label:before{position:absolute;top:50%;z-index:1;content:'';display:block;width:100%;height:1px;background-color:#d9d9d9}
.building_contact_index #contact_select .button{padding:25px 77px;background-color:#f3f3f3}
.building_contact_index #contact_select .button a{display:block;padding:15px 10px;background-color:#cc0029}
.building_contact_index #contact_select .button a:hover{opacity:.7;filter:alpha(opacity=70);text-decoration:none}
.building_contact_index #contact_select .button a span{display:inline-block;padding-left:12px;background:url(/building/common/img/arr_white.png) no-repeat 0 50%;color:#fff;font-weight:700}
.building_contact_index #contact_select .button a span .icon{margin-left:5px;vertical-align:baseline}
.building_contact_index #contact_select .button.column{display:flex;justify-content:space-between;align-items: center;}
.building_contact_index #contact_select .button.column a {-webkit-box-sizing:border-box;box-sizing:border-box;width:32%}
.building_contact_index #contact_select .button.column a.oneline {padding: 25px 10px;}

@media (max-width:767px){.building_contact_index .top_visual{margin-bottom:35px;background:url(/building/contact/img/view_index_2x.jpg) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover}
.building_contact_index .top_visual_container{height:140px;padding-bottom:0}
.building_contact_index .contact_header .title{font-size:1.43em}
.building_contact_index .contact_lead{font-size:1.29em}
.building_contact_index .contact_lead span{margin-top:15px}
.building_contact_index .contact_note{margin-top:20px}
.building_contact_index #contact_select{margin:25px 0 50px}
.building_contact_index #contact_select .tel{margin-top:30px}
.building_contact_index #contact_select .label{margin-bottom:10px}
.building_contact_index #contact_select .label span{font-size:1.07em}
.building_contact_index #contact_select .button{padding:20px}
.building_contact_index #contact_select .button a:hover{opacity:1;filter:alpha(opacity=100)}
.building_contact_index #contact_select .button a span{background-image:url(/building/common/img/arr_white_2x.png);-webkit-background-size:7px 7px;background-size:7px}
.building_contact_index #contact_select .button.column{display:block}
.building_contact_index #contact_select .button.column a {width:auto}
.building_contact_index #contact_select .button.column a + a {margin-top:14px}
.building_contact_index #contact_select .button.column a.oneline {padding: 15px 10px;}
}

/*view*/
.pcInline { display: inline; }
.spInline { display: none; }
@media only screen and (max-width:767px){
.pcInline { display: none; }
.spInline { display: inline; }
}