@charset "utf-8";
/* watch css */

.g_navi .gnav01 a::before {
opacity: 1;
top: -18px;
}
.intro_imgbox {
padding-right: 8.02%;
margin-bottom: 40px;
}

@media all and (max-width : 820px ){
.intro_imgbox {
padding-right: 4.02%;
margin-bottom: 30px;
}
}

@media all and (max-width : 767px ){
.intro_imgbox {
padding-right: 4.2%;
margin-bottom: 15px;
}
}

.intro_img {
position: relative;
z-index: 0;
}
.intro_img::after {
content: "";
display: block;
background-color: #000;
opacity: 0.1;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.intro_img img {
width: 100%;
}
.intro_title {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: 0.2em;
margin-bottom: 30px;
}

@media all and (max-width : 1024px ){
.intro_title {
font-size: 2.2rem;
letter-spacing: 0.15em;
margin-bottom: 20px;
}
}

@media all and (max-width : 820px ){
.intro_title {
font-size: 2.0rem;
}
}

@media all and (max-width : 767px ){
.intro_title {
font-size: 1.6rem;
margin-bottom: 15px;
}
}

.intro_title span {
color: #003791;
}

/*-------------------------------------------------
お悩みのケース
-------------------------------------------------*/

.service_box_wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: 60px;
}
.service_box {
width: calc(20% - 80px / 5);
margin-right: 20px;
position: relative;
border: solid 1px #ddd;
display: flex;
flex-direction: column;
align-items: center;
}
.service_box:nth-child(5n) {
margin-right: 0px;
}

@media all and (max-width : 820px ){
.service_box {
width: calc(33.3333333% - 40px / 3);
margin-right: 20px;
margin-bottom: 20px;
}
.service_box:nth-child(3n) {
margin-right: 0px;
}
}

.case_title {
font-family: "Barlow Condensed", sans-serif;
font-weight: 600;
font-size: 2.0rem;
color:#5584A6;
letter-spacing: 0.05em;
display: block;
text-align: center;
padding-top: 20px;
margin-bottom: 25px;
}
.service_txt {
font-size: 1.5rem;
font-weight: 600;
line-height: 170%;
text-align: center;
display: block;
padding: 15px 15px 20px;
}

@media all and (max-width : 820px ){
.service_txt {
font-size: 1.4rem;
}
}

@media all and (max-width : 767px ){
.service_box {
width: calc(50% - 10px / 2);
margin-right: 10px;
margin-bottom: 10px;
}
.service_box:nth-child(3n) {
margin-right: 10px;
}
.service_box:nth-child(2n) {
margin-right: 0px;
}
.case_title {
font-size: 1.6rem;
padding-top: 10px;
margin-bottom: 15px;
}
.service_box img {
width: 75%;
position: relative;
left: 10px;
}
.service_txt {
font-size: 1.2rem;
}
.service_box_wrap {
margin-bottom: 30px;
}
}


/*-------------------------------------------------
コンセプトエリア
-------------------------------------------------*/

.concept_box_wrap {
display: flex;
justify-content: space-between;
padding-top: 20px;
margin-bottom: 80px;
}
.concept_txt {
width: 50%;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: 0.15em;
line-height: 200%;
}

@media all and (max-width : 1024px ){
.concept_txt {
font-size: 1.5rem;
letter-spacing: 0.1em;
}
}

.concept_img {
width: 45.56%;
}
.concept_img img {
width: 100%;
}

@media all and (max-width : 820px ){
.concept_box_wrap {
display: flex;
justify-content: space-between;
flex-direction: column-reverse;
padding-top: 10px;
margin-bottom: 50px;
}
.concept_txt {
width: 100%;
font-size: 1.4rem;
}
.concept_img {
width: 100%;
margin-bottom: 20px;
}
}

@media all and (max-width : 767px ){
.concept_box_wrap {
padding-top: 5px;
margin-bottom: 30px;
}
.concept_txt {
font-size: 1.3rem;
}
.concept_img {
margin-bottom: 10px;
}
.sec_title {
margin-bottom: 20px;
}
}


/*-------------------------------------------------
 sec_strength
-------------------------------------------------*/

.sec_strength {
z-index: 0;
overflow: hidden;
position: relative;
margin-bottom: 100px;
}
.strength_box {
position: relative;
margin: auto;
max-width: 1260px;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
margin-top: 60px;
}
.strength_box:before {
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
background-color: #E6E6E6;
opacity: 0.5;
left: 0;
width: 100%;
}

@media all and (max-width : 820px ){
.strength_box {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 40px;
}
}

