@charset "utf-8";
.pc-view {
  display: block !important;
}
.mo-view {
  display: none !important;
}

/* 768 */
@media screen and (max-width: 768px) {
  input,
  textarea,
  body {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  input,
  textarea,
  button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  input,
  textarea,
  button,
  select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .pc-view {
    display: none !important;
  }
  .mo-view {
    display: block !important;
  }
  #wrap::-webkit-scrollbar {
    display: inherit;
  }
  #site-header {
    height: 140px !important;
    height: 18.66666667vw !important;
  }
  #site-header > .inner {
    width: 90%;
  }
  #site-header .logo a .logoImg {
    width: 165px !important;
    width: 22vw !important;
    height: 63px !important;
    height: 8.4vw !important;
  }
  #site-header:not(.newsroom) .menu,
  #site-header .withPosco {
    display: none;
  }
  #site-header .sidemenu {
    width: auto;
  }
  #site-header .lang{margin-right: 0;}
  #site-header .sidemenu .menu_btn{width: 9vw; height: 9vw;}
  #site-header .sidemenu .menu_btn .line{width: 4vw; height: 8px;}
  #site-header .sidemenu .menu_btn .line span{height: 1px;}

  #site-header .sidemenu .sidemenu_container {
    background-color: #fff;
  }
  #site-header .sidemenu .sidemenu_container > .inner {
    background: none;
  }
  #site-header .sidemenu .head_container {
    height: 140px;
    height: 18.66666667vw;
    padding: 0 5%;
    padding-left: 10%;
    background-color: #fff;
  }
  #site-header .sidemenu .head_container .logo {
    display: none;
  }
  #site-header .sidemenu .head_container .lang {
    display: none;
   /*  display: flex; */
    margin-left: 0;
  }
  #site-header .sidemenu .head_container .lang li + li {
    padding-left: 60px;
    padding-left: 8vw;
  }
  #site-header .sidemenu .head_container .lang li a {
    font-size: 26px;
    font-size: 3.46666667vw;
    color: #a2a2a2;
    border-bottom: 2px solid transparent;
  }
  #site-header .sidemenu .head_container .lang li.active a {
    color: #333;
    border-color: #000;
  }
  #site-header .sidemenu .head_container .withPosco {
    display: block;
    flex-grow: 1;
    padding-right: 40px;
    padding-right: 5.33333333vw;
  }
  #site-header .sidemenu .head_container .withPosco .img {
    /* margin-left: auto; */
    width: 186px;
    width: 24.8vw;
    height: 36px;
    height: 4.8vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/common/with_posco.png);
  }
  #site-header .sidemenu .head_container .close button {
    width: 37px;
    width: 4.93333333vw;
    height: 37px;
    height: 4.93333333vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M26.988,3.820 L16.568,14.240 L26.581,24.253 L23.753,27.081 L13.740,17.068 L3.820,26.987 L1.012,24.180 L10.932,14.260 L0.418,3.747 L3.247,0.918 L13.760,11.431 L24.180,1.012 L26.988,3.820 Z'/%3E%3C/svg%3E");
  }
  #site-header .sidemenu .menu_container {
    display: block;
    height: 100vh;
    padding-top: 140px;
    padding-top: 18.66666667vw;
    box-sizing: border-box;
    overflow-y: auto;
  }
  #site-header .sidemenu .menu_container .depth1:after {
    display: none;
  }
  #site-header .sidemenu .menu_container .depth1 > ul {
    width: 100%;
    padding: 0;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li {
    position: relative;
    padding: 30px 0px;
    padding: 4vw 0vw;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li > a {
    margin-left: 10%;
    font-size: 42px;
    font-size: 5.6vw;
    display: none;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.active > a::before{
    position: absolute;
    right: 6.3vw;
    top: 5.8vw;
    width: 2vw;
    height: 2vw;
    border-radius: 2vw;
    background-color: #279bf3;
    content: "";
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li > a.m {
    display: inline-block;
    visibility: visible;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li + li {
    margin-top: 0;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.small {
    margin-top: 30px;
    margin-top: 4vw;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.small + .small {
    margin-top: 0;
  }
  #site-header .sidemenu .menu_container .depth2 {
    position: static;
    display: none;
    width: 100%;
    background-color: #00396b;
    padding: 0 10%;
    padding-top: 40px;
    padding-top: 5.33333333vw;
    padding-bottom: 40px;
    padding-bottom: 5.33333333vw;
    margin-top: 30px;
    margin-top: 4vw;
    box-sizing: border-box;
  }
  #site-header .sidemenu .menu_container .depth2 > .img {
    display: none;
  }
  #site-header .sidemenu .menu_container .depth2 > ul {
    width: 100%;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li {
    padding-left: 30px;
    padding-left: 4vw;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li:before {
    display: none;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li + li {
    margin-top: 30px;
    margin-top: 4vw;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li > a {
    font-size: 30px;
    font-size: 4vw;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li > a[target]:after {
    width: 30px;
    width: 4vw;
    height: 30px;
    height: 4vw;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 {
    display: block;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 > .visual {
    display: none;
  }
  #site-header.newsroom .menu {
    padding: 0;
  }
  #site-header.newsroom .menu > ul {
    margin: 0;
    margin-left: auto;
  }
  #site-header.newsroom .menu > ul > li > a {
    line-height: 140px;
    line-height: 18.66666667vw;
    font-size: 28px;
    font-size: 3.73333333vw;
    padding: 0;
  }
  #site-header.newsroom .lang {
    display: none;
  }
  #site-footer > .inner {
    width: 90%;
    padding: 60px 0px;
    padding: 8vw 0vw;
  }
  #site-footer .top {
    flex-wrap: wrap;
    padding: 0;
    padding-bottom: 60px;
    padding-bottom: 8vw;
  }
  #site-footer .top .logo {
    display: none;
  }
  #site-footer .top .menu {
    flex-wrap: wrap;
    width: auto;
    margin: -10px -10px;
    margin: -1.33333333vw -1.33333333vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #site-footer .top .menu > li {
    padding: 10px 10px;
    padding: 1.33333333vw 1.33333333vw;
  }
  #site-footer .top .menu > li + li:before {
    display: none;
  }
  #site-footer .top .menu > li > a {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #site-footer .top .select > select {
    width: 350px;
    width: 46.66666667vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 25px;
    font-size: 3.33333333vw;
    background-position: top 16px right 21px;
  }
  #site-footer .top .select > button {
    height: 80px;
    height: 10.66666667vw;
  }
  #site-footer .top .select {
    position: static;
  }
  #site-footer .bot {
    padding: 0;
    padding-top: 40px;
    padding-top: 5.33333333vw;
    padding-left: 180px;
    padding-left: 24vw;
    position: relative;
  }
  #site-footer .bot .logo {
    display: block;
    position: absolute;
    top: 70px;
    top: 9.33333333vw;
    left: 15px;
    left: 2vw;
  }
  #site-footer .bot .logo img {
    width: 105px;
    width: 14vw;
  }
  #site-footer .bot .info > li {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #site-footer .bot .copy {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #site-footer .bot .di_focus {
    position: static;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .scrollTop {
    width: 46px;
    height: 46px;
  }
  #header-placeholder {
    height: 140px;
    height: 18.66666667vw;
  }
  #page-top-visual {
    height: 820px;
    height: 109.33333333vw;
  }
  #page-top-visual .text {
    padding-top: 460px;
    padding-top: 61.33333333vw;
  }
  #page-top-visual .text > .inner {
    width: 86%;
  }
  #page-top-visual .text .loc {
    display: none;
  }
  #page-top-visual .text .t1 {
    font-size: 70px;
    font-size: 9.33333333vw;
    line-height: 80px;
    line-height: 10.66666667vw;
  }
  #page-top-visual .text .t2 {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 38px;
    line-height: 5.06666667vw;
    margin-top: 30px;
    margin-top: 4vw;
    width: 80vw;
  }
  #page-top-visual .menu > ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
  #page-top-visual .menu > ul > li > a {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 100px;
    line-height: 13.33333333vw;
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
  }
  #tab-menu {
    height: 120px;
    height: 16vw;
  }
  #tab-menu > .inner {
    height: 120px;
    height: 16vw;
    line-height: 120px;
    line-height: 16vw;
  }
  #tab-menu .swiper-wrapper {
    justify-content: flex-start;
  }
  #tab-menu .swiper-slide {
    padding: 0px 30px;
    padding: 0vw 4vw;
  }
  #tab-menu .swiper-slide a {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #tab-menu.fixed > .inner {
    top: 140px;
    top: 18.66666667vw;
    height: 120px;
    height: 16vw;
    line-height: 120px;
    line-height: 16vw;
  }
  .page-section > .inner {
    width: 90%;
    padding: 10% 0;
  }
  .page-section > .bg video {
    width: auto;
    height: 100%;
  }
  /* main_esg */
  #main_esg .inner{
    padding: 10% 0;
    padding-bottom: 0;
  }
  #main_esg .secTitle{
    font-size: 7.33333333vw;
    line-height: 7.33333333vw;
    margin-bottom: 10.66666667vw !important;
  }
  #main_esg ul li {
    width: 100% 
  }

