@charset "UTF-8";
/* ---------------------------------------------------------------------
 * locationページ
 * --------------------------------------------------------------------- */
.pages_main_image{height:auto;}
#body_history{background:#f4f5f5 url("../images/history/bg.jpg") repeat-y center top}
#body_history .body_area_inner{padding: 80px 0}
#body_history .body_area_inner h2{font-size: 40px;color: #595757;;letter-spacing: 0.2em;text-indent: 0.2em;font-weight: normal;line-height: 1.8em}
#body_history .body_area_inner h2 img{margin-bottom: 20px}
#body_history .body_area_inner img{max-width: 100%;height: auto}
#body_history .body_area_inner dl{margin-top: 80px}
#body_history .body_area_inner dt{text-align: left;margin-bottom: 30px;position: relative}
#body_history .body_area_inner dt:before{position: absolute;  content: "";  width: 50%;  height: 2px;  background-color: #9c8e1e;  top: 80%;  right: 0;}
#body_history .body_area_inner dl.short dt:before{position: absolute;  content: "";  width: 70%;  height: 2px;  background-color: #9c8e1e;  top: 80%;  right: 0;}
#body_history .body_area_inner dd .txt{text-align: left;font-size: 17px;line-height: 2em;margin-bottom: 20px}
#body_history .body_area_inner dd.flex .txt{width: 50%;margin-bottom: 0}
#body_history .body_area_inner dd .flex--start img{margin-right: 20px}
/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/



}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .inner{position:relative;max-width:100%;margin:0 auto;}
.pages_main_image .inner .image{position:relative;margin-left:0px;z-index:0;width: 100%;height: 250px;object-fit: cover}
#body_history .body_area_inner{padding: 60px 0}
#body_history .body_area_inner h2{font-size: 16px;}
#body_history .body_area_inner h2 img{width: 20%; margin:0px auto 20px}

#body_history .body_area_inner dl{margin-top: 60px}
#body_history .body_area_inner dt img{width: 70%;height: auto}
#body_history .body_area_inner dt:before{width: 26%}
#body_history .body_area_inner dd.flex .txt{width: 100%;margin-bottom: 0;}
#body_history .body_area_inner dd .txt{font-size: 14px;padding:10px 30px}
#body_history .body_area_inner dd img{margin-bottom: 20px}
#body_history .body_area_inner dl.short dt img{width: 50%;height: auto}
#body_history .body_area_inner dl.short dt:before{width: 47%}
}

#body_members2 .bg{background: #473d52;padding: 60px 0 20px;border-top: 1px solid #d5d1a4;margin-top: -10px}
#body_members2 .bg img{max-width: 100%;height: auto}
#body_members2 .bg p{padding: 30px 0;font-size: 18px;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1.8em}
#body_members2 .bg li img{max-width: 100%;height: auto}
#body_members2 .bg li{border-bottom: 1px solid #9c8e1e}
#body_members2 .bg a{color: #fff}
#body_members2 .bg .flex--center li{margin: 0 2%}
#body_members2 .bg .bt{margin-top: 50px}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_members2 .bg{padding: 60px 0 30px;margin-top: -6px}
#body_members2 .bg .flex--center li{margin: 0 1%}
#body_members2 .bg li{width: 80%;border-bottom:none}
#body_members2 .bg p{font-size: 14px;}
#body_members2 .bg .bt{margin-top: 20px}
#body_members2 .bg .bt img{width: 100%!important}
}
/*===============================================================================
===============================================================================*/
@media print {/*印刷設定*/



}