#story .storySec1 {background: url(/img/sub01/story1.jpg) no-repeat 65% center; background-size: cover; padding: 300px 0 180px;}

#story .storySec1 {color: #222;}

#story .story__s1_title_container {text-align: center;}
#story .story__s1_title_container .story__s1_title_wrap h1 {font-size: var(--font52); line-height: 1; margin-bottom: 15px; font-weight: var(--semi); letter-spacing: -0.03rem;}
#story .story__s1_title_container .story__s1_title_wrap p {font-size: var(--font50); font-weight: 600; margin: 20px 0 15px;}
#story .story__s1_title_container .story__s1_cap_wrap {font-size: var(--font30); line-height: 1.4;}

#story .blue {color: #4472C4 !important;}
#story .center_txt_wrap {text-align: center; line-height: 1.4;}
#story .center_txt_wrap h1 {font-size: var(--font50); color: #141414; font-weight: var(--semi);}
#story .center_txt_wrap p {font-size: var(--font30); margin-top: 20px;}

#story .storySec2,
#story .storySec3,
#story .storySec4,
#story .storySec5 {padding: 150px 0;}

#story .storySec2 .center_txt_wrap p {margin-top: 35px;}
#story .storySec2 .sec2_img_grid {max-width: 1100px; margin: 70px auto 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px;}
#story .storySec2 .sec2_img_grid img:nth-child(1) {margin-top: 40px;}
#story .storySec2 .sec2_img_grid img:nth-child(2) {margin-top: 95px;}
#story .storySec2 .sec2_img_grid img:nth-child(4) {margin-top: 125px;}
#story .storySec2 .sec2_img_grid img:nth-child(5) {margin-top: 60px;}

#story .storySec3 {background: url(/img/sub01/story_6.jpg) no-repeat center center; background-size: cover;}
#story .storySec3 .center_txt_wrap {margin-bottom: 50px;}
#story .storySec3 .sec3_box_wrap {display: flex; justify-content: center; flex-wrap: wrap; column-gap: 40px; row-gap: 40px; max-width: 1100px; margin: 0 auto;}
#story .storySec3 .sec3_box_wrap > li {width: calc((100% - 80px)/3); aspect-ratio: 1 / 1; background: rgba(255,255,255,0.6); padding: 0 20px; text-align: center; color: #303030; display: flex; flex-direction: column; justify-content: center; row-gap: 20px; line-height: 1.4;}
#story .storySec3 .sec3_box_wrap .serif {font-size: var(--font32); font-weight: var(--semi); letter-spacing: -0.03rem;}
#story .storySec3 .sec3_box_wrap .desc {font-size: var(--font24);}

#story .storySec4 .center_txt_wrap {margin-bottom: 120px;}
#story .storySec4 ul {max-width: 1100px; margin: 0 auto;}
#story .storySec4 ul > li .txt_wrap .serif {font-size: var(--font46); line-height: 1.53; margin-bottom: 20px; font-weight: var(--semi); letter-spacing: -0.03rem;}
#story .storySec4 ul > li .txt_wrap p {font-size: var(--font24); line-height: 1.4; color: #303030;}
#story .storySec4 ul > li.img_rt .txt_wrap {position: absolute; left: 0;}
#story .storySec4 ul > li.img_rt .img_wrap {text-align: right;}
#story .storySec4 ul > li .img_wrap {height: 100%;}
#story .storySec4 ul > li .img_wrap img {height: 100%;}
#story .storySec4 ul > li.img_ct {text-align: center;}
#story .storySec4 ul > li:nth-child(1) {margin-bottom: 120px; height: 686px;}
#story .storySec4 ul > li:nth-child(2) {margin-bottom: 150px; height: 637px;}
#story .storySec4 ul > li:nth-child(3) {margin-bottom: 120px; height: 546px;}
#story .storySec4 ul > li:nth-child(1) .txt_wrap {top: 30px;}
#story .storySec4 ul > li:nth-child(2) .txt_wrap {text-align: right; position: absolute; right: 0; bottom: 50px;}
#story .storySec4 ul > li:nth-child(3) .txt_wrap {bottom: 0;}
#story .storySec4 ul > li:nth-child(3) .img_wrap {margin-left: auto; height: auto;}
#story .storySec4 ul > li:nth-child(4) .txt_wrap {margin-top: 10px;}
#story .storySec4 ul > li:nth-child(4)  .txt_wrap .serif {margin-bottom: 50px;}

