@charset "UTF-8";/*-------------------------
__top_style
-------------------------*/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-size: 1.5rem;line-height: 1.4;text-align: left;}
#content p {font-size: 1.5rem;line-height: 2;text-align: left;}
#content ul, #content ol, #content dl {font-size: 1.5rem;line-height: 1.66667;text-align: left;}
#content a {color: inherit;text-decoration: none;}
#content .inner {position: relative;max-width: 1000px;margin: 0 auto;padding: 60px 0;box-sizing: border-box;}
#content .ttl {display: flex;align-items: center;margin-bottom: 30px;font-size: 3.1rem;}
#content .ttl span {text-align: center;}
#content .ttl span br {display: none;}
#content .ttl::before,
#content .ttl::after {display: block;content: "";flex-grow: 1;border-top: 3px solid;transform: translateY(-3px);}
#content .ttl::before {margin-right: 0.5em;}
#content .ttl::after {margin-left: 0.5em;}
#content .contact {position: relative;}
#content .contact::before {display: block;content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: url(../images/home/contact_bg@2x.png) left top/8px 8px repeat;opacity: .2;z-index: -1;}
#content .contact_inner {display: inline-flex;flex-wrap: wrap;align-items: center;padding: 22px 30px;}
#content .contact_ttl {margin: 0 15px;font-size: 2.6rem;font-weight: bold;line-height: 1;}
#content .contact_btn {position: relative;display: block;width: 240px;margin: -3px 15px 0;padding: 20px 20px 18px;background: #fea800;border-radius: 8px;box-shadow: 0px 5px 0px 0px #f28d00;color: white;font-size: 2.6rem;font-weight: bold;line-height: 1;text-align: center;text-decoration: none;box-sizing: border-box;-webkit-user-select: none;user-select: none;transition: opacity 0.2s ease-in-out;-webkit-font-smoothing: antialiased;}
#content .contact_btn:hover, #content .contact_btn:active {opacity: .8;}
#content .contact_btn:active {box-shadow: none;transform: translateY(5px);}
#hero {margin: 70px 0 0;background: url(../images/home/hero_bg.jpg) center center/cover no-repeat;}
#hero .inner {padding: 0;}
#hero .hero_img {position: relative;height: 0;padding-top: 50%;overflow: hidden;}
#hero .hero_img img {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#campaign{}
#campaign .inner{ padding: 60px 0 0;}
#campaign a img{ width: 100%; height: auto;-webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all  0.3s ease;}
#campaign a img:hover{opacity: .8;}
#campaign a img.sph_on{ display: none;}
#news .news_list {position: relative;font-size: 1.5rem;line-height: 2rem;}
#news .news_list_wrap {height: calc(((2rem + 10px) * 3) - 10px);overflow-y: scroll;}
#news .news_list dt {position: absolute;text-align: left;}
#news .news_list dd {margin: 0 0 10px 80px;text-align: left;}
#news .news_list dd a {text-decoration: underline;}
#news .news_list dd a:hover,
#news .news_list dd a:active {text-decoration: none;}
#estate_link{padding-top: 70px;  margin-top: -70px;}
#estate {background: url(../images/home/estate_bg.jpg) left top repeat;}
#estate .estate_header {position: relative;margin-bottom: 40px;}
#estate .estate_header_ttl {color: white;font-size: 3.1rem;text-align: center;}
#estate .estate_header_btn {position: absolute;top: 50%;right: 0;display: inline-block;padding: 12px 30px 10px;background: black;border-radius: 8px;transform: translateY(-50%);color: white;font-size: 1.7rem;line-height: 1;text-decoration: none;-webkit-user-select: none;user-select: none;transition: opacity 0.2s ease-in-out;-webkit-font-smoothing: antialiased;}
#estate .estate_header_btn:hover, #estate .estate_header_btn:active {opacity: .8;}
#estate .estate_list {display: flex;flex-wrap: wrap;max-height: 1860px;padding: 0 20px;box-sizing: border-box;overflow-y: auto;}
#estate .estate_list > li {flex: 0 1 auto;flex-basis: calc(((100% - 60px) / 4) - .01px);height: 450px;margin: 0 20px 20px 0;background: white;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);}
#estate .estate_list > li:nth-child(4n) {margin-right: 0;}
#estate .estate_list_thumb {position: relative;height: 0;padding-top: calc((225 / 310) * 100%);overflow: hidden;}
#estate .estate_list_thumb img {position: absolute;top: 50%;left: 50%;max-width: 100%;max-height: 100%;transform: translate(-50%, -50%);}
#estate .estate_list_desc {/*display: flex;*/padding: 10px;}
#estate .estate_list_desc_col {flex: 0 0 90px;/*margin-right: 14px;*/margin-bottom: 4px;}
#estate .estate_list_desc_col2 {flex: 1 1 auto;}
#estate .estate_list_desc_thumb {position: relative;height: 0;padding-top: calc(40% - 2px);border: 1px solid #dcdddd;overflow: hidden;}
#estate .estate_list_desc_thumb img {position: absolute;top: 50%;left: 50%;max-width: 100%;max-height: 100%;transform: translate(-50%, -50%);}
#estate .estate_list_desc_ttl {margin-bottom: 4px;font-size: 1.8rem;overflow: hidden;height: 2.6em;word-break: break-all ;}
#estate .estate_list_desc p {height: calc(1.3rem*1.7*6);font-size: 1.3rem;line-height: 1.7;overflow: hidden;position: relative;word-break: break-all;text-align:justify;text-justify: inter-ideograph;}
#estate .estate_list_desc p::before{content:'…';  background: #fff;  position: absolute;  width: 1em;  font-size:14px;  right: 0px;  text-aline:center;  top: calc(1.3rem*1.7*5);}
#estate .estate_list_desc p:after{display: block;  content: "";  height: 100%;  width: 100%;  background: #fff;position: relative;}
#feature_link{padding-top: 70px;  margin-top: -70px;}
#feature_sub {background: url(../images/home/feature_bg.jpg);}
#feature .feature_ttl {display: inline-flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 30px;}
#feature .feature_ttl img {margin-bottom: 10px;}
#feature .feature_ttl img:nth-child(2) {margin-right: 10px;margin-left: 10px;}
#feature .feature_lead {min-height: 203px;margin-bottom: 50px;padding: 5px 0 0 255px;background: url(../images/home/feature_pict.png) 43px top/164px 203px no-repeat;}
#feature .feature_lead_ttl {margin-bottom: 15px;font-size: 2.4rem;}
#feature .feature_box {margin-bottom: 30px;background: white;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);}
#feature .feature_box_inner {padding: 30px;}
#feature .feature_ttl2 {position: relative;padding: 20px 20px 20px 100px;background: #fea800;font-size: 2.8rem;line-height: 1;}
#feature .feature_ttl2 img {position: absolute;top: 50%;left: -15px;margin-top: 2px;transform: translateY(-50%);}
#feature .feature_ttl3 {margin-bottom: 30px;font-size: 3rem;color: #fea800;text-align: center;}
#feature .feature_ttl3 span {display: inline-block;}
#feature .feature_sub1_row {/*display: flex;*/
}
#feature .feature_sub1_col {padding: 0 0 15px;margin: 0 0 20px;border-bottom: 1px solid #eee;}
#feature .feature_sub1_col ul{display: table;width: 100%;}
#feature .feature_sub1_col ul li{display: table-cell;letter-spacing: -1em;vertical-align: top;}
#feature .feature_sub1_col ul li span{display: inline-block;height: 200px;letter-spacing: normal;border: 1px solid #ccc;box-sizing: border-box;position: relative;}
#feature .feature_sub1_col ul li span.add1{width: 96%;margin: 0 4% 0 0;box-sizing: border-box;}
#feature .feature_sub1_col ul li span.add2{width: 49%;margin: 0 2% 0 0;padding: 0}
#feature .feature_sub1_col ul li span.add3{width: 49%;margin: 0;box-sizing: border-box;}
#feature .feature_sub1_col ul li span img{width: 100%;height: auto;vertical-align: top;margin: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 5px solid #fff;box-sizing: border-box;}
#feature .feature_sub1_col ul li p{margin: 10px 0 0;letter-spacing: normal;font-size: 1.1em;text-align: center;}
#feature .feature_sub1_col ul li p strong{display: inline-block;font-weight: 700;font-size: 1.1em;line-height: 1.4;padding: 5px 20px 2px;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;color: #fff;background-color: #000;}
#feature .feature_sub1_col2{}
#feature .feature_sub1_col2 span{font-weight: 700;color: #F00;}
#feature .feature_sub2_img {border: 1px solid #ccc;box-sizing: border-box;}
#feature .feature_sub2_img img{width: 100%;height: auto;vertical-align: top;border: 5px solid #fff;box-sizing: border-box;}
#feature .feature_sub3_row {display: flex;margin-bottom: 10px;}
#feature .feature_sub3_row:first-of-type {margin-bottom: 40px;}
#feature .feature_sub3_col {flex: 1 1 auto;flex-basis: calc((100% - 30px) / 2);margin-right: 30px;}
#feature .feature_sub3_col:nth-child(2n) {margin-right: 0;}
#feature .feature_sub3_img {position: relative;height: 0;margin-bottom: 10px;padding-top: calc(((330 / 455) * 100%));overflow: hidden;}
#feature .feature_sub3_img::before {display: block;content: "";border: 1px solid #c9caca;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}
#feature .feature_sub3_img span {position: absolute;top: 0;left: 0;padding: 10px 15px;background: black;border-radius: 0 0 6px 0;color: white;font-size: 1.7rem;z-index: 1;}
#feature .feature_sub3_img img {position: absolute;top: 50%;left: 50%;max-width: 100%;max-height: 100%;transform: translate(-50%, -50%);}
#feature .feature_sub3_iframe {position: relative;width: 100%;  padding:25% 0 0 0;}
#feature .feature_sub3_iframe iframe{position: absolute;top: 0;left: 0;  width: 100%;  height: 100%;}
#feature .feature_sub3_list li {position: relative;padding-left: 1em;}
#feature .feature_sub3_list li::before {position: absolute;left: 0;display: block;content: "●";}
#feature .feature_sub3_list2 {counter-reset: num 0;margin: 0 0 40px;}
#feature .feature_sub3_list2 li {display: flex;align-items: flex-start;margin-bottom: 10px;font-size: 1.7rem;}
#feature .feature_sub3_list2 li:last-child {margin-bottom: 0;}
#feature .feature_sub3_list2 li::before {display: block;counter-increment: num 1;content: "Point" counter(num);flex: 0 0 64px;margin: -2px 10px 0 0;padding: 8px 2px;background: #6eddc6;border-radius: 4px;font-size: 1.5rem;line-height: 1;text-align: center;}

