@charset 'UTF-8';

/***************************************
footer
***************************************/
.footer_container {
 margin-top: 7rem;
 background-color: #eeece9;
 padding-bottom: 5rem;
 position: relative;
}

@media screen and (min-width: 768px) {
 .footer_container {
  margin-top: 8rem;
  padding-bottom: 8rem;

 }
}

@media screen and (min-width: 1200px) {
 .footer_container {
  margin-top: 12rem;
  padding-bottom: 8rem;

 }
}

/***************************************
link_block
***************************************/

.link_block {
 margin-bottom: 4rem;

}

.link_item {
 display: block;
 position: relative;
}

.link_unit01 {
 height: 340px;
}

.link_unit01_right {
 height: 360px;
}

.link_layer {
 position: relative;
 z-index: 0;


}

.link_layer::before {
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 1;
}

.link_layer01::before {
 background-color: rgb(0, 0, 0, 0.52);
}

.link_layer02::before {
 background-color: rgb(85, 85, 85, 0.52);
}

.link_layer03::before {
 background-color: rgb(0, 0, 0, 0.7);
}

.link_unit01 img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.link_unit02 {

 width: 84%;
 position: absolute;

 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 color: #fff;
 z-index: 2;
}

.link_unit02_row {
 width: 100%;
 height: 100%;
}

.link_head {
 font-size: 2.8rem;
 line-height: 1;
 margin-bottom: 0.7rem;
}

.link_title {
 font-size: 0.928rem;
 margin-bottom: 1rem;
}

.link_txt {
 font-size: 0.857rem;
 text-align: justify;
}

.link_btn_box {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 240px;
 height: 40px;
 margin-top: 2.5rem;
 font-size: 0.9rem;
 border-radius: 45px;
 transition: all 0.5s 0s ease;
 position: relative;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.5);
 z-index: 0;
 transition: .5s all;
 color: #fff;
}

.link_btn_img {
 width: 20px;
 height: 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-right: 10px;
 filter: invert(100%);

}

.link_unit02_row_up {
 display: block;
 height: 70%;
}

.link_unit02_row_up_inner {
 width: 84%;
 position: absolute;

 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 color: #fff;
 z-index: 2;
}

.link_unit02_down {
 display: block;
 height: 30%;

}

.link_unit02_down_img {
 width: 33%;
 position: absolute;
 max-width: 172px;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 color: #fff;
 z-index: 2;
}

@media screen and (min-width: 768px) {
 .link_block {
  margin-bottom: 6rem;

 }

 .link_block_inner {
  display: flex;
 }

 .link_block_inner .link_item {
  width: 100%;
  height: 500px;
  margin: 0 auto;
 }

 .link_unit01 {
  height: 360px;
 }


}

@media screen and (min-width: 992px) {
 .link_head {
  font-size: 3.3rem;
 }
}

@media screen and (min-width: 1200px) {
 .link_unit01 {
  height: 100%;
 }

 .link_unit02 {
  width: auto;
 }



 .link_unit02_row_up_inner {
  width: 60%;
 }

 .link_head {
  font-size: 3.75rem;
  margin-bottom: 1rem;
 }

 .link_title {
  font-size: 1.0625rem;
  margin-bottom: 2.4rem;
 }

 .link_txt {
  font-size: 0.9375rem;
  line-height: 1.86;
 }

 .link_btn_box {
  margin-top: 3.5rem;
 }
}



/**====|footer_block====**/
.footer_block {
 width: 84%;
 margin: 0 auto 4rem;
}

.footer_unit01 {
 margin-bottom: 3rem;
}

.footer_logo {
 display: block;
 width: 100px;
 margin-bottom: 2.5rem;
}

.footer_logo img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.footer_address {
 font-size: 0.857rem;
}

.footer_list {
 margin-bottom: 4rem;
}

.footer_list>ul {
 display: flex;
 flex-wrap: wrap;
}

.footer_list>ul>li {
 width: auto;
 margin-right: 1.5rem;
 line-height: 2;
}

.footer_list_txt {
 position: relative;
}

.footer_list_txt::after {
 background-color: rgba(0, 0, 0, 0.5);
 bottom: 0;
 content: '';
 display: block;
 height: 1px;
 left: 0;
 position: absolute;
 transition: .5s all;
 width: 0;
}

.footer_list_txt:hover::after {
 width: 100%;
}

.footer_sns_block>ul {
 display: flex;

}

.footer_sns_block>ul>li {
 margin-right: 1rem;
}

.footer_sns_block>ul>li:last-child {
 margin-right: 0;
}

.footer_sns_img {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 25px;
 height: 25px;
}

.footer_sns_img img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

/**/
@media screen and (min-width: 768px) {
 .footer_block {
  display: flex;
  justify-content: space-between;
  padding-bottom: 4rem;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  margin-bottom: 4rem;
 }

 .footer_unit01 {
  margin-bottom: 0;
 }

 .footer_logo {

  width: 120px;
 }

 .footer_unit02 {
  width: 55%;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

 }

 .footer_list ul {
  justify-content: flex-end;
 }

 .footer_list>ul>li {
  line-height: 2.8;
  margin-left: 2rem;
  margin-right: 0;
 }

 .footer_sns_block ul {
  justify-content: flex-end;
 }

 .footer_sns_block>ul>li {
  line-height: 1;
  margin-left: 2rem;
  margin-right: 0;
 }
}

@media screen and (min-width: 1200px) {
 .footer_block {
  width: 76%;
  padding-bottom: 5rem;
  margin-bottom: 3rem;
 }
}

/**====||footer_copy_block====**/
.footer_copy_block {
 width: 84%;
 margin: 0 auto;
}

.footer_policy_box {
 margin-bottom: 3rem;
}

.footer_policy_box a {
 font-size: 0.875rem;
}

.footer_policy_box a:first-child {
 position: relative;
 padding-right: 12px;
 margin-right: 7px;
}

.footer_policy_box a:first-child::before {
 content: '';
 display: block;
 background-color: #000;
 width: 1px;
 height: 10px;
 position: absolute;
 top: 50%;
 right: 0;
 transform: translate(0%, -50%);
}

.footer_copy {
 font-size: 0.9rem;

}

@media screen and (min-width: 768px) {
 .footer_copy_block {
  display: flex;
  justify-content: space-between;
 }

 .footer_policy_box {
  order: 2;
  margin-bottom: 0;
 }

 .footer_copy {
  order: 1;
 }
}

@media screen and (min-width: 1200px) {
 .footer_copy_block {
  width: 76%;
 }

 .footer_copy {
  font-size: 0.9375rem;

 }
}

/**====|||====**/
/**====||||====**/
/**====|||||====**/
/**====||||||====**/
/**====|||||||====**/
/**====||||||||====**/