#story .storySec5 {height: 1330px; background: url(/img/sub01/story_11.jpg) no-repeat center center; background-size: cover;}
#story .storySec5 .center_txt_wrap img {width: 130px; margin-bottom: 60px;}


#history .sub_tab_list {margin-bottom: 80px;}
#history .sub_tab_list > li > a {min-width: 180px;}

#history .history_list {max-width: 1080px; margin: 0 auto;}
#history .history_list > li {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 35px; -moz-column-gap: 35px; column-gap: 35px;}
#history .history_list > li:not(:last-child) {padding-bottom: 60px;}
#history .history_list > li:last-child::after {display: none;}
#history .history_list > li:last-child .year::after {display: none;}
#history .history_list > li .year {font-family: "Lato", sans-serif; color: #b9b9b9; font-size: var(--font46); position: relative; font-weight: var(--medi);}
#history .history_list > li .year::after {content: ""; display: block; width: 1px; height: 100%; background: #b9b9b9; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: calc(-(var(--font46)) - 10px);}
#history .history_list > li .content {font-size: var(--font20); line-height: 155%; padding-top: 5px;}
#history .history_list > li .content > li {display: -webkit-box; display: -ms-flexbox; display: flex;}
#history .history_list > li .content > li .month {min-width: 60px; position: relative;}
#history .history_list > li .content > li .month.month--none {display: none;}
#history .history_list > li .content > li .month.no_dot::after {display: none;} 
#history .history_list > li .content > li .month.long {min-width: 83px;}
#history .history_list > li .content > li .month::after {content: ":"; display: inline-block; margin: 0 5px; position: absolute; right: 2px;}
#history .history_list > li .content > li .cont span.padding_lt {padding-left: 60px;}


#medical .medical_wrap {margin-top: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 70px; -moz-column-gap: 70px; column-gap: 70px;}
#medical .medical_wrap .img_wrap {width: 250px;}
#medical .medical_wrap .txt_wrap {width: calc(100% - 250px - 70px);}
#medical .medical_wrap .txt_wrap .top .title {font-size: var(--font26); font-weight: var(--semi); margin-bottom: 35px; position: relative;}
#medical .medical_wrap .txt_wrap .top .desc {font-size: var(--font20); line-height: 145%;}
#medical .medical_wrap .txt_wrap ul {margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 40px;}
#medical .medical_wrap1 .txt_wrap ul {padding-left: 15px;}
#medical .medical_wrap1 .txt_wrap ul li {width: 50%;}
#medical .medical_wrap2 .txt_wrap ul {padding-left: 25px;}
#medical .medical_wrap2 .txt_wrap ul li {width: 100%;}
#medical .medical_wrap .txt_wrap ul li {font-size: var(--font18);}
#medical .medical_wrap .txt_wrap ul li .subject {font-weight: var(--semi); margin-bottom: 10px;}
#medical .medical_wrap .txt_wrap ul li .index {padding-left: 30px; line-height: 160%;}



