@charset "UTF-8";


.about .lowsection-nav.is-stopped-top {
  top:0;
}

.sec_head {
  margin-bottom:54px;
}


/*図面アイコン位置調整*/
.draw_1 {
  width: 39.7vw;
  max-width: 571px;
  top: 92.4%;
  left: 59.1%;
}
.draw_2 {
  width: 39.7vw;
  max-width: 571px;
  bottom:calc(100% - 47px);
  left:58.7%;
}
.draw_3 {
    width: 26.3vw;
    max-width: 378px;
    top: 46vw;
    right: calc(100% + 110px);
    z-index: 0;
}



/* -------------------------------------
pagettl_wrap
------------------------------------- */
.about .pagettl {
  text-align:left;
}

/* -------------------------------------
about_mv
------------------------------------- */
#about_mv {

}
#about_mv .sec_inner {
  position:relative;
}
.about_mv_img {
    /*width: 74.7vw;*/
    margin-right: calc(50% - 50vw);
    position: relative;
}


/* -------------------------------------
message_sec
------------------------------------- */
#message_sec {
  color:#fff;
  padding-bottom:0;
}
.message_ditail {
  position:relative;
  padding-bottom:max(180px,12.5vw);
}
.message_txt {
  line-height:2.8;
  letter-spacing:0.08em;
  margin-bottom:35px;
}
.message_ditail .name_blk {
  display:flex;
  align-items:center;
  gap:33px;
}
.message_ditail .name_lavel {
  
}
.message_ditail .name_img {
  width:25%;
  max-width:230px;
  min-width:160px;
}
.message_ditail .message_imgbk {
  width:31.8vw;
  max-width:457px;
  position:absolute;
  right:0;
  bottom:0;
}


/* -------------------------------------
philosophy_sec
------------------------------------- */
#philosophy_sec {
  color:#fff;
  text-align:center;
  background: url(../imgs/about/philosophy_img.jpg) center center no-repeat;
  background-size: cover;
  position:relative;
}

#philosophy_sec::after {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
#philosophy_sec .sec_head {
    position: relative;
    z-index: 2;
}
.philosophy_ditail {
    width:85%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.philosophy_ditail .sttl {
  font-size:65px;
  line-height:1.4;
  margin-bottom:20px;
}
.philosophy_ditail .sttl span {
  display:inline-block;
}
.philosophy_ditail .mcopy {
  font-size:30px;
}





/* -------------------------------------
outline_sec
------------------------------------- */
#outline_sec {
  color:#fff;
}
#outline_sec .sec_wrap {
  margin-bottom:40px;
}
#outline_sec .sec_head {
    margin-bottom: 0;
}
#outline_sec .sec_wrap .outline_img {
    margin-right: calc(50% - 44.5vw);
    width: 31.2vw;
    position: absolute;
    right: 0;
    bottom:0;
}
.outline_ditail table {
    width: 100%;
    max-width: 830px;
}
.outline_ditail table tr {
    border-bottom: 1px solid #fff;
}
.outline_ditail table th, .outline_ditail table td {
    color:#fff;
    font-weight: 500;
    letter-spacing:0.08em;
    padding: 35px 0;
}
.outline_ditail table th {
    vertical-align: top;
    text-align: left;
    letter-spacing: 0.08em;
    width: 35%;
    max-width: 230px;
    min-width:120px;
    padding-right:1em;
}
.outline_ditail table td .add {
  margin-bottom:50px;
}
.outline_ditail table td .gmap {
  width:100%;
  height:auto;
  aspect-ratio:562 / 363;
}
.outline_ditail table td .gmap iframe {
  width:100%;
  height:100%;
}
.outline_ditail table td .telnum_list {
  display:flex;
  flex-wrap: wrap;
  gap: 10px 2em;
}
.outline_ditail table td .telnum_list a {
  color:#fff;
}
.outline_ditail table td .member_list {
  display:flex;
  flex-direction:column;
  gap:5px;
}
.outline_ditail table td .member_list .pos {
  display:inline-block;
  width:8em;
  margin-right:1em;
}
.outline_ditail table td .item_list {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.outline_ditail table td .permit_list {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-left:1em;
}
.outline_ditail table td .permit_list >* {
  display:flex;
  flex-direction:column;
}
.outline_ditail table td .permit_list-lavel {
  text-indent:-1em;
}
.outline_ditail table td .person {
  display:flex;
  flex-direction:column;
  gap:5px;
}
.outline_ditail table td .person .cell_1 {
  display:inline-block;
  width:11em;
  margin-right:1em;
}
.outline_ditail table td .person .cell_2 {

}


/* -------------------------------------
history_sec
------------------------------------- */
#history_sec.blk {
  padding-top: max(159px, 11vw);
}
#history_sec .sec_inner {
  position:relative;
}
.history_ditail {
}
.history_list_wrap {
  /*background-color:#fff;*/
  padding-left:60px;
}
#history_list {
    padding: 60px 0 113px;
    margin-right: calc(50% - 50vw);
    width: 88vw;
    position: relative;
    z-index: 1;
}
#history_list::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: -60px;
    top: 0;
    z-index: 0;
}
#history_list .slick-list {
  overflow: hidden;
  width: calc(100% - var(--cut));
  max-
}