.strength_box .block {
margin-left: 50%;
padding-left: 50px;
width: 50%;
position: relative;
box-sizing: border-box;
text-align: left;
}
.strength_box .block.type01 {
margin-left: 0;
}
.strength_box .number {
margin-bottom: 15px;
color: #003C76;
display: flex;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
letter-spacing: 0.05em;
padding-top: 5px;
}
.strength_box .number dt {
font-size: 2.4rem;
line-height: 100%;
padding-top: 10px;
}
.strength_box .number dd {
font-size: 3.6rem;
line-height: 100%;
margin-left: 7px;
}
.strength_box .strength_title {
font-size: 3.0rem;
letter-spacing: 0.2em;
}

@media all and (max-width : 1024px ){
.strength_box .strength_title {
font-size: 2.4rem;
}
}

.strength_box .ph {
position: absolute;
top: 0;
right: 100%;
max-width: 685px;
height: auto;
z-index: 2;
}
.strength_box .ph.type01 {
right: auto;
left: 100%;
}
.strength_box .txtarea {
position: relative;
color: #fff;
margin: 40px 0 80px;
padding: 50px 30px 160px 0;
z-index: 1;
}

@media all and (max-width : 820px ){
.strength_box .txtarea {
margin: 20px 0 40px;
padding: 50px 30px 100px 0;
}
}