#main_esg ul li a {
    height: 300px;
    height: 40vw
  }

#main_esg ul li a>div {
    padding: 5.33333333vw
  }

#main_esg ul li .tit {
    font-size: 6.66666667vw
  }

#main_esg ul li .txt {
    font-size: 20px;
    font-size: 2.66666667vw;
    min-height: auto
  }
  /*  */
  .newsroom_list {
    margin: -20px;
    margin: -2.66666667vw;
    overflow: unset;
  }
  .newsroom_list .newsroom-item {
    padding: 20px;
    padding: 2.66666667vw;
  }
  .newsroom_list.col2 .newsroom-item-article .cont {
    padding: 35px;
    padding: 4.66666667vw;
    padding-right: 80px;
    padding-right: 10.66666667vw;
  }
  .newsroom_list.col2 .newsroom-item-article .cont .tag {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 35px;
    line-height: 4.66666667vw;
  }
  .newsroom_list.col2 .newsroom-item-article .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
  }
  .newsroom_list.col2 .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .newsroom_list.col2 .newsroom-item-article.type3 .cont {
    padding-top: 0;
    padding-bottom: 0;
  }
  .newsroom_list.col2 .newsroom-item-article.type3 .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
  }
  .newsroom_list.col4 .newsroom-item-article .cont {
    padding: 35px;
    padding: 4.66666667vw;
    padding-right: 80px;
    padding-right: 10.66666667vw;
  }
  .newsroom_list.col4 .newsroom-item-article .cont .tag {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  .newsroom_list.col4 .newsroom-item-article .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
  }
  .newsroom_list.col4 .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .newsroom_list.lineType:before {
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  .newsroom_list.lineType .newsroom-item:after {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .newsroom-item-article.type3 .img {
    width: 220px;
    width: 29.33333333vw;
  }
  .newsroom-item-article.type3 .img picture {
    width: 220px;
    width: 29.33333333vw;
  }
  .newsroom-item-article .cont {
    padding: 35px;
    padding: 4.66666667vw;
  }
  .newsroom-item-article .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
  }
  .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 25px;
    margin-top: 3.33333333vw;
  }
  .newsroom-item-article.type2 .cont {
    padding: 20px 50px;
    padding: 2.66666667vw 6.66666667vw;
  }
  .newsroom-item-article.type2 .cont .tag {
    font-size: 16px;
    font-size: 2.13333333vw;
    line-height: 33px;
    line-height: 4.4vw;
    height: 35px;
    height: 4.66666667vw;
    padding: 0px 15px;
    padding: 0vw 2vw;
    margin-bottom: 15px;
    margin-bottom: 2vw;
  }
  .newsroom-item-article.type2 .cont .tit {
    font-size: 30px;
    font-size: 4vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    height: 80px;
    height: 10.66666667vw;
  }
  .newsroom-item-article.type2 .cont .date {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #main-top-visual .text > .inner {
    width: 90%;
  }
  #main-top-visual .text .tit {
    font-size: 30px;
    font-size: 4vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #main-top-visual .text .txt {
    font-size: 50px;
    font-size: 6.66666667vw;
    line-height: 68px;
    line-height: 9.06666667vw;
    height: auto;
  }
  #main-top-visual .text .more a {
    width: 300px;
    width: 40vw;
    height: 90px;
    height: 12vw;
    line-height: 88px;
    line-height: 11.73333333vw;
    padding: 0px 30px;
    padding: 0vw 4vw;
  }
  #main-top-visual .text .more a:after {
    right: 30px;
    right: 4vw;
  }
  #main-top-visual .text .more a span {
    font-size: 24px;
    font-size: 3.2vw;
    vertical-align: inherit;
  }
  #main-top-visual .bg > div {
    background-size: cover;
    background-position: center;
  }
  #main-top-visual .bg video {
    width: auto;
    height: 100%;
  }
  #main-top-visual .swiper-pagination li {
    padding: 0px 15px;
    padding: 0vw 2vw;
  }
  #main-top-visual .swiper-pagination li a {
    width: 100px;
    width: 13.33333333vw;
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  .main-swiper-prev,
  .main-swiper-next {
    display: none;
  }
  #main_sec_01 {
    padding: 100px 0px;
    padding: 13.33333333vw 0vw;
    height: 800px;
    height: 106.66666667vw;
    min-height: unset;
  }
  #main_sec_01 .title {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #main_sec_01 .text {
    margin-top: 50px;
    margin-top: 6.66666667vw;
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
  }
  #main_sec_01 .writer {
    font-size: 25px;
    font-size: 3.33333333vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #main_sec_02 {
    padding: 50px 0px;
    padding: 6.66666667vw 0vw;
    height: 900px;
    height: 120vw;
    min-height: unset;
  }
  #main_sec_02 > .bg > .video {
    height: 120%;
  }
  #main_sec_02 .text {
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 60px;
    line-height: 8vw;
  }
  #main_sec_03 > .inner {
    padding: 70px 0px;
    padding: 9.33333333vw 0vw;
  }
  #main_sec_03 .title {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_03 .title:after {
    width: 25px;
    width: 3.33333333vw;
  }
  #main-relatedNews-slider .swiper-pagination {
    position: static;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #main-relatedNews-slider .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
  }
  #main_sec_04 {
    min-height: auto;
    padding: 0;
  }
  #main_sec_04 > .inner {
    padding: 10% 0;
    max-width: 100%;
    width: 80%;
  }
  #main_sec_04 > .bg > .img {
    height: 120%;
  }
  #main_sec_04 .title {
    font-size: 55px;
    font-size: 7.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_04 .text {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #main-newsroom-slider .swiper-pagination {
    position: static;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #main-newsroom-slider .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
  }
  #main_sec_05 > .inner {
    padding: 70px 0px;
    padding: 9.33333333vw 0vw;
  }
  #main_sec_05 .title {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_05 .title:after {
    width: 25px;
    width: 3.33333333vw;
  }
  #main_sec_05 .news_list {
    margin-right: -30px;
    margin-right: -4vw;
  }
  #main_sec_05 .news_list > li {
    width: 50%;
    padding-right: 30px;
    padding-right: 4vw;
  }
  #main_sec_05 .newsroom-item-article .cont {
    padding: 40px 30px;
    padding: 5.33333333vw 4vw;
  }
  #main_sec_05 .newsroom-item-article .cont .tit {
    font-size: 30px;
    font-size: 4vw;
  }
  #main_sec_05 .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #main_sec_06 {
    padding: 0;
    min-height: auto;
    height: 960px;
    height: 128vw;
  }
  #main_sec_06 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #main_sec_06 > .bg > .img {
    height: 120%;
  }
  #main_sec_06 .title {
    font-size: 24px;
    font-size: 3.2vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_06 .text {
    font-size: 50px;
    font-size: 6.66666667vw;
    line-height: 68px;
    line-height: 9.06666667vw;
  }
  #main_sec_07 > .inner {
    padding: 10% 0;
    padding-bottom: 0;
  }
  #main_sec_07 .title {
    font-size: 55px;
    font-size: 7.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_07 .text {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #ms07_list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #ms07_list .item {
    padding: 0 !important;
  }
  #ms07_list .item > a {
    padding: 60px 40px;
    padding: 8vw 5.33333333vw;
    min-height: 320px;
    min-height: 42.66666667vw;
    border-radius: 0;
  }
  #ms07_list .item .tit {
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: auto;
  }
  #ms07_list .item .txt {
    display: none;
  }
  #ms07_list .item .link {
    width: 60px;
    width: 8vw;
    height: 60px;
    height: 8vw;
    right: 40px;
    right: 5.33333333vw;
    bottom: 50px;
    bottom: 6.66666667vw;
    opacity: 1;
    transform: translateX(0);
  }
  #main_sec_09 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
    display: block;
  }
  #main_sec_09 .title {
    font-size: 55px;
    font-size: 7.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
    margin-bottom: 70px;
    margin-bottom: 9.33333333vw;
  }
  #main_sec_09 .ir_stock {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #main_sec_09 .ir_stock > div {
    margin-bottom: 0;
    text-align: left;
  }
  #main_sec_09 .ir_stock > div > div {
    font-size: 60px;
    font-size: 8vw;
    line-height: 65px;
    line-height: 8.66666667vw;
    margin-bottom: 0;
  }
  #main_sec_09 .ir_stock > div > span {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 53px;
    line-height: 7.06666667vw;
  }
  #main_sec_09 .ir_stock > div > span + span {
    margin-left: 40px;
    margin-left: 5.33333333vw;
  }
  #main_sec_09 .ir_stock > ul {
    width: 280px;
    width: 37.33333333vw;
  }
  #main_sec_09 .ir_stock > ul > li + li {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #main_sec_09 .ir_stock > ul > li > span {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #main_sec_10 {
    height: 600px;
    height: 80vw;
  }
  #main_sec_10 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
    display: block;
  }
  #main_sec_10 .title {
    font-size: 55px;
    font-size: 7.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
    margin-bottom: 190px;
    margin-bottom: 25.33333333vw;
  }
  #main_sec_10 .text {
    font-size: 30px;
    font-size: 4vw;
    line-height: 45px;
    line-height: 6vw;
    width: auto;
    max-width: 380px;
    max-width: 50.66666667vw;
  }
  #main_sec_09 .link,
  #main_sec_10 .link {
    transform: scale(1);
    position: static;
    width: 100%;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    margin: 0;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    display: block;
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #main_sec_09 .link br,
  #main_sec_10 .link br {
    display: none;
  }
  #main_sec_09 .link:after,
  #main_sec_10 .link:after {
    width: 30px;
    width: 4vw;
    height: 15px;
    height: 2vw;
    margin-left: 20px;
    margin-left: 2.66666667vw;
    border: 0;
    background: url(../images/ico/ico_finder_right_w.png) center no-repeat;
    background-size: contain;
  }
  .main_sec_grid {
    display: block;
  }
  .main_sec_grid > * {
    width: 100%;
  }
  #introduce_01_sec_01 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #introduce_01_sec_01 .overview {
    padding-left: 90px;
    padding-left: 12vw;
    padding-bottom: 0;
  }
  #introduce_01_sec_01 .overview:before {
    top: 10px;
    top: 1.33333333vw;
    left: 0;
    right: auto;
    width: 100px;
    width: 13.33333333vw;
    height: 430px;
    height: 57.33333333vw;
  }
  #introduce_01_sec_01 .overview .title {
    font-size: 45px;
    font-size: 6vw;
    line-height: 60px;
    line-height: 8vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #introduce_01_sec_01 .overview .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  #introduce_01_sec_01 .obj .circle {
    width: 250px;
    width: 33.33333333vw;
    right: -120px;
    right: -16vw;
    top: -100px;
    top: -13.33333333vw;
  }
  #introduce_01_sec_01 .obj .img picture + picture {
    margin-top: 90px;
    margin-top: 12vw;
  }
  #introduce_01_sec_02 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #introduce_01_sec_02 .title {
    font-size: 45px;
    font-size: 6vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #introduce_01_sec_02 ul {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
  }
  #introduce_01_sec_02 ul li {
    padding: 60px 40px;
    padding: 8vw 5.33333333vw;
    height: auto;
    min-height: 250px;
    min-height: 33.33333333vw;
  }
  #introduce_01_sec_02 ul li .tit {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 38px;
    line-height: 5.06666667vw;
  }
  #introduce_01_sec_02 ul li .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 38px;
    line-height: 5.06666667vw;
  }
  #introduce_01_sec_02 ul li .txt small {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 36px;
    line-height: 4.8vw;
  }
  [id*='introduce_03_sec_'] > .inner {
    padding: 10% 0 !important;
  }
  [id*='introduce_03_sec_'] .secTitle {
    font-size: 35px;
    font-size: 4.66666667vw;
    padding-bottom: 15px;
    padding-bottom: 2vw;
  }
  [id*='introduce_03_sec_'] .secTitle:after {
    width: 45px;
    width: 6vw;
    height: 2px;
  }
  [id*='introduce_03_sec_'] .contText {
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 54px;
    line-height: 7.2vw;
    margin-top: 100px;
    margin-top: 13.33333333vw;
    margin-bottom: 100px;
    margin-bottom: 13.33333333vw;
  }
  #introduce_03_sec_02 .contText {
    padding-top: 120px;
    padding-top: 16vw;
    padding-bottom: 180px;
    padding-bottom: 24vw;
    margin: 0;
  }
  #introduce_03_sec_03 .obj {
    margin-top: 0;
  }
  #introduce_03_sec_04 .secTitle {
    position: static;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #introduce_03_sec_04 ul {
    margin: 0;
  }
  #introduce_03_sec_04 ul li {
    display: block;
    padding: 40px;
    padding: 5.33333333vw;
    box-sizing: border-box;
    height: auto;
  }
  #introduce_03_sec_04 ul li .obj {
    width: 100%;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #introduce_03_sec_04 ul li .tit {
    font-size: 45px;
    font-size: 6vw;
  }
  #introduce_03_sec_04 ul li .tit span {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #introduce_03_sec_04 ul li .txt {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  [id*='introduce_02_sec_'] h4 {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  [id*='introduce_02_sec_'] p {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  [id*='introduce_02_sec_'] .image {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  [id*='ci_sec_'] .secTitle {
    font-size: 35px;
    font-size: 4.66666667vw;
    padding-bottom: 15px;
    padding-bottom: 2vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  [id*='ci_sec_'] .secTitle:after {
    width: 45px;
    width: 6vw;
    height: 2px;
  }
  #ci_sec_01 .text {
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #ci_sec_01 .text .t1 {
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 54px;
    line-height: 7.2vw;
  }
  #ci_sec_01 .text .t2 {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  #message_sec {
    background: url(../images/introduce/message_bg.png) left 5% top 25% no-repeat;
    background-size: 100%;
  }
  #message_sec > .inner {
    padding: 10% 0;
  }
  #message_sec .top {
    display: block;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    position: relative;
    padding-top: 250px;
    padding-top: 33.33333333vw;
  }
  #message_sec .top .obj {
    margin: 0 auto;
    display: block;
    width: 80%;
    padding-top: 0;
  }
  #message_sec .top .obj img {
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
    width: 100%;
  }
  #message_sec .top .cont {
    width: 100%;
    padding-left: 0;
    margin-right: 0;
  }
  #message_sec .title {
    padding-left: 0;
    font-size: 45px;
    font-size: 6vw;
    line-height: 60px;
    line-height: 8vw;
    margin-bottom: 0;
    position: absolute;
    top: 0;
  }
  #message_sec .text {
    padding-left: 0;
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  #message_sec .name {
    margin-top: 100px;
    margin-top: 13.33333333vw;
    padding-left: 0;
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #message_sec .name span {
    font-size: 45px;
    font-size: 6vw;
    padding-left: 20px;
    padding-left: 2.66666667vw;
  }
  #message_sec .name img {
    width: 200px;
    width: 26.66666667vw;
    margin-left: 30px;
    margin-left: 4vw;
  }
  #history_sec_01 {
    background-image: none;
  }
  #history_sec_01 > .inner {
    width: 100%;
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #history_sec_01 .subTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    line-height: 60px;
    line-height: 8vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
    margin-left: 50px;
    margin-left: 6.66666667vw;
  }
  #history_sec_01 .subCont {
    border-radius: 0;
    width: 100%;
    padding: 70px;
    padding: 9.33333333vw;
  }
  #history_sec_01 .subCont .obj {
    width: 300px;
    width: 40vw;
    right: 30px;
    right: 4vw;
    bottom: 180px;
    bottom: 24vw;
  }
  #history_sec_01 .subCont .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    width: 50%;
    margin-bottom: 100px;
    margin-bottom: 13.33333333vw;
  }
  #history_sec_01 .subCont .txt br {
    display: none;
  }
  #history_sec_01 .subCont .btn {
    display: flex;
  }
  #history_sec_01 .subCont .btn a {
    width: 50%;
    height: 80px;
    height: 10.66666667vw;
    line-height: 72px;
    line-height: 9.6vw;
    padding: 0px 35px;
    padding: 0vw 4.66666667vw;
  }
  #history_sec_01 .subCont .btn a span {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #history_sec_01 .subCont .btn a:after {
    width: 25px;
    width: 3.33333333vw;
    height: 25px;
    height: 3.33333333vw;
    background-size: contain;
    right: 35px;
    right: 4.66666667vw;
    margin-top: -12px;
    margin-top: -1.6vw;
  }
  #history_sec_02 .subTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    line-height: 60px;
    line-height: 8vw;
    margin-bottom: 70px;
    margin-bottom: 9.33333333vw;
  }
  #history_sec_02 .history_list {
    padding-top: 0;
  }
  #history_sec_02 .history_list .sec {
    padding-left: 30px;
    padding-left: 4vw;
    position: relative;
  }
  #history_sec_02 .history_list .cont {
    width: auto;
    left: 0;
    top: 100px;
    top: 13.33333333vw;
    visibility: visible !important;
    opacity: 1 !important;
    padding-left: 70px;
    padding-left: 9.33333333vw;
  }
  #history_sec_02 .history_list .cont .title {
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #history_sec_02 .history_list .cont .title .t1 {
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #history_sec_02 .history_list .cont .title .t1 span {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-left: 15px;
    margin-left: 2vw;
    font-weight: normal;
  }
  #history_sec_02 .history_list .cont .title .t2 {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  #history_sec_02 .history_list .sec + .sec ul li:first-child {
    padding-top: 600px;
    padding-top: 80vw;
  }
  #history_sec_02 .history_list .sec + .sec ul li:first-child:before {
    top: 605px;
    top: 80.66666667vw;
  }
  #history_sec_02 .history_list .sec + .sec ul li.tit:first-child:before {
    top: 615px;
    top: 82vw;
  }
  #history_sec_02 .history_list ul {
    width: 100%;
  }
  #history_sec_02 .history_list ul li {
    padding-left: 50px;
    padding-left: 6.66666667vw;
    padding-bottom: 40px;
    padding-bottom: 5.33333333vw;
  }
  #history_sec_02 .history_list ul li:before {
    width: 20px;
    width: 2.66666667vw;
    height: 20px;
    height: 2.66666667vw;
    left: -10px;
    left: -1.33333333vw;
    border-width: 3px;
  }
  #history_sec_02 .history_list ul li:after {
    width: 2px;
    left: -1px;
  }
  #history_sec_02 .history_list ul li.tit {
    padding-bottom: 40px;
    padding-bottom: 5.33333333vw;
  }
  #history_sec_02 .history_list ul li.tit:before {
    width: 12px;
    width: 1.6vw;
    height: 12px;
    height: 1.6vw;
    left: -6px;
    left: -0.8vw;
  }
  #history_sec_02 .history_list ul li .text {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 38px;
    line-height: 5.06666667vw;
    height: 76px;
    height: 10.13333333vw;
  }
  #history_sec_02 .history_list ul li .date {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 5px;
    margin-bottom: 0.66666667vw;
  }
  #history_sec_02 .history_list ul li .date span {
    font-size: 20px;
    font-size: 2.66666667vw;
    margin-left: 5px;
    margin-left: 0.66666667vw;
  }
  #history_sec_02 .history_list .sec.founding {
    grid-gap: 30px;
    padding-left: 0;
  }
  #history_sec_02 .history_list .sec.founding .cont {
    grid-column: 1 / span 2;
    position: static;
    padding-left: 0;
  }
  #history_sec_02 .history_list .sec.founding + .sec:before {
    content: '';
    display: inline-block;
    width: 310px;
    width: 41.33333333vw;
    height: 2px;
    background-color: #b9daee;
    position: absolute;
    left: 30px;
    left: 4vw;
  }
  #history_sec_02 .history_list .sec.founding {
    padding-bottom: 155px;
    padding-bottom: 20.66666667vw;
  }
  #history_sec_02 .history_list .sec.founding:after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 125px;
    height: 16.66666667vw;
    background-color: #b9daee;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -1px;
  }
  #history_sec_02 .history_list .sec.founding ul.left:after {
    height: 43px;
    height: 5.73333333vw;
    background-color: #60a2e6;
  }
  #history_sec_02 .history_list .sec.founding ul.left li {
    padding-right: 50px;
    padding-right: 6.66666667vw;
  }
  #history_sec_02 .history_list .sec.founding ul.left li:before {
    right: -10px;
    right: -1.33333333vw;
  }
  #history_sec_02 .history_list .sec.founding ul.left li.tit:before {
    right: -5.5px;
    right: -0.73333333vw;
  }
  #history_sec_02 .history_list .sec.founding ul.right:after {
    height: 43px;
    height: 5.73333333vw;
    background-color: #60a2e6;
  }
  #history_sec_02 .history_list .sec.founding ul.right li.tit:before {
    left: -5.5px;
    left: -0.73333333vw;
  }
  #history_sec_02 .history_list .sec.founding ul.right li:before {
    left: -10px;
    left: -1.33333333vw;
  }
  #workplace_sec_01 .workplace + .workplace {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #workplace_sec_01 .workplace .country {
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 34px;
    line-height: 4.53333333vw;
    padding-bottom: 20px;
    padding-bottom: 2.66666667vw;
  }
  #workplace_sec_01 .workplace .title {
    font-size: 32px;
    font-size: 4.26666667vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #workplace_sec_01 .workplace ul li {
    padding: 0;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    border: 0;
  }
  #workplace_sec_01 .workplace ul li + li {
    margin-top: 70px;
    margin-top: 9.33333333vw;
  }
  #workplace_sec_01 .workplace ul li .img {
    position: static;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #workplace_sec_01 .workplace ul li .name {
    font-size: 30px;
    font-size: 4vw;
    line-height: 34px;
    line-height: 4.53333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #workplace_sec_01 .workplace ul li table th {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 34px;
    line-height: 4.53333333vw;
    width: 125px;
    width: 16.66666667vw;
  }
  #workplace_sec_01 .workplace ul li table td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 35px;
    line-height: 4.66666667vw;
  }
  #workplace_sec_01 .workplace ul li .btn {
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  #workplace_sec_01 .workplace ul li .btn a {
    height: 90px;
    height: 12vw;
    line-height: 90px;
    line-height: 12vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  #workplace_sec_01 .workplace ul li .btn a:before {
    width: 30px;
    width: 4vw;
    height: 38px;
    height: 5.06666667vw;
    margin-right: 15px;
    margin-right: 2vw;
  }
  #direction_sec_01 {
    background-color: #f4f4f4;
  }
  #direction_sec_01 > .inner {
    padding: 10% 0;
  }
  #direction_sec_01 ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
  #direction_sec_01 ul li {
    padding: 40px 60px;
    padding: 5.33333333vw 8vw;
  }
  #direction_sec_01 ul li .cont {
    padding: 50px 20px;
    padding: 6.66666667vw 2.66666667vw;
  }
  #direction_sec_01 ul li .cont .tit {
    font-size: 38px;
    font-size: 5.06666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #direction_sec_01 ul li .cont .address {
    font-size: 24px;
    font-size: 3.2vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  #direction_sec_01 ul li .cont .tel {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 42px;
    line-height: 5.6vw;
    height: auto;
  }
  #direction_sec_01 ul li .btn {
    margin-top: 30px;
    margin-top: 4vw;
  }
  #direction_sec_01 ul li .btn a {
    height: 90px;
    height: 12vw;
    line-height: 90px;
    line-height: 12vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  #direction_sec_01 ul li .btn a:before {
    width: 30px;
    width: 4vw;
    height: 38px;
    height: 5.06666667vw;
    margin-right: 15px;
    margin-right: 2vw;
  }
  #ci_sec_01 .text {
    display: block;
  }
  #ci_sec_01 .text > * {
    display: block;
  }
  #ci_sec_01 .text .t1 {
    margin-bottom: 30px;
    margin-bottom: 4vw;
    padding-right: 0;
  }
  #ci_sec_02 .cont {
    padding-left: 0;
  }
  #ci_sec_02 .cont .tit {
    position: static;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #ci_sec_02 .cont ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
  #ci_sec_02 .cont .btns {
    display: flex;
  }
  #ci_sec_02 .cont .btns a {
    width: 50%;
    height: 80px;
    height: 10.66666667vw;
    line-height: 72px;
    line-height: 9.6vw;
    padding: 0px 35px;
    padding: 0vw 4.66666667vw;
  }
  #ci_sec_02 .cont .btns a span {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #ci_sec_02 .cont .btns a:after {
    width: 25px;
    width: 3.33333333vw;
    height: 25px;
    height: 3.33333333vw;
    background-size: contain;
    right: 35px;
    right: 4.66666667vw;
    margin-top: -12px;
    margin-top: -1.6vw;
  }
  #newsroom-top-visual-wrap {
    padding-top: 0;
  }
  #newsroom-top-visual {
    border-radius: 0;
    box-shadow: none;
  }
  #newsroom-top-visual .newsroom-item-article .img picture {
    padding-top: 620px;
    padding-top: 82.66666667vw;
  }
  #newsroom-top-visual .newsroom-item-article .cont {
    padding: 40px 50px;
    padding: 5.33333333vw 6.66666667vw;
  }
  #newsroom-top-visual .newsroom-item-article .cont .tag {
    font-size: 20px;
    font-size: 2.66666667vw;
    padding: 5px 30px;
    padding: 0.66666667vw 4vw;
  }
  #newsroom-top-visual .newsroom-item-article .cont .tit {
    font-size: 34px;
    font-size: 4.53333333vw;
    line-height: 45px;
    line-height: 6vw;
  }
  #newsroom-top-visual .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #newsroom-top-visual .swiper-prev button,
  #newsroom-top-visual .swiper-next button {
    width: 90px;
    width: 12vw;
    height: 90px;
    height: 12vw;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 25%;
  }
  [id*='newsroom_sec_'] .newsroom_head {
    font-size: 32px;
    font-size: 4.26666667vw;
    line-height: 68px;
    line-height: 9.06666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    font-weight: bold;
  }
  [id*='newsroom_sec_'] .newsroom_head .link {
    font-size: 25px;
    font-size: 3.33333333vw;
    margin-right: 0;
  }
  [id*='newsroom_sec_'] .newsroom_list .swiper-pagination {
    position: static;
    margin-top: 20px;
    margin-top: 2.66666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  [id*='newsroom_sec_'] .newsroom_list .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
    background-color: #222;
  }
  #newsroom_sec_03 > .inner {
    width: 80%;
    padding: 10% 0;
  }
  #newsroom_sec_03 > .bg > .img {
    height: 120%;
  }
  #newsroom_sec_03 .newsroom_head {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #newsroom_sec_03 .newsroom_head .title {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  #newsroom_sec_03 .newsroom_head .link {
    position: static;
  }
  #newsroom_sec_03 .swiper-pagination {
    position: static;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #newsroom_sec_03 .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
  }
  #newsroom_sec_04 > .inner {
    padding: 10% 0;
  }
  #newsroom_sec_04 .newsroom_list.col2 .newsroom-item {
    width: 100%;
  }
  #newsroom_sec_05 .newsroom_list.col3 .newsroom-item {
    width: 100%;
  }
  #newsroom_sec_05 .newsroom-item-article .cont {
    padding: 30px;
    padding: 4vw;
  }
  #newsroom_sec_05 .newsroom-item-article .cont .date {
    margin-bottom: 15px;
    margin-bottom: 2vw;
  }
  #newsroom_sec_05 .newsroom-item-article .cont .tit {
    font-size: 34px;
    font-size: 4.53333333vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    height: 100px;
    height: 13.33333333vw;
  }
  #newsroom_sec_05 .newsroom-item-article .cont .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .esg_link {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  .esg_link > ul {
    display: block;
    padding: 20px;
    padding: 2.66666667vw;
  }
  .esg_link > ul > li {
    width: 100%;
  }
  .esg_link > ul > li + li {
    border: 0;
  }
  .page_related_news {
    padding: 100px 0px;
    padding: 13.33333333vw 0vw;
  }
  .page_related_news .newsroom_head {
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  .page_related_news .newsroom_head .title {
    font-size: 50px;
    font-size: 6.66666667vw;
  }
  .page_related_news .newsroom_list .swiper-pagination {
    position: static;
    margin-top: 20px;
    margin-top: 2.66666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  .page_related_news .newsroom_list .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
    background-color: #222;
  }
  [id*='strategy_01_sec_'] > .inner {
    padding-left: 0;
  }
  [id*='strategy_01_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_02_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_03_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_04_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_05_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_02_sec_02 .element {
    grid-template-columns: repeat(1, 1fr);
  }
  #strategy_02_sec_02 .element li {
    min-height: unset;
  }
  #strategy_02_sec_02 .history {
    grid-template-columns: repeat(1, 1fr);
  }
  #strategy_02_sec_03 .box {
    padding: 40px 40px;
    padding: 5.33333333vw 5.33333333vw;
  }
  #strategy_02_sec_03 .ico {
    position: static;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_03_sec_04 .secContents {
    display: block;
  }
  #strategy_03_sec_04 .secContents .obj {
    padding: 0;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_04_sec_03 .secContents {
    display: block;
  }
  #strategy_04_sec_03 .secContents .obj {
    padding: 0;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_05_sec_01 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  #strategy_05_sec_01 .box {
    display: block;
  }
  #strategy_05_sec_01 .box .obj {
    width: auto;
    padding: 0;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_05_sec_01 .box .txt {
    width: auto;
  }
  [id*='strategy_07_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    font-size: 35px;
    font-size: 4.66666667vw;
    padding-bottom: 10px;
    padding-bottom: 1.33333333vw;
  }
  [id*='strategy_07_sec_'] .secTitle br {
    display: none;
  }
  [id*='strategy_07_sec_'] .secTitle:after {
    width: 45px;
    width: 6vw;
    height: 3px;
    height: 0.4vw;
  }
  [id*='strategy_07_sec_'] .contTitle {
    font-size: 26px;
    font-size: 3.46666667vw;
    margin-bottom: 25px;
    margin-bottom: 3.33333333vw;
  }
  [id*='strategy_07_sec_'] * + .contTitle {
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_head {
    padding: 10px 40px;
    padding: 1.33333333vw 5.33333333vw;
    padding-right: 100px;
    padding-right: 13.33333333vw;
    height: auto;
    min-height: 80px;
    min-height: 10.66666667vw;
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_head:after {
    width: 40px;
    width: 5.33333333vw;
    height: 40px;
    height: 5.33333333vw;
    right: 30px;
    right: 4vw;
    margin-top: -20px;
    margin-top: -2.66666667vw;
    -webkit-background-size: 15px;
    background-size: 15px;
    -webkit-background-size: 2vw;
    background-size: 2vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body {
    padding: 40px 60px;
    padding: 5.33333333vw 8vw;
    padding-bottom: 60px;
    padding-bottom: 8vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .link {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body ul > li + li {
    margin-top: 30px;
    margin-top: 4vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body ul > li .h .link {
    margin-left: 20px;
    margin-left: 2.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body ul > li .t {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body table th,
  [id*='strategy_07_sec_'] .accordion .acc_body table td {
    padding: 20px;
    padding: 2.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body table th {
    padding-left: 30px;
    padding-left: 4vw;
    width: auto;
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body table td {
    padding-left: 40px;
    padding-left: 5.33333333vw;
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_01 {
    flex-direction: column;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_01 dd {
    font-size: 24px;
    font-size: 3.2vw;
    width: 300px;
    width: 40vw;
    height: 300px;
    height: 40vw;
    margin: 20px;
    margin: 2.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_01 dd + dd:before {
    width: 20px;
    width: 2.66666667vw;
    height: 20px;
    height: 2.66666667vw;
    margin: 0;
    top: -35px;
    top: -4.66666667vw;
    left: 50%;
    margin-left: -10px;
    margin-left: -1.33333333vw;
    transform: rotate(45deg);
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 {
    padding: 40px;
    padding: 5.33333333vw;
    padding-top: 30px;
    padding-top: 4vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 > div + div {
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .h1 {
    font-size: 28px;
    font-size: 3.73333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .h2 {
    font-size: 26px;
    font-size: 3.46666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .h2 span {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-left: 0;
    display: block;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 {
    flex-direction: column;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd .t {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd .b {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid2 > dd {
    width: 50%;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid2 > dd span {
    font-size: 22px;
    font-size: 2.93333333vw;
    height: 150px;
    height: 20vw;
  }
  #strategy_07_sec_01 .title {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #strategy_07_sec_01 .text {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #strategy_07_sec_01 .objImg {
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  #strategy_07_sec_01 .box {
    flex-direction: column;
    padding: 40px;
    padding: 5.33333333vw;
    padding-top: 30px;
    padding-top: 4vw;
  }
  #strategy_07_sec_01 .box + .box:before {
    left: 0;
  }
  #strategy_07_sec_01 .box .tit {
    margin-bottom: 30px;
    margin-bottom: 4vw;
    text-align: center;
    width: 100%;
    padding: 0;
    font-size: 30px;
    font-size: 4vw;
  }
  #strategy_07_sec_01 .box .cont {
    padding: 40px;
    padding: 5.33333333vw;
    min-height: 200px;
    min-height: 26.66666667vw;
  }
  #strategy_07_sec_01 .box .cont .txt1 {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #strategy_07_sec_01 .box .cont .txt2 {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #strategy_07_sec_01 .box .cont ul {
    flex-wrap: wrap;
    margin: -20px;
    margin: -2.66666667vw;
  }
  #strategy_07_sec_01 .box .cont ul li {
    padding: 20px;
    padding: 2.66666667vw;
    width: 50%;
    box-sizing: border-box;
  }
  #strategy_07_sec_01 .box .cont ul li:first-child {
    width: 100%;
  }
  #strategy_07_sec_01 .box .cont ul li .obj {
    width: 240px;
    width: 32vw;
  }
  #strategy_07_sec_01 .box .cont ul li .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #strategy_07_sec_01 .tb > li {
    display: block;
  }
  #strategy_07_sec_01 .tb > li > * {
    display: block;
  }
  #strategy_07_sec_01 .tb > li .th {
    padding: 20px 50px;
    padding: 2.66666667vw 6.66666667vw;
    font-size: 26px;
    font-size: 3.46666667vw;
    width: 400px;
    width: 53.33333333vw;
  }
  #strategy_07_sec_01 .tb > li .th br {
    display: none;
  }
  #strategy_07_sec_01 .tb > li .th b {
    margin-right: 10px;
    margin-right: 1.33333333vw;
  }
  #strategy_07_sec_01 .tb > li .td {
    padding: 40px 60px;
    padding: 5.33333333vw 8vw;
    padding-right: 40px;
    padding-right: 5.33333333vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  [id*='energy_sec_'] .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='energy_sec_'] .subTit {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 30px;
    line-height: 4vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='energy_sec_'] .secContents.grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  [id*='energy_sec_'] .secContents .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  [id*='energy_sec_'] .sub + .sub {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #energy_sec_02 > .inner {
    padding-top: 0;
  }
  #energy_sec_02 > .bg {
    height: 100%;
    display: none;
  }
  #energy_sec_02 ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }
  #energy_sec_03 .secTitle {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #energy_sec_03_01 .subTit {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #energy_sec_03_02 .secContents {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }
  #energy_sec_03_02 .secContents .text {
    padding: 0;
    grid-column: 1;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #energy_sec_03_02 .secContents .obj {
    margin: 0 auto;
    margin-top: 0;
    max-width: 500px;
    max-width: 66.66666667vw;
  }
  #energy_sec_03_01 .secContents .obj {
    overflow-x: auto;
  }
  #energy_sec_03_01 .secContents .obj svg {
    width: 1920px;
    width: 256vw;
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
  }
  #energy_sec_03_02 {
    margin-top: 10%;
  }
  #energy_sec_04 .subTit {
    font-size: 28px;
    font-size: 3.73333333vw;
    text-align: left;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #energy_sec_04 .obj {
    overflow-x: auto;
  }
  #energy_sec_04 .obj img {
    max-width: 1920px;
    max-width: 256vw;
  }
  #energy_sec_05_01 .tit {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-top: 50px;
    margin-top: 6.66666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    text-align: left;
  }
  #energy_sec_05_01 ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }
  #energy_sec_05_01 .table table thead th {
    font-size: 20px;
    font-size: 2.66666667vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #energy_sec_05_01 .table table tbody th,
  #energy_sec_05_01 .table table tbody td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #energy_sec_05_02 .secContents .obj {
    margin-top: 0;
  }
  #energy_sec_06 .text {
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #energy_sec_06 .text li + li {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #energy_sec_06 .text li {
    padding-left: 0;
  }
  #energy_sec_06 .text li .tit {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
    position: static;
  }
  #energy_sec_06 .text li .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  #energy_sec_06 .table {
    overflow-x: auto;
  }
  #energy_sec_06 .table table {
    width: 1400px;
    width: 186.66666667vw;
  }
  #energy_sec_06 .table table thead th {
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 70px;
    height: 9.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #energy_sec_06 .table table tbody th,
  #energy_sec_06 .table table tbody td {
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 38px;
    line-height: 5.06666667vw;
    padding: 20px 40px;
    padding: 2.66666667vw 5.33333333vw;
    box-sizing: border-box;
  }
  #energy_sec_06 .table table tbody td .prd {
    white-space: nowrap;
  }
  #energy_sec_06 .table table tbody td .prd > img {
    width: 200px;
    width: 26.66666667vw;
  }
  #energy_sec_06 .table table tbody td .prd > span {
    font-size: 20px;
    font-size: 2.66666667vw;
    margin-left: 30px;
    margin-left: 4vw;
  }
  [id*='chemical_sec_'] .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='chemical_sec_'] .subTit {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 30px;
    line-height: 4vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='chemical_sec_'] .secContents.grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  [id*='chemical_sec_'] .secContents .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  [id*='chemical_sec_'] .sub + .sub {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #chemical_sec_02 {
    min-height: 450px;
    min-height: 60vw;
  }
  #chemical_sec_02 .text {
    font-size: 30px;
    font-size: 4vw;
    line-height: 45px;
    line-height: 6vw;
    padding-left: 0;
    max-width: 600px;
    max-width: 80vw;
  }
  #chemical_sec_03:after {
    top: 180px;
    top: 24vw;
  }
  #chemical_sec_03 ul li {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
  }
  #chemical_sec_03 ul li .tit {
    padding-left: 0;
    font-size: 30px;
    font-size: 4vw;
    line-height: 36px;
    line-height: 4.8vw;
    margin-top: 0;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #chemical_sec_03 ul li .txt {
    padding-left: 0;
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  #chemical_sec_04 .secTitle {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #chemical_sec_04 .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  [id*='biz_prd_list'] .item > a {
    padding: 60px 50px;
    padding: 8vw 6.66666667vw;
    padding-bottom: 160px;
    padding-bottom: 21.33333333vw;
  }
  [id*='biz_prd_list'] .item .tit {
    font-size: 48px;
    font-size: 6.4vw;
    line-height: 63px;
    line-height: 8.4vw;
    height: 126px;
    height: 16.8vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='biz_prd_list'] .item .link {
    width: 70px;
    width: 9.33333333vw;
    height: 70px;
    height: 9.33333333vw;
    right: 50px;
    right: 6.66666667vw;
    bottom: 60px;
    bottom: 8vw;
  }
  #biz_prd_view {
    max-width: 100%;
    max-height: 100%;
  }
  #biz_prd_view > .inner {
    border-radius: 0;
  }
  #biz_prd_view .modal_header {
    height: 100px;
    height: 13.33333333vw;
  }
  #biz_prd_view .modal_header .modal_close {
    top: 50%;
    right: 20px;
    right: 2.66666667vw;
    transform: translateY(-50%);
    margin-top: 0;
  }
  #biz_prd_view .modal_content > .inner {
    padding: 0px 30px;
    padding: 0vw 4vw;
    padding-bottom: 30px;
    padding-bottom: 4vw;
  }
  #biz_prd_view .modal_footer .swiper-nav {
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
    height: 150px;
    height: 20vw;
  }
  #biz_prd_view .modal_footer .swiper-nav .swiper-prev button .text,
  #biz_prd_view .modal_footer .swiper-nav .swiper-next button .text {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #biz_prd_slider .title {
    font-size: 48px;
    font-size: 6.4vw;
    line-height: 63px;
    line-height: 8.4vw;
    height: 126px;
    height: 16.8vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #biz_prd_slider .title span {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #biz_prd_slider .img {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #biz_prd_slider .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #biz_prd_slider .text {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  [id*='quicklime_sec_'] .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='quicklime_sec_'] .subTit {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='quicklime_sec_'] .secContents.grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  [id*='quicklime_sec_'] .secContents .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  [id*='quicklime_sec_'] .sub + .sub {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #quicklime_sec_01 .secContents {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  #quicklime_sec_01 .secContents .obj {
    margin-top: 0;
  }
  #quicklime_sec_02 {
    min-height: 450px;
    min-height: 60vw;
  }
  #quicklime_sec_03 .table table thead th {
    font-size: 20px;
    font-size: 2.66666667vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #quicklime_sec_03 .table table tbody th,
  #quicklime_sec_03 .table table tbody td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #quicklime_sec_05 > .inner {
    padding-top: 0;
  }
  #quicklime_sec_05 .secContents {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  #quicklime_sec_06 .secTitle {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='refractory_sec_'] .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='refractory_sec_'] .subTit {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='refractory_sec_'] .secContents.grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  [id*='refractory_sec_'] .secContents .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  [id*='refractory_sec_'] .sub + .sub {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #refractory_sec_01 .secContents {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  #refractory_sec_01 .secContents .obj {
    margin-top: 0;
  }
  #refractory_sec_02 {
    min-height: 450px;
    min-height: 60vw;
  }
  #refractory_sec_02 .text {
    font-size: 30px;
    font-size: 4vw;
    line-height: 45px;
    line-height: 6vw;
    padding-left: 0;
    max-width: 600px;
    max-width: 80vw;
  }
  #refractory_sec_03:after {
    top: 180px;
    top: 24vw;
  }
  #refractory_sec_03 .obj {
    padding-top: 40px;
    padding-top: 5.33333333vw;
  }
  #refractory_sec_03 ul li {
    display: block;
    border-bottom: 1px solid #d6d6d6;
  }
  #refractory_sec_03 ul li + li {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #refractory_sec_03 ul li > * {
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
    border: 0;
  }
  #refractory_sec_03 ul li .tit {
    font-size: 30px;
    font-size: 4vw;
    line-height: 36px;
    line-height: 4.8vw;
    padding: 0;
  }
  #refractory_sec_03 ul li .tit br {
    display: none;
  }
  #refractory_sec_03 ul li .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  #refractory_sec_03 ul li img {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #refractory_sec_04 .sortMenu {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #refractory_sec_04 .sortMenu > li + li {
    margin-left: 40px;
    margin-left: 5.33333333vw;
  }
  #refractory_sec_04 .sortMenu > li > a {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  .ir-contents {
    display: block;
  }
  .ir_table {
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
    border: 0;
    width: 90%;
    margin: 0 auto;
  }
  .ir_table .tab > li {
    width: 100%;
  }
  .ir_table .tab > li button {
    width: 100%;
  }
  .ir_table .box {
    display: block;
    padding: 40px;
    padding: 5.33333333vw;
  }
  .ir_table .box li + li {
    padding-left: 0;
    padding-top: 10px;
    padding-top: 1.33333333vw;
  }
  .ir_table .tit {
    font-size: 36px;
    font-size: 4.8vw;
  }
  .ir_table .txt {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  .ir_side_contents {
    display: none;
  }
  .ir_contact > .inner {
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
    border: 0;
    width: 90%;
    margin: 0 auto;
    display: block;
    position: relative;
  }
  .ir_contact .btn {
    position: absolute;
    top: 40px;
    top: 5.33333333vw;
    right: 0px;
    right: 0vw;
  }
  .ir_table .tb_table thead th {
    font-size: 20px;
    font-size: 2.66666667vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 70px;
    height: 9.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
    width: auto !important;
  }
  .ir_table .tb_table tbody td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
    width: auto !important;
  }
  .ir_table .btn_st_01,
  .ir_table .btn_st_02,
  .ir_table .btn_st_03 {
    width: 100px;
    width: 13.33333333vw;
    height: 50px;
    height: 6.66666667vw;
    line-height: 48px;
    line-height: 6.4vw;
    font-size: 20px;
    font-size: 2.66666667vw;
    display: block;
    margin: 0 auto;
  }
  .ir_table [class*='btn_st_'] + [class*='btn_st_'] {
    margin-top: 5px;
    margin-top: 0.66666667vw;
  }
  #dividend_wrap .dividend_head {
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
    padding: 0;
    display: block;
  }
  #dividend_wrap .dividend_head .ico {
    width: auto;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    text-align: center;
  }
  #dividend_wrap .dividend_head .ico img {
    display: inline-block;
  }
  #dividend_wrap .dividend_box {
    padding: 40px;
    padding: 5.33333333vw;
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
  }
  #dividend_wrap .dividend_result {
    padding: 0;
  }
  #dividend_wrap .dividend_result .text .tit {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #dividend_wrap .dividend_result .text .txt {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
  }
  #dividend_wrap .dividend_result .table {
    overflow-x: auto;
  }
  #dividend_wrap .dividend_result .table table th {
    font-size: 20px;
    font-size: 2.66666667vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 70px;
    height: 9.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #dividend_wrap .dividend_result .table table td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #dividend_wrap .dividend_result .em {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='governance_cont_'] .pdf_down {
    margin-bottom: 60px;
    margin-bottom: 8vw;
    flex-direction: column;
  }
  [id*='governance_cont_'] .pdf_down li{
    padding-bottom: 10px;
    max-width: 100%;
  }
  [id*='governance_cont_'] .pdf_down li:last-child{
    max-width: 100%;
  }
  [id*='governance_cont_'] .pdf_down li + li{
    padding-left: 0;
  }
  [id*='governance_cont_'] .pdf_down li a {
    font-size: 24px;
    font-size: 3.2vw;
    padding: 0px 30px;
    padding: 0vw 4vw;
  }
  [id*='governance_cont_'] .pdf_down li a:after {
    right: 30px;
    right: 4vw;
  }
  [id*='governance_cont_'] .gov_title {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='governance_cont_'] .gov_tit {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 30px;
    line-height: 4vw;
  }
  [id*='governance_cont_'] .gov_txt {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 30px;
    line-height: 4vw;
  }
  .council_list .position_type {
    padding-left: 0;
  }
  .council_list .position_type .position {
    position: relative;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  .council_list .position_type ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .ir_table .accordion.active .acc_head + .acc_body {
    padding: 20px 40px;
    padding: 2.66666667vw 5.33333333vw;
    padding-bottom: 60px;
    padding-bottom: 8vw;
  }
  .ir_table .accordion .acc_body .tb_table thead th {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .ir_table .accordion .acc_body .tb_table tbody td {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .references_boxCont {
    padding: 30px 50px;
    padding: 4vw 6.66666667vw;
    grid-template-columns: repeat(1, 1fr);
  }
  .references_boxCont ul li a {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .references_boxCont ul li img {
    margin-right: 20px;
    margin-right: 2.66666667vw;
  }
  .references_boxCont ul li + li {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .references_boxCont ul + ul li {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  [id*='media_sec_'] .media_head {
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  [id*='media_sec_'] .media_head .title {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  #media_modal.modal .cont {
    padding: 40px 50px;
    padding: 5.33333333vw 6.66666667vw;
  }
  #media_modal.modal .cont .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #media_modal.modal .cont .txt {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #media_modal.modal .cont .btn {
    position: static;
    margin-top: 30px;
    margin-top: 4vw;
    display: inline-block;
  }
  #media_modal.modal button.modal_close {
    top: 20px;
    top: 2.66666667vw;
    right: 20px;
    right: 2.66666667vw;
    left: auto;
  }
  #media_sec_01 .newsroom_list .newsroom-item {
    width: 100%;
  }
  #media_sec_01 .newsroom-item-article .cont {
    padding: 30px 0px;
    padding: 4vw 0vw;
  }
  #media_sec_01 .newsroom-item-article .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #media_sec_02 .catalogue {
    grid-template-columns: repeat(1, 1fr);
  }
  #media_sec_02 .catalogue .cont {
    padding-top: 35px;
    padding-top: 5.33333333vw;
    padding-left: 0;
    padding-bottom: 0;
  }
  #media_sec_02 .catalogue .cont .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 120px;
    margin-bottom: 16vw;
  }
  #media_sec_02 .catalogue .cont .btns {
    width: 50%;
    margin-left: auto;
  }
  #media_sec_02 .catalogue .cont .btns a {
    width: 100%;
  }
  #media_sec_02 .catalogue .cont .btns a + a {
    margin-left: 0;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #media_sec_02 .catalogue .cont .btn span {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #media_sec_02 .catalogue .obj {
    padding-right: 55%;
    margin-top: -300px;
    margin-top: -30vw;
  }
  #media_sec_03 .newsroom_list .newsroom-item {
    width: 100%;
  }
  .ir_notice .tb_head > * {
    width: 100%;
  }
  .ir_notice .tb_head .search input {
    width: 100%;
    height: 85px;
    height: 11.33333333vw;
    font-size: 27px;
    font-size: 3.6vw;
    padding-left: 40px;
    padding-left: 5.33333333vw;
    padding-right: 100px;
    padding-right: 13.33333333vw;
    background-size: 40px;
  }
  .ir_notice .tb_table tbody tr {
    display: block;
    border-bottom: 1px solid #c6c6c6;
    padding: 20px;
    padding: 2.66666667vw;
    padding-left: 100px;
    padding-left: 13.33333333vw;
    position: relative;
  }
  .ir_notice .tb_table tbody td {
    font-size: 25px;
    font-size: 3.33333333vw;
    padding: 0;
    width: auto !important;
    height: auto;
    display: block;
    text-align: left;
    border-bottom: 0;
  }
  .ir_notice .tb_table tbody td.num {
    font-size: 22px !important;
    font-size: 2.93333333vw !important;
    position: absolute;
    top: 30px;
    top: 4vw;
    left: 0;
    text-align: center;
    width: 90px !important;
    width: 12vw !important;
  }
  .ir_notice .tb_table tbody td.tit {
    font-size: 30px;
    font-size: 4vw;
  }
  .ir_notice .tb_table tbody td.file {
    display: none;
  }
  .ir_notice .tb_table tbody td.date {
    margin-top: 10px;
    margin-top: 1.33333333vw;
  }
  #page-localnav {
    height: 90px;
    height: 12vw;
  }
  #page-localnav > .inner {
    height: 90px;
    height: 12vw;
  }
  #page-localnav > .inner > div {
    justify-content: center;
  }
  #page-localnav .pageCate > li {
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
  }
  #newsroom_list_section .secTitle {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  .newsroom-item-article.type4 {
    display: block;
  }
  .newsroom-item-article.type4 .img {
    width: 100%;
  }
  .newsroom-item-article.type4 .cont {
    padding: 35px 0px;
    padding: 4.66666667vw 0vw;
  }
  .newsroom-item-article.type4 .cont .tag {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  .newsroom-item-article.type4 .cont .tag a {
    color: #00ace7;
  }
  .newsroom-item-article.type4 .cont .tit {
    font-size: 34px;
    font-size: 4.53333333vw;
    line-height: 50px;
    line-height: 6.66666667vw;
  }
  .newsroom-item-article.type4 .cont .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 34px;
    line-height: 4.53333333vw;
    height: 68px;
    height: 9.06666667vw;
    margin-top: 15px;
    margin-top: 2vw;
  }
  #newsroom_view_section .newsroom_view_head .title {
    font-size: 45px;
    font-size: 6vw;
    line-height: 1.5;
  }
  #inquiry_top {
    padding: 10% 0;
  }
  #inquiry_top .box {
    padding: 40px 40px;
    padding: 5.33333333vw 5.33333333vw;
  }
  #inquiry_top .ico {
    position: static;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #inquiry_top .text {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #inquiry_top .tit {
    font-size: 27px;
    font-size: 3.6vw;
    line-height: 1.7;
  }
  #inquiry_top .txt > li {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    text-indent: -7px;
  }
  #inquiry_top .btn button {
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
    height: 74px;
    height: 9.86666667vw;
    font-size: 25px;
    font-size: 3.33333333vw;
    border-top-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
  }
  #inquiry_top .contact {
    display: block;
  }
  #inquiry_top .contact > li {
    margin-right: 0;
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #inquiry_top .contact > li + li {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #inquiry_top .contact > li strong {
    width: 100px;
    width: 13.33333333vw;
    display: inline-block;
  }
  #inquiry_agree .agree_tit {
    font-size: 45px;
    font-size: 6vw;
    line-height: 1.5;
  }
  #inquiry_agree .agree_box {
    padding: 60px 70px;
    padding: 8vw 9.33333333vw;
  }
  #inquiry_agree .agree_box .tit {
    font-size: 27px;
    font-size: 3.6vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #inquiry_agree .agree_box .txt {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 50px;
    line-height: 6.66666667vw;
  }
  #inquiry_agree .agree_box .txt > li {
    text-indent: -13px;
  }
  #inquiry_form .form_head {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #inquiry_form .form_head .tit {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #inquiry_form .form_head .req {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #inquiry_agree .agree_chk label {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #inquiry_form .form_table th {
    display: block;
    padding: 40px 20px;
    padding: 5.33333333vw 2.66666667vw;
    padding-top: 30px;
    padding-top: 4vw;
    border-bottom: 0;
    padding-bottom: 0;
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #inquiry_form .form_table td {
    display: block;
    padding: 40px 20px;
    padding: 5.33333333vw 2.66666667vw;
    padding-top: 15px;
    padding-top: 2vw;
  }
  #inquiry_form .form_table.read td {
    padding: 40px 20px;
    padding: 5.33333333vw 2.66666667vw;
  }
  #inquiry_form .form_table .ipt {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #inquiry_form .form_table .em {
    font-size: 24px;
    font-size: 3.2vw;
    margin-top: 10px;
    margin-top: 1.33333333vw;
    display: block;
  }
  #inquiry_form .form_btn .btn {
    font-size: 32px;
    font-size: 4.26666667vw;
    width: 400px;
    width: 53.33333333vw;
    height: 100px;
    height: 13.33333333vw;
    line-height: 100px;
    line-height: 13.33333333vw;
  }
  #confirm_modal {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
  }
  [id*='cleanForce_sec_'] .secTitle {
    font-size: 35px;
    font-size: 4.66666667vw;
    padding-bottom: 15px;
    padding-bottom: 2vw;
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='cleanForce_sec_'] .secTitle:after {
    width: 45px;
    width: 6vw;
    height: 2px;
  }
  [id*='cleanForce_sec_'] .htitle {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='cleanForce_sec_'] .title {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 15px;
    margin-bottom: 2vw;
  }
  [id*='cleanForce_sec_'] .text {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  [id*='cleanForce_sec_'] .boxlist {
    padding: 40px;
    padding: 5.33333333vw;
  }
  [id*='cleanForce_sec_'] .boxlist ul > li {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 30px;
    line-height: 4vw;
    padding-left: 15px;
    text-indent: -15px;
  }
  #pricacy_sec .title {
    font-size: 32px;
    font-size: 4.26666667vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #pricacy_sec .text {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  #pricacy_sec .table th {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 32px;
    line-height: 4.26666667vw;
    height: 75px;
    height: 10vw;
  }
  #pricacy_sec .table td {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 42px;
    line-height: 5.6vw;
    padding: 30px;
    padding: 4vw;
  }
  #pricacy_sec .text > ul > li {
    padding-left: 30px;
    padding-left: 4vw;
    text-indent: -16px;
  }
  #pricacy_sec .text > ul > li > ul {
    padding-left: 30px;
    padding-left: 4vw;
  }
  .newsroom_search .search select {
    width: 100%;
    margin-bottom: 10px;
  }
  .newsroom_search .search input {
    width: 100%;
  }
  .affiliates_list li {
    padding: 40px 30px;
    padding: 5.33333333vw 4vw;
  }
  .affiliates_list li .img {
    position: static;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  .affiliates_list li .tit {
    font-size: 36px;
    font-size: 4.8vw;
  }
  .affiliates_list li .tit strong {
    padding-right: 15px;
    padding-right: 2vw;
  }
  .affiliates_list li .tit span {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  .affiliates_list li .link {
    position: static;
    margin-top: 50px;
    margin-top: 6.66666667vw;
    width: 100%;
    height: 80px;
    height: 10.66666667vw;
  }
  #page-top-visual.search_center_head .text > .inner {
    width: 92%;
  }
  #page-top-visual.search_center_head .text {
    padding-top: 60px;
    padding-top: 8vw;
  }
  #page-top-visual.search_center_head .text .t1 {
    font-size: 50px;
    font-size: 6.66666667vw;
  }
  .search_center_head .newsroom_search {
    margin: 0;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .search_center_section .secTitle {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #site-header .search {
    margin-left: 0;
    margin-right: 40px;
    margin-right: 5.33333333vw;
  }
  #site-header .search .btn {
    width: 40px;
    width: 5.33333333vw;
    height: 40px;
    height: 5.33333333vw;
  }
}