/*--動画撮影--*/
#feature #feature_sub3 .douga_box{width:100%;overflow:hidden;}
#feature #feature_sub3 .douga_box ul{margin-right:-30px;letter-spacing:-1em;}
#feature #feature_sub3 .douga_box ul li{display:inline-block;letter-spacing:normal;width:50%;box-sizing:border-box;padding:0 30px 0 0;vertical-align: top;}
/*--youtube--*/
#feature #feature_sub3 .douga_box ul li .douga_left{height:100px;background:#FF0004;box-sizing:border-box;padding:5px;}
#feature #feature_sub3 .douga_box ul li a.douga_left_inner{display:block;background:#FFFFFF;height:90px}
#feature #feature_sub3 .douga_box ul li a.douga_left_inner:hover{opacity:0.9;}
#feature #feature_sub3 .douga_box ul li a.douga_left_inner .douga_img_box{height:100%;}
#feature #feature_sub3 .douga_box ul li a.douga_left_inner .douga_img_box img{height:100%;padding-left:50px;}
#feature #feature_sub3 .douga_box ul li a.douga_left_inner .douga_text{display:inline-block;font-size:22px;font-weight:700;padding-top:20px;padding-left:20px;line-height:1.2;}
/*--インスタグラム--*/
#feature #feature_sub3 .douga_box ul li .douga_right{height:100px;
background: -moz-linear-gradient(left, #5951ca, #ef6141 30%, #F89174 60%, #dc2d77);
background: -webkit-linear-gradient(left, #5951ca, #ef6141 30%, #F89174 60%, #dc2d77);
background: linear-gradient(to right, #5951ca, #ef6141 30%, #F89174 60%, #dc2d77);
box-sizing:border-box;padding:5px;}
#feature #feature_sub3 .douga_box ul li a.douga_right_inner{display:block;background:#FFFFFF;height:90px}
#feature #feature_sub3 .douga_box ul li a.douga_right_inner:hover{opacity:0.9;}
#feature #feature_sub3 .douga_box ul li a.douga_right_inner .douga_img_box{height:100%;}
#feature #feature_sub3 .douga_box ul li a.douga_right_inner .douga_img_box img{height:100%;padding-left:50px;}
#feature #feature_sub3 .douga_box ul li a.douga_right_inner .douga_text{display:inline-block;font-size:22px;font-weight:700;padding-top:20px;padding-left:20px;line-height:1.2;}
/*--動画撮影ここまで--*/
#feature .feature_sub4_row {display: flex;margin-bottom: 30px;}
#feature .feature_sub4_col {flex: 1 1 100%;margin-right: 30px;padding: 30px;border: 5px solid #efefef;}
#feature .feature_sub4_col:nth-child(2n) {margin-right: 0;}
#feature .feature_sub4_ttl {margin-bottom: 20px;padding: 0 0 0 10px;box-sizing: border-box;border-left: 5px solid black;font-size: 2.2rem;line-height: 1;}
#feature .feature_sub4_col:nth-child(1){border: 5px solid #fea800;}
#feature .feature_sub4_col:nth-child(2) .feature_sub4_ttl {padding: 9px 0 9px 10px;}
#feature .feature_sub4_ttl img{display: inline-block;width: auto;max-height: 35px;vertical-align: middle;margin: 0 5px 5px 0;}
#feature .feature_sub4_list {font-size: 1.4rem;line-height: 1.78571;}
#feature .feature_sub4_list dt {position: absolute;padding: 5px 0;}
#feature .feature_sub4_list dd {padding: 5px 0 5px 5.5em;border-bottom: 1px solid black;}
#feature .feature_sub4_bottom {display: flex;align-items: center;margin: 0 -30px -30px;background: #dcdddd;}
#feature .feature_sub4_bottom p {padding: 20px 20px 20px 74px;}
#feature .feature_sub4_ttl2 {position: relative;display: flex;flex-direction: column;justify-content: center;flex: 0 0 auto;align-self: stretch;padding: 25px 10px 25px 133px;background: black;color: white;}
#feature .feature_sub4_ttl2 span:first-of-type {display: inline-block;margin-bottom: 14px;padding: 14px 15px 12px;background: white;color: black;font-size: 2.4rem;font-weight: bold;line-height: 1;text-align: center;border-radius: 1em;}
#feature .feature_sub4_ttl2 span:nth-of-type(2) {display: inline-block;font-size: 2.5rem;font-weight: bold;line-height: 1;text-align: center;}
#feature .feature_sub4_ttl2 span strong{display: inline-block;font-size: 3.8rem;font-weight: 700;margin: 0 5px;border-bottom: 5px solid #fea800;}
#feature .feature_sub4_ttl2::before {display: block;content: "";position: absolute;top: -11px;left: 18px;width: 100px;height: 139px;background: url(../images/home/feature_sub4_img@2x.png) center top/contain no-repeat;}
#feature .feature_sub4_ttl2::after {display: block;content: "";position: absolute;top: 0;left: 100%;width: 40px;height: 100%;background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, black 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, black 50.5%) no-repeat bottom right/100% 50%;}
#case_link{padding-top: 70px;  margin-top: -70px;}
#case .case_list {display: flex;}
#case ul.case_list2 li{float:left;margin-right:30px;margin-bottom:30px;width: 33.333333%;width: calc((100% - 60px) / 3);width: -webkit-calc((100% - 60px) / 3);width: -moz-calc((100% - 60px) / 3);box-sizing:border-box;
  border: 1px solid #dcdddd;background: white;	position: relative;}
#case ul.case_list2 li:nth-child(3n){margin-right:0;}
#case .case_list_thumb {position: relative;height: 0;padding-top: calc((225 / 310) * 100%);overflow: hidden;background-color: #eee;}
#case .case_list_thumb img {/*position: absolute;top: 50%;left: 50%;max-width: 100%;max-height: 100%;transform: translate(-50%, -50%);*/
  position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;height: auto;}
#case .case_list_desc {padding: 15px 15px 10px;}
#case .case_list_desc::after {content: "";display: block;width: 80px;height: 110px;position: absolute;right: 10px;bottom: 0;}
#case li:nth-child(1) .case_list_desc::after {background: url(../images/home/case_pic01.png) no-repeat center bottom;background-size: contain;}
#case li:nth-child(2) .case_list_desc::after {background: url(../images/home/case_pic02.png) no-repeat center bottom;background-size: contain;}
#case li:nth-child(3) .case_list_desc::after {background: url(../images/home/case_pic03.png) no-repeat center bottom;background-size: contain;}
#case li:nth-child(4) .case_list_desc::after {background: url(../images/home/case_pic04.png) no-repeat center bottom;background-size: contain;}
#case li:nth-child(5) .case_list_desc::after {background: url(../images/home/case_pic05.png) no-repeat center bottom;background-size: contain;}
#case li:nth-child(6) .case_list_desc::after {background: url(../images/home/case_pic06.png) no-repeat center bottom;background-size: contain;}
#case .case_list_desc_ttl {margin-bottom: 10px;font-size: 1.8rem;padding: 0 35% 0 0;box-sizing: border-box;}
#case .case_list_desc_ttl span{display: block;font-size: 1.3rem;}
#case .case_list_desc p {color: #ea5514;font-size: 2.2rem;line-height: 1.4;text-align: left;padding: 0 35% 0 0;box-sizing: border-box;}
#case .case_list_desc br {display: none;}
#support .inner {padding-top: 10px;}
#support .mowing {max-width: 1000px;margin: 0 auto;padding:0 0 60px;box-sizing: border-box;}
#support .mowing a{transition:.2s;}
#support .mowing a:hover{opacity:.8;}
#support .inner > a {display: block;transition: opacity 0.2s ease-in-out;-webkit-font-smoothing: antialiased;}
#support .inner > a:hover, #support .inner > a:active {opacity: .8;}
#support .support_banner {display: flex;align-items: center;padding: 15px;background: #956134;}
#support .support_banner_inner {min-height: 156px;padding: 20px 20px 20px 212px;background: white url(../images/home/support_img@2x.png) 30px center/160px 156px no-repeat;border-radius: 10px;}
#support .support_banner p {font-size: 1.4rem;line-height: 1.71429;}
#support .support_ttl {flex: 0 0 auto;margin-right: 30px;margin-left: 15px;}
#support .support_ttl2 {margin-bottom: 10px;color: #7f4f21;font-size: 2.5rem;font-weight: bold;}
#staff {background: url(../images/home/staff_bg@2x.png) left center/12px 12px;}
#staff .inner > a {display: block;transition: opacity 0.2s ease-in-out;-webkit-font-smoothing: antialiased;}
#staff .inner > a:hover, #staff .inner > a:active {opacity: .8;}
#staff .staff_banner {display: flex;flex-direction: column;justify-content: center;height: 240px;max-height: 240px;padding: 0 50px;background: linear-gradient(to right, black 40%, transparent 65%), url(../images/home/staff_img.png) no-repeat right top, black;box-sizing: border-box;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);overflow: hidden;}
#staff .staff_banner p {color: white;font-size: 1.4rem;line-height: 1.71429;}
#staff .staff_ttl {margin-bottom: 30px;}
#company_link{padding-top: 70px;  margin-top: -70px;}
#company .company_table {width: 100%;margin-bottom: 35px;border-collapse: collapse;}
#company .company_table th {padding: 10px 15px 8px;border: 1px solid #dcdddd;background: #efefef;font-size: 1.5rem;line-height: 1.66667;text-align: left;white-space: nowrap;}
#company .company_table td {padding: 10px 15px 8px;border: 1px solid #dcdddd;font-size: 1.5rem;line-height: 1.66667;text-align: left;}
#company .company_photo {display: flex;margin-bottom: 35px;}
#company .company_photo li {flex: 1 1 auto;flex-basis: calc((100% - 70px) / 3);margin-right: 35px;}
#company .company_photo li:nth-child(3n) {margin-right: 0;}
#company .company_map {width: 100%;height: 440px;margin-bottom: 35px;border: 0;}

/*===================お客様の声====================*/

#voice{background-color:#eee;margin-bottom:50px;}
#voice ul li{float:left;margin-right:30px;margin-bottom:30px;width: 50%;width: calc((100% - 30px) / 2);width: -webkit-calc((100% - 30px) / 2);width: -moz-calc((100% - 30px) / 2);box-sizing:border-box;border: 1px solid #dcdddd;background: white;}
#voice ul li:nth-child(even){margin-right:0px;}
#voice ul li a{-webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all  0.3s ease;}
#voice ul li a:hover{filter:alpha(opacity=70);  -moz-opacity: 0.7;  opacity: 0.7;}

.fix_btn{position:fixed;bottom:25px;right:25px;z-index: 100;-webkit-transform: translate3d(0, 0, 0);}

.fix_btn a{-webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all  0.3s ease;}

.fix_btn a:hover{filter:alpha(opacity=70);  -moz-opacity: 0.7;  opacity: 0.7;}

.fix_btn2{position:fixed;bottom:25px;right:25px;z-index: 100;}

@media screen and (max-width: 1024px) {#estate .estate_list{	height: auto;	max-height: inherit;}
#estate .estate_list > li {  display: none;  flex-basis: calc(((100% - 40px) / 3) - .01px); height: auto;  margin: 0 20px 20px 0;}
#estate .estate_list > li:nth-child(1),
#estate .estate_list > li:nth-child(2),
#estate .estate_list > li:nth-child(3),
#estate .estate_list > li:nth-child(4),
#estate .estate_list > li:nth-child(5),
#estate .estate_list > li:nth-child(6),
#estate .estate_list > li:nth-child(7),
#estate .estate_list > li:nth-child(8),
#estate .estate_list > li:nth-child(9),
#estate .estate_list > li:nth-child(10),
#estate .estate_list > li:nth-child(11),
#estate .estate_list > li:nth-child(12),
#estate .estate_list > li:nth-child(13),
#estate .estate_list > li:nth-child(14),
#estate .estate_list > li:nth-child(15),
#estate .estate_list > li:nth-child(16){ display: block;}
#estate .estate_list > li:nth-child(4n) {margin-right: 20px;}
#estate .estate_list > li:nth-child(3n) {margin-right: 0;}
}

@media screen and (max-width: 960px) {
#content .inner {margin: 0 20px;  padding-top: 40px;  padding-bottom: 40px;}
#content .contact_inner {padding: 22px 20px;}
#content .contact_ttl {margin: 0 10px;}
#content .contact_btn {margin: -3px 10px 0;}
#hero .inner {padding: 0;}
#estate .estate_header_ttl {padding-right: 160px;}
#estate .estate_list_desc {/*display: flex;*/
    padding: 10px;}
#estate .estate_list_desc p {height: calc(1.3rem*1.7*4);}
#estate .estate_list_desc p::before{top: calc(1.3rem*1.7*3);}


#estate .estate_list_desc_col {flex: 0 0 60px;  margin-right: 10px;}
#estate .estate_list_desc_thumb {padding-top: calc(40% - 2px);}
#feature .feature_sub1_row {display: block;}
/*#feature .feature_sub1_col {max-width: 392px;  margin: 0 auto 30px;}*/
#feature .feature_sub1_col ul li p{font-size: 1em;}
#feature .feature_sub1_col ul li span{}
#feature .feature_sub1_col ul li span.add1{padding: 0;}
#feature .feature_sub1_col ul li span.add3{padding: 0;}
#feature .feature_sub3_row:first-of-type {margin-bottom: 20px;}
#feature .feature_sub3_col {flex-basis: calc((100% - 20px) / 2);  margin-right: 20px;}
#feature .feature_sub3_col:nth-child(2n) {margin-right: 0;}
#feature .feature_sub3_row.iframe{  display: block;  margin: 0;}
#feature .feature_sub3_col.iframe_col {  flex: initial;  width: 100%;  height: auto;  margin: 0 0 15px;}
#feature .feature_sub3_col.iframe_col:last-child{margin: 0;}
	
/*--動画撮影--*/
#feature #feature_sub3 .douga_box ul{margin-right:-20px;}
#feature #feature_sub3 .douga_box ul li{padding:0 20px 0 0;}
/*--youtube--*/
#feature #feature_sub3 .douga_box ul li a.douga_left_inner .douga_img_box img{padding-left:10px;}
#feature #feature_sub3 .douga_box ul li a.douga_left_inner .douga_text{padding-left:10px;padding-top:22px;font-size:18px;}
/*--インスタグラム--*/
#feature #feature_sub3 .douga_box ul li a.douga_right_inner .douga_img_box img{padding-left:10px;}
#feature #feature_sub3 .douga_box ul li a.douga_right_inner .douga_text{padding-left:10px;padding-top:22px;font-size:18px;}
/*--動画撮影ここまで--*/	

#feature .feature_sub4_col {margin-right: 20px;  padding: 20px;}
#feature .feature_sub4_col:nth-child(2n) {margin-right: 0;}
#feature .feature_sub4_bottom {display: block;}
#feature .feature_sub4_bottom p {padding: 20px;  text-align: center;}
#feature .feature_sub4_ttl2 {flex-direction: row;  align-items: center;  padding: 20px 10px 20px 133px;}
#feature .feature_sub4_ttl2 span:first-of-type {margin-right: 10px;  margin-bottom: 0;}
#feature .feature_sub4_ttl2::before {top: -20px;}
#feature .feature_sub4_ttl2::after {display: none;}
#case .case_list {display: flex;}
#case .case_list > li {flex-basis: calc((100% - 40px) / 3);  margin: 0 20px 0 0;}
#case .case_list > li:nth-child(3n) {margin-right: 0;}
#support .inner {padding-top: 10px;}
#support .mowing {padding: 0 20px 30px;}
#support .support_banner {display: block;}
#support .support_banner_inner {min-height: 156px;  padding: 20px 20px 20px 212px;  background: white url(../images/home/support_img@2x.png) 30px center/160px 156px no-repeat;  border-radius: 10px;}
#support .support_banner p {font-size: 1.4rem;  line-height: 1.71429;}
#support .support_ttl {margin: 0 0 10px;  text-align: center;}
#staff .staff_banner {position: relative;  height: auto;  max-height: none;  padding: 40px 30px;  background: linear-gradient(to right, black, transparent 80%), url(../images/home/staff_img.png) no-repeat right top, black;}
#company .company_photo li {flex-basis: calc((100% - 40px) / 3);  margin-right: 20px;}
#company .company_photo li:nth-child(3n) {margin-right: 0;}
#company .company_map {height: 400px;}
#case ul.case_list2 li{float:left;margin-right:20px;margin-bottom:20px;width: 33.333333%;width: calc((100% - 40px) / 3);width: -webkit-calc((100% - 40px) / 3);width: -moz-calc((100% - 40px) / 3);box-sizing:border-box;border: 1px solid #dcdddd;background: white;} 

/*===================お客様の声====================*/

#voice ul li{float:left;margin-right:20px;width: 50%;width: calc((100% - 20px) / 2);width: -webkit-calc((100% - 20px) / 2);width: -moz-calc((100% - 20px) / 2);box-sizing:border-box;}

}