.strength_box #sec03 .txtarea {
margin-bottom: 0px;
}
.strength_box .txtarea:before {
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
background-color: #5584A6;
left: -70%;
right: -70%;
z-index: -1;
}
.txtarea .des_copy {
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
.txtarea .des_txt {
font-size: 1.6rem;
line-height: 200%;
}

@media all and (max-width : 1260px ){
.txtarea .des_txt {
line-height: 180%;
}
}

@media all and (max-width : 1024px ){
.txtarea .des_copy {
font-size: 2.0rem;
letter-spacing: 0.15em;
}
.txtarea .des_txt {
font-size: 1.5rem;
line-height: 180%;
}
}

@media all and (max-width : 820px ){
.txtarea .des_copy {
font-size: 1.8rem;
letter-spacing: 0.1em;
}
.txtarea .des_txt {
font-size: 1.4rem;
}
}

@media all and (max-width : 767px ){
.sec_strength {
margin-bottom: 40px;
}
.strength_box:before {
left: -30px;
width: 100%;
}
.strength_box {
padding-top: 30px;
padding-bottom: 40px;
margin-top: 40px;
}
.strength_box .block {
margin-left: 35px;
padding-left: 0px;
width: 91%;
position: relative;
}
.strength_box .block.type01 {
margin-left: 35px;
}
.strength_box .number {
text-align: right;
padding-right: 0.3rem;
margin-bottom: 5px;
}
.strength_box .number dt {
font-size: 1.3rem;
padding-top: 3px;
}
.strength_box .number dd {
font-size: 1.6rem;
margin-left: 7px;
}
.strength_box .strength_title {
font-size: 2.0rem;
margin-bottom: 10px;
}
.strength_box .txtarea {
margin: -40px 0 30px;
padding: 55px 15px 30px 0px;
}
.txtarea .des_copy {
font-size: 1.4rem;
margin-bottom: 15px;
}
.txtarea .des_txt {
font-size: 1.3rem;
line-height: 180%;
}
.strength_box .ph {
position: relative;
right: 0;
width: 100%;
object-fit: cover;
}
.strength_box .ph.type01 {
right: auto;
left: 0%;
}
}


/*-------------------------------------------------
sec_works
-------------------------------------------------*/

.sec_works {
width: 100%;
margin-bottom: 100px;
}
.works_title {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: 0.2em;
line-height: 100%;
padding-bottom: 15px;
border-bottom: solid 1px #ccc;
margin-bottom: 40px;
}
.works_box {
width: calc(33.3333333% - 60px / 3);
margin-right: 30px;
margin-bottom: 40px;
}
.works_box:nth-child(3n) {
margin-right: 0;
}

@media all and (max-width : 1024px ){
.works_box {
width: calc(33.3333333% - 40px / 3);
margin-right: 20px;
margin-bottom: 25px;
}
}

.work_img {
margin-bottom: 20px;
}
.work_img img {
width: 100%;
}
.work_txtbox dt {
font-size: 1.8rem;
font-weight: 700;
color: #003D79;
letter-spacing: 0.2em;
display: block;
text-align: center;
margin-bottom: 15px;
}
.works_box_wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
.work_txtbox dd {
font-size: 1.5rem;
}
.sec_txt {
font-size: 1.5rem;
line-height: 200%;
margin-bottom: 40px;
}

@media all and (max-width : 1024px ){
.works_title {
font-size: 2.0rem;
margin-bottom: 20px;
}
.work_img {
margin-bottom: 10px;
}
.work_txtbox dt {
font-size: 1.6rem;
letter-spacing: 0.15em;
}
.work_txtbox dd {
font-size: 1.4rem;
}
}

@media all and (max-width : 820px ){
.work_txtbox dt {
font-size: 1.5rem;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
}

@media all and (max-width : 767px ){
.sec_works {
margin-bottom: 40px;
}
.works_title {
font-size: 1.6rem;
margin-bottom: 20px;
}
.works_box {
width: calc(50% - 10px / 2);
margin-right: 10px;
margin-bottom: 20px;
}
.works_box:nth-child(3n) {
margin-right: 10;
}
.works_box:nth-child(2n) {
margin-right: 0;
}
.work_txtbox dt {
font-size: 1.3rem;
}
.work_txtbox dd {
font-size: 1.2rem;
line-height: 160%;
}
.works_box_wrap {
margin-bottom: 20px;
}
.sec_txt {
font-size: 1.2rem;
line-height: 180%;
margin-bottom: 20px;
}
}


/*-------------------------------------------------
プラン比較表
-------------------------------------------------*/

.table_scroll_wrap {
width: 100%;
overflow: hidden;
}
.table_scroll_inner {
overflow-x: auto;
}
.plan_table {
width: 100%;
border-collapse: collapse;
border-left: solid 1px #ddd;
margin-bottom: 60px;
}
.component_box {
width: 100%;
}
.plan_table th {
padding: 20px 10px;
font-size: 1.8rem;
font-weight: 600;
color: #fff;
letter-spacing: 0.2em;
line-height: 160%;
vertical-align: middle;
}
.plan_table th span {
font-size: 1.4rem;
letter-spacing: 0.05em;
}

@media all and (max-width : 1260px ){
.plan_table th {
font-size: 1.6rem;
letter-spacing: 0.1em;
}
.plan_table th span {
font-size: 1.2rem;
}
}

@media all and (max-width : 900px ){
.plan_table th {
font-size: 1.4rem;
letter-spacing: 0.05em;
}
.plan_table th span {
font-size: 1.1rem;
}
}

.plan_table th.bg_wht {
width: 19.29%;
background: #fff;
border-top: solid 1px #fff;
border-left: solid 1px #fff;
border-bottom: solid 1px #ddd;
}
.plan_table th.bg_sax,
.plan_table th.bg_blue,
.plan_table th.bg_orange {
width: 26.83%;
}
.plan_table th.bg_sax {
background: #0071BC;
}
.plan_table th.bg_blue {
background: #00468B;
}
.plan_table th.bg_orange {
background: #FE7D13;
}
.plan_table td {
padding: 15px 10px;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.1em;
text-align: center;
}

@media all and (max-width : 1024px ){
.plan_table td {
font-size: 1.4rem;
letter-spacing: 0.05em;
}
}

@media all and (max-width : 900px ){
.plan_table td {
font-size: 1.3rem;
}
}

.plan_table td.left_box {
background: #F3F3F3;
font-weight: 600;
}
.plan_table td.price_cell {
font-size: 1.2rem;
color: #003D79;
}
.plan_table td.price_cell span {
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-size: 2.6rem;
letter-spacing: 0.05em;
}

@media all and (max-width : 980px ){
.plan_table td.left_box {
text-align: left;
}
}

@media all and (max-width : 767px ){
.table_scroll_inner {
overflow-x: scroll;
}
.plan_table th {
font-size: 1.35rem;
text-align: left;
line-height: 130%;
vertical-align: top;
}
.plan_table th span {
font-size: 1.0rem;
line-height: 110%;
}
.nowrap_box {
white-space: nowrap;
}
.component_box {
width: 550px;
}
.plan_table td.price_cell span {
font-size: 2.0rem;
}
.plan_table td {
font-size: 1.2rem;
}
}


/*-------------------------------------------------
プラン詳細
-------------------------------------------------*/

.sec_plan {
margin-bottom: 80px;
}
.plan_box {
width: 100%;
border-radius: 10px;
margin-bottom: 70px;
}

@media all and (max-width : 820px ){
.plan_box {
margin-bottom: 30px;
}
}

.plan01 {
border: solid 3px #0071BC;
}
.plan02 {
border: solid 3px #00468B;
}
.plan03 {
border: solid 3px #FE7D13;
}
.plan_box_head {
padding: 18px 0;
width: 100%;
border-radius: 4px 4px 0 0;
color: #fff;
}
.plan01 .plan_box_head {
background: #0071BC;
}
.plan02 .plan_box_head {
background: #00468B;
}
.plan03 .plan_box_head {
background: #FE7D13;
}
.plan_box_head .plan_title {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: 0.2em;
line-height: 125%;
text-align: center;
}
.plan_box_head .plan_title span {
font-size: 1.5rem;
letter-spacing: 0.15em;
}
.pick {
font-size: 1.2rem;
font-weight: 700;
color: #000;
padding: 5px 15px;
border-radius: 20px;
background: #FFDE00;
margin-right: 10px;
}
.plan_title_wrap {
display: flex;
align-items: flex-start;
justify-content: center;
}
.plan_inner {
padding: 20px 50px 40px;
}
.plan_price {
font-size: 1.8rem;
color: #003D79;
display: block;
text-align: center;
margin-bottom: 20px;
}
.plan_price span {
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-size: 4.0rem;
letter-spacing: 0.05em;
}
.plan03 .plan_price {
color: #222;
}
.list_head {
display: flex;
justify-content: space-between;
}
.list_head li {
width: 49%;
font-size: 1.6rem;
font-weight: 700;
padding: 20px 0;
color: #fff;
text-align: center;
border-radius: 5px;
}
.list_head li span {
font-size: 2.2rem;
}
.plan01 .list_head li {
background: #0071BC;
}
.plan02 .list_head li {
background: #00468B;
}
.plan03 .list_head li {
background: #FE7D13;
}
.plan_subtutle {
font-size: 1.5rem;
font-weight: 700;
padding-top: 25px;
margin-bottom: 15px;
}
.plan_list {
display: flex;
flex-wrap: wrap;
}
.plan_list li {
font-size: 1.5rem;
font-weight: 500;
color: #fff;
text-align: center;
padding: 10px;
border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
}
.bg_sax {
background: #0071BC;
}
.bg_blue {
background: #00468B;
}
.bg_orange {
background: #FE7D13;
}
.bg_gray {
background: #C4C4C4;
}

@media all and (max-width : 767px ){
.sec_plan {
margin-bottom: 30px;
}
.plan_box_head .plan_title {
font-size: 1.6rem;
}
.plan_box_head .plan_title span {
font-size: 1.2rem;
letter-spacing: 0.1em;
}
.pick {
font-size: 1.0rem;
margin-right: 10px;
}
.plan_inner {
padding: 10px 20px 20px;
}
.plan_price {
font-size: 1.4rem;
margin-bottom: 10px;
}
.plan_price span {
font-size: 3.0rem;
}
.list_head {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.list_head li {
width: 100%;
font-size: 1.4rem;
padding: 12px 0;
margin-bottom: 10px;
}
.list_head li span {
font-size: 1.6rem;
}
.plan_subtutle {
font-size: 1.4rem;
padding-top: 15px;
margin-bottom: 10px;
}
.plan_list li {
font-size: 1.2rem;
padding: 6px 10px;
margin-right: 5px;
margin-bottom: 5px;
}
}


/*-------------------------------------------------
オプションメニュー
-------------------------------------------------*/

.option_box {
width: calc(33.3333333% - 40px / 3);
margin-right: 20px;
margin-bottom: 20px;
padding: 10px 10px 10px 15px;
background: #F0F0F0;
border: solid 1px #BBBBBB;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 6px;
}
.option_box:nth-child(3n) {
margin-right: 0;
}

@media all and (max-width : 979px ){
.option_box {
width: calc(50% - 20px / 2);
}
.option_box:nth-child(3n) {
margin-right: 20px;
}
.option_box:nth-child(2n) {
margin-right: 0px;
}
}

.option_box dt {
font-size: 1.6rem;
font-weight: 700;
color: #353535;
}
.option_box dd {
font-size: 1.4rem;
font-weight: 600;
color: #222222;
}
.option_box dd span {
font-family: "Barlow Condensed", sans-serif;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.05em;
}
.option_box_wrap {
display: flex;
flex-wrap: wrap;
}

@media all and (max-width : 767px ){
.option_box {
width: 100%;
margin-right: 0px;
margin-bottom: 10px;
}
.option_box:nth-child(3n) {
margin-right: 0px;
}
.option_box dt {
font-size: 1.3rem;
}
.option_box dd {
font-size: 1.2rem;
}
.option_box dd span {
font-size: 1.6rem;
}
}




/*-------------------------------------------------
サービスの流れ
-------------------------------------------------*/

.sec_flow {
margin-bottom: 80px;
}

@media all and (max-width : 820px ){
.sec_flow {
margin-bottom: 40px;
}
}

.flow_item {
position: relative;
margin-left: 10px;
max-width: 1260px;
padding-left: 124px;
counter-increment: number;
}
.flow_item:last-of-type {
padding-bottom: 50px;
}
.flow_item:not(:last-child) {
padding-bottom: 70px;
}

@media all and (max-width : 820px ){
.flow_item:not(:last-child) {
padding-bottom: 60px;
}
}

@media all and (max-width : 767px ){
.flow_item {
margin-left: 10px;
padding-left: 60px;
}
.flow_item:last-of-type {
padding-bottom: 10px;
}
.flow_item:not(:last-child) {
padding-bottom: 30px;
}
}

.flow_item:not(:last-child)::before {
content: "";
position: absolute;
top: 90px;
left: 44px;
display: block;
width: 0;
height: calc(100% - 112px);
border-right: 1px solid #aaa;
}

@media all and (max-width : 767px ){
.flow_item:not(:last-child)::before {
content: "";
position: absolute;
top: 48px;
left: 20px;
width: 0;
height: calc(100% - 70px);
}
}

.editor-ttl {
font-size: 2.0rem;
letter-spacing: 0.2em;
margin-bottom: 10px;
}

@media all and (max-width : 820px ){
.editor-ttl {
font-size: 1.8rem;
letter-spacing: 0.15em;
margin-bottom: 5px;
}
}

@media all and (max-width : 767px ){
.editor-ttl {
font-size: 1.3rem;
}
}

.editor-ttl::after {
content: counter(number, decimal-leading-zero);
position: absolute;
top: -8px;
left: 5px;
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
line-height: 50px;
letter-spacing: 0.05em;
border-radius: 50%;
text-align: center;
background-color: #E4E4E4;
color: #000;
font-family: "Barlow Condensed", sans-serif;
font-weight: 400;
font-size: 1.5rem;
}
.flow_txt {
font-size: 1.5rem;
line-height: 200%;
}
.flow_txt a {
text-decoration: underline;
color: #8E7742;
}
.flow_txt a:hover {
text-decoration: none;
}

@media all and (max-width : 820px ){
.flow_txt {
font-size: 1.4rem;
line-height: 180%;
}
}

@media all and (max-width : 767px ){
.editor-ttl::after {
content: counter(number, decimal-leading-zero);
position: absolute;
top: -6px;
left: 0px;
width: 40px;
height: 40px;
line-height: 50px;
font-size: 1.1rem;
}
.flow_txt {
font-size: 1.2rem;
line-height: 170%;
}
.step1 {
margin-bottom: 10px;
}
}

/*-------------------------------------------------
空き家活用/無料診断
-------------------------------------------------*/

.sec_usage {
width: 100%;
background: #5584A6;
padding: 60px 0 80px;
color: #fff;
}
.usage_title {
font-size: 3.0rem;
font-weight: 700;
letter-spacing: 0.2em;
display: block;
text-align: center;
margin-bottom: 35px;
}
.usage_txt {
font-size: 1.6rem;
line-height: 180%;
display: block;
text-align: center;
margin-bottom: 40px;
}
.generic {
display: none;
}
.txt_center {
display: flex;
justify-content: center;
}
.all_more .all_more_inner .all_more_line {
color: #fff;
}.all_more .all_more_inner .all_more_line:after {
background: #fff;
}
.all_more .all_more_inner .all_more_icon:before {
background: url(../img/vacant/arrow_circle_l_blue.svg) no-repeat center / contain;
}
.sec_usage .all_more .all_more_inner .all_more_line {
font-size: 2.8rem;
font-weight: 700;
}
.content {
padding: 20px 0 0px;
}

@media all and (max-width : 980px ){
.generic {
display: block;
}
}

@media all and (max-width : 820px ){
.sec_usage {
padding: 40px 0 50px;
}
.usage_title {
font-size: 2.0rem;
margin-bottom: 25px;
}
.usage_txt {
font-size: 1.5rem;
margin-bottom: 30px;
}
}

@media all and (max-width : 767px ){
.content {
padding: 0;
}
.sec_usage {
padding: 30px 0 25px;
}
.usage_title {
font-size: 1.6rem;
letter-spacing: 0.15em;
margin-bottom: 20px;
}
.usage_txt {
font-size: 1.3rem;
margin-bottom: 20px;
}
.sec_usage .all_more .all_more_inner .all_more_line {
font-size: 1.8rem;
}
}