/******* setting.scss *******/
/******* mixin.scss *******/
/* Default styles for both containers (applies to desktop screens) */


.subri02-container table {
  display: none;
}




/* Media query for mobile screens */
@media screen and (max-width: 768px) {
	#pdfIcon{
	width: 5% !important;
}
  /* Hide .subri-container tables on mobile */
  .subri-container table {
    display: none;
  }

  /* Show .subri02-container tables on mobile */
  .subri02-container table {
    display: block;
  }

  /* Adjust table cells for .subri02-container on mobile */
  .subri02-container td {
    display: table-cell;
    width: 100%;
  }
}

@media screen and (max-width: 1300px) {
  header .headMenu {
    top: 40px;
    right: 110px;
    width: 73%;
  }
  header .headMenu > li {
    line-height: 160%;
    padding-right: 1.2vw;
    text-align: center;
  }
  header .headMenu > li:before {
    margin-left: -0.6vw;
  }
  header .headMenu > li a br {
    display: inline-block;
  }
  header .headMenu > li.open:after {
    height: 48px;
    bottom: -45px;
    width: 100%;
  }
  header .lang {
    top: 15px;
    right: 125px;
  }
  header .headContact a {
    padding: 0 10px;
  }

  #index .secFlexArea {
    position: relative;
  }
  #index .secFlexArea:before {
    background: url('/wp-content/uploads/2023/08/3f04bb504813a8cc0126d16eab2b9389-scaled.jpeg') no-repeat 0 0;
    background-size: cover;
    content: "";
    height: 100vh;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    z-index: 2;
  }
  #index .secFlexArea:after {
    background: url('/wp-content/uploads/2023/08/3f04bb504813a8cc0126d16eab2b9389-scaled.jpeg') no-repeat 0 0;
    background-size: cover;
    content: "";
    height: 100vh;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    z-index: 2;
  }


  #index .secFlexArea.fix3:after {
    display: none;
  }
  #index .secFlexArea.fix4:before {
    display: none;
  }

  #index .secFlexArea section .secFlexCont {
    height: 100vh;
    position: relative;
    z-index: 3;
  }
  #index .h204 {
    position: relative;
    z-index: 3;
  }
  #index .infoArea {
    z-index: 3;
  }
  #index .infoArea .secCont {
    width: 95%;
  }
  #index .h209 .secCont {
    width: 95%;
  }
  #index .h209 .txtArea {
    margin-left: 10%;
  }

  /*********about*********/
  #about .h203 .secCont dl dt img {
    max-width: 70%;
  }
  #about .h203 h2 {
    width: 140px;
  }
}
@media screen and (max-width: 960px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address, div {
    font-size: 2.8vw;
    line-height: 180%;
  }

  .menuOpen {
    height: 100%;
    overflow: hidden;
  }

  img.sp {
    display: inline-block;
  }
  img.sp + img {
    display: none;
  }

  /******header******/
  header .headCont,
  header .headLogoArea {
    height: 17.335vw;
    position: relative;
    transition: background-color 0.6s;
    z-index: 35;
    transform: translate3d(0, 0, 0);
  }
  header .headLogo {
    left: 2.5vw;
    top: 5.5vw;
    z-index: 35;
  }
  header .headLogo a {
    height: 8vw;
    width: 41.5vw;
  }
  header .headMenuBtn {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 17.335vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17.335vw;
    z-index: 35;
  }
  header .headMenuBtn:before {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 200%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background-image: url(../img/common/headMenuBtn.png);
    height: 5.868vw;
    width: 8vw;
  }
  header .spMenuArea {
    display: none;
    box-sizing: border-box;
    padding-top: 17.335vw;
    position: absolute;
    top: 0;
    overflow: scroll;
    height: 100%;
    width: 100%;
    z-index: 30;
  }
  header .headMenu {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
  header .headMenu li {
    border-top: 1px solid #000;
    padding-right: 0;
    text-align: left;
  }
  header .headMenu li > a {
    background-color: #3b68cf;
    color: #fff !important;
    font-size: 120%;
    display: block;
    padding: 10.3vw;
    position: relative;
  }
  header .headMenu li > a:hover {
    opacity: 1;
  }
  header .headMenu li > a:after {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background-image: url(../img/common/headIcon01.png);
    height: 5.602vw;
    margin-top: -2.5vw;
    position: absolute;
    top: 50%;
    right: 5.5vw;
    width: 5.602vw;
  }
  header .headMenu li > a:after {
    background-image: url(../img/common/headIcon02.png);
    background-size: 200%;
  }
  header .headMenu li > a br {
    display: none;
  }
  header .headMenu li > a span {
    color: #7c9de6;
    font-size: 80%;
    display: block;
  }
  header .headMenu li.open > a {
    background-color: #1b1b1b;
  }
  header .headMenu li.open > a:after {
    background-position: 100% 0;
  }
  header .headMenu li.open > .megaMenu .menuTitle .menuTopLink {
    border-top: 1px solid #1b1b1b;
  }
  header .headMenu li.open > .megaMenu .menuTitle .menuTopLink a {
    padding-top: 5vw;
    padding-bottom: 5vw;
    line-height: 180%;
    opacity: 1;
    visibility: visible;
  }
  header .headMenu li.open > .megaMenu .menuList > dl dt {
    border-top: 1px solid #1b1b1b;
  }
  header .headMenu li.open > .megaMenu .menuList > dl dt a {
    padding-top: 5vw;
    padding-bottom: 5vw;
    line-height: 180%;
    opacity: 1;
    visibility: visible;
  }
  header .headMenu li.open > .megaMenu .menuList > ul li {
    border-top: 1px solid #1b1b1b;
  }
  header .headMenu li.open > .megaMenu .menuList > ul li a {
    font-size: 100%;
    padding-top: 5vw;
    padding-bottom: 5vw;
    line-height: 180%;
    opacity: 1;
    visibility: visible;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub.open .subMenuBanner a {
    background-color: #1b1b1b !important;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub.open .subMenuBanner a:after {
    background-position: 100% 0;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub.open div.subMenuTop {
    border-top: 1px solid #1b1b1b;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub.open div.subMenuTop a {
    padding-top: 5vw;
    padding-bottom: 5vw;
    line-height: 180%;
    opacity: 1;
    visibility: visible;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub.open dl dt {
    border-top: 1px solid #1b1b1b;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub.open dl dt a {
    padding-top: 5vw;
    padding-bottom: 5vw;
    line-height: 180%;
    opacity: 1;
    visibility: visible;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub.open ul li {
    border-top: 1px solid #1b1b1b;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub.open ul li a {
    font-size: 100%;
    padding-top: 5vw;
    padding-bottom: 5vw;
    line-height: 180%;
    opacity: 1;
    visibility: visible;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub > .subMenuBanner {
    border-top: 1px solid #1b1b1b;
  }
  header .headMenu li.open > .megaMenu .menuList > .megaMenuSub > .subMenuBanner a {
    padding-top: 5vw;
    padding-bottom: 5vw;
    line-height: 180%;
    opacity: 1;
    visibility: visible;
  }
  header .megaMenu {
    max-height: 900vh !important;
    position: relative;
    top: auto;
    left: auto;
    overflow: hidden;
    z-index: 20;
    transition: max-height ease-in-out 0.4s;
  }
  header .megaMenu .menuCont {
    box-sizing: border-box;
    display: block;
    padding: 0;
  }
  header .megaMenu .menuTitle {
    margin: 0;
    width: 100%;
  }
  header .megaMenu .menuTitle h2 {
    display: none;
  }
  header .megaMenu .menuTitle .menuTopLink {
    background: #7c9ce6;
  }
  header .megaMenu .menuTitle .menuTopLink a {
    background: none;
    color: #fff !important;
    font-weight: 700;
    display: block;
    padding: 0 3.5vw 0 7vw;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out 0.3s;
  }
  header .megaMenu .menuTitle .menuTopLink a:after {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background-color: inherit;
    background-image: url(../img/common/headIcon01.png);
    height: 5.602vw;
    margin-top: -2.5vw;
    position: absolute;
    top: 50%;
    right: 5.5vw;
    width: 5.602vw;
  }
  header .megaMenu .menuList {
    display: block;
    width: 100%;
  }
  header .megaMenu .menuList dl {
    margin: 0;
    width: 100%;
  }
  header .megaMenu .menuList dl dt {
    font-size: 100%;
    font-weight: 700;
    margin-bottom: 0;
  }
  header .megaMenu .menuList dl dt:after {
    display: none;
  }
  header .megaMenu .menuList dl dt a {
    background-color: #7c9ce6;
    display: block;
    padding: 0 3.5vw 0 7vw;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out 0.3s;
    position: relative;
  }
  header .megaMenu .menuList dl dt a:hover {
    opacity: 1;
  }
  header .megaMenu .menuList dl dt a:after {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background-image: url(../img/common/headIcon01.png);
    height: 5.602vw;
    margin-top: -2.5vw;
    position: absolute;
    top: 50%;
    right: 5.5vw;
    width: 5.602vw;
  }
  header .megaMenu .menuList dl dt.subMenu a:after {
    background-image: url(../img/common/headIcon02.png);
    background-size: 200%;
  }
  header .megaMenu .menuList dl dd {
    display: block !important;
    font-size: 100%;
    overflow: hidden;
    transition: max-height 0.2s;
  }
  header .megaMenu .menuList dl dd a {
    background-color: #313131;
    display: block;
    padding: 0 3.5vw 0 10vw;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out 0.3s;
    position: relative;
  }
  header .megaMenu .menuList dl dd a:hover {
    opacity: 1;
  }
  header .megaMenu .menuList dl dd a:after {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background-image: url(../img/common/headIcon01.png);
    height: 5.602vw;
    margin-top: -2.5vw;
    position: absolute;
    top: 50%;
    right: 5.5vw;
    width: 5.602vw;
  }
  header .megaMenu .menuList dl.open dt.subMenu a {
    background-color: #1b1b1b;
  }
  header .megaMenu .menuList dl.open dt.subMenu a:after {
    background-position: 100% 0;
  }
  header .megaMenu .menuList dl.open dd a {
    border-top: 1px solid #1b1b1b;
    padding-top: 5vw;
    padding-bottom: 5vw;
    line-height: 180%;
    opacity: 1;
    visibility: visible;
  }
  header .megaMenu .menuList ul li {
    border: none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  header .megaMenu .menuList ul li:after {
    display: none;
  }
  header .megaMenu .menuList ul li a {
    background: #7c9ce6;
    padding: 0 3.5vw 0 7vw;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out 0.3s;
  }
  header .megaMenu .menuList ul li a:after {
    background-image: url(../img/common/headIcon01.png);
    background-size: 100%;
    height: 5.602vw;
    width: 5.602vw;
  }
  header .megaMenu .menuList .megaMenuSub {
    margin: 0;
    width: 100%;
  }
  header .megaMenu .menuList .megaMenuSub dl {
    margin: 0;
  }
  header .megaMenu .menuList .megaMenuSub dl dt a {
    background-color: #313131;
    padding-left: 10vw;
  }
  header .megaMenu .menuList .megaMenuSub dl dd a {
    background-color: #626262;
    padding-left: 14vw;
  }
  header .megaMenu .menuList .megaMenuSub ul li {
    margin: 0;
  }
  header .megaMenu .menuList .megaMenuSub ul li a {
    background-color: #313131;
    padding-left: 10vw;
  }
  header .megaMenu .menuList .megaMenuSub div.subMenuTop {
    background: #313131;
    display: block;
  }
  header .megaMenu .menuList .megaMenuSub div.subMenuTop a {
    background: none;
    color: #fff !important;
    font-weight: 700;
    display: block;
    padding: 0 3.5vw 0 10vw;
    position: relative;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out 0.3s;
  }
  header .megaMenu .menuList .megaMenuSub div.subMenuTop a:after {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background-color: inherit;
    background-image: url(../img/common/headIcon01.png);
    height: 5.602vw;
    margin-top: -2.5vw;
    position: absolute;
    top: 50%;
    right: 5.5vw;
    width: 5.602vw;
  }
  header .megaMenu .menuList .megaMenuSub .subMenuBanner {
    margin-bottom: 0;
  }
  header .megaMenu .menuList .megaMenuSub .subMenuBanner a {
    background: none !important;
    background-color: #313131 !important;
    font-size: 100%;
    font-weight: 700;
    height: auto;
    display: block;
    padding: 0 3.5vw 0 7vw;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-out 0.3s;
    position: relative;
  }
  header .megaMenu .menuList .megaMenuSub .subMenuBanner a:hover {
    opacity: 1;
  }
  header .megaMenu .menuList .megaMenuSub .subMenuBanner a:after {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background-image: url(../img/common/headIcon01.png);
    height: 5.602vw;
    margin-top: -2.5vw;
    position: absolute;
    top: 50%;
    right: 5.5vw;
    width: 5.602vw;
  }
  header .megaMenu .menuList .megaMenuSub .subMenuBanner.subMenu a:after {
    background-image: url(../img/common/headIcon02.png);
    background-size: 200%;
  }
  header .headContact {
    position: relative;
    top: auto;
    right: auto;
  }
  header .headContact a {
    height: auto;
    padding: 4.5vw 0;
    text-align: center;
  }
  header .headContact a:after {
    display: none;
  }
  header .lang {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    justify-content: space-between;
    padding: 3.5vw;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
  header .lang li {
    border: 1px solid #fff;
    width: 47.5%;
  }
  header .lang li:first-child:after {
    display: none;
  }
  header .lang li a {
    color: #fff !important;
    display: block;
    padding: 2vw;
    text-align: center;
  }
  header.view .headCont,
  header.view .headLogoArea {
    background-color: #4C4C4C !important;
    transform: none;
  }
  header.view .headMenuBtn {
    background-color: #3b68cf;
  }
  header.view .headMenuBtn:before {
    background-position: 0 100% !important;
  }
  header.view .spMenuArea {
    display: block;
  }
  header.scroll .headMenuBtn:before {
    background-position: 100% 0;
  }

  /******contents******/
  .contents {
    padding-bottom: 5vw;
  }
  .contents .secTitleArea {
    box-sizing: border-box;
    height: 65vw;
    padding-top: 3vw;
    margin-bottom: 5vw;
  }
  .contents .secTitleArea:before, .contents .secTitleArea:after {
    display: none;
  }
  .contents .secTitleArea h1 {
    font-size: 200%;
  }
  .contents .secInfoArea {
    max-width: 90%;
  }
  .contents .secInfoArea .topicPath {
    display: none;
  }
  .contents .secInfoArea .lead {
    margin-bottom: 12vw;
  }
  .contents .secInfoArea section h2 {
    font-size: 180%;
  }
  .contents .secInfoArea section p {
    text-align: left;
  }
  .contents section {
    margin: 0 auto 10vw;
  }
  .contents section .secCont {
    max-width: 90%;
  }
  .contents section p {
    margin-bottom: 5vw;
  }
  .contents section p.alRight {
    margin-top: 8vw;
  }
  .contents section ol {
    margin-bottom: 5vw;
  }
  .contents section ol li {
    padding-left: 4vw;
  }
  .contents section ul.listStyle01 {
    margin-bottom: 5vw;
  }
  .contents h2 {
    font-size: 140%;
    margin-bottom: 8vw;
  }
  .contents h2:after {
    width: 16vw;
  }
  .contents h2.mainTitle {
    font-size: 180%;
    margin-bottom: 4vw;
  }
  .contents h3 {
    border-left-width: 2px;
    padding-left: 2vw;
    margin-bottom: 4vw;
  }
  .contents h4 {
    padding-bottom: 1vw;
    margin-bottom: 4vw;
  }
  .contents .secWrap {
    display: block !important;
    max-width: 90%;
    margin: 0 auto 1vw;
  }
  .contents .secWrap .secMain {
    margin: 0;
    max-width: 100% !important;
    width: 100% !important;
  }
  .contents .secWrap .secMain .secCont section {
    margin-bottom: 8vw;
  }
  .contents .secWrap .secMain h2 {
    margin-bottom: 4vw;
  }
  .contents .secWrap .sideMenu {
    max-width: 100% !important;
    width: 100% !important;
  }
  .contents .secWrap .sideMenu h2 {
    background-size: 1.8vw;
    background-position: 0 2vw;
    font-size: 120%;
    margin-bottom: 3vw;
    padding: 0 0 1.5vw 3.5vw;
  }
  .contents .secWrap .sideMenu dl {
    padding-left: 3.5vw;
  }
  .contents .secWrap .sideMenu dl dt {
    margin: 2vw 0 1.5vw -3.5vw;
    margin: 0 5vw 1.5vw -3.5vw;
    padding: 0 0 0 3.5vw;
  }
  .contents .secWrap .sideMenu dl dt:before {
    top: 50%;
    margin-top: -2px;
    width: 1.8vw;
  }
  .contents .secWrap .sideMenu dl dt + dd:before {
    display: none;
  }
  .contents .secWrap .sideMenu dl dd {
    font-size: 100%;
    display: inline-block;
    display: none;
    margin-bottom: 1vw;
  }
  .contents .secWrap .sideMenu dl dd br {
    display: none;
  }
  .contents .secWrap .sideMenu dl dd:before {
    content: "/";
    margin: 0 2vw 0 1.2vw;
  }
  .contents .secWrap .sideMenu ul {
    padding-left: 3.5vw;
  }
  .contents .secWrap .sideMenu ul li {
    display: flex;
    margin: 0 5vw 1.5vw -3.5vw;
    padding: 0 0 0 3.5vw;
  }
  .contents .secWrap .sideMenu ul li:before {
    top: 50%;
    margin-top: -2px;
    width: 1.8vw !important;
  }
  .contents .mainDate {
    margin-bottom: 3vw;
    padding: 1.5vw 2.5vw;
  }
  .contents .mainDate span {
    width: 40%;
  }

  /*********index*********/
  #index video {
    display: none;
  }
  #index .mainVisual {
    background: url(../img/index/main_hexa_sp.png) no-repeat 50% 50%, url(/wp-content/uploads/2023/06/DSC_0182-scaled.jpg) no-repeat 50% 100%;
    background-size: cover, cover;
  }
  #index .mainVisual .hexaWrap {
    margin-top: 15.5vh;
  }
  #index .mainVisual .hexa {
    height: 49vh;
  }
}
@media screen and (max-width: 960px) and (-webkit-min-device-pixel-ratio: 2) {
  #index .mainVisual .hexaWrap {
    margin-top: 13.8vh;
  }
  #index .mainVisual .hexa {
    height: 45vh;
  }
}
@media screen and (max-width: 960px) and (-webkit-min-device-pixel-ratio: 3) {
  #index .mainVisual .hexaWrap {
    margin-top: 14.5vh;
  }
  #index .mainVisual .hexa {
    height: 47vh;
  }
}
@media only screen and (max-width: 960px) and (orientation: landscape) {
  #index .mainVisual .mvCont {
    min-height: 100vw;
  }
  #index .mainVisual .hexaWrap {
    margin-top: 39.5vh;
  }
  #index .mainVisual .hexa {
    height: 130vh;
  }
}
@media screen and (max-width: 960px) {
  #index .mainVisual h1 {
    top: 19vw;
    left: 10vw;
  }
  #index .mainVisual h1 span.titlePre {
    font-size: 100%;
  }
  #index .mainVisual h1 span.titlePre img {
    margin-bottom: 3vw;
    width: 60vw;
  }
  #index .mainVisual h1 span.titleMain {
    margin-bottom: -2vw;
    margin-left: -5vw;
  }
  #index .mainVisual h1 span.titleMain img {
    width: 69vw;
  }
  #index .mainVisual section {
    bottom: 5vw;
    right: 2vw;
    width: 95vw;
  }
  #index .mainVisual section .topicsSlideArea {
    padding: 3%;
  }
  #index .mainVisual section .topicsSlideArea .slick-slide span {
    width: 25%;
  }
  #index .mainVisual section .topicsSlideArea .slick-slide span:after {
    width: 1px;
  }
  #index .mainVisual section .topicsSlideArea .slick-slide a {
    width: 70%;
  }
  #index .mainVisual section .topicsSlideArea .prev,
  #index .mainVisual section .topicsSlideArea .next {
    display: none !important;
  }
  #index .secFlexArea:after, #index .secFlexArea:before {
    display: none;
  }
  #index .secFlexArea section {
    background: url('/wp-content/uploads/2023/08/3f04bb504813a8cc0126d16eab2b9389-scaled.jpeg') no-repeat 0 0 !important;
    background-size: 100% !important;
    background-attachment: inherit;
    display: block;
    padding-top: 67vw;
    text-align: center;
  }
  #index .secFlexArea section .secFlexCont {
    height: auto;
    display: block;
    padding: 4% 0 10%;
    width: 100%;
  }
  #index .secFlexArea section.h202 {
    background-image: url('/wp-content/uploads/2023/08/b15990768b03e453dc13b6697db5894e-scaled.jpg') !important;
  }
  #index .secFlexArea section.h203 {
    background-image: url('/wp-content/uploads/2023/08/ca291ce563847a2fa4cdcf146b7117d5-scaled.jpg') !important;
  }
  #index .secFlexArea section h2 {
    margin: 0 auto 5%;
  }
  #index .secFlexArea section p {
    margin: 0 auto 5%;
  }
  #index .h204 {
    display: block;
  }
  #index .h204 .rowBanner {
    width: 100%;
  }
  #index .h204 .rowBanner:last-of-type {
    border-left: none;
    border-top: 1px solid #fff;
  }
  #index .h204 .oracleNote {
    color: rgba(255, 255, 255, 0.8);
    font-size: 80%;
    line-height: 140%;
    margin: 0 auto;
    width: 90%;
    bottom: 6.5vw;
    right: 0;
    left: 0;
  }
  #index .h204 .secCont {
    margin: 0 auto;
    padding: 30vw 0 55vw;
    width: 90%;
  }
  #index .h204 .secCont h2 {
    font-size: 220%;
    margin: 0 auto 8%;
  }
  #index .h205 .secCont {
    max-width: 90% !important;
    padding: 10vw 0;
  }
  #index .h205 ul li {
    min-height: 0;
  }
  #index .h205 ul li a {
    padding: 5vw 0;
  }
  #index .infoArea {
    display: block;
    padding-top: 0;
  }
  #index .infoArea section {
    width: 100%;
  }
  #index .infoArea h2 {
    background: url(../img/index/bg05.jpg) no-repeat 50% 100%;
    background-size: cover;
    box-sizing: border-box;
    width: 100%;
  }
  #index .infoArea h2 a {
    height: 66vw;
  }
  #index .infoArea .h206 {
    border: none;
  }
  #index .infoArea .newsCont {
    padding: 10% 0;
    width: 90%;
  }
  #index .infoArea .newsCont h3 {
    margin-bottom: 3%;
  }
  #index .infoArea .newsCont .all {
    border: 1px solid #3b68cf;
    margin: 10vw auto 0;
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
  }
  #index .infoArea .newsCont .all a {
    display: block;
    padding: 4vw 0;
  }
  #index .infoArea .newsCont .all a:before {
    height: 1.8vw;
    margin-right: 2vw;
    vertical-align: middle;
    width: 1vw;
  }
  #index .h208 h2 a {
    height: 66vw;
  }
  #index .h209 {
    background-color: white;
    padding: 15vw 0;
  }
  #index .h209 .secCont {
    display: block;
    padding: 0 0 10vw;
    width: 90%;
  }
  #index .h209 .pict {
    margin-bottom: 10vw;
  }
  #index .h209 h2 {
    margin: 0 auto 8vw;
    text-align: center;
  }
  #index .h209 p {
    margin-bottom: 8vw;
  }
  #index .h209 .txtArea {
    margin: 0 auto;
    width: 80%;
  }
  #index .h209 .txtArea .btn {
    margin: 0 auto;
  }

  .newsList li {
    border-bottom: 1px dotted #000;
    padding: 4% 0;
  }
  .newsList li .date {
    width: 37%;
  }
  .newsList li .date span {
    width: 20vw;
  }

  /*********service*********/
  #service .btn {
    margin: 8% auto 14%;
  }
  #service .linkArea {
    display: block;
    margin-bottom: 5%;
  }
  #service .linkArea dl {
    max-width: 100%;
    margin-bottom: 5%;
    width: 100%;
  }
  #service .linkArea dl dd {
    width: 50% !important;
  }
  #service .linkArea dl dd:nth-of-type(2n) {
    border-right: none !important;
  }
  #service .linkArea dl.note {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
  }
  #service .linkArea dl.note dd:nth-of-type(3n) {
    border-right: none;
  }
  #service .linkArea2 {
    max-width: 100%;
  }
  #service .linkArea2 a {
    justify-content: center;
    padding: 0;
  }
  #service .linkArea2 .linkCont {
    padding: 30vw 0 55vw;
    margin: 0 auto;
    width: 90%;
  }
  #service .linkArea2 .linkCont h2 {
    font-size: 220%;
    margin: 0 auto 8%;
  }
  #service .linkArea3 {
    max-width: 90%;
    margin: 5% auto 0;
  }
  #service .linkArea3 dl {
    max-width: 100%;
    margin-bottom: 5%;
    width: 100%;
  }
  #service .linkArea3 dl dd {
    width: 50% !important;
  }
  #service .linkArea3 dl dd:nth-of-type(2n) {
    border-right: none !important;
  }

  /*********servicearea*********/
  #serviceDetail .lead {
    font-size: 110%;
  }
  #serviceDetail .fig {
    margin-bottom: 2vw;
  }
  #serviceDetail .serviceListArea {
    padding: 3.5vw;
  }
  #serviceDetail .serviceListArea dl {
    display: block;
    height: auto;
    padding: 2vw;
    margin-bottom: 1.5vw;
  }
  #serviceDetail .serviceListArea dl dt {
    margin-bottom: 1vw;
    width: 100%;
  }
  #serviceDetail .serviceListArea dl dt br {
    display: none;
  }
  #serviceDetail .serviceListArea dl dd {
    line-height: 160%;
    width: 100%;
  }
  #serviceDetail .resultsArea {
    display: block;
    margin-bottom: 2vw;
    padding: 2.5vw;
  }
  #serviceDetail .resultsArea dd {
    margin-bottom: 3px;
    width: 100%;
  }
  #serviceDetail .caseArea {
    padding: 2.5vw;
  }
  #serviceDetail .caseArea dt {
    margin-bottom: 2vw;
  }
  #serviceDetail .caseArea dt span {
    margin-right: 2vw;
    padding-right: 2vw;
  }
  #serviceDetail .caseArea dd {
    font-size: 115%;
  }
  #serviceDetail .offerArea {
    margin-bottom: 6vw;
    padding: 2.5vw;
  }
  #serviceDetail .offerArea dl {
    padding-left: 0;
  }
  #serviceDetail .offerArea dl dt {
    margin-bottom: 1.5vw;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }
  #serviceDetail .offerArea dl dd {
    margin: 0 1vw 1.2vw 0;
  }
  #serviceDetail .offerArea dl dd a {
    padding: 1.2vw 3vw 1vw;
  }
  #serviceDetail .offerArea dl.sarv {
    margin-top: 3vw;
  }
  #serviceDetail .stepArea {
    margin-top: 8vw;
    margin-bottom: 6vw;
    padding: 5vw 3vw 0;
  }
  #serviceDetail .stepArea .step dl {
    max-width: 32%;
  }
  #serviceDetail .stepArea .step dl dt {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background-image: url(../img/service/oracleinfo/oraclemenu/step01_sp.png);
    height: 10vw;
    width: 100%;
  }
  #serviceDetail .stepArea .step dl dd {
    font-size: 90%;
    line-height: 140%;
    margin-top: 2vw;
  }
  #serviceDetail .stepArea .step dl:nth-of-type(2) dt {
    background-image: url(../img/service/oracleinfo/oraclemenu/step02_sp.png);
  }
  #serviceDetail .stepArea .step dl:nth-of-type(3) dt {
    background-image: url(../img/service/oracleinfo/oraclemenu/step03_sp.png);
  }
  #serviceDetail .stepArea .nayami h4 {
    display: block;
    margin: 0 0 3vw;
    padding: 1vw 0;
    text-align: center;
    width: 100%;
  }
  #serviceDetail .stepArea .nayami h4 br {
    display: inline;
  }
  #serviceDetail .stepArea .nayami ul {
    display: block;
  }
  #serviceDetail .stepArea .nayami ul li {
    width: 100%;
  }
  #serviceDetail .stepArea .stepLink {
    margin: 0 -3vw;
  }
  #serviceDetail .stepArea .stepLink a {
    padding: 3vw 0;
  }
  #serviceDetail .noteArea {
    margin-bottom: 2vw;
    padding: 3vw;
  }
  #serviceDetail .partnerArea {
    display: block;
  }
  #serviceDetail .partnerArea .logo {
    margin: 0 auto;
    text-align: center;
    width: 45%;
  }
  #serviceDetail .rekishiArea {
    margin-bottom: 7vw;
  }
  #serviceDetail .rekishiArea dl dt {
    width: 10vw;
  }
  #serviceDetail .rekishiArea dl dt:after {
    top: 1px;
  }
  #serviceDetail .rekishiArea dl dd {
    max-width: 80vw;
    padding: 0 0 5vw 4vw;
  }
  #serviceDetail .rekishiArea dl dd strong {
    font-size: 120%;
    margin: -4px 0 2vw;
  }

  .anchor {
    padding: 2vw 0;
  }
  .anchor li a {
    background-size: 1.5vw;
    font-size: 100%;
    padding: 1vw 1vw 4vw;
    line-height: 150%;
  }
  .anchor li a br {
    display: block;
  }

  .anchorTarget {
    padding-top: 17.335vw !important;
    margin-top: -17.335vw !important;
  }

  /*********security*********/
  #security .bdTopBottom {
    padding: 5vw 0;
  }

  /*********use*********/
  #use .adobeLink {
    margin: 5vw 0 6vw;
  }
  #use .adobeLink dt {
    font-size: 115%;
    font-weight: 700;
    margin-bottom: 2vw;
  }
  #use .adobeLink dt span {
    display: block;
  }
  #use .adobeLink dd {
    margin: 0 auto;
    width: 45%;
  }

  /*********business*********/
  #business .searchArea {
    display: block;
    margin: 0 auto 15%;
    padding: 0;
  }
  #business .searchArea:before {
    display: none;
  }
  #business .searchArea .searchCont {
    max-width: 100%;
    width: 100%;
  }
  #business .searchArea .searchCont:first-of-type {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5%;
    padding-bottom: 7%;
  }
  #business .searchArea .searchCont .narrow {
    display: block;
  }
  #business .searchArea .searchCont .narrow dl {
    max-width: 100%;
    width: 100% !important;
  }
  #business .searchArea .searchCont dl {
    margin-bottom: 4%;
  }
  #business .searchArea .searchCont dl dt {
    margin-bottom: 2%;
  }
  #business .searchArea .searchCont dl dd input {
    height: 10vw;
    padding: 2%;
  }
  #business .searchArea .searchCont .btn {
    width: 60%;
  }
  #business .searchArea .searchCont .btn button {
    padding: 4% 0;
  }
  #business .caseLinkList {
    margin-bottom: 4%;
  }
  #business .caseLinkList .caseLinkCont {
    max-width: 50%;
    margin: 0 4% 5vw 0 !important;
    width: 48%;
  }
  #business .caseLinkList .caseLinkCont:nth-child(2n) {
    margin-right: 0 !important;
  }
  #business .caseLinkList .caseLinkCont .pict {
    margin-bottom: 3%;
  }
  #business .caseLinkList .caseLinkCont .pict a:before {
    height: 5vw;
    width: 5vw;
  }
  #business .caseLinkList .caseLinkCont .pict a:after {
    height: 2.2vw;
    width: 1.6vw;
    right: 1.5vw;
    bottom: 1.4vw;
  }
  #business .caseLinkList .caseLinkCont dl {
    margin-bottom: 3%;
  }
  #business .caseLinkList .caseLinkCont dl dt {
    font-size: 120%;
    margin-bottom: 1%;
  }
  #business .caseLinkList .caseLinkCont dl dd {
    font-size: 100%;
  }
  #business .caseLinkList .caseLinkCont ul {
    display: block;
  }
  #business .caseLinkList .caseLinkCont ul li {
    line-height: 120%;
    margin: 0 0 4px;
  }
  #business .caseLinkList .caseLinkCont ul li a {
    border-radius: 30px;
    font-size: 85%;
    padding: 1vw 3vw 0.8vw;
  }

  /*********businessDetail*********/
  #businessDetail .detailInfoArea h2 {
    font-size: 180%;
    margin-bottom: 8vw;
  }
  #businessDetail .detailInfoArea .infoLead {
    background-color: #fff;
    display: block;
  }
  #businessDetail .detailInfoArea .infoLead .pict {
    width: 100%;
  }
  #businessDetail .detailInfoArea .infoLead .infoTxt {
    padding: 5vw;
    width: 100%;
  }
  #businessDetail .detailInfoArea .infoLead .infoTxt p:last-of-type {
    margin-bottom: 0;
  }
  #businessDetail .detailInfoArea .detailInfo {
    max-width: 100%;
    margin: 0 auto;
    padding: 3vw 5vw 5vw;
  }
  #businessDetail .detailInfoArea .detailInfo dl dt {
    margin: 2vw 0 1vw;
    width: 100%;
  }
  #businessDetail .detailInfoArea .detailInfo dl dd {
    margin: 0 1vw 1vw 0;
  }
  #businessDetail .detailInfoArea .detailInfo dl dd a {
    border-radius: 30px;
    font-size: 85%;
    padding: 1vw 3vw 0.8vw;
  }
  #businessDetail .secCont section {
    margin-bottom: 6vw;
  }
  #businessDetail .demand dt {
    padding: 0.5vw 2vw;
  }
  #businessDetail .demand dd {
    margin: 1vw 0 2vw;
  }
  #businessDetail .demand dd:last-of-type {
    margin-bottom: 0;
  }
  #businessDetail .contents {
    padding-bottom: 0;
  }
  #businessDetail .contents section.endSec {
    margin-bottom: 0;
  }
  #businessDetail .contents .contact {
    margin-bottom: 13vw;
    padding: 8vw 0 12vw;
  }
  #businessDetail .contents .contact .contactTelArea dt {
    margin: 0 auto 3vw;
  }
  #businessDetail .contents .contact .contactTelArea dd a {
    margin: 2vw auto 1vw;
    pointer-events: all;
  }
  #businessDetail .pictColArea {
    display: block;
  }
  #businessDetail .pictColArea .txtArea {
    max-width: 100%;
    margin-bottom: 5vw;
    width: 100%;
  }
  #businessDetail .pictColArea .pict {
    max-width: 100%;
    width: 100%;
  }
  #businessDetail .detailInfoArea2 {
    display: block;
    padding: 10vw 0;
  }
  #businessDetail .detailInfoArea2 .voice {
    margin: 0 auto 5vw;
    width: 90% !important;
  }
  #businessDetail .detailInfoArea2 .voice .person li {
    margin: 0 4% 3vw 0 !important;
    max-width: 49%;
    width: 48%;
  }
  #businessDetail .detailInfoArea2 .voice .person li:nth-child(2n) {
    margin-right: 0 !important;
  }
  #businessDetail .detailInfoArea2 .voice .person li span {
    margin-top: 1vw;
  }
  #businessDetail .detailInfoArea2 .profile {
    border-left: none;
    margin: 0 auto;
    padding-left: 0;
    width: 90%;
  }
  #businessDetail .detailInfoArea2 .profile .logo {
    height: 35vw;
    margin-bottom: 2vw;
  }
  #businessDetail .detailInfoArea2 .profile .logo img {
    width: 50%;
  }
  #businessDetail .detailInfoArea2 .profile h4 {
    border: none;
    margin-bottom: 1vw;
    padding: 0;
  }
  #businessDetail .detailInfoArea2 .profile p {
    margin-bottom: 3vw;
  }
  #businessDetail .detailInfoArea2 .profile dl {
    display: block;
    margin-bottom: 2vw;
  }
  #businessDetail .detailInfoArea2 .profile dl dt {
    font-weight: bold;
    margin: 0 0 1vw;
    width: 100%;
  }
  #businessDetail .detailInfoArea2 .profile dl dd {
    border-left: none;
    padding-left: 0;
    width: 100%;
  }
  #businessDetail .backLink {
    background-color: #080c95;
    display: flex;
    justify-content: center;
    padding: 90px 0;
  }
  #businessDetail .backLink li {
    margin: 0 auto;
    text-align: center;
    width: 200px;
    margin: 0 20px;
  }
  #businessDetail .backLink li a {
    border: 1px solid #3b68cf;
    border-radius: 30px;
    color: #3b68cf;
    font-size: 92%;
    font-weight: bold;
    display: block;
    padding: 11px 0;
    letter-spacing: 0.1em;
    transition: all 0.6s;
  }
  #businessDetail .backLink li a:hover {
    background-color: #3b68cf;
    color: #fff;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  #businessDetail .backLink li {
    width: 60%;
  }
  #businessDetail .backLink li a {
    padding: 4% 0;
  }
}
@media screen and (max-width: 960px) {
  #businessDetail .backLink li a {
    border-color: #fff;
    color: #fff;
    letter-spacing: 0.25em;
  }
  #businessDetail .backLink li a:hover {
    color: #080c95;
    background-color: #fff;
  }

  /*********contact*********/
  #contact .secCont {
    max-width: 90%;
  }
  #contact p.lead {
    margin: 0 auto 8%;
    text-align: left;
  }
  #contact p.compTxt {
    margin: 0 auto 5%;
    text-align: left;
  }
  #contact table {
    margin-bottom: 5%;
  }
  #contact table th {
    border-bottom: none;
    display: block;
    font-weight: bold;
    padding: 2% 0 0;
    width: 100%;
  }
  #contact table th span {
    font-size: 85%;
    position: relative;
    top: auto;
    right: auto;
    margin-left: 4%;
    padding: 0.4vw 1.5vw;
  }
  #contact table td {
    display: block;
    padding: 1.5% 0 3%;
  }
  #contact table td input {
    height: 10vw;
    padding: 0 2%;
  }
  #contact table td input.size01 {
    width: 48%;
  }
  #contact table td input.size01:first-of-type {
    margin-right: 4%;
  }
  #contact table td input.size02 {
    margin: 0 1% 0 0;
    width: 50%;
  }
  #contact table td input.size03 {
    width: 31%;
  }
  #contact table td a.zipLink {
    margin-left: 2%;
    padding: 1.8vw 0;
    vertical-align: middle;
    width: 30%;
  }
  #contact table td textarea {
    height: 60vw;
    padding: 2%;
    width: 100%;
  }
  #contact table td dl {
    display: block;
    margin-bottom: 10px;
  }
  #contact table td dl:last-of-type {
    margin-bottom: 0;
  }
  #contact table td dl dt {
    width: 100%;
  }
  #contact table td dl dd {
    max-width: 100%;
    width: 100%;
  }
  #contact table td dl dd select {
    width: 100%;
  }
  #contact table tr:first-of-type td {
    border-top: none;
  }
  #contact .btn {
    width: 60%;
  }
  #contact .btn button {
    padding: 6% 0;
  }
  #contact .btn button:after {
    height: 2vw;
    margin-top: -1vw;
    width: 1.5vw;
  }
  #contact ul.btn {
    display: block;
    width: 100%;
  }
  #contact ul.btn li {
    margin: 0 auto 3% !important;
    width: 100%;
  }
  #contact .backBtn {
    margin-top: 8%;
  }

  /*********tab*********/
  .tabNav li a {
    background-size: 2vw;
    background-position: 50% 75%;
    padding: 3vw 0 5vw;
  }

  .tabCont {
    padding: 8vw 5vw 1px;
  }
  .tabCont section {
    margin-bottom: 8vw;
  }

  /*********company*********/
  #company .ideaArea {
    margin-bottom: 8vw;
    padding: 5vw 4vw;
  }
  #company .ideaArea ul {
    margin-bottom: 4vw;
  }
  #company .ideaArea ul li {
    font-size: 105%;
    margin-bottom: 3vw;
  }
  #company .ideaArea p strong {
    font-size: 150%;
  }
  #company .linkArea {
    margin-top: 5vw;
  }
  #company .linkArea ul {
    margin-bottom: 4vw;
  }
  #company .linkArea ul.banner {
    display: block;
  }
  #company .linkArea ul.banner li {
    margin-top: 4vw;
    max-width: 100%;
    width: 100%;
  }
  #company .linkArea ul.banner li:first-child {
    margin-top: 0;
  }
  #company .linkArea ul.linkList li {
    width: 50% !important;
  }
  #company .linkArea ul.linkList li:nth-of-type(2n) {
    border-right: none !important;
  }
  #company .pict {
    margin: 0 auto 4vw;
    text-align: center;
  }
  #company .fig {
    text-align: center;
  }
  #company p.lead {
    font-size: 180%;
  }
  #company p.lead br {
    display: none;
  }
  #company p.alRight {
    margin-top: 3vw;
  }
  #company .companyTable dl dd table th {
    width: 35%;
  }
  #company .companyTable dl dd ul li {
    background-position: 0 45%;
    background-size: 1.2vw;
    padding: 0 0 0 2vw;
  }
  #company .isoLogo {
    margin-top: 3vw;
  }
  #company .isoLogo img {
    width: 30%;
  }
  #company .mapArea {
    display: block;
  }
  #company .mapArea .mapTxt {
    width: 100%;
  }
  #company .mapArea .map {
    height: 30vw;
    width: 100%;
  }
  #company .mapArea .mapLink {
    margin-top: 1vw;
  }
  #company .mapArea .mapLink a {
    background-position: 0 45%;
    background-size: 1.2vw;
    padding-left: 2vw;
  }
  #company .otherLink dt {
    background-position: 0 42%;
    background-size: 1.2vw;
    margin-bottom: 1vw;
    padding: 0 0 0 2vw;
  }
  #company .otherLink dt a[target="_blank"] {
    background-position: 100% 45%;
    background-size: 2vw;
    padding-right: 2.5vw;
  }
  #company .otherLink dd {
    margin-bottom: 5vw;
  }
  #company .presidentWrap {
    border-bottom: none;
    display: block;
  }
  #company .presidentWrap .presidentTxtArea {
    max-width: 100%;
    width: 100%;
  }
  #company .presidentWrap .pict {
    max-width: 100%;
    text-align: center;
    width: 100%;
  }

  .companyTable dl {
    display: block;
  }
  .companyTable dl dt {
    border-bottom: none;
    border-right: none;
    display: block !important;
    font-weight: bold;
    padding: 3vw 3vw 1.5vw;
    text-align: left;
    position: relative;
    max-width: 100%;
    width: 100%;
  }
  .companyTable dl dt:before, .companyTable dl dt:after {
    display: none;
  }
  .companyTable dl dd {
    padding: 0 3vw 3vw;
    width: 100%;
  }

  /*********csr*********/
  #csr .btn {
    margin-bottom: 8vw;
  }
  #csr .btn a {
    padding: 4% 0;
  }
  #csr .alRight {
    margin-top: 2vw;
  }
  #csr .secMain ol li {
    padding-left: 2em;
  }
  #csr .secMain ol li:before {
    width: 1.5em;
  }
  #csr .activity h3 {
    font-size: 150%;
    margin: 0;
    padding: 2vw 4vw;
  }
  #csr .activity .newsList {
    padding: 2vw 4vw 4vw;
  }
  #csr .activity .newsList li .date {
    width: 55%;
  }
  #csr .activity .newsList li .date span {
    width: 30vw;
  }
  #csr .pict {
    margin-bottom: 5vw;
  }
  #csr .pictColArea {
    display: block;
  }
  #csr .pictColArea .pict {
    width: 100%;
  }
  #csr .columnListArea {
    max-width: 100%;
  }
  #csr .columnListArea ul {
    margin-bottom: 8vw;
  }
  #csr .columnListArea ul li {
    min-height: 0;
  }
  #csr .columnListArea ul li a {
    padding: 0;
  }
  #csr .columnListArea ul li .linkInfo {
    padding: 2vw 2vw 2vw 4vw;
  }

  ul.linkArea2 li,
  ul.linkArea4 li {
/*     margin: 0 2% 2vw 0 !important; */
/*     max-width: 49%;
    width: 49%; */
	      max-width: 80%;
    width: 80%;
  }
  ul.linkArea2 li:nth-child(2n),
  ul.linkArea4 li:nth-child(2n) {
    margin-right: 0 !important;
  }
  ul.linkArea2 li a,
  ul.linkArea4 li a {
    display: block;
  }
  ul.linkArea2 li img,
  ul.linkArea4 li img {
    width: 100%;
  }
  ul.linkArea2 li span,
  ul.linkArea4 li span {

  }
  ul.linkArea2 li span:after,
  ul.linkArea4 li span:after {
    height: 2.6vw;
    right: 2vw;
    top: 7.2vw;
    width: 2vw;
  }

  /*********ir*********/
  #ir {
    /*.linkArea2{
        margin-bottom: 5vw;
        li{
            background-color: #fff;
            margin: 0 3% 2.5vw 0!important;
            max-width: 48.5%;
            width: 48.5%!important;
            &:nth-child(2n){
                margin-right: 0!important;
            }
            a{
                display: block;
                span{
                    height: 14vw;
                    font-size: 100%;
                    padding: 0 2vw;
                    &:after{
                        height: 2.6vw;
                        width: 2vw;
                    }
                }
            }
        }
    }*/
  }
  #ir .irTopCont {
    display: block;
    max-width: 90%;
    margin: 0 auto 8vw;
  }
  #ir .irTopCont .newsArea {
    max-width: 100% !important;
    width: 100% !important;
  }
  #ir .irTopCont .newsArea .secTitle ul li {
    font-size: 85%;
  }
  #ir .irTopCont .newsArea .secTitle ul li:before {
    height: 1.8vw;
    margin-right: 1.2vw;
    width: 1vw;
  }
  #ir .irTopCont .newsArea .secTitle ul li.rssLink {
    margin-right: 2vw;
    padding-bottom: 0.6vw;
    width: 15vw;
  }
  #ir .irTopCont .newsArea .secTitle ul li.rssLink img {
    width: 100%;
  }
  #ir .irTopCont .newsArea .secCont {
    max-width: 100%;
    padding: 1vw 3vw 4vw;
  }
  #ir .priceArea {
    max-width: 100% !important;
    margin-top: 5vw;
    width: 100% !important;
  }
  #ir .priceArea .secCont {
    padding: 2vw 3vw 4vw;
  }
  #ir .priceArea .secCont dl dt {
    border-radius: 30px;
    margin: 3vw auto 1vw;
    padding: 3px 0;
  }
  #ir .priceArea .secCont .priceBtn {
    margin: 4vw auto 0;
  }
  #ir .priceArea .secCont .priceBtn a {
    padding: 4% 0;
    position: relative;
  }
  #ir .priceArea .secCont .priceBtn a:after {
    margin-top: -4.5px;
    top: 50%;
    right: 4vw;
  }
  #ir .bannerArea {
    margin-bottom: 8vw;
    padding: 5vw 0;
  }
  #ir .bannerArea ul {
    display: block;
    justify-content: space-between;
    max-width: 90%;
    margin: 0 auto;
  }
  #ir .bannerArea ul li {
    margin-bottom: 5vw;
    max-width: 100%;
    width: 100%;
  }
  #ir .bannerArea ul li:last-child {
    margin-bottom: 0;
  }
  #ir .bannerArea ul li a {
    height: 40vw;
  }
  #ir .irTopLinkArea {
    display: block;
  }
  #ir .irTopLinkArea .irTopLink {
    max-width: 100%;
    margin: 0 0 3vw 0 !important;
    width: 100%;
  }
  #ir .irTopLinkArea .irTopLink .linkPict {
    margin-bottom: 4vw;
  }
  #ir .irTopLinkArea .irTopLink .pdfInfo {
    height: 40vw;
    max-height: 50vw;
    margin-bottom: 4vw;
  }
  #ir .irTopLinkArea .irTopLink dl {
    padding: 0 4vw 4vw;
  }
  #ir .irTopLinkArea .irTopLink dl dt {
    margin-bottom: 3vw;
    padding-bottom: 2vw;
  }
  #ir .irTopLinkArea .irTopLink dl dd {
    margin-top: 2vw;
  }
  #ir .irTopLinkArea .irTopLink.pdfLink {
    padding-bottom: 4vw;
  }
  #ir .irTopLinkArea .irTopLink.pdfLink .btn {
    padding: 0 4vw;
  }
  #ir .irTopLinkArea .irTopLink.pdfLink .btn a {
    padding: 4% 0;
    position: relative;
  }
  #ir .irTopLinkArea .irTopLink.pdfLink .btn a:after {
    top: 50%;
    right: 3vw;
    margin-top: -2vw;
    height: 4vw;
    width: 4vw;
  }
  #ir .movieArea img {
    width: 100%;
  }
  #ir .btn {
    margin: 5vw auto 12vw;
  }
  #ir .linkTxt {
    margin-top: 10vw;
    flex-wrap: wrap;
  }
  #ir .irTitleArea {
    margin-bottom: 3vw;
  }
  #ir .irTitleArea .printBtn {
    margin: 0 auto 4vw;
    position: relative;
    top: auto;
    right: auto;
  }
  #ir .irTitleArea .btn {
    margin-bottom: 5vw;
  }
  #ir .selectLinkWrap {
    display: block;
    margin-bottom: 3vw;
  }
  #ir .selectLinkWrap .selectLink {
    width: 100%;
  }
  #ir .selectLinkWrap .selectLink select {
    height: 40px;
  }
  #ir .selectLinkWrap .rssLink {
    margin-top: 2vw;
    width: 20%;
  }
  #ir .getPdfLinkWrap {
    display: block;
    margin-bottom: 5vw;
  }
  #ir .getPdfLinkWrap .getPdfLink {
    margin: 0 0 2vw;
    width: 40%;
  }
  #ir .getPdfLinkWrap p {
    margin: 0;
    width: 100%;
  }
  #ir .getPdfLinkWrap p span {
    display: none;
  }
  #ir .getPdfLinkWrap p span.spOnly {
    display: inline;
  }
  #ir .e_ir {
    margin-bottom: 8vw;
  }
  #ir .e_ir p {
    margin-bottom: 2vw;
  }
  #ir .e_ir p:last-of-type {
    margin-bottom: 0;
  }
  #ir .irLink img {
    width: 30%;
  }
  #ir .newsList li .date {
    width: 45%;
  }
  #ir .newsList li .date span {
    width: 24vw;
  }
  #ir .linkArea3 {
    border-radius: 8px;
    background-color: #e5e5e5;
    margin: 8vw auto;
    display: block;
    padding: 22vw 3vw 3vw;
  }
  #ir .linkArea3 dt {
    box-sizing: border-box;
    font-size: 110%;
    padding: 2vw;
  }
  #ir .linkArea3 dt br {
    display: inline;
  }
  #ir .linkArea3 dd {
    margin: 0 0 2vw;
    max-width: 100%;
    width: 100%;
  }
  #ir .linkArea3 dd a {
    height: 14vw;
    font-size: 100%;
    padding: 0 2vw;
  }
  #ir .linkArea3 dd a:after {
    height: 2.6vw;
    width: 2vw;
  }
  #ir .highlightBtn2 {
    width: 60%;
  }
  #ir .tabNav {
    border-top: 1px solid #3b68cf;
    border-bottom: none;
    flex-wrap: wrap;
    margin: 0 -5.5% 8vw;
  }
  #ir .tabNav li {
    box-sizing: border-box;
    margin: 0;
    width: 50%;
  }
  #ir .tabNav li:nth-child(2n) a {
    border-left-color: #3b68cf;
  }
  #ir .tabNav li br.sp {
    display: inline;
  }
  #ir .tabNav li a {
    border: 1px solid #bfbfbf;
    border-bottom-color: #3b68cf;
    background-size: 2vw;
    border-radius: 0;
    font-size: 100%;
    padding: 2vw 0 4vw;
  }
  #ir .tabNav li a.c {
    border-color: #fff;
    border-bottom-color: #3b68cf;
  }
  #ir .tabCont {
    margin-bottom: 5vw;
    padding: 0;
  }
  #ir .highlightTable {
    width: 100%;
  }
  #ir .highlightTable th {
    padding: 1vw;
  }
  #ir .highlightTable td {
    padding: 1vw;
  }
  #ir .highlightTable .note td {
    background-color: #f0f0f0;
  }
  #ir .faq {
    margin-bottom: 5vw;
  }
  #ir .downloadLinkList dt {
    padding-bottom: 2vw;
  }
  #ir .downloadLinkList dd {
    margin-top: 2.5vw;
  }
  #ir .downloadBtn {
    width: 70%;
  }
  #ir .downloadBtn a:after {
    margin-top: -1.5vw;
    top: 50%;
    right: 2vw;
    height: 3vw;
    width: 3vw;
  }
  #ir .spSlideTable {
    padding: 0;
    margin: 6vw auto;
    overflow-x: scroll;
  }
  #ir .spSlideTable table {
    width: 200%;
  }
  #ir .stockTable th {
    padding: 1.2vw;
  }
  #ir .stockTable td {
    padding: 1.2vw;
  }
  #ir .stockTable.stockTable01 .tableHead th:first-of-type {
    width: 60%;
  }
  #ir .stockTable.stockTable02 .tableHead th:first-of-type {
    width: 26%;
  }
  #ir .stockTable.stockTable02 .tableHead th:last-of-type {
    width: 47%;
  }
  #ir .stockTable.stockTable05 th {
    width: 23%;
  }
  #ir .stockTable.stockTable05 td {
    padding: 1.2vw 2vw;
  }
  #ir .stockTable.stockTable05 td .newsList {
    border: none;
  }
  #ir .stockTable.stockTable05 td .newsList li {
    margin-bottom: 1vw;
  }
  #ir .stockTable.stockTable06 th {
    text-align: center;
    vertical-align: top;
    width: 35%;
  }
  #ir .stockTable.stockTable06 td {
    padding: 1.2vw 2vw;
  }
  #ir .soukaiInfo {
    margin-bottom: 5vw;
    padding: 3vw 4vw 4vw;
  }
  #ir .irAnchor {
    margin-bottom: 5vw;
  }
  #ir .irAnchor li:after {
    margin: 0 2vw;
  }
  #ir .irAnchor li:last-child:after {
    display: none;
  }
  #ir .irAnchor li a.c:after {
    bottom: -4px;
    width: 100%;
  }
  #ir #calendarTab {
    border: none;
    margin: 0 0 5vw;
  }
  #ir #calendarTab li:after {
    margin: 0 2vw;
  }
  #ir #calendarTab li:last-child:after {
    display: none;
  }
  #ir #calendarTab li a.c:after {
    bottom: -4px;
    width: 100%;
  }
  #ir .calendar {
    display: block;
  }
  #ir .calendar table {
    width: 100%;
  }
  #ir .calendar table th {
    padding: 0 1vw;
    width: 7vw;
  }
  #ir .calendar table td {
    height: 15vw;
    padding-top: 2vw;
    width: 25vw;
  }
  #ir .calendar table td:last-of-type {
    font-size: 110%;
    padding: 2vw 0 2vw 3vw;
  }
  #ir .calendar table:last-of-type {
    border: none;
  }
  #ir .policyArea {
    margin-bottom: 5vw;
    padding-bottom: 2vw;
  }
  #ir .notice {
    padding-top: 5vw;
  }
  #ir .notice a:before {
    margin-right: 2vw;
    height: 1.8vw;
    width: 1vw;
  }
  #ir .notice2 {
    padding: 5vw 0;
  }
  #ir .stockTop {
    display: block;
  }
  #ir .stockTop .linkArea2 {
    max-width: 100%;
    width: 100%;
  }
  #ir .stockTop .priceArea {
    margin-left: 0;
  }
  #ir .calLink {
    margin-bottom: 1vw;
  }
  #ir .calLink a:before {
    margin-right: 2vw;
    height: 1.8vw;
    width: 1vw;
  }
  #ir .yutaiList {
    display: block;
  }
  #ir .yutaiList li {
    margin: 0 auto 3vw;
    width: 100%;
  }
  #ir .yutaiInfo {
    padding: 4vw;
  }
  #ir .yutaiInfo dt {
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 1vw;
  }
  #ir .yutaiInfo dd {
    font-size: 105%;
  }
  #ir .yutaiInfo dd.pict {
    margin-top: 2vw;
    width: 15vw;
    position: relative;
    top: auto;
    left: auto;
  }
  #ir .pictArea {
    margin-top: 6vw;
    min-height: inherit;
    padding-right: 0;
  }
  #ir .pictArea:first-of-type {
    margin-top: 8vw;
  }
  #ir .pictArea .pict {
    position: relative;
    top: auto;
    right: auto;
  }

  .tabNavWrap {
    margin-bottom: 0;
  }
  .tabNavWrap .tabNav {
    border: none !important;
    margin: 0 -5.5% 8vw;
    flex-wrap: wrap;
  }
  .tabNavWrap .tabNav li {
    margin: 0;
    width: 50%;
  }
  .tabNavWrap .tabNav li:nth-child(2n) a {
    border-left-color: #3b68cf;
  }
  .tabNavWrap .tabNav li a {
    border: 1px solid #bfbfbf !important;
    background-size: 2vw;
    border-radius: 0;
    font-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2vw 0 4vw;
  }
  .tabNavWrap .tabNav li a.c {
    background-color: #fff;
  }

  .secRowArea {
    display: block;
  }
  .secRowArea section {
    width: 100%;
  }

  /*********news*********/
  #news .newsList li .date {
    width: 56%;
  }
  #news .newsList li .date span {
    width: 24vw;
  }
  #news .newsTab {
    border-top: 1px solid #3b68cf;
    border-bottom: none;
    flex-wrap: wrap;
    margin: 0 -5.5% 8vw;
  }
  #news .newsTab li {
    box-sizing: border-box;
    margin: 0;
    width: 50%;
  }
  #news .newsTab li:nth-child(2n) a {
    border-left-color: #3b68cf;
  }
  #news .newsTab li a {
    border: 1px solid #bfbfbf;
    border-bottom-color: #3b68cf;
    background-size: 2vw;
    background-position: 50% 75%;
    border-radius: 0;
    padding: 3vw 0 5vw;
  }
  #news .newsTab li a.c {
    border-color: #fff;
    border-bottom-color: #3b68cf;
  }
  #news .pager2 {
    margin-top: 6vw;
  }
  #news .pager2 li {
    margin: 0 1vw;
  }
  #news .pager2 li.next {
    margin: 0 0 0 2vw;
  }
  #news .pager2 li.next a {
    height: 7vw;
    width: 7vw;
  }
  #news .pager2 li.next a:after {
    margin: -1.5vw auto 0;
    height: 3vw;
    width: 2vw;
  }
  #news .pager2 li.prev {
    margin: 0 2vw 0 0;
  }
  #news .pager2 li.prev a {
    height: 7vw;
    width: 7vw;
  }
  #news .pager2 li.prev a:after {
    margin: -1.5vw auto 0;
    height: 3vw;
    width: 2vw;
  }
  #news h2.mainTitle {
    font-size: 180%;
    margin-bottom: 5vw;
  }
  #news .secCont section {
    margin-bottom: 5vw;
  }
  #news .secCont section h2 {
    margin-bottom: 3vw;
  }
  #news .pict {
    max-width: 100%;
    margin-bottom: 5vw;
  }
  #news .pictColArea {
    display: block;
  }
  #news .pictColArea .pictCol {
    margin: 0 0 5vw;
    width: 100%;
  }
  #news .pictFloatArea {
    display: block;
    margin-bottom: 5vw;
  }
  #news .pictFloatArea .txtArea {
    max-width: 100%;
    width: 100%;
  }
  #news .pictFloatArea .pict {
    max-width: 100%;
    margin: 0;
    width: 100%;
  }
  #news .btn {
    margin: 0 auto 5vw;
  }
  #news .btn a[target="_blank"]:after {
    margin-top: -1vw;
    right: 3vw;
    height: 2vw;
    width: 2vw;
  }
  #news .btn a {
    padding: 2vw 0 1.5vw;
  }
  #news .btnColArea {
    display: block;
    margin-bottom: 0;
  }
  #news .btnColArea .btn {
    margin: 0 auto 5vw;
  }

  /*********column*********/
  #column .columnPickup {
    display: block;
  }
  #column .columnPickup li {
    max-width: 100%;
    margin: 0 auto 5vw;
    width: 100%;
  }
  #column .columnPickup li .pict img {
    height: auto;
  }
  #column .columnPickup li.new .pict a:after {
    background-size: cover;
    display: flex;
    height: 10vw;
    bottom: 2vw;
    left: 2vw;
    width: 10vw;
  }
  #column .columnPickup li .linkInfo {
    padding: 2vw 3vw;
  }
  #column .columnPickup li .linkInfo h3 {
    font-size: 120%;
  }
  #column .columnPickup li .linkInfo .pickupTxt {
    margin: 2vw 0 0;
  }
  #column .columnPickup li .tagLink {
    margin-top: 1vw;
    position: relative;
    left: auto;
    bottom: auto;
  }
  #column .columnList li .linkInfo {
    padding: 2vw 2vw 5vw 3vw;
  }
  #column .columnList li h3 {
    line-height: 140%;
  }
  #column .columnList li .tagLink {
    left: 3vw;
    bottom: 2vw;
  }
  #column .columnTab {
    flex-wrap: wrap;
    margin: 0 auto 4vw;
  }
  #column .columnTab:after {
    display: none;
  }
  #column .columnTab li {
    margin: 0 2vw 2vw;
    text-align: center;
    width: 40%;
  }
  #column .columnTab li a {
    padding-bottom: 2vw;
  }
  #column .btn {
    margin: 0 auto 5vw;
  }
  #column .btn a {
    padding: 2vw 0 1.5vw;
  }
  #column .secWrap .secMain h2.mainTitle {
    font-size: 160%;
    margin-bottom: 2vw;
  }
  #column .secWrap .sideMenu {
    max-width: 100%;
  }
  #column .secWrap .sideMenu section {
    margin-bottom: 5vw;
  }
  #column .secWrap .sideMenu section h3 {
    padding: 0 0 1vw;
  }
  #column .secWrap .sideMenu section ul.latest li {
    margin: 0 0 2vw;
  }
  #column .secWrap .sideMenu section ul.latest li a {
    padding-left: 23vw;
    min-height: 14vw;
  }
  #column .secWrap .sideMenu section ul.latest li a img {
    width: 20vw;
  }
  #column .secWrap .sideMenu section ul.category {
    display: block;
  }
  #column .secWrap .sideMenu section ul.category li {
    width: 100%;
  }
  #column .secWrap .sideMenu section ul.category li a {
    padding: 1vw 5vw 1vw 2vw;
  }
  #column .secWrap .sideMenu section ul.category li a:after {
    margin-top: -1vw;
    right: 2vw;
    height: 2.2vw;
    width: 1.5vw;
  }
  #column .secWrap .sideMenu section ul.tag li {
    margin: 0 1vw 1vw 0;
  }
  #column .secWrap .sideMenu .sideSearch input {
    background-size: 3vw;
    background-position: 2vw 2vw;
    height: 8vw;
    padding-left: 6vw;
  }
  #column .mainPict {
    margin: 0 auto 3vw;
  }
  #column .labelArea {
    display: block;
    margin-bottom: 2vw;
  }
  #column .labelArea .label {
    margin: 0 0 2vw;
    width: 35vw;
  }
  #column .labelArea .tagLink {
    text-align: left;
    width: 100%;
  }
  #column .dateArea {
    display: block;
    margin-bottom: 3vw;
  }
  #column .dateArea .date {
    margin: 0 0 1vw;
  }
  #column .dateArea .social iframe {
    vertical-align: bottom;
  }
  #column .dateArea .social .twitter {
    margin-left: 2vw;
  }
  #column .socialLink {
    margin-bottom: 5vw;
  }
  #column .socialLink li {
    max-width: 50%;
  }
  #column .socialLink li a {
    padding: 2vw 0;
  }
  #column .socialLink li a:before {
    margin-right: 2vw;
    vertical-align: -0.3em;
    height: 5vw;
    width: 5vw;
  }
  #column .lead {
    padding-top: 2vw;
  }
  #column .pict {
    max-width: 100%;
    margin-bottom: 5vw;
  }
  #column .pictColArea {
    display: block;
  }
  #column .pictColArea .pictCol {
    margin: 0 0 5vw;
    width: 100%;
  }
  #column .pictFloatArea {
    display: block;
    margin-bottom: 5vw;
  }
  #column .pictFloatArea .txtArea {
    max-width: 100%;
    width: 100%;
  }
  #column .pictFloatArea .pict {
    max-width: 100%;
    margin: 0;
    width: 100%;
  }
  #column .pageNavArea {
    padding: 12vw 0 4vw;
    position: relative;
  }
  #column .pageNavArea .btn {
    margin: 0 auto;
  }
  #column .pageNavArea .prev {
    top: 3vw;
  }
  #column .pageNavArea .prev a:before {
    margin-right: 1vw;
    vertical-align: 0.2em;
    width: 4vw;
  }
  #column .pageNavArea .next {
    top: 3vw;
  }
  #column .pageNavArea .next a:after {
    margin-left: 1vw;
    vertical-align: 0.2em;
    width: 4vw;
  }

  /*********about*********/
  #about .h201 {
    margin-bottom: 8vw;
  }
  #about .h201 h2 {
    margin: 0 auto 3vw;
  }
  #about .h201 h2 span {
    margin-top: 2vw;
  }
  #about .h201 .lead {
    margin: 0;
    text-align: center;
  }
  #about .h201 .lead2 {
    margin: 0 -5vw;
    padding: 20vw 5vw 0;
  }
  #about .h201 .lead2 dl {
    max-width: 100%;
    margin: 0 auto;
    padding: 3.8vw 4vw 4vw;
    text-align: left;
  }
  #about .h201 .lead2 dl dt {
    font-size: 150%;
  }
  #about .h202 {
    background: url(../img/about/bg02.jpg) no-repeat 50% 0;
    background-size: auto 80%;
    margin-bottom: 8vw;
  }
  #about .h202 .secCont {
    padding-top: 7vw;
  }
  #about .h202 h2 {
    margin: 0 auto 3vw;
    padding: 1vw 4vw;
  }
  #about .h202 h3 {
    border: none;
    color: #fff;
    font-size: 150%;
    padding: 0;
  }
  #about .h202 p {
    margin: 0 auto 3vw;
    width: 100%;
  }
  #about .h202 .fig {
    margin: 0 auto 6vw;
  }
  #about .h202 .strength {
    display: block;
  }
  #about .h202 .strength dl {
    background-color: #fff;
    text-align: left;
    width: 100%;
  }
  #about .h202 .strength dl:first-of-type {
    margin-bottom: 4vw;
  }
  #about .h202 .strength dl dt span {
    margin-right: 2vw;
    padding: 1.5vw 2vw;
  }
  #about .h202 .strength dl dd {
    padding: 4vw 5vw;
  }
  #about .h202 .strength dl dd strong {
    font-size: 150%;
    line-height: 150%;
    margin-bottom: 2vw;
  }
  #about .h203 {
    margin-bottom: 0;
  }
  #about .h203 .secCont {
    display: block;
  }
  #about .h203 .secCont dl {
    padding: 20px 0 !important;
    position: relative;
    width: 100%;
  }
  #about .h203 .secCont dl dt {
    padding: 0 5vw;
  }
  #about .h203 .secCont dl dt img {
    max-width: 100%;
  }
  #about .h203 .secCont dl dd {
    margin-top: 4vw;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }
  #about .h203 .secCont dl dd a {
    margin: 2vw auto 0;
    padding: 1vw 0;
    width: 60%;
  }
  #about .h203 h2 {
    margin: -6vw auto 0;
    padding: 1vw 0;
    width: 50vw;
  }

  /*********vision*********/
  #vision .contents p {
    margin-bottom: 5vw;
  }
  #vision .company_box01_outer {
    margin-bottom: 8vw;
  }
  #vision .company_box01_outer td p {
    margin-bottom: 0;
  }
  #vision .company_box01_outer td p img {
    max-width: 100%;
  }
  #vision .fig {
    margin: 0 auto 8vw;
  }
  #vision .roadmapArea {
    display: block;
    margin-bottom: 8vw;
  }
  #vision .roadmapArea dl {
    margin-bottom: 3vw;
    padding: 0 2vw 2vw;
    width: 100%;
  }
  #vision .roadmapArea dl dt {
    height: 30vw;
  }
  #vision .roadmapArea dl dd {
    margin-top: 2vw;
  }
  #vision .roadmapArea dl dd span {
    height: 25vw;
  }
  #vision .roadmapArea dl.road04 dd span {
    height: 15vw;
  }
  #vision .roadmapArea dl.road05 dd span {
    height: 20vw;
  }
  #vision .docLink {
    margin: -1vw 0 8vw;
    padding-top: 4vw;
  }
  #vision .docLink dd {
    margin-top: 1vw;
  }

  /*********smile add 210224 *********/
  #serviceDetail .smileLeadArea {
    text-align: left;
}
  #serviceDetail .smileLeadArea p {
    margin-bottom: 0;
    padding-bottom: 4vw;
  }
  #serviceDetail .smileLeadArea p br {
    display: none;
  }
  #serviceDetail .smileAboutArea {
    background-attachment: inherit;
    padding: 10vw 5vw 15vw;
  }
  #serviceDetail .smileAboutArea .smileAboutInfo {
    display: block;
    margin: 0 auto 10vw;
  }
  #serviceDetail .smileAboutArea .smileAboutInfo .detail {
    width: 100%;
  }
  #serviceDetail .smileAboutArea .smileAboutInfo .detail h3 {
    font-size: 150%;
    margin-bottom: 4vw;
    padding: 0;
  }
  #serviceDetail .smileAboutArea .smileAboutInfo .detail p {
    max-width: 600px;
  }
  #serviceDetail .smileAboutArea .smileAboutInfo .fig {
    margin: 8vw auto 0;
    width: 65%;
  }
  #serviceDetail .secFlexArea:after, #serviceDetail .secFlexArea:before {
    display: none;
  }
  #serviceDetail .secFlexArea section {
    background: url(../img/index/bg01_sp.jpg) no-repeat 0 0 !important;
    background-size: 100% !important;
    background-attachment: inherit;
    display: block;
    padding-top: 67vw;
    text-align: center;
  }
  #serviceDetail .secFlexArea section .secFlexCont {
    height: auto;
    display: block;
    padding: 4% 0 10%;
    width: 100%;
  }
  #serviceDetail .secFlexArea section.h202 {
    background-image: url(../img/index/bg02_sp.jpg) !important;
  }
  #serviceDetail .secFlexArea section.h203 {
    background-image: url(../img/index/bg03_sp.jpg) !important;
  }
  #serviceDetail .secFlexArea section h2 {
    margin: 0 auto 5%;
  }
  #serviceDetail .secFlexArea section p {
    margin: 0 auto 5%;
  }
  #serviceDetail .smileFlexArea {
    margin-bottom: 10vw;
  }
  #serviceDetail .smileFlexArea .smileFlexCont {
    background-size: 100% !important;
    background-attachment: inherit;
    display: block;
    padding-top: 67vw;
  }
  #serviceDetail .smileFlexArea .smileFlexCont .smileFlexDetail {
    height: auto;
    display: block;
    padding: 8vw 5vw 15vw !important;
    width: 100%;
  }
  #serviceDetail .smileFlexArea .smileFlexCont .smileFlexInfo {
    padding-left: 28vw;
    width: 100%;
  }
  #serviceDetail .smileFlexArea .smileFlexCont .smileFlexInfo .num {
    font-size: 400%;
  }
  #serviceDetail .smileFlexArea .smileFlexCont .smileFlexInfo .num span {
    font-size: 30%;
  }
  #serviceDetail .smileFlexArea .smileFlexCont h3 {
    font-size: 150%;
    margin-bottom: 4vw;
    padding-left: 0;
  }
  #serviceDetail .smileFlexArea .smileFlexCont p {
    margin: 0 auto 4vw;
  }
  #serviceDetail .smileFlexArea .smileFlexCont .btn {
    margin: 0;
  }
  #serviceDetail .smileSecLead {
    padding-right: 0;
    padding-bottom: 10vw;
  }
  #serviceDetail .smileSecLead p {
    font-size: 107%;
    margin: 0 auto 3vw;
    max-width: 65vw;
    text-align: center;
  }
  #serviceDetail .smileSecLead h2 {
    margin: 0 auto 5vw;
    text-align: center;
  }
  #serviceDetail .smileSecLead .fig {
    position: relative;
    top: auto;
    right: auto !important;
  }
  #serviceDetail .smileSecLead.type2 .fig {
    margin: 0 auto;
    width: 40vw;
  }
  #serviceDetail .smileSecAboutArea {
    background-position: 30vw 0, 0 31.5vw;
    background-size: contain, 450px auto;
    margin-bottom: 10vw;
    min-height: 65vw;
  }
  #serviceDetail .smileSecAboutArea .smileSecAbout {
    height: 100%;
    min-height: 65vw;
    display: flex;
    flex-flow: column;
    justify-content: center;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 30vw 0 5vw;
  }
  #serviceDetail .smileSecAboutArea .smileSecAbout h3 {
    border-left: none;
    font-size: 150%;
    margin-bottom: 3vw;
    padding-left: 0;
    text-shadow: 1px 1px 2px #fff;
  }
  #serviceDetail .smileSecAboutArea .smileSecAbout p {
    font-size: 107%;
    max-width: 400px;
    text-shadow: 1px 1px 2px #fff;
  }
  #serviceDetail .smileSecInfoArea {
    margin-bottom: 12vw;
  }
  #serviceDetail .smileSecInfoArea .smileSecInfoCont {
    padding: 8vw 5vw 10vw;
  }
  #serviceDetail .smileSecInfoArea .smileSecInfoCont .smileSecInfoFlex {
    display: block;
    max-width: 1100px;
  }
  #serviceDetail .smileSecInfoArea .smileSecInfoCont .smileSecInfoFlex .detail {
    margin-bottom: 8vw;
    width: 100%;
  }
  #serviceDetail .smileSecInfoArea .smileSecInfoCont .smileSecInfoFlex .detail h3 {
    font-size: 150%;
    padding-left: 0;
  }
  #serviceDetail .smileSecInfoArea .smileSecInfoCont .smileSecInfoFlex .detail p {
    font-size: 107%;
  }
  #serviceDetail .smileSecInfoArea .smileSecInfoCont .smileSecInfoFlex .pict {
    width: 100%;
  }
  #serviceDetail .smileSecInfoArea .smileSecInfoCont .smileSecInfoFlex .pict img {
    max-width: 100%;
  }
  #serviceDetail .smileRecommend {
    margin-bottom: 10vw;
    padding: 0 5vw;
  }
  #serviceDetail .smileRecommend dl {
    padding: 4vw 5vw;
  }
  #serviceDetail .smileRecommend dl dt {
    color: #fff;
    font-size: 115%;
    font-weight: 700;
    margin-bottom: 3vw;
    text-align: center;
  }
  #serviceDetail .smileRecommend dl dd {
    color: #fff;
    font-size: 107%;
  }
  #serviceDetail .smileVoiceArea {
    margin-bottom: 8vw;
    padding: 0 5vw;
  }
  #serviceDetail .smileVoiceArea h3 {
    font-size: 150%;
    margin-bottom: 4vw;
  }
  #serviceDetail .smileVoiceArea .smileVoiceFlex {
    display: block;
  }
  #serviceDetail .smileVoiceArea .smileVoiceFlex .smileVoiceCont {
    background-color: #fff;
    margin-bottom: 8vw;
    width: 100%;
  }
  #serviceDetail .smileVoiceArea .smileVoiceFlex .smileVoiceCont .pict img {
    max-width: 100%;
  }
  #serviceDetail .smileVoiceArea .smileVoiceFlex .smileVoiceCont .detail {
    padding: 4vw;
  }
  #serviceDetail .smileVoiceArea .smileVoiceFlex .smileVoiceCont .detail h4 {
    border-bottom: none;
    font-size: 125%;
    padding-bottom: 0;
  }
  #serviceDetail .smileVoiceArea .smileVoiceFlex .smileVoiceCont .detail h4 span {
    color: #3B68CF;
    font-size: 80%;
    display: block;
    margin-top: 2vw;
  }
  #serviceDetail .smileVoiceArea .smileVoiceFlex .smileVoiceCont .detail p {
    font-size: 105%;
  }
  #serviceDetail .smileFootLink {
    flex-wrap: wrap;
    margin: 0 5vw 5vw;
  }
  #serviceDetail .smileFootLink li {
    border-bottom: 1px solid #f4f3f3;
    width: 50%;
  }
  #serviceDetail .smileFootLink li a {
    height: 17vw;
    padding: 0 6vw 0 3vw;
    position: relative;
  }
  #serviceDetail .smileFootLink li a:after {
    height: 2.6vw;
    right: 2vw;
    top: 7.2vw;
    width: 2vw;
  }

  /*********smile add 210224 *********/
}
@media only screen and (max-width: 750px) and (orientation: landscape) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address {
    font-size: 2.2vw;
  }

  img {
    max-width: 80%;
  }

  header .headCont,
  header .headLogoArea {
    height: 10vw;
  }
  header .headLogo {
    top: 2.8vw;
  }
  header .headLogo a {
    width: 30vw;
  }
  header .headMenuBtn {
    height: 10vw;
    width: 10vw;
  }
  header .headMenu {
    padding-top: 0;
  }
  header .spMenuArea {
    padding-top: 10vw;
  }
  header.view .headMenuBtn:before {
    background-position: 0 105% !important;
  }

  #index .secFlexArea section {
    background-position: 0 -8vw !important;
    padding-top: 40vw;
  }
  #index .h204 .secCont {
    padding: 15vw 0 25vw;
  }
  #index .infoArea h2 a {
    height: 40vw;
  }
  #index .h208 h2 a {
    height: 40vw;
  }
  #index .h209 .pict img {
    max-width: 100%;
  }

  .contents .secTitleArea {
    height: 30vw;
  }

  #about .h203 h2 {
    margin-top: -4.8vw;
  }

  #business .caseLinkList .caseLinkCont .pict img {
    max-width: 100%;
  }

  #businessDetail .detailInfoArea .infoLead .pict img {
    max-width: 100%;
  }
  #businessDetail .pict img {
    max-width: 80%;
  }

  #column .mainPict img {
    max-width: 100%;
  }
  #column .secWrap .pict {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80% !important;
  }
  #column .secWrap .pict img {
    max-width: 100%;
  }

  ul.linkArea2 li img,
  ul.linkArea4 li img {
    max-width: 100%;
  }
  ul.linkArea2 li span,
  ul.linkArea4 li span {
    height: 10vw;
  }
  ul.linkArea2 li span:after,
  ul.linkArea4 li span:after {
    top: 50%;
    margin-top: -1.3vw;
  }

  #csr .pictColArea .pict {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80% !important;
  }
  #csr .pictColArea .pict img {
    max-width: 100%;
  }

  #news .pict {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80% !important;
  }
  #news .pict img {
    max-width: 100%;
  }

  #service .fig img {
    max-width: 100%;
  }
  #service .linkArea2 .linkCont {
    padding: 15vw 0 20vw;
  }

  #serviceDetail .fig {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80% !important;
  }
  #serviceDetail .fig img {
    max-width: 100%;
  }

  #ir .irTopLinkArea .irTopLink .linkPict img {
    max-width: 100%;
  }
  #ir .fig img {
    max-width: 80%;
  }
  #ir .highlightArea img {
    max-width: 100%;
  }
  #ir .pictArea .pict {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80% !important;
  }
  #ir .pictArea .pict img {
    max-width: 100%;
  }
  #ir .yutaiList li {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80% !important;
  }
  #ir .yutaiList li img {
    max-width: 100%;
  }
  #ir .faq dt p img {
    max-width: 100%;
  }
}
@media screen and (max-width: 470px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address {
    font-size: 3.4vw;
  }
	ul.linkArea4
	{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		max-width: 100%;
	}
}