@media screen and (max-width: 767px) {

.fix_btn{display:none;}
#content .inner {margin: 0 10px;  padding-top: 30px;  padding-bottom: 30px;}
#content .ttl {font-size: 2.6rem;}
#content .ttl span br {display: inline;}
#content .contact_inner {display: block;  padding: 22px 5px;}
#content .contact_ttl {margin: 0 0 15px;  font-size: 2.2rem;  text-align: center;}
#content .contact_btn {margin: -3px auto 0;}
#hero .inner {margin: 0;  padding: 20px 0 0;  max-width: 100%;  overflow: hidden;}
#hero .hero_img {margin: 0 10px;}
#campaign .inner{ padding: 30px 0 0;}
#campaign a img.pc_on{ display: none;}
#campaign a img.sph_on{ display: inherit;}
#news .news_list_wrap {height: 100px;}
#estate .estate_header {margin-bottom: 30px;}
#estate .estate_header_ttl {margin-bottom: 10px;  padding-right: 0;  font-size: 2.5rem;}
#estate .estate_header_btn {position: relative;  top: auto;  right: auto;  transform: translateY(0);}
#estate .estate_list {display: block;  padding: 0;}
#estate .estate_list > li {display: none;  height: auto;  margin: 0 0 10px 0;  padding: 5px;}
#estate .estate_list > li:nth-child(1),
#estate .estate_list > li:nth-child(2),
#estate .estate_list > li:nth-child(3),
#estate .estate_list > li:nth-child(4),
#estate .estate_list > li:nth-child(5),
#estate .estate_list > li:nth-child(6),
#estate .estate_list > li:nth-child(7),
#estate .estate_list > li:nth-child(8),
#estate .estate_list > li:nth-child(9),
#estate .estate_list > li:nth-child(10),
#estate .estate_list > li:nth-child(11),
#estate .estate_list > li:nth-child(12),
#estate .estate_list > li:nth-child(13),
#estate .estate_list > li:nth-child(14),
#estate .estate_list > li:nth-child(15),
#estate .estate_list > li:nth-child(16){ display: flex;}
#estate .estate_list > li:nth-child(4n) {margin-right: 0;}
#estate .estate_list_thumb {flex: 0 0 120px;  height: auto;  min-height: 87px;  margin-right: 10px;  padding: 0;}
#estate .estate_list_desc {padding: 0;}
#estate .estate_list_desc_col {display: none;}
#estate .estate_list_desc_ttl {padding-top: 5px;}
#estate .estate_list_desc p {padding-bottom: 5px;  line-height: 1.5;  height: auto;}
	#estate .estate_list_desc p::before,
	#estate .estate_list_desc p::after{ content: none;}
#feature .feature_ttl {margin-bottom: 10px;  padding: 0 20px;}
#feature .feature_lead {margin-bottom: 30px;  padding: 0;  background: none;}
#feature .feature_lead::before {display: block;  content: "";  width: 164px;  height: 203px;  margin: 0 auto 20px;  background: url(../images/home/feature_pict.png) center top/contain no-repeat;}
#feature .feature_lead_ttl {margin-bottom: 15px;}
#feature .feature_box_inner {padding: 20px 10px;}
#feature .feature_ttl2 {padding: 20px 20px 20px 70px;}
#feature .feature_ttl2 img {left: -5px;  width: 70px;  margin-top: 0;}
#feature .feature_ttl2 span{display: block;}
#feature .feature_ttl3 {margin-bottom: 20px;  font-size: 2.4rem;}
#feature .feature_sub1_col {margin: 0 auto 15px;}
#feature .feature_sub1_col ul li{display: block;width: 100%;margin: 0 0 10px;}
#feature .feature_sub1_col ul li:last-child{margin: 0;}
#feature .feature_sub1_col ul li span{width: 100%;height: auto;}
#feature .feature_sub1_col ul li span.add1{width: 100%;margin: 0;}
#feature .feature_sub1_col ul li span img{position: inherit;}
#feature .feature_sub3_col {flex-basis: calc((100% - 10px) / 2);  margin-right: 10px;}
#feature .feature_sub3_col:nth-child(2n) {margin-right: 0;}
	
/*--動画撮影--*/
#feature #feature_sub3 .douga_box{width:100%;overflow:hidden;}
#feature #feature_sub3 .douga_box ul{margin-right:0;letter-spacing:-1em;}
#feature #feature_sub3 .douga_box ul li{display:block;width:100%;padding:0;}
	#feature #feature_sub3 .douga_box ul li:nth-of-type(1){margin-bottom:10px;}
/*--youtube--*/
#feature #feature_sub3 .douga_box ul li .douga_left{height:80px;}
#feature #feature_sub3 .douga_box ul li a.douga_left_inner{height:70px}
#feature #feature_sub3 .douga_box ul li a.douga_rleft_inner .douga_img_box img{height:100%;padding-left:5px;}
#feature #feature_sub3 .douga_box ul li a.douga_left_inner .douga_text{font-size:16px;padding-top:18px;padding-left:5px;}
/*--インスタグラム--*/
#feature #feature_sub3 .douga_box ul li .douga_right{height:80px;}
#feature #feature_sub3 .douga_box ul li a.douga_right_inner{height:70px}
#feature #feature_sub3 .douga_box ul li a.douga_right_inner .douga_img_box img{height:100%;padding-left:5px;}
#feature #feature_sub3 .douga_box ul li a.douga_right_inner .douga_text{font-size:16px;padding-top:18px;padding-left:5px;}
/*--動画撮影ここまで--*/
	
	
#feature .feature_sub4_row {display: block;}
#feature .feature_sub4_col {margin-right: 0;  margin-bottom: 10px;  padding: 10px;}
#feature .feature_sub4_bottom {margin: 0 -10px -20px;}
#feature .feature_sub4_bottom p {text-align: left;}
#feature .feature_sub4_bottom p .over768 {display: none;}
#feature .feature_sub4_ttl2 {  flex-direction:column;  padding: 5px;}
#feature .feature_sub4_ttl2 span:first-of-type {  width: 75%;  font-size: 1.6rem;  margin: 0 0 0 25%;  padding: 8px 10px 5px;  box-sizing: border-box;}
#feature .feature_sub4_ttl2 span:nth-of-type(2) {  width: 75%;  font-size: 1.6rem;  margin: 0 0 0 25%;  padding: 10px 0 5px;}
#feature .feature_sub4_ttl2 span strong{font-size: 2.8rem;}
#feature .feature_sub4_ttl2::before {position: absolute;  top: 5px;  left: 20px;  width: 50px;  height: calc((139 / 100) * 50px);  margin-right: 10px;  transform: translateY(0);}
#case .inner {padding-bottom: 10px;}
#case .case_list {display: block;}
#case .case_list > li {display: flex;  margin: 0 0 10px;  padding: 5px;}
#case .case_list_thumb {flex: 0 0 120px;  height: auto;  min-height: 87px;  margin-right: 10px;  padding: 0;}
#case .case_list_desc {display: table-cell;  flex-direction: column;  justify-content: center;  padding: 5px;}
#case .case_list_desc::after {width: 40px;height: 55px;right: 5px;}
#case .case_list_desc_ttl {margin: 0;padding: 0 15% 5px 5px;}
#case .case_list_desc p {font-size: 2rem;  line-height: 1.2;  padding: 0;}
#support .inner {padding-top: 10px;}
#support .mowing {padding: 0 10px 10px;}
#support .mowing a img{width:100%;}
#support .support_banner {display: block;}
#support .support_banner_inner {padding: 15px;  background: white;}
#support .support_banner_inner::before {display: block;  content: "";  width: 160px;  height: 156px;  margin: 0 auto 10px;  background: url(../images/home/support_img@2x.png) center center/contain no-repeat;}
#support .support_ttl2 {text-align: center;}
#staff .staff_banner {padding: 30px 20px;  background: linear-gradient(to right, black, rgba(0, 0, 0, 0.2) 100%), url(../images/home/staff_img.png) right top/cover no-repeat, black;}
#company .company_table {border-bottom: 1px solid #dcdddd;}
#company .company_table th {display: block;  border-bottom: none;}
#company .company_table td {display: block;  border-bottom: none;}
#company .company_photo li {flex-basis: calc((100% - 20px) / 3);  margin-right: 10px;}
#company .company_photo li:nth-child(3n) {margin-right: 0;}
#company .company_map {height: 300px;}
#case ul.case_list2 li{float:none;display: table;width:100%;/*height:90px;float:left;margin-right:10px;margin-bottom:10px;width: 50%;width: calc((100% - 20px) / 2);width: -webkit-calc((100% - 20px) / 2);width: -moz-calc((100% - 20px) / 2);box-sizing:border-box;*/border: 1px solid #dcdddd;background: white;}
#case ul.case_list2 li .case_list_thumb{display: table-cell;width:130px;/*height:88px;float:left;*/}
#voice{margin-bottom:20px;}
#voice ul li{float:none;width:100%;margin-bottom:10px;/*margin-right:10px;width: 50%;width: calc((100% - 10px) / 2);width: -webkit-calc((100% - 10px) / 2);width: -moz-calc((100% - 10px) / 2);box-sizing:border-box;*/}
}
@media screen and (max-width: 374px) {
#case .case_list_desc br {	display: inherit;}
}

