@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */
  a.anker{
   display: block;
   margin-top:-100px;
   padding-top:100px;
}
.pages_main_image{height:auto;position: relative;background: #f5f1ee;}
.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}


#body_note{background: #f5f1ee;padding: 80px 0}
#body_note img{width: 100%;height: auto}
#body_note h2{font-size: 20px;line-height: 2; letter-spacing: 0.1em;text-indent: 0.1em;font-weight: normal}




#body_note .point dl{margin-top: 80px;position: relative}
#body_note .point dt{width: 53%;position: relative;z-index: 2;padding-top: 50px;}
#body_note .point dd{width: 53%;position: absolute;right: 0;top: 0;}

#body_note .point .re dt{position: relative;z-index: 2; margin-left: auto; -webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;padding-top: 50px;}
#body_note .point .re dd{position: absolute;left: 0;top: 0; -webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}

#body_note .point dt .box{background: #fff;margin-top: 40px;padding: 40px 50px 10px;text-align: left}
#body_note .point dt .box .zu{padding: 12px 0}
#body_note .point dt .box .bt{width: 96%;margin: auto}

#body_note .point h4{width: 960px;margin: 60px auto 0}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_note{padding: 50px 0}
#body_note h2{font-size: 15px;}

#body_note .point dl{margin-top: 40px;}
#body_note .point dt{width: 100%;position: relative;z-index: 2;padding-top: 50px;}
#body_note .point dd{width: 100%;position: static;right: 0;top: 0;}

#body_note .point .re dd{position: relative;z-index: 2; margin-left: auto; -webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;padding-top: 0px;}
#body_note .point .re dt{position: static;left: 0;top: 0; -webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;padding-top: 50px;}
#body_note .point dt .box{padding: 20px 20px;text-align: left}
#body_note .point h4{width: 100%;margin: 40px auto 0}
}



#body_note .qa{background: #fff;padding: 80px 0;margin-top: 80px;}
#body_note .qa .body_area_inner{width: 960px;margin: auto}

#body_note .qa dl{margin-top: 50px;text-align: left;line-height: 1.8}
#body_note .qa dl dt{position: relative; background: #ebdedf;padding: 20px 80px;border-radius: 16px;font-size: 22px}
#body_note .qa dl dd{position: relative; padding: 20px 80px;font-size: 18px}
#body_note .qa dl dt::before {
 content: ""; position: absolute;left: 40px;top: 50%;transform: translateY(-50%);  width: 30px;  height: 30px;  background: url("../images/note/icon_q.svg") no-repeat;  background-size: contain;}
#body_note .qa dl dd::before {  content: ""; position: absolute;left: 40px;top: 30px;  width: 30px;  height: 30px;  background: url("../images/note/icon_a.svg") no-repeat;  background-size: contain;}
#body_note .qa .bt{width: 670px;margin: 50px auto 0}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_note .qa{background: #fff;padding: 50px 0;margin-top: 40px;}
#body_note .qa .body_area_inner{width: 96%;margin: auto}
#body_note .qa dl{margin-top: 30px;}
#body_note .qa dl dt{padding: 16px 16px 16px 50px;border-radius: 12px;font-size: 16px}
#body_note .qa dl dd{padding: 16px 16px 16px 50px;font-size: 14px}
#body_note .qa dl dt::before {left: 16px;twidth: 20px;  height: 20px;}
#body_note .qa dl dd::before {left: 16px;top: 20px;  width: 20px;  height: 20px;}
#body_note .qa .bt{width: 96%;margin: 30px auto 0}
}


@media print{
.body_area_inner{width: 96%;margin: auto}
#body_note img{max-width: 100%;height: auto}

}