@media screen and (max-width: 1024px) {
  #story .storySec1 {padding: 210px 0 180px;}
  #story .story__s1_title_container .story__s1_title_wrap h1 {font-size: var(--font50);}
  #story .story__s1_title_container .story__s1_title_wrap p {font-size: var(--font38);}
  #story .story__s1_title_container .story__s1_cap_wrap {font-size: var(--font22);}

  #story .center_txt_wrap h1 {font-size: var(--font38);}
  #story .center_txt_wrap p {font-size: var(--font21); margin-top: 20px;}

  #story .storySec2,
  #story .storySec3,
  #story .storySec4,
  #story .storySec5 {padding: 120px 0;}
  
  #story .storySec2 .center_txt_wrap p {margin-top: 30px;}
  #story .storySec2 .sec2_img_grid {gap: 15px; margin: 50px auto 0;}
  #story .storySec2 .sec2_img_grid img:nth-child(1) {margin-top: 2vw;}
  #story .storySec2 .sec2_img_grid img:nth-child(2) {margin-top: 7vw;}
  #story .storySec2 .sec2_img_grid img:nth-child(4) {margin-top: 10vw;}
  #story .storySec2 .sec2_img_grid img:nth-child(5) {margin-top: 4vw;}

  #story .storySec3 .sec3_box_wrap {column-gap: 25px; row-gap: 25px;}
  #story .storySec3 .sec3_box_wrap > li {width: calc((100% - 50px)/3); row-gap: 12px;}
  #story .storySec3 .sec3_box_wrap .serif {font-size: var(--font26);}
  #story .storySec3 .sec3_box_wrap .desc {font-size: var(--font18); word-break: keep-all;}
  #story .storySec3 .sec3_box_wrap .desc br {display: none;}

  #story .storySec4 .center_txt_wrap {margin-bottom: 100px;}
  #story .storySec4 ul > li .txt_wrap .serif {font-size: var(--font36); margin-bottom: 20px;}
  #story .storySec4 ul > li .txt_wrap p {font-size: var(--font18);}
  #story .storySec4 ul > li:nth-child(1) {margin-bottom: 8vw; height: 62vw;}
  #story .storySec4 ul > li:nth-child(2) {margin-bottom: 10vw; height: 57vw;}
  #story .storySec4 ul > li:nth-child(3) {margin-bottom: 12vw; height: 46.5vw;}
  /* #story .storySec4 ul > li:nth-child(3) .img_wrap {width: 78vw;} */
  #story .storySec4 ul > li:nth-child(1) .txt_wrap {top: 5vw;}
  #story .storySec4 ul > li:nth-child(2) .txt_wrap {bottom: 5vw;}
  #story .storySec4 ul > li:nth-child(4)  .txt_wrap .serif {margin-bottom: 40px;}

  #story .storySec5 {height: 920px; padding-top: 100px;}
  #story .storySec5 .center_txt_wrap img {width: 120px; margin-bottom: 40px;}


  #history .sub_tab_list > li > a {min-width: 160px;}

  #medical .medical_wrap {margin-top: 100px; column-gap: 50px;}
  #medical .medical_wrap .txt_wrap {width: calc(100% - 250px - 50px);}
  #medical .medical_wrap .txt_wrap .top .title {font-size: var(--font24);}
  #medical .medical_wrap .txt_wrap .top .desc {font-size: var(--font18);}
  #medical .medical_wrap1 .txt_wrap ul {padding-left: 0;}
  #medical .medical_wrap .txt_wrap ul {row-gap: 40px;}
  #medical .medical_wrap .txt_wrap ul li {font-size: 1.05em;}
  #medical .medical_wrap .txt_wrap ul {padding-left: 0;}
}