@media screen and (max-width: 374px) {
#content .contact_ttl {font-size: 2rem;}
}
.banner {display:flex;flex-wrap:wrap;justify-content:center;padding:35px 0;max-width:710px;margin:auto;}
.banner a {width: 100%;max-width: 345px;height: auto;display: block;}
.banner a:nth-of-type(2n) {margin-left: 20px;}
.banner a:nth-of-type(n+3) {margin-top: 20px;}
.banner a:hover{opacity:0.7;}
.banner a img {width: 100%;height: auto;}
@media screen and (max-width: 767px){
.banner {display: block;padding: 20px;}
.banner a {max-width: inherit;}
.banner a:nth-of-type(2n) {margin-left:0;}
.banner a:nth-of-type(n+2) {margin-top:20px;}
}

#content .youtube_wrap { padding: 35px 0 0; max-width: 710px; margin: auto;}
#content .youtube_wrap iframe { width: 100%; height: auto; aspect-ratio: 16/9;}
#content .youtube_wrap .youtube_ttl {display: flex;align-items: center;margin-bottom: 20px;font-size: 3.1rem;}
#content .youtube_wrap .youtube_ttl span {text-align: center;}
#content .youtube_wrap .youtube_ttl span br{display: none;}
#content .youtube_wrap .youtube_ttl::before,
#content .youtube_wrap .youtube_ttl::after {display: block;content: "";flex-grow: 1;border-top: 3px solid;transform: translateY(-3px);}
#content .youtube_wrap .youtube_ttl::before {margin-right: 0.5em;}
#content .youtube_wrap .youtube_ttl::after {margin-left: 0.5em;}
@media screen and (max-width: 767px){
#content .youtube_wrap {display: block;padding: 20px 20px 0;}
#content .youtube_wrap .youtube_ttl { margin-bottom: 10px; font-size: 2.6rem;}
#content .youtube_wrap .youtube_ttl span br{display: block;}
}