@media screen and (max-width: 960px) {
  .di_contents {flex-direction:column;}
}
@media screen and (max-width: 768px) {
  .di_contents {flex-direction:column;}
  .di_contents .di_title{font-size: 3.46666667vw;}
  .di_contents span{font-size: 3.46666667vw;}
}

/*  */
@media screen and (max-aspect-ratio: 1920/1080) {
  .video-container > video {
    height: 100%;
  }
}
@media screen and (min-aspect-ratio: 1920/1080) {
  .video-container > video {
    width: 100%;
  }
}

@media screen and (max-width: 1600px){
  .spot_main .scrolldown{ display: block !important; left: 0; opacity: 1; }
  .spot_main .scrolldown .arr,
  .spot_main .scrolldown .t{ color: #fff;  }
  .spot_main .scrolldown .line{ background:#fff; }
  .spot_main .scrolldown2{ display: none; }
}

@media screen and (max-width: 840px){
  .video-container > video.mo{ display: initial; }
  .video-container > video.pc{ display: none; }
  #main-top-visual{height: auto;}
  .fullpage-wapper, #main_section_visual, .spot_main, .spot_content, #mainVisual .swiper-slide{width: 100%; height: 180vw!important; min-height: auto !important;}
}

@media screen and (max-width: 840px){
.spot_main .scrolldown{ display:none !important;}

#mainVisual .progressbar-pagination {position: absolute;left: 0;bottom: 5vw;width: 100%;display: flex;justify-content: flex-end;align-items: center;z-index: 1;}
#mainVisual .swiper-pagination {position: relative;text-align: left;width: auto;display: flex;align-items: center;justify-content: flex-end;padding-right: 40px;}
#mainVisual .swiper-pagination .swiper-pagination-bullet {width: 31vw;height: 2px;}
#mainVisual .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 0;}
#mainVisual .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
#mainVisual .swiper-pagination .swiper-pagination-bullet .num{bottom: 2vw;}
#mainVisual .swiper-pagination .swiper-pagination-bullet .bar { width: 0%; height: 4px; background-color: #fff; display: block; margin-top: -3px;}
#mainVisual .mute {margin-right: 2vw;}
#mainVisual .mute button {width: 10vw;height: 10vw;background-size: 37%;}
#mainVisual .mute button.on { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.2 93.81'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23ffffff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.79,.7c-1.29-.53-2.77-.24-3.75,.75L17.23,28.25H3.44c-1.9,0-3.44,1.54-3.44,3.44v30.43c0,1.9,1.54,3.44,3.44,3.44h13.79l26.81,26.81c.66,.66,1.54,1.01,2.43,1.01,.44,0,.89-.09,1.32-.26,1.29-.53,2.13-1.79,2.13-3.18V3.88c0-1.39-.84-2.65-2.13-3.18Z'/%3E%3Cpath class='cls-1' d='M61.68,65.99c-.99,0-1.98-.38-2.74-1.13-1.51-1.51-1.52-3.96,0-5.48,3.33-3.34,5.17-7.77,5.17-12.48s-1.83-9.15-5.17-12.47c-1.51-1.51-1.51-3.97,0-5.48,1.51-1.51,3.96-1.51,5.48,0,4.79,4.79,7.43,11.17,7.43,17.95s-2.64,13.15-7.43,17.95c-.76,.76-1.75,1.14-2.74,1.14Z'/%3E%3Cpath class='cls-1' d='M75.32,81.2c-2.14,0-3.87-1.73-3.87-3.87h0c0-1.04,.41-2.02,1.13-2.75,7.4-7.4,11.47-17.23,11.47-27.68s-4.07-20.29-11.47-27.68c-1.51-1.51-1.51-3.96,0-5.48,1.51-1.51,3.96-1.51,5.48,0,8.86,8.85,13.74,20.63,13.74,33.16s-4.85,24.23-13.66,33.08c-.71,.75-1.71,1.21-2.81,1.21Z'/%3E%3Cpath class='cls-1' d='M89.5,93.81c-.99,0-1.98-.38-2.74-1.14-1.51-1.51-1.51-3.96,0-5.48,10.77-10.76,16.7-25.07,16.7-40.29s-5.93-29.54-16.69-40.3c-1.51-1.51-1.51-3.96,0-5.48,1.51-1.51,3.96-1.51,5.48,0,12.22,12.22,18.96,28.48,18.96,45.77s-6.74,33.55-18.97,45.77c-.76,.75-1.75,1.13-2.74,1.13Z'/%3E%3C/svg%3E"); }

.pageing_ty2 .swiper-button-prev2,
.pageing_ty2 .swiper-button-next2{position: absolute;  top: 50%; z-index: 5; font-size: 0; margin-top: -30px; cursor: pointer;}
.pageing_ty2 .swiper-button-prev2{left: 50px;}
.pageing_ty2 .swiper-button-next2{right: 50px;}
.pageing_ty2 .swiper-button-prev2:hover,
.pageing_ty2 .swiper-button-next2:hover{opacity: 0.8;}

.progressbar-pagination .btn_full{margin-right: 5vw;border: 1px solid #fff;padding: 1.2vw 6vw;display: inline-block;position: absolute;right: 0;bottom: 15vw;}
.progressbar-pagination .btn_full .t{font-size: 3.5vw;color: #fff;font-weight: 600;display: inline-block;position: relative;z-index: 1;}
.progressbar-pagination .btn_full:after{position:absolute; left:0; bottom:0; width:100%; height:0%; background:#fff; content:""; z-index:0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;}
#main_section_visual.n1 .progressbar-pagination .btn_full.n2{display: none;}
#main_section_visual.n2 .progressbar-pagination .btn_full.n1{display: none;}
.progressbar-pagination .btn_full:hover .t{ color:#222;}
.progressbar-pagination .btn_full:hover:after{ height:100%;}
}