@media screen and (max-width: 768px) {
  #story .story__s1_title_container .story__s1_title_wrap h1 {font-size: var(--font48);}
  #story .story__s1_title_container .story__s1_title_wrap p {font-size: var(--font34); margin: 17px 0 15px;}
  #story .story__s1_title_container .story__s1_cap_wrap {font-size: var(--font18);}
  
  #story .center_txt_wrap h1 {font-size: var(--font34);}
  #story .center_txt_wrap p {font-size: var(--font18); margin-top: 18px;}

  #story .storySec2,
  #story .storySec3,
  #story .storySec4,
  #story .storySec5 {padding: 100px 0;}
  
  #story .storySec2 .center_txt_wrap p {margin-top: 20px;}
  #story .storySec2 .sec2_img_grid {gap: 10px; margin: 40px auto 0;}
  #story .storySec2 .sec2_img_grid img:nth-child(1) {margin-top: 1.5vw;}
  #story .storySec2 .sec2_img_grid img:nth-child(2) {margin-top: 5vw;}
  #story .storySec2 .sec2_img_grid img:nth-child(4) {margin-top: 7vw;}
  #story .storySec2 .sec2_img_grid img:nth-child(5) {margin-top: 3vw;}

  #story .storySec3 .sec3_box_wrap {column-gap: 21px; row-gap: 21px;}
  #story .storySec3 .sec3_box_wrap > li {width: calc((100% - 21px)/2); row-gap: 12px;}
  #story .storySec3 .sec3_box_wrap > li:nth-child(3) {flex: 0 0 50%;}
  #story .storySec3 .sec3_box_wrap .serif {font-size: var(--font28);}
  #story .storySec3 .sec3_box_wrap .desc {font-size: var(--font20);}
  #story .storySec3 .sec3_box_wrap .desc br {display: block;}

  #story .storySec4 .center_txt_wrap {margin-bottom: 80px;}
  #story .storySec4 ul > li .txt_wrap .serif {font-size: var(--font32); margin-bottom: 18px;}
  #story .storySec4 ul > li .txt_wrap p {font-size: var(--font17);}

  #story .storySec5 {height: 750px; padding-top: 70px; background-position: top 65% center;}
  #story .storySec5 .center_txt_wrap img {width: 90px; margin-bottom: 20px;}
  #story .storySec4 ul > li:nth-child(3) {height: 48vw;}
  #story .storySec4 ul > li:nth-child(4) .txt_wrap {margin-top: 7px;}
  #story .storySec4 ul > li:nth-child(4)  .txt_wrap .serif {margin-bottom: 25px;}

  #history .sub_tab_list {margin-bottom: 60px;}
  #history .history_list > li {column-gap: 20px;}
  #history .history_list > li:not(:last-child) {padding-bottom: 40px;}
  #history .history_list > li .year {font-size: var(--font32);}
  #history .history_list > li .content {font-size: var(--font16);}
  #history .history_list > li .content > li .month {min-width: 40px;}
  #history .history_list > li .content > li .month.long {min-width: 58px;}
  #history .history_list > li .content > li .month::after {margin: 0 3px;}

  #medical .medical_wrap {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 50px; margin-top: 80px;}
  #medical .medical_wrap .img_wrap {width: auto; max-width: 100%; text-align: center;}
  #medical .medical_wrap .img_wrap img {height: 300px;}
  #medical .medical_wrap .txt_wrap {width: 100%; padding-left: 12px;}
  #medical .medical_wrap .txt_wrap ul li .index {padding-left: 40px;}
  #medical .medical_wrap .txt_wrap .top .title {margin-bottom: 20px; margin-left: -20px;}
  #medical .medical_wrap .txt_wrap .top .title::before {content: "ㆍ"; display: inline-block; margin-right: 3px;}
}