.history_item {
  padding-top:66px;
  position:relative;
  z-index:1;
}
.history_item::before {
  content:"";
  width:19px;
  height:19px;
  background-color:#073582;
  border-radius:50%;
  position:absolute;
  top:0;
  left:0;
}
.history_item::after {
  content:"";
  display:block;
  width:100%;
  height:1px;
  background-color:#073582;
  position:absolute;
  top:9px;
  left:0;
}



.history_item .item_in {
  width:200px;
}
.history_item .item_name {
  color:#073582;
  font-size:31px;
  font-weight:900;
}
.history_item .item_note {
  font-weight:500;
}


/* -------------------------------------
facility_sec
------------------------------------- */
#facility_sec .sec_inner {
  position:relative;
}
.facility_list {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:82px 30px;
}
.facility_list >* {
  width:calc((100% - 30px)/2);
  max-width:423px;
}
.facility_list .img_frame {
  margin-bottom:20px;
}
.facility_list .facility_name {
  color:#073582;
  font-size:18px;
  font-weight:500;
  text-align:center;
  line-height:1;
  letter-spacing:0.06em;
}



@media screen and (max-width: 1440px) {
/* -------------------------------------

------------------------------------- */


}


@media screen and (max-width: 1260px) {


/* -------------------------------------
history_sec
------------------------------------- */
.history_item .item_name {
    font-size: clamp(24px,2.46vw,31px);
}
.history_item .item_note {
    line-height:2;
}


/* -------------------------------------
facility_sec
------------------------------------- */
.facility_list .facility_name {
    font-size: clamp(16px,1.43vw,18px);
}



}

@media screen and (max-width: 1050px) {
/* -------------------------------------
philosophy_sec
------------------------------------- */
.philosophy_ditail .sttl {
  font-size:clamp(45px,6.2vw,65px);
}
.philosophy_ditail .mcopy {
  font-size:clamp(18px,2.85vw,30px);
}

}

@media screen and (max-width: 980px) {


}

@media screen and (max-width: 920px) {
}

@media screen and (max-width: 880px) {




}

@media screen and (max-width: 820px) {




}

@media screen and (max-width: 768px) {
/* -------------------------------------
message_sec
------------------------------------- */
.message_txt {
  line-height:2.2;
  letter-spacing:0;
  margin-bottom:25px;
}


/* -------------------------------------
facility_sec
------------------------------------- */
.facility_list {
    gap: min(10.6vw,82px) 25px;
}
.facility_list >* {
    width: calc((100% - 25px) / 2);
}


}

@media screen and (max-width: 700px) {
}


@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 1100px;
    }
}


@media screen and (max-width: 640px) {
/* -------------------------------------
message_sec
------------------------------------- */
.message_ditail {
    position: relative;
    padding-bottom: 220px;
}
.message_ditail .message_imgbk {
    left: 0;
    margin: 0 auto;
}

/* -------------------------------------
outline_sec
------------------------------------- */
.outline_ditail table th {
    letter-spacing: 0;
    width: 30%;
}
.outline_ditail table td {
  max-width:calc(100% - 120px);
}
.outline_ditail table td .member_list .pos {
    font-size: 14px;
}


.outline_ditail table td .gmap {
    width: 100%;
    min-height:215px;
    aspect-ratio: auto;
}
.outline_ditail table td .gmap iframe {
    width: 100%;
    height: 215px;
}


/* -------------------------------------
philosophy_sec
------------------------------------- */
.philosophy_ditail {
  width:100%;
}
.philosophy_ditail .sttl {
  font-size:clamp(35px,7vw,45px);
}
.philosophy_ditail .mcopy {
  font-size:clamp(16px,2.8vw,18px);
}




}

@media screen and (max-width: 600px) {
/* -------------------------------------
facility_sec
------------------------------------- */
.facility_list {
    flex-direction:column;
}
.facility_list >* {
    width: 100%;
}



}

@media screen and (max-width: 500px) {



}

@media screen and (max-width: 400px) {
/* -------------------------------------
outline_sec
------------------------------------- */
.outline_ditail table th {
    min-width: 4em;
}
.outline_ditail table td {
  max-width:calc(100% - 5em);
}
.outline_ditail table td .member_list .pos {
    font-size: 13px;
}

}
@media screen and (max-width: 360px) {


}

@media screen and (max-width: 320px) {

}

@media screen and (min-width: 769px) {
 
}