.building_case{overflow: hidden;position:relative;}
.container {position: relative;max-width: 1000px;margin: 0 auto;padding: 0 13px;}
.case_contents {background-color: #f7e6e6;padding:80px 0;}
.pcOnly{display: block;}
.spOnly{display: none}
.building_case_17 sup{position: relative;top: -5px;vertical-align: baseline;font-size: 75%;}
sup.square{position: relative;top: -5px;vertical-align: baseline;font-size: 75%;}
.mt_0{margin-top: 0!important;}
.mt_10{margin-top: 10px!important;}
.mt_20{margin-top: 20px!important;}
.u-ta--center{text-align: center;}
.u-fw--700{font-weight: 700;}

@media screen and (min-width: 768px){
.case_17 .side_float_navi {
    position: absolute;
    right: 20px;
    top: 870px;
    z-index: 100;
}
.case_17 .side_float_navi.is-fixed {
	position: fixed;
    right: 20px;
    top: calc(50% - 149px);
    z-index: 100;
}
.float-delay .side_float_navi {
    position: absolute;
    right: 20px;
    top: 870px;
    z-index: 100;
}
.float-delay .side_float_navi.is-fixed {
	position: fixed;
    right: 20px;
    top: calc(50% - 149px);
    z-index: 100;
}
}
@media screen and (max-width: 767px){
.container{width: auto;max-width: none;padding-right: 20px;padding-left: 20px;}
.pcOnly{display: none;}
.spOnly{display: block;}
}
/*----------------------------------------
text
----------------------------------------*/
.note_mrg {position:relative;padding-left:2.2em;}
.note_mrg.note_em1 {padding-left:1.2em;}
.note_mrg > span{position: absolute;top:0px;left:0px;}
.case_txt {margin-top: 26px;}
@media screen and (max-width: 767px){
.case_txt {font-size: 0.8571em;margin-top: 10px;}
.small_txt{font-size: 0.8571em;}
}
/*----------------------------------------
image
----------------------------------------*/
.image img{width: 100%;height: auto;}
/*----------------------------------------
list
----------------------------------------*/
.num_list li{position:relative;padding-left:2em;}
.num_list li > .num_list_item{position: absolute;top:0px;left:0px;font-size: 1.2857em;font-weight: 700;}
.num_list li .num_list_txt{font-size: 1.1428em;}
.num_list li + li {margin-top: 30px;}
.building_case .case_txt_link {margin-top: 30px;display: block;}
.building_case .list_link{margin-top: 20px;}
.building_case .list_link .case_txt_link {margin-top:10px;}
@media screen and (max-width: 767px){
.num_list li{margin-top: 20px;padding-left: 1.5em;}
.num_list li > .num_list_item{font-size: 1.1428em;}
.num_list li .num_list_txt{font-size: 1em;}
.building_case .case_txt_link {margin-top: 20px;}
.building_case .list_link{margin-top: 25px;}
.building_case .list_link .case_txt_link {margin-top:15px;}
}
/*----------------------------------------
txt-emphasis
----------------------------------------*/
.txt-emphasis {font-weight: 700 !important;font-size: calc((18/16)*100%) !important;}
@media screen and (max-width: 767px){
	.txt-emphasis {font-size: calc((16/14)*100%) !important;}
}
/*----------------------------------------
link
----------------------------------------*/
.building_case .blankIcon {display: inline-block;margin-left: 4px;}
.building_case .case_txt_link:hover .arr {text-decoration: underline;}
.building_case a{color: #333;}
/*----------------------------------------
heading
----------------------------------------*/
.building_case .heading {  display: flex;flex-direction: column;align-items: center;}
.building_case .heading .heading_main {font-size: 2.5714em;font-weight: 700;color:#cb0229;}
.building_case .heading .heading_sub {font-weight: 700;margin-top: 10px;text-align: center;}
.building_case .heading::after {display: block;content: "";display: block;width: 100%;margin-top: 20px;border-top: 1px solid #333333;}
.building_case .question_title {color:#cb0229;font-weight: 700;font-size: 1.4285em;background: url(../img/icon_question.png) left center/26px auto no-repeat;display: inline-flex;vertical-align: top;padding-left: 2.5em;}
.building_case .question_title:nth-of-type(n+2) {margin-top: 60px;}
.building_case .question_txt {margin-top: 30px;font-size: 1.1428em;}
.building_case .point_title {display: flex;align-items: center;border-bottom: 1px solid #b8b8b8;padding-bottom: 30px;}
.building_case .point_title_num {background-color: #cb0229;width: 61px;height: 58px;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;font-weight: 700;}
.building_case .point_title_num .num_sub {font-size: 0.8571em;display: block;}
.building_case .point_title_num .num_main {font-size: 1.8571em;line-height: 1;}
.building_case .point_title_txt {font-weight: 700;font-size: 1.4285em;padding-left: 20px;flex: 1;}
@media screen and (min-width: 768px){
.building_case .heading .heading_sub_L {font-size: 1.2857142857143em;}
}
@media screen and (max-width: 767px){
.building_case .heading .heading_main{font-size: 1.6428em;}
.building_case .question_title {font-size: 1.1428em;background-size: 23px;padding-left: 2em;}
.building_case .question_title:nth-of-type(n+2) {margin-top: 30px;}
.building_case .question_txt {font-size: 1em;}
.building_case .point_title {display: block;padding-bottom: 20px;}
.building_case .point_title_num{width: 55px;height: 51px;margin: auto;}
.building_case .point_title_num .num_sub{font-size: 0.7857em;}
.building_case .point_title_num .num_main {font-size: 1.6428em;}
.building_case .point_title_txt {padding-left: 0;margin-top: 20px;font-size: 1.1428em;display: block;}
}
/*----------------------------------------
movie
----------------------------------------*/
.building_case .movie {position: relative;max-width: 1000px;margin: auto;margin-top: 60px;}
.building_case .movie::before {content: "";display: block;padding-top: 56.25%;}
.building_case .movie video-js {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
@media screen and (max-width: 767px){
.building_case .movie{margin-top: 30px;}
}
/*----------------------------------------
main_visual
----------------------------------------*/
.main_visual {position: relative;}
.main_visual_container {position: relative;height: 633px;max-width: 1300px;margin:auto}
.building_case .title_area{background-color: #cb0229;color: #fff;box-sizing: border-box;height: 100%;width: 100vw;margin: 0 calc(50% - 50vw);padding: 80px calc(50vw - 50% + 80px);}
.building_case .title_area .inner {width: 45.94%;}
.building_case .title_img {background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;display: block;width: 52.18%;height: 100%;position: absolute;right: 0;top:0;}
.building_case .title_area .inner .title_sub{background-color: #fff;color:#cb0229;text-align: center;width:112px;padding: 10px 24px;font-size: 1.1428em;font-weight: 700;}
.building_case .title_area .inner .title_lead {margin-top: 40px;font-size: 1.25em;font-weight: 700;line-height: 1.6;}
.building_case .title_area .inner .title {font-size: 2.875em;font-weight: 700;line-height: 1.32;margin-top: 20px;}
.building_case .title_area .inner .title.title--small {font-size: calc((35/14.08)*100%);}
.building_case .title_area .inner .title_caption {margin-top: 38px;font-size: .9375em;line-height: 1.93;}
.building_case .title_area .inner .company {font-size: 1.1875em;border:1px solid #f7f7f7;text-align: center;padding: 6px;margin-top: 20px;max-width: 424px;font-weight: 700;}
.building_case .title_area .inner .company_nocaption {margin-top: 40px}
.building_case .js-movie::before {background-color:rgba(0,0,0,.6);border-radius: 50%;box-shadow: 0 0 24px 0 rgba(0,0,0,.2); content:"";position: absolute;top:calc(50% - 45px);left:calc(50% - 45px);width: 90px;height: 90px;}
.building_case .js-movie::after {width: 0;height: 0;border-style: solid;border-width: 13px 0 13px 20px;border-color: transparent transparent transparent #fff;content: "";position: absolute;top:calc(50% - 13px);left:calc(50% - 7px);}
.building_case_17 .title_img {background-image: url(../img/17/img_primary.jpg);}
@media screen and (max-width: 1200px){
.building_case .title_area{padding: 6.6666vw calc(50vw - 50% + 6.6666vw);}
.building_case .title_area .inner .title {font-size: 3.333vw;}
.building_case .title_area .inner .title_lead{font-size: 1.416vw;}
}
@media screen and (max-width: 767px){
.main_visual{display: flex;flex-direction: column-reverse;}
.main_visual_container{height: auto;}
.building_case .title_img {width: 100%;}
.building_case .title_area{position: relative;height: auto;padding: 48px 20px;margin: 0}
.building_case .title_area .inner{width: 100%;}
.building_case .title_area .inner .title_sub{width: 64px;height: 20px;padding: 4px 4px 3px;font-size: 0.9285em;}
.building_case .title_area .inner .title_lead{font-size: 1em;margin-top: 20px;}
.building_case .title_area .inner .title{font-size: 2em;margin-top: 12px;}
.building_case .title_area .inner .title.title--small {font-size: 2em;}
.building_case .title_area .inner .title_caption{margin-top: 20px;font-size: 0.8571em;}
.building_case .title_area .inner .company{margin-top: 12px;font-size: 1em;}
.building_case .title_area .inner .company_nocaption{margin-top: 60px;}
.building_case_17 .title_img{background-image: url(../img/17/img_primary_x2.jpg);}
.building_case .title_img{position: relative;padding-bottom: 294px;}
}
/*----------------------------------------
col
----------------------------------------*/
.building_case .point_2col {display: flex;margin-top:30px;}
.building_case .point_2col .col_txt{width: 56.2%;flex:1;}
.building_case .point_2col .col_img{width: 40.1%;padding-left: 30px;}
.building_case .point_2col .col_img figure {border: 1px solid #d9d9d9;vertical-align: bottom;}
.building_case .point_2col .col_img figure img {display: block;width: 100%;}
.building_case .point_2col .col_img .caption {margin-top: 10px;text-align: center;}
.building_case_17 .point_2col .col_img .annotation {position: relative;}
.building_case_17 .point_2col .col_img .annotation p{position: absolute;top: 77%;left: 37%;}
.building_case .column--2 {display:flex;justify-content:space-between;}
.building_case .column--2 .column-txt{width: 65%;}
.building_case .column--2 .column-img{width: 32.4%;text-align: center;}
.building_case .column--2 .column-img img{width: auto;height: auto;max-width: 100%;}
@media screen and (min-width: 768px){
	.building_case .point_2col .col_txt .question_txt:first-of-type{margin-top: 0}
}
@media screen and (max-width: 767px){
.building_case .point_2col {flex-direction: column;}
.building_case .point_2col .col_txt {order:2;width: 100%;}
.building_case .point_2col .col_img {width: 100%;padding-left: 0;}
.building_case_17 .point_2col .col_img .annotation p{font-size: 0.8571em;}
.building_case .column--2 {display:block;}
.building_case .column--2 .column-txt{width: auto;}
.building_case .column--2 .column-img{width: auto;margin-top: 35px;padding: 0 25px;}
}

/*----------------------------------------
section
----------------------------------------*/
.building_case .case_background {padding-top: 120px; padding-bottom:120px;}
.building_case .case_solution{padding-top: 120px; padding-bottom:120px;background-color: #f4f4f4;}
.building_case .case_section {margin-top: 60px;}
.building_case .case_solution .case_section{margin-top: 60px;}
.building_case .case_sub-section {margin-top: 40px;}
.building_case .case_outcome {padding-top: 120px; padding-bottom:120px;}
.building_case .case_manager{padding-top: 80px; padding-bottom:80px;background-color: #8e0000;}
.building_case .case_contents .contents_note {margin-top: 30px;line-height: 1.5;}
.building_case .case_contents .contents_lead {font-weight: 700;font-size: 1.11428em;line-height: 1.6;}
.building_case .case_contents .contents_lead +.contents_lead {margin-top: 30px;}
.building_case .case_point {background-color: #fff;padding:40px 60px;margin-top: 30px;border:1px solid #d1d1d1}
.building_case .case_point_title {color: #cb0229;font-weight: 700;font-size: 1.57142857em;border-bottom: 1px solid #d1d1d1;padding-bottom: 8px;}
.building_case .case_point .case_point_list {margin-top: 20px;}
.building_case .case_point .case_point_list li {display: flex;align-items: center;}
.building_case .case_point .case_point_list li +li {margin-top: 16px;}
.building_case .case_point .case_point_list li .num{background-color: #cb0229;color:#fff;width: 29px;height: 29px;display: flex;align-items: center;justify-content: center;font-weight: 700;border: 1px solid #d1d1d1;}
.building_case .case_point .case_point_list li .txt {flex:1;padding-left: 18px;font-weight: 700;font-size: 1.4285em;}
.building_case .case_note {text-align: right;margin-top: 20px;}
.building_case .manager_block{ background-color: #fff;padding: 50px 60px;}
.building_case .manager_col{display: flex;}
.building_case .manager_img{width: 26.25%;padding-left: 40px;}
.building_case .manager_img img {width: 100%;display: block;}
.building_case .manager_content {width: 69.06%;flex: 1;}
.building_case .manager_title {color:#cb0229;font-size: 1.4285em;font-weight: 700;border-bottom: 1px solid #b8b8b8;padding-bottom: 16px;}
.building_case .manager_txt {margin-top: 24px;}
.building_case .info_block {background-color: #fff;padding: 50px;border:1px solid #d1d1d1}
.building_case .info_col {display: flex;}
.building_case .info_col .info_img {width: 33.6%;padding-left: 20px;}
.building_case .info_col .info_img img {width: 100%;display: block;height: auto;vertical-align: top;}
.building_case .info_col .info_content{width: 57.3333%;flex: 1;}
.building_case .info_col .info_content .label {font-weight: 700;font-size: 1.2857em;}
.building_case .info_col .info_content .info_institution{margin-top: 20px;}
.building_case .info_col .info_content .info_institution dt {float: left;}
.building_case .info_col .info_content .info_institution dd {padding-left: 6em;}
.building_case .info_col .info_content .info_institution dd + dt {margin-top: 10px;}
.building_case .info_col .info_content .info_institution dd + dt +dd{margin-top: 10px;}
.building_case .info_col .info_content .info_system {margin-top: 20px;padding-top: 20px;border-top:1px solid #b8b8b8;}
.building_case .info_col .info_txt {margin-top: 10px;}
.building_case .case_info {padding: 60px 0 30px;background-color: #e6e6e6;}
@media screen and (max-width: 767px){
.case_contents{padding:45px 0 40px 0;}
.building_case .case_contents .contents_lead{font-size: 1em;line-height: 1.5;}
.building_case .case_contents .contents_lead +.contents_lead {margin-top: 15px;}
.building_case .case_contents .contents_note{font-size: 0.8571em;margin-top: 10px;}
.building_case .case_point {padding: 30px 25px;}
.building_case .case_point_title {font-size: 1.2142em;}
.building_case .case_point .case_point_list li .txt {font-size: 1em;padding-left: 8px;}
.building_case .case_point .case_point_list li .num {width: 23px;height:23px;font-size: 1em;line-height: 1;}
.building_case .case_note {font-size: 0.8571em;}
.building_case .case_background {padding-top: 60px;padding-bottom: 60px;}
.building_case .case_section {margin-top: 30px;}
.building_case .case_sub-section {margin-top: 30px;}
.building_case .case_solution {padding-top: 60px;padding-bottom: 60px;}
.building_case .case_solution .case_section{margin-top: 40px;}
.building_case .case_outcome {padding-top: 60px;padding-bottom: 60px;}
.building_case .case_manager{padding-top: 50px;padding-bottom: 50px;}
.building_case .manager_block{padding: 40px 25px;}
.building_case .manager_col{display: block;}
.building_case .manager_content {width: 100%;}
.building_case .manager_img {width: 100%;padding-left: 0;margin-top: 20px;}
.building_case .manager_title {font-size:1.1428em;padding-bottom: 14px;}
.building_case .manager_txt {margin-top: 20px;}
.building_case .info_col {flex-direction: column;}
.building_case .info_col .info_content {order: 2;width: 100%;margin-top: 26px;}
.building_case .info_col .info_img {order:1;width: 100%;padding-left: 0;}
.building_case .info_block {padding: 38px 24px;}
.building_case .info_col .info_content .label {font-size: 1em;}
.building_case .info_col .info_content .info_institution {font-size: 0.8571em;margin-top: 10px;}
.building_case .info_col .info_content .info_institution dd {padding-left: 5em;}
.building_case .info_col .info_txt{font-size: 0.8571em;}
.building_case .info_col .info_content .info_institution dd + dt +dd{margin-top: 8px;}
.building_case .info_col .info_content .info_institution dd + dt{margin-top: 8px;}
}

/*----------------------------------------
slider
----------------------------------------*/
.building_case .case-slider {margin-top: 60px;}
.building_case .case-slider .swiper-thumb {margin-top: 30px;}
.building_case .case-slider .swiper-thumb .swiper-slide::after {background-color: rgba(0,0,0,.5);content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity .3s ease;}
.building_case .case-slider .swiper-thumb .swiper-slide-thumb-active::after {opacity: 1;}
.building_case .case-slider .swiper-button-prev {background-color: rgba(0,0,0,.5);cursor: pointer;position: absolute;top: 0;left: 0;width: 80px;height: 100%;z-index: +1;}
.building_case .case-slider .swiper-button-prev::after {width: 0;height: 0;border-style: solid;border-width: 29px 34px 29px 0;border-color: transparent #fff transparent transparent;content: "";position: absolute;top: calc(50% - 29px);left: calc(50% - 19px);opacity: 1;transition: opacity .3s ease;}
.building_case .case-slider .swiper-button-next {background-color: rgba(0,0,0,.5);cursor: pointer;position: absolute;top: 0;right: 0;width: 80px;height: 100%;z-index: +1;}
.building_case .case-slider .swiper-button-next::after {width: 0;height: 0;border-style: solid;border-width: 29px 0 29px 34px;border-color: transparent transparent transparent #fff;content: "";position: absolute;top: calc(50% - 29px);left: calc(50% - 13px);opacity: 1;transition: opacity .3s ease;}
.building_case .case-slider .swiper-button-prev.swiper-button-disabled::after,
.building_case .case-slider .swiper-button-next.swiper-button-disabled::after {opacity:.5;}
@media screen and (max-width: 767px){
.building_case .case-slider {margin-top: 30px;}
.building_case .case-slider .swiper-button-prev {width: 30px;}
.building_case .case-slider .swiper-button-prev::after {border-width: 11px 14px 11px 0;top: calc(50% - 11px);left: calc(50% - 8px);}
.building_case .case-slider .swiper-button-next {width: 30px;}
.building_case .case-slider .swiper-button-next::after {border-width: 11px 0 11px 14px;top: calc(50% - 11px);left: calc(50% - 6px);}
}

/*	title-modal
**************************************************** */
.title-modal_bg { background-color: rgba(0,0,0,0.6); display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 200; }
.title-modal { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; position: absolute; top: 0px; left: 0px;  width: calc(100% - 26px); max-width: 954px; z-index: 210; }
.title-modal .modal_block{padding: 60px 0; }
.title-modal .modal_close { cursor: pointer; font-size: 0; line-height: 0; position: absolute; top: 20px; right: 0px; }
.title-modal .modal_close img { width: 23px; }
.title-modal .modal_bottom_close{ display: flex; align-items: center; font-size: 138%; font-weight: normal; color: #ffffff; position: absolute; left: 50%; bottom:0; cursor: pointer; transform: translateX(-50%); }
.title-modal .modal_bottom_close img{ width: 35px; margin-right: 10px; }
.title-modal .movie_video {background-color: #ffffff; padding: 80px 65px; }
.title-modal .movie_video .movie_inner { padding-bottom: 56.267%; position: relative; }
.title-modal .movie_video .movie_inner > * { position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%; }
@media only screen and (max-width:767px){
.title-modal { width: calc(100% - 40px); }
.title-modal .modal_block{padding: 50px 0; }
.title-modal .movie_video {background-color: #ffffff; padding: 40px 20px; }
.title-modal .modal_bottom_close{ font-size: 115%; }
.title-modal .modal_bottom_close img{ width: 28px; }
}

/*----------------------------------------
terrace-guide
----------------------------------------*/
.building_case .terrace-guide {background-color: #fff;display: flex;flex-direction: column;align-items: center;text-align: center; padding: 40px 40px 50px 40px;margin-top: 60px;}
.building_case .terrace-guid__heading {font-size: calc((36 / 14.08) * 100%);font-weight: 700;color: #cb0229;}
.building_case .terrace-guid__copy {border-top: 1px solid #d1d1d1;font-size: calc((16 / 14.08) * 100%);margin-top: 15px;padding:25px 1em 0 1em;}
.building_case .terrace-guid__link {margin-top: 20px;width: 100%;max-width: 536px;}
.building_case .terrace-guid__link a {background-color: #cb0229;border: 1px solid #cb0229; color: #fff;display: block;font-size: calc((16 / 14.08) * 100%);padding: 10px 0;}
.building_case .terrace-guid__link a span {display: inline-block;vertical-align: top;padding-left: 30px;position: relative;}
.building_case .terrace-guid__link a span::before {width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 7px;border-color: transparent transparent transparent #fff;content: "";position: absolute;top: calc(50% - 4px);left: 0;}
@media screen and (min-width: 768px){
.building_case .terrace-guid__link a {transition: background-color .3s ease, color .3s ease;}
.building_case .terrace-guid__link a:hover {background-color: #fff;color: #cb0229;}
.building_case .terrace-guid__link a span::before {transition: border .3s ease;}
.building_case .terrace-guid__link a:hover span::before {border-color: transparent transparent transparent #cb0229;}
}
@media screen and (max-width: 767px){
.building_case .terrace-guide {padding: 35px 25px 40px 25px;margin-top: 35px;}
.building_case .terrace-guid__heading {font-size: calc((23 / 14) * 100%);}
.building_case .terrace-guid__copy {font-size: 100%;text-align: left;margin-top: 15px;padding:20px 0 0 0;}
.building_case .terrace-guid__link a {font-size: calc((13 / 14) * 100%);padding: 20px 0;}
.building_case .terrace-guid__link a span {padding-left: 20px;}
}

/*----------------------------------------
 title movie
----------------------------------------*/
@media screen and (min-width: 768px){
.js-movie::before {transition: background-color .3s ease;}
.js-movie:hover::before {background-color: #cb0229;}
}

/*----------------------------------------
 caption
----------------------------------------*/
.case-caption{margin-top: 10px;}
.case-caption--center{text-align: center;margin-top: 10px;}

/*----------------------------------------
case_aside
----------------------------------------*/
.case_aside{padding-bottom: 120px;font-size: calc((16 / 14.08) * 100%)}
.case_aside .container{position: relative;}
.case_aside .container > :first-child{ border-top:1px solid #b8b8b8;padding-top: 45px;}
@media screen and (max-width: 767px){
.case_aside{padding-bottom:60px;font-size: calc((14 / 14) * 100%)}
.case_aside .container > :first-child{ padding-top: 35px;}
}

/*----------------------------------------
case_18
----------------------------------------*/
.building_case_18 .title_img {background-image: url(../img/18/img_primary.jpg);}
.building_case_18 .column-member {display: flex;margin: 0 -6px;}
.building_case_18 .column-member__cell{text-align: center;margin: 0 6px; width: calc(20% - 12px);}
.building_case_18 .column-member__cell img{width: 100%;height: auto;vertical-align: top;}
.building_case_18 .column-member__cell dt{margin-top: 10px;}
.building_case_18 .column-member__cell dd{font-size: calc((16 / 14.08) * 100%);}
@media screen and (max-width: 767px){
.building_case_18 .column-member {flex-wrap: wrap;justify-content: center;margin: -25px -6px 0 -6px;}
.building_case_18 .column-member__cell{margin: 25px 6px 0 6px; width: calc(50% - 12px);}
.building_case_18 .column-member__cell dd{font-size: calc((16 / 14) * 100%);}
}

/*----------------------------------------
case_19
----------------------------------------*/
.building_case_19 .title_img {background-image: url(../img/19/img_primary.jpg);}
.building_case_19 .column-f2-3 {display: flex;margin: 0 -25px;}
.building_case_19 .column-f2-3__cell{margin: 0 25px; width: calc(33.3333% - 50px);}
.building_case_19 .column-f2-3__cell img{width: 100%;height: auto;vertical-align: top;}
.building_case_19 .column-f2 {display: flex;margin: 0 -8px;}
.building_case_19 .column-f2__cell{position: relative;margin: 0 8px; width: calc(50% - 16px);}
.building_case_19 .column-f2__cell img{width: 100%;height: auto;vertical-align: top;}
.building_case_19 .column-f2__cell p{background-color: #333;font-size: calc((18 / 14.08) * 100%);font-weight: 700;position: absolute;top: 0;right: 0;color: #fff;width: 90px;text-align: center;padding: 3px 0;}
@media screen and (max-width: 767px){
.building_case_19 .column-f2-3 {display:block;margin: 0;}
.building_case_19 .column-f2-3__cell{margin: 0; width:auto;}
.building_case_19 .column-f2-3__cell+.column-f2-3__cell{margin-top: 30px;}
.building_case_19 .column-f2 {display: block;margin: 0;}
.building_case_19 .column-f2__cell{margin: 0; width:auto;}
.building_case_19 .column-f2__cell+.column-f2__cell{margin-top: 15px;}
.building_case_19 .column-f2__cell p{font-size: 1em;width:70px;padding: 2px 0;}
}
/*----------------------------------------
case_20
----------------------------------------*/
.building_case_20 .title_img {background-image: url(../img/20/img_primary.jpg);}