@media screen and (max-width: 540px) {
  #story .storySec1 {padding: 230px 0 180px; background-image: url(/img/sub01/story1_mo.jpg); overflow: hidden;}
  #story .story__s1_title_container .story__s1_title_wrap h1 {font-size: var(--font36);}
  #story .story__s1_title_container .story__s1_title_wrap p {font-size: var(--font30); margin: 12px 0 8px;}
  #story .story__s1_title_container .story__s1_cap_wrap {font-size: var(--font19);}

  #story .center_txt_wrap h1 {font-size: var(--font30);}

  #story .storySec2,
  #story .storySec3,
  #story .storySec4,
  #story .storySec5 {padding: 90px 0;}
  
  #story .storySec2 .center_txt_wrap p {margin-top: 20px;}
  #story .storySec2 .sec2_img_grid {display: block; margin: 40px auto 0;}
  #story .storySec2 .sec2_img_grid img.mo_only {width: 100%;}

  #story .storySec3 {background: url(/img/sub01/story_6_mo.jpg) no-repeat center center; background-size: cover;}
  #story .storySec3 .sec3_box_wrap {column-gap: 18px; row-gap: 18px;}
  #story .storySec3 .sec3_box_wrap > li {width: calc((100% - 18px)/2); row-gap: 8px;}
  #story .storySec3 .sec3_box_wrap .serif {font-size: var(--font18);}
  #story .storySec3 .sec3_box_wrap .desc {font-size: var(--font13);}

  #story .storySec4 .center_txt_wrap {margin-bottom: 60px;}
  #story .storySec4 ul > li .txt_wrap .serif {font-size: var(--font28); line-height: 1.4;}
  #story .storySec4 ul > li .txt_wrap p {font-size: var(--font15);}

  #story .storySec4 ul > li:nth-child(1),
  #story .storySec4 ul > li:nth-child(2),
  #story .storySec4 ul > li:nth-child(3) {margin-bottom: 60px; height: auto;}
  #story .storySec4 ul > li:nth-child(3) .img_wrap {width: 100%;}
  #story .storySec4 ul > li:nth-child(2) .txt_wrap,
  #story .storySec4 ul > li.img_rt .txt_wrap {position: static;}
  #story .storySec4 ul > li.img_rt {display: flex; flex-direction: column-reverse;}
  #story .storySec4 ul > li .txt_wrap {margin-top: 15px; position: relative; z-index: 2;}
  #story .storySec4 ul > li:nth-child(1) .img_wrap img,
  #story .storySec4 ul > li:nth-child(4) .img_wrap img {margin-left: auto;}
  #story .storySec4 ul > li:nth-child(3) .img_wrap img {width: 100%;}
  #story .storySec4 ul > li:nth-child(4) .txt_wrap {margin-top: 15px;}
  #story .storySec4 ul > li:nth-child(4)  .txt_wrap .serif {margin-bottom: 18px;}

  #story .storySec5 {height: 520px; padding-top: 60px; background: url(/img/sub01/story_11_mo.jpg) no-repeat bottom 10% center; background-size: cover;}
  #story .storySec5 .center_txt_wrap img {width: 60px; margin-bottom: 18px;}

  #history .sub_tab_list {margin-bottom: 45px;}
  #history .history_list {padding-left: 20px;}
  #history .sub_tab_list > li:nth-child(1) {width: calc(40% - 1px);}
  #history .sub_tab_list > li:nth-child(2) {width: calc(60% - 1px);}
  #history .sub_tab_list > li > a {min-width: auto;}
  #history .history_list > li {flex-direction: column; position: relative;}
  #history .history_list > li:not(:last-child) {padding-bottom: 60px;}
  #history .history_list > li:not(:last-child)::after {content: ""; display: block; width: 1px; height: 42px; background: #D9D9D9; position: absolute; left: 0; bottom: 8px;}
  #history .history_list > li .year {font-size: var(--font24); font-weight: var(--semi); color: #3E3A39;}
  #history .history_list > li .year::after {display: none;}
  #history .history_list > li .content {font-size: var(--font14); padding-top: 10px; word-break: keep-all;}
  #history .history_list > li .content > li {line-height: 1.3;}
  #history .history_list > li .content > li .month {min-width: 35px;}
  #history .history_list > li .content > li .month.long {min-width: 48px;}
  #history .history_list > li .content > li .month::after {margin: 0 3px;}
  #history .history_list > li .content > li .cont span.padding_lt {padding-left: 0;}
  #history .subBanner .banner_txt {top: 160px;}

  #medical .medical_wrap {margin-top: 70px;}
  #medical .medical_wrap .txt_wrap ul {margin-top: 50px;}
  #medical .medical_wrap .txt_wrap ul li {width: 100%;}
  #medical .medical_wrap .txt_wrap ul li .index {padding-left: 25px; word-break: keep-all;}
  #medical .medical_wrap .txt_wrap ul li .subject {margin-bottom: 3px;}
  #medical .medical_wrap .txt_wrap .top .title {font-size: var(--font22); margin-bottom: 10px; margin-left: -19px;}
  #medical .medical_wrap .txt_wrap .top .desc {font-size: var(--font17);}
  #medical .medical_wrap .txt_wrap .top .desc br {display: none;}
  #medical .medical_wrap .txt_wrap .top .desc br.mo_only {display: block;}
  #medical .medical_wrap .img_wrap img {height: 254px;}
  #medical .medical_wrap1 .txt_wrap ul li:nth-child(1) {order: 0;}
  #medical .medical_wrap1 .txt_wrap ul li:nth-child(3) {order: 1;}
  #medical .medical_wrap1 .txt_wrap ul li:nth-child(5) {order: 2;}
  #medical .medical_wrap1 .txt_wrap ul li:nth-child(2) {order: 3;}
  #medical .medical_wrap1 .txt_wrap ul li:nth-child(4) {order: 4;}
  #medical .medical_wrap1 .txt_wrap ul li:nth-child(6) {order: 5;}
}