@charset "UTF-8";
/* ---------------------------------------------------------------------
 lifestyle
 * --------------------------------------------------------------------- */
  a.anker{
   display:inline-block;z-index: -1;
   margin-top:-100px;
   padding-top:100px;
}

.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}

@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{width: 100%;height: 200px!important;object-fit: cover; min-width: 100%;}
  a.anker{
   margin-top:-60px;
   padding-top:60px;
}

}
#body_lifestyle{color: #251e1c;}
#body_lifestyle img{width: 100%;height: auto}
#body_lifestyle h2{font-size: 42px;margin: 80px 0 80px;letter-spacing: 0.1em}
#body_lifestyle h2 span{display: block;border-top: 1px solid #251e1c;font-size: 18px;margin-top: 8px;padding-top: 8px}
#body_lifestyle h3{font-size: 38px;letter-spacing: 0.1em;margin-bottom: 40px;line-height: 1.9}
#body_lifestyle .catch{font-size: 18px;letter-spacing: 0.1em;line-height: 1.9}

#body_lifestyle .tab{margin-top: 50px}
#body_lifestyle .tab li{width: 31%}
#body_lifestyle .mv{position: relative}
#body_lifestyle .mv figcaption{width: 1200px;margin: auto;position: absolute;text-align: right; right: 0px;left: 0; bottom: 7px;  font-size: 12px;  text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_lifestyle .txt12{font-size: 10px;margin-top: 5px!important}
#body_lifestyle h2{font-size: 20px;margin: 30px 0}
#body_lifestyle h2 span{font-size: 13px;}
#body_lifestyle h3{font-size: 18px;margin-bottom: 20px;}
#body_lifestyle .catch{font-size: 14px;}
#body_lifestyle .tab{margin: 30px 0}
#body_lifestyle .tab li{width: 80%;margin: auto}
#body_lifestyle .mv img{width: 100%;height: 220px!important;object-fit: cover; min-width: 100%;}
}


#body_lifestyle #family{background: #f2f8ec}
#body_lifestyle #dinks{background: #e9ebf5}
#body_lifestyle #second{background: #efe9ee}
#body_lifestyle #family .body_area_inner,
#body_lifestyle #dinks .body_area_inner,
#body_lifestyle #second .body_area_inner{background: #fff;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;padding: 60px}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_lifestyle #family .body_area_inner,
#body_lifestyle #dinks .body_area_inner,
#body_lifestyle #second .body_area_inner{padding: 20px}
}

#body_lifestyle h4{text-align: left;font-size: 28px;letter-spacing: 0.1em;line-height: 1.8}
#body_lifestyle h4 span{display: block}
#body_lifestyle h4 span:first-child{width: 120px;margin-right: 30px}

#body_lifestyle .photo{margin-top: 30px}
#body_lifestyle .photo .photo_img{width: 55%;position: relative}
#body_lifestyle .photo .photo_img figcaption{position: absolute;text-align: right; right: 10px;left: 0; bottom: 7px;  font-size: 12px;  text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;}
#body_lifestyle .photo .photo_txt{width: 43%;text-align: left}
#body_lifestyle .photo .photo_txt h5{font-size: 23px;letter-spacing: 0.1em;margin-bottom: 30px;line-height: 1.8}
#body_lifestyle .photo .photo_txt p{font-size: 16px;letter-spacing: 0.1em;line-height: 1.9}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_lifestyle h4{text-align: center;font-size: 18px;letter-spacing: 0.1em;}
#body_lifestyle h4 span{width: 100%}
#body_lifestyle h4 span:first-child{width: 100px;margin-right:0px;margin: 0 auto 20px}

#body_lifestyle .photo .photo_img{width: 100%;position: relative;margin-bottom: 30px}
#body_lifestyle .photo .photo_txt{width: 100%;text-align: left}
#body_lifestyle .photo .photo_txt h5{font-size: 15px;margin-bottom: 20px;}
#body_lifestyle .photo .photo_txt p{font-size: 13px;}
}


.area{margin-top: 50px;border-bottom: 1px solid #251e1c;padding-bottom: 80px;margin-bottom: 80px}
.area2{margin-top: 50px}
.area2 .mt60{width: 70%;margin: 60px auto 0}
@media screen and (max-width: 767px) {/*スマホ設定*/
.area{margin-top: 30px;padding-bottom: 50px;margin-bottom: 50px}
.area2{margin-top: 30px}
.area2 .mt60{width: 100%;margin: 30px auto 0}
}


/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/
}
/*===============================================================================
===============================================================================*/