@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
body {
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  border: 0;
  line-height: 1;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: initial;
  word-break: normal
}
abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
  background: #0000;
  border: none;
  font-size: 100%;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
  vertical-align: initial
}
img {
  vertical-align: bottom
}
address, article, aside, canvas, details, div, figcaption, figure, footer, header, hr, iframe, main, menu, nav, section, textarea {
  display: block;
  line-height: 1
}
iframe {
  max-width: 100%
}
a, label {
  cursor: pointer
}
blockquote {
  display: block;
  margin: 0;
  padding: 0
}
address, em {
  font-style: normal
}
hr {
  border: 0;
  margin: 0;
  padding: 0
}
li, ol, ul {
  list-style: none
}
textarea {
  overflow: hidden;
  resize: vertical
}
button, input, select, textarea {
  -webkit-appearance: none;
  border: none
}
button, input, select {
  background: #0000;
  border-radius: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  vertical-align: middle
}
table {
  border-collapse: collapse
}
:after, :before {
  line-height: 1;
  margin: 0;
  padding: 0
}
a {
  text-decoration: none
}
.ysmt_block_pc {
  display: none
}
@media screen and (min-width:768px) {
  .ysmt_block_pc {
    display: block
  }
}
.ysmt_block_sp {
  display: block
}
@media screen and (min-width:768px) {
  .ysmt_block_sp {
    display: none
  }
  .ysmt_pc_2col {
    display: grid;
    gap: 0 60px;
    grid-template-columns: 1fr 1fr
  }
}
@media screen and (min-width:640px) {
  .ysmt_pc_3col {
    display: grid;
    gap: 0 40px;
    grid-template-columns: 1fr 1fr
  }
}
@media screen and (min-width:960px) {
  .ysmt_pc_3col {
    display: grid;
    gap: 0 40px;
    grid-template-columns: 1fr 1fr 1fr
  }
}
.ysmt_mt_0 {
  margin-top: 0 !important
}
.ysmt_mt_1 {
  margin-top: 40px
}
.ysmt_font_bold {
  font-weight: 700
}
.ysmt_button, .ysmt_button--arrow, .ysmt_button--external, .ysmt_corprate__nav span {
  align-items: center;
  background-color: #e84709;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  height: 3.75rem;
  justify-content: center;
  position: relative;
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_button, .ysmt_button--arrow, .ysmt_button--external, .ysmt_corprate__nav span {
    border-radius: 12px;
    font-size: 1.125rem;
    height: 5rem
  }
}
.is-text-larger.ysmt_button, .is-text-larger.ysmt_button--arrow, .is-text-larger.ysmt_button--external, .ysmt_corprate__nav span.is-text-larger {
  font-size: 1rem;
  font-weight: 700
}
@media screen and (min-width:768px) {
  .is-text-larger.ysmt_button, .is-text-larger.ysmt_button--arrow, .is-text-larger.ysmt_button--external, .ysmt_corprate__nav span.is-text-larger {
    font-size: 1.25rem
  }
}
.ysmt_button--arrow:after {
  background-image: url(../img/common/icon_arrow_circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1.375rem;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.375rem
}
@media screen and (min-width:768px) {
  .ysmt_button--arrow:after {
    height: 1.875rem;
    right: 22px;
    width: 1.875rem
  }
}
.ysmt_button--external:after {
  background: url(../img/common/icon_external.svg) 50% 50% no-repeat;
  background-size: contain;
  display: inline-block;
  height: .8125rem;
  margin-left: 10px;
  vertical-align: initial;
  width: .8125rem
}
@media screen and (min-width:768px) {
  .ysmt_button--external:after {
    height: .875rem;
    width: .875rem
  }
}
.ysmt_button--external:after {
  background-image: url(../img/common/icon_external_white.svg);
  content: ""
}
.ysmt_headline {
  color: #353535;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 50px 0;
  text-align: center
}
@media screen and (min-width:768px) {
  .ysmt_headline {
    font-size: 2.5rem;
    margin: 90px 0
  }
}
.ysmt_headline h1 {
  font-weight: 700
}
.ysmt_headline--large {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 56px;
  text-align: center
}
@media screen and (max-width:375px) {
  .ysmt_headline--large {
    font-size: 1.375rem
  }
}
@media screen and (min-width:768px) {
  .ysmt_headline--large {
    font-size: 2.25rem
  }
}
.ysmt_headline--small {
  font-size: .9375rem;
  font-weight: 700;
  margin-top: 40px
}
@media screen and (min-width:768px) {
  .ysmt_headline--small {
    font-size: 1.125rem
  }
}
.ysmt_block__contents > .ysmt_headline--small:first-of-type {
  margin-top: 0
}
.ysmt_lead {
  font-size: .9375rem;
  line-height: 1.8;
  margin-bottom: 100px
}
@media screen and (min-width:768px) {
  .ysmt_lead {
    font-size: 1.125rem;
    margin-bottom: 160px
  }
}
.ysmt_navLink {
  color: inherit;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  padding-right: 2.5rem;
  position: relative
}
@media screen and (min-width:768px) {
  .ysmt_navLink {
    font-size: 1.125rem
  }
}
.ysmt_navLink span {
  font-weight: inherit
}
body:not(.is-touchDevice) .ysmt_navLink span {
  background: linear-gradient(#353535, #353535) 100% 100%/0 1px no-repeat;
  display: inline;
  transition: background-size .4s cubic-bezier(.23, 1, .32, 1) 0s
}
body:not(.is-touchDevice) .ysmt_navLink:hover span {
  background-position: 0 100%;
  background-size: 100% 1px
}
.ysmt_navLink:before {
  background: url(../img/common/icon_arrow_white.svg) 50% 50%/6px 10px no-repeat #e84709;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1.375rem;
  position: absolute;
  right: .5625rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all .2s 0s;
  width: 1.375rem
}
.ysmt_navLink.is-prev {
  padding-left: 2.5rem;
  padding-right: 0
}
.ysmt_navLink.is-prev:before {
  background-image: url(../img/common/icon_arrow_white_r.svg);
  left: 0;
  right: auto
}
body:not(.is-touchDevice) .ysmt_navLink:hover:before {
  transform: translateY(-50%) scale(1.2)
}
.ysmt_navLink:not(.no-icon)[target=_blank]:after {
  background: url(../img/common/icon_external.svg) 50% 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: .8125rem;
  margin-left: 10px;
  vertical-align: initial;
  width: .8125rem
}
@media screen and (min-width:768px) {
  .ysmt_navLink:not(.no-icon)[target=_blank]:after {
    height: .875rem;
    width: .875rem
  }
}
.ysmt_navLink:not(.no-icon)[target=_blank]:after {
  margin: 0 .3125rem 0 .1875rem
}
.ysmt_newsList li {
  border-bottom: 1px solid #ddd
}
.ysmt_newsList li:first-of-type {
  border-top: 1px solid #ddd
}
.ysmt_newsList a {
  color: inherit;
  display: block
}
.ysmt_newsList article {
  padding: 20px 0
}
@media screen and (min-width:768px) {
  .ysmt_newsList article {
    align-items: baseline;
    display: flex;
    padding: 25px 0
  }
}
.ysmt_newsList__date {
  color: #999;
  display: block;
  font-family: Rubik, sans-serif;
  font-size: .75rem;
  margin-bottom: 10px
}
@media screen and (min-width:768px) {
  .ysmt_newsList__date {
    flex: 0 0 7.5em;
    font-size: 1rem;
    margin-bottom: 0
  }
}
.ysmt_newsList__title {
  color: #353535;
  font-size: .9375rem;
  line-height: 1.6
}
@media screen and (min-width:768px) {
  .ysmt_newsList__title {
    font-size: 1.125rem
  }
}
body:not(.is-touchDevice) .ysmt_newsList__title span {
  background: linear-gradient(#353535, #353535) 100% 100%/0 1px no-repeat;
  display: inline;
  transition: background-size .4s cubic-bezier(.23, 1, .32, 1) 0s
}
body:not(.is-touchDevice) .ysmt_newsList a:hover .ysmt_newsList__title span {
  background-position: 0 100%;
  background-size: 100% 1px
}
.ysmt_topicsList {
  display: grid;
  gap: 0 15px;
  grid-template-columns: 280px 280px 280px;
  overflow-x: auto;
  overflow-y: hidden
}
@media screen and (min-width:768px) {
  .ysmt_topicsList {
    gap: 0 20px;
    grid-template-columns: 1fr 1fr 1fr
  }
}
.ysmt_topicsList li {
  border: 1px solid #ddd;
  border-radius: 12px;
  box-sizing: border-box
}
.ysmt_topicsList a, .ysmt_topicsList li > div {
  border-radius: 12px;
  color: inherit;
  display: block;
  height: 100%;
  overflow: hidden
}
.ysmt_topicsList img {
  height: auto;
  transition: transform .3s ease-out 0s;
  width: 100%
}
.ysmt_topicsList a {
  transition: opacity .3s ease-out 0s
}
body:not(.is-touchDevice) .ysmt_topicsList a:hover {
  opacity: .5
}
body:not(.is-touchDevice) .ysmt_topicsList a:hover img {
  transform: scale(1.1)
}
.ysmt_topic {
  height: 100%
}
.ysmt_topic__img {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  width: 100%
}
.ysmt_topic__body, .ysmt_topic__body--aricle {
  background-color: #fff;
  border-top: 1px solid #ddd;
  padding: 22px 15px
}
@media screen and (min-width:768px) {
  .ysmt_topic__body, .ysmt_topic__body--aricle {
    padding: 22px 20px
  }
}
.ysmt_topic__body {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: calc(100% - 172px)
}
@media screen and (min-width:768px) {
  .ysmt_topic__body {
    height: calc(100% - 18.65809vw)
  }
}
@media screen and (min-width:1081px) {
  .ysmt_topic__body {
    height: calc(100% - 203px)
  }
}
.ysmt_topic__body--aricle {
  align-items: baseline;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr
}
.ysmt_topic__category {
  background-color: #e84709;
  color: #fff;
  font-size: .625rem;
  grid-column: 1/2;
  grid-row: 1/2;
  line-height: 1;
  margin-bottom: 15px;
  padding: 5px 6px
}
@media screen and (min-width:768px) {
  .ysmt_topic__category {
    font-size: .75rem;
    margin-bottom: 10px;
    padding: 6px 8px
  }
}
.ysmt_topic__date {
  color: #999;
  font-family: Rubik, sans-serif;
  font-size: .875rem;
  grid-column: 2/3;
  grid-row: 1/2;
  text-align: right
}
@media screen and (min-width:768px) {
  .ysmt_topic__date {
    font-size: 1.0625rem
  }
}
.ysmt_topic__title {
  font-size: .9375rem;
  line-height: 1.5625
}
@media screen and (min-width:768px) {
  .ysmt_topic__title {
    font-size: 1rem
  }
}
.ysmt_topic__body--aricle .ysmt_topic__title {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  grid-column: 1/3;
  grid-row: 2/3;
  overflow: hidden
}
.ysmt_topic__body--aricle .ysmt_topic__title:after {
  background: url(../img/common/icon_external.svg) 50% 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: .8125rem;
  margin-left: 10px;
  vertical-align: initial;
  width: .8125rem
}
@media screen and (min-width:768px) {
  .ysmt_topic__body--aricle .ysmt_topic__title:after {
    height: .875rem;
    width: .875rem
  }
}
.ysmt_topic__body--aricle .ysmt_topic__title:after {
  vertical-align: middle
}
@media screen and (min-width:600px) {
  .ysmt_searchList {
    display: grid;
    grid-template-columns: 1fr 1fr
  }
}
@media screen and (min-width:768px) {
  .ysmt_searchList {
    margin: auto;
    max-width: 1080px;
    padding: 0 20px
  }
}
@media screen and (min-width:1000px) {
  .ysmt_searchList {
    grid-template-columns: 1fr 1fr 1fr
  }
}
.ysmt_searchList li {
  margin-bottom: 30px
}
@media screen and (min-width:768px) {
  .ysmt_searchList li {
    margin-bottom: 40px
  }
}
.ysmt_searchList a {
  color: #353535;
  font-size: .9375rem;
  line-height: 1.7
}
@media screen and (min-width:768px) {
  .ysmt_searchList a {
    font-size: 1rem
  }
}
.ysmt_searchList a:after {
  background: url(../img/common/icon_external.svg) 50% 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: .9375rem;
  margin: 0 .3125rem;
  vertical-align: middle;
  width: .9375rem
}
.ysmt_searchList a span {
  font-weight: 700
}
body:not(.is-touchDevice) .ysmt_searchList a span {
  background: linear-gradient(#353535, #353535) 100% 100%/0 1px no-repeat;
  display: inline;
  transition: background-size .4s cubic-bezier(.23, 1, .32, 1) 0s
}
body:not(.is-touchDevice) .ysmt_searchList a:hover span {
  background-position: 0 100%;
  background-size: 100% 1px
}
.ysmt_searchList__area {
  color: #999;
  display: block;
  font-size: .8125rem;
  margin-top: 5px
}
@media screen and (min-width:768px) {
  .ysmt_searchList__area {
    font-size: .875rem
  }
}
.ysmt_ul-decimal {
  margin-left: 1.5em
}
.ysmt_ul-decimal > li {
  list-style: decimal
}
.ysmt_ul-decimal > li + li {
  margin-top: 40px
}
@media screen and (min-width:768px) {
  .ysmt_ul-decimal > li + li {
    margin-top: 45px
  }
}
.ysmt_ul-decimal .ysmt_ul-parenthese {
  margin-top: 35px
}
.ysmt_ul-parenthese > li {
  counter-increment: number;
  padding-left: 2.5em;
  position: relative
}
.ysmt_ul-parenthese > li + li {
  margin-top: 30px
}
.ysmt_ul-parenthese > li:before {
  content: "（"counter(number) "）";
  left: 0;
  position: absolute;
  top: .3em
}
.ysmt_ul-parenthese .ysmt_dl {
  margin-left: -2em
}
.ysmt_ul-disc {
  margin-left: 1em
}
.ysmt_ul-disc > li {
  margin-top: 20px;
  position: relative
}
.ysmt_ul-disc > li:before {
  content: "・";
  left: -1.2em;
  position: absolute;
  top: .4em
}
.ysmt_ul-multi {
  margin-top: 40px
}
.ysmt_ul-multi > li {
  padding-left: 2.5em;
  position: relative
}
.ysmt_ul-multi > li + li {
  margin-top: 30px
}
.ysmt_ul-multi > li:before {
  content: attr(data-mark);
  left: 0;
  position: absolute;
  top: .3em
}
.ysmt_dl {
  border: 1px solid #bcbcbc;
  border-bottom: none;
  margin-top: 20px
}
@media screen and (min-width:768px) {
  .ysmt_dl div {
    display: flex
  }
}
.ysmt_dl dt {
  background-color: #f7f7f7;
  border-bottom: 1px solid #bcbcbc;
  font-weight: 700;
  line-height: 1.6;
  padding: 15px 20px
}
@media screen and (min-width:768px) {
  .ysmt_dl dt {
    border-right: 1px solid #bcbcbc;
    flex: 0 0 375px;
    flex-basis: min(34.4036697248vw, 375px);
    padding: 20px
  }
}
.ysmt_dl dd {
  border-bottom: 1px solid #bcbcbc;
  line-height: 1.6;
  padding: 15px 20px
}
@media screen and (min-width:768px) {
  .ysmt_dl dd {
    flex: 1 1 100%;
    padding: 20px
  }
}
.ysmt_dl-multi, .ysmt_dl-multi--large {
  margin-top: 40px
}
.ysmt_dl-multi--large > dt, .ysmt_dl-multi > dt {
  font-weight: 700;
  padding-left: 2.5em;
  position: relative
}
.ysmt_dl-multi--large > dt:before, .ysmt_dl-multi > dt:before {
  content: attr(data-mark);
  left: 0;
  position: absolute;
  top: .4em
}
.ysmt_dl-multi--large > dd + dt, .ysmt_dl-multi > dd + dt {
  margin-top: 30px
}
.ysmt_dl-multi--large .ysmt_ul-disc, .ysmt_dl-multi .ysmt_ul-disc {
  margin-left: 3.5em
}
.ysmt_dl-multi--large > dt {
  padding-left: 4em
}
.ysmt_block {
  margin-bottom: 100px
}
@media screen and (min-width:768px) {
  .ysmt_block {
    margin-bottom: 160px
  }
}
/*.ysmt_block:last-of-type {
  margin-bottom: 0
}*/
.ysmt_block__headline1 {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 40px;
  padding-bottom: 18px;
  position: relative
}
.ysmt_sub__headline2 {
	text-align: center;
    font-size: 1.5rem !important;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 100px;
}

@media screen and (min-width:768px) {
  .ysmt_block__headline1 {
    font-size: 1.625rem
  }
	.ysmt_sub__headline2 {
	text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 60px;
    margin-top: 50px;
 }
}
.ysmt_block__headline1:after {
  background-color: #e84709;
  border-radius: 2px;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_block__headline1 {
    margin-bottom: 50px;
    padding-bottom: 26px
  }
}
.ysmt_block__headline1 a {
  color: inherit;
  opacity: 1;
  transition: opacity .2s ease-in-out 0s
}
body:not(.is-touchDevice) .ysmt_block__headline1 a:hover {
  opacity: .5
}
.ysmt_block__headline1 a[target=_blank]:after {
  background: url(../img/common/icon_external.svg) 50% 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: .8125rem;
  margin-left: 10px;
  vertical-align: initial;
  width: .8125rem
}
@media screen and (min-width:768px) {
  .ysmt_block__headline1 a[target=_blank]:after {
    height: .875rem;
    width: .875rem
  }
}
.ysmt_block__headline2 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 70px
}
@media screen and (min-width:768px) {
  .ysmt_block__headline2 {
    font-size: 1.25rem;
    margin-top: 90px
  }
}
.ysmt_block__headline1 + .ysmt_block__headline2 {
  margin-top: 0
}
.ysmt_block__contents {
  font-size: .9375rem;
  line-height: 1.8
}
@media screen and (min-width:768px) {
  .ysmt_block__contents {
    font-size: 1.125rem
  }
}
.ysmt_block__contents .ysmt_block__contents {
  margin-top: 5px
}
@media screen and (min-width:768px) {
  .ysmt_block__contents .ysmt_block__contents {
    margin-top: 32px
  }
}
.ysmt_block__contents address {
  font-size: .9375rem;
  line-height: 1.8
}
@media screen and (min-width:768px) {
  .ysmt_block__contents address {
    font-size: 1.125rem
  }
}
.ysmt_block__contents a {
  color: inherit
}
.ysmt_block__contents__2col {
  margin-top: 46px
}
@media screen and (min-width:768px) {
  .ysmt_block__contents__2col {
    display: flex;
    margin-top: 68px
  }
}
.ysmt_block__contents__2col div:first-child {
  margin-bottom: 30px
}
@media screen and (min-width:768px) {
  .ysmt_block__contents__2col div:first-child {
    flex: 0 0 335px;
    margin-bottom: 0;
    margin-right: 30px
  }
}
.ysmt_block__contents__2col div:first-child img {
  height: auto;
  width: 100%
}
.ysmt_block__contents__2col .ysmt_block__headline2 {
  line-height: 1.3333333333;
  margin-top: 0
}
.ysmt_block__contents__2col p {
  font-size: .9375rem;
  line-height: 1.8
}
@media screen and (min-width:768px) {
  .ysmt_block__contents__2col p {
    font-size: 1.125rem
  }
}
.ysmt_block__link {
  line-height: 1.4666666667;
  margin-top: 26px;
  text-align: right
}
.ysmt_accordion {
  background-color: #f7f7f7;
  margin-bottom: 90px;
  padding-top: 1px
}
@media screen and (min-width:768px) {
  .ysmt_accordion {
    margin-bottom: 160px
  }
}
.ysmt_accordion__panel {
  box-sizing: border-box;
  position: relative
}
.ysmt_accordion__panel a {
  box-sizing: border-box;
  display: block;
  font-size: .9375rem;
  line-height: 1.8;
  padding: 30px 56px 30px 16px;
  text-align-last: left;
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_accordion__panel a {
    font-size: 1.125rem;
    padding: 50px 84px 50px 40px
  }
}
.ysmt_accordion__panel a:after {
  background-image: url(../img/common/cross.svg);
  background-position: 0 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 22px 22px;
  bottom: 0;
  box-sizing: initial;
  content: "";
  display: inline-block;
  height: 22px;
  line-height: 1;
  margin: auto;
  overflow: hidden;
  padding-right: 10px;
  position: absolute;
  right: 10px;
  text-indent: 120%;
  text-indent: 200%;
  top: 0;
  transition: transform .25s cubic-bezier(.68, -.6, .32, 1.6) 0s;
  white-space: nowrap;
  width: 22px
}
@media screen and (min-width:768px) {
  .ysmt_accordion__panel a:after {
    background-size: 30px 30px;
    height: 30px;
    right: 38px;
    width: 30px
  }
}
.ysmt_accordion__panel a[aria-expanded=true]:after {
  transform: rotate(45deg)
}
.ysmt_accordion__content {
  box-sizing: border-box;
  line-height: 1.8;
  margin: 0 16px 16px;
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s cubic-bezier(.5, 0, .75, 0) .15s
}
@media screen and (min-width:768px) {
  .ysmt_accordion__content {
    margin: 0 40px 40px
  }
}
.ysmt_accordion__content section:first-child {
  border-top: 1px solid #bcbcbc
}
@media screen and (min-width:768px) {
  .ysmt_accordion__content section:last-child {
    margin-bottom: 40px
  }
}
.ysmt_accordion__content a {
  color: #e84709
}
.ysmt_accordion__content a[target=_blank]:after {
  background: url(../img/common/icon_external.svg) 50% 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: .8125rem;
  margin-left: 10px;
  vertical-align: initial;
  width: .8125rem
}
@media screen and (min-width:768px) {
  .ysmt_accordion__content a[target=_blank]:after {
    height: .875rem;
    width: .875rem
  }
}
body:not(.is-touchDevice) .ysmt_accordion__content a {
  background: linear-gradient(#e84709, #e84709) 100% 100%/0 1px no-repeat;
  display: inline;
  transition: background-size .4s cubic-bezier(.23, 1, .32, 1) 0s
}
body:not(.is-touchDevice) .ysmt_accordion__content a:hover {
  background-position: 0 100%;
  background-size: 100% 1px
}
.ysmt_accordion__content .ysmt_corporate__section {
  margin-bottom: 0
}
@media screen and (min-width:768px) {
  .ysmt_accordion__content .ysmt_corporate__section h3 {
    flex: 0 0 140px;
    padding-bottom: 0
  }
  .ysmt_accordion__content .ysmt_corporate__section > section > div {
    padding-bottom: 0
  }
  .ysmt_accordion__content .ysmt_corporate__section address, .ysmt_accordion__content .ysmt_corporate__section div {
    line-height: 1.8
  }
}
.ysmt_pageNav {
  background-color: #f7f7f7;
  margin: 0 clamp(-20px, -5.3333333333vw, -15px)
}
@media screen and (min-width:768px) {
  .ysmt_pageNav {
    margin-left: -20px;
    margin-right: -20px
  }
}
@media screen and (min-width:1088px) {
  .ysmt_pageNav {
    margin-left: calc(-50vw + 524px);
    margin-right: calc(-50vw + 524px)
  }
}
.ysmt_pageNav ul {
  display: flex;
  flex-wrap: wrap;
  padding: 13px 0 14px
}
@media screen and (min-width:768px) {
  .ysmt_pageNav ul {
    justify-content: center;
    padding: 0 20px;
    padding-bottom: 23px;
    padding-top: 23px
  }
}
.ysmt_pageNav.is-center ul {
  justify-content: center
}
.ysmt_pageNav li {
  font-size: .9375rem;
  line-height: 2.2;
  padding: 0 15px;
  position: relative
}
@media screen and (min-width:768px) {
  .ysmt_pageNav li {
    font-size: 1rem;
    font-size: min(1.6927083333vw, 16px)
  }
}
.ysmt_pageNav li:not(:last-of-type):after {
  background-color: #d6d6d6;
  content: "";
  height: .9em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-40%);
  width: 1px
}
.ysmt_pageNav a {
  color: #353535
}
body:not(.is-touchDevice) .ysmt_pageNav a {
  background: linear-gradient(#353535, #353535) 100% 100%/0 1px no-repeat;
  display: inline;
  transition: background-size .4s cubic-bezier(.23, 1, .32, 1) 0s
}
body:not(.is-touchDevice) .ysmt_pageNav a:hover {
  background-position: 0 100%;
  background-size: 100% 1px
}
.ysmt_top__hero {
  margin: 0 clamp(-20px, -5.3333333333vw, -15px) 60px
}
@media screen and (min-width:768px) {
  .ysmt_top__hero {
    margin-left: -20px;
    margin-right: -20px
  }
}
@media screen and (min-width:1088px) {
  .ysmt_top__hero {
    margin-left: calc(-50vw + 524px);
    margin-right: calc(-50vw + 524px)
  }
}
@media screen and (min-width:768px) {
  .ysmt_top__hero {
    margin-bottom: 120px
  }
}
.ysmt_slider {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}
.ysmt_slider__wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  will-change: transform;
  z-index: 1
}
.ysmt_slider__slide, .ysmt_slider__wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  transition-property: transform;
  width: 100%
}
.ysmt_slider__slide {
  background-color: #000;
  flex-shrink: 0;
  overflow: hidden;
  transform: translateZ(0)
}
.ysmt_slider__slide:before {
  background-color: #0006;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3
}
.ysmt_slider__img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  height: min(133.3333333333vw, 540px);
  opacity: 0;
  position: relative;
  transition: opacity 1s cubic-bezier(.215, .61, .355, 1);
  z-index: 2
}
.ysmt_slider__img.is-loaded {
  opacity: 1
}
.ysmt_slider__img img {
  height: min(133.3333333333vw, 540px);
  width: auto
}
.ysmt_slider__text__wrapper {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -47%);
  z-index: 5
}
.ysmt_slider__headline {
  height: min(42.4vw, 272px);
  margin: auto;
  position: relative;
  width: min(86.6666666667vw, 556px);
  z-index: 4
}
.ysmt_slider__headline:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: url(../img/top/kv_msg.svg);
  background-size: min(86.6666666667vw, 556px) min(42.4vw, 272px);
  content: "";
  display: block;
  height: 100%;
  opacity: 1;
  overflow: hidden;
  position: relative;
  width: 0;
  z-index: 1
}
.is-loading .ysmt_slider__headline:after {
  animation: slide-text .6s .5s forwards
}
@keyframes slide-text {
  0% {
    width: 0
  }
  to {
    width: 100%
  }
}
.ysmt_slider__text {
  color: #fff;
  font-size: .9375rem;
  font-weight: 700;
  letter-spacing: .11em;
  line-height: 2.3333333333;
  margin-top: -10px;
  opacity: 0;
  text-align: center;
  text-shadow: 0 3px 10px #000000b3;
  width: 100vw
}
@media screen and (min-width:768px) {
  .ysmt_slider__text {
    font-size: 1.125rem;
    margin-top: 0
  }
}
.is-loading .ysmt_slider__text {
  animation: show-text .6s 1.4s forwards
}
@keyframes show-text {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.ysmt_top_heading {
  color: #353535;
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: center
}
@media screen and (min-width:768px) {
  .ysmt_top_heading {
    font-size: 2.5rem;
    margin-bottom: 48px
  }
}
.ysmt_top_heading__wrap {
  display: flex;
  flex-wrap: wrap;
  height: 1.875rem;
  justify-content: center;
  overflow: hidden
}
@media screen and (min-width:768px) {
  .ysmt_top_heading__wrap {
    height: 2.5rem
  }
}
.ysmt_top_heading__wrap span {
  color: #353535;
  color: #e84709;
  display: block;
  font-size: 1.875rem;
  font-weight: 700;
  padding-bottom: 1px;
  transform: translateY(105%);
  transition: transform .5s cubic-bezier(.215, .61, .355, 1)
}
@media screen and (min-width:768px) {
  .ysmt_top_heading__wrap span {
    font-size: 2.5rem
  }
}
.ysmt_top_heading span:nth-of-type(2) {
  transition-delay: .08s
}
.ysmt_top_heading span:nth-of-type(3) {
  transition-delay: .12s
}
.ysmt_top_heading span:nth-of-type(4) {
  transition-delay: .16s
}
.ysmt_top_heading span:nth-of-type(5) {
  transition-delay: .2s
}
.ysmt_top_heading span:nth-of-type(6) {
  transition-delay: .24s
}
.ysmt_top_heading span:nth-of-type(7) {
  transition-delay: .28s
}
.ysmt_top_heading span:nth-of-type(8) {
  transition-delay: .32s
}
.ysmt_top_heading span:nth-of-type(9) {
  transition-delay: .36s
}
.ysmt_top_heading span:nth-of-type(10) {
  transition-delay: .4s
}
.ysmt_top_heading.isShow span {
  transform: translate(0)
}
.ysmt_top_heading .ysmt_top_heading__sub {
  color: #353535;
  display: block;
  font-family: Rubik, sans-serif;
  font-size: .8125rem;
  margin: 10px auto 0;
  opacity: 0;
  transition: opacity .5s ease-out .6s
}
@media screen and (min-width:768px) {
  .ysmt_top_heading .ysmt_top_heading__sub {
    font-size: 1.125rem;
    margin-top: 20px
  }
}
.ysmt_top_heading.isShow .ysmt_top_heading__sub {
  opacity: 1
}
.ysmt_top__info {
  margin-bottom: 120px
}
@media screen and (min-width:768px) {
  .ysmt_top__info {
    margin-bottom: 180px
  }
}
.ysmt_top__info p {
  margin-top: 30px;
  text-align: right
}
@media screen and (min-width:768px) {
  .ysmt_top__info p {
    margin-top: 40px
  }
  .ysmt_top__info .ysmt_newsList {
    margin: auto;
    max-width: 900px;
    padding: 0 80px
  }
}
.ysmt_top__businessLink2 div, .ysmt_top__businessLink div {
  align-items: center;
  background-color: #e84709;
  border-radius: 8px;
  color: #fff;
  display: flex;
  height: 100%;
  justify-content: center
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 div, .ysmt_top__businessLink div {
    border-radius: 12px
  }
}
.ysmt_top__business {
  margin-bottom: 120px
}
@media screen and (min-width:768px) {
  .ysmt_top__business {
    margin-bottom: 180px
  }
}
.ysmt_top__businessLink {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 7.5rem
}
.ysmt_top__businessLink a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 0 solid #fff;
  box-sizing: border-box;
  display: block;
  height: 100%;
  transition: border .4s cubic-bezier(.23, 1, .58, 1) 0s, opacity .3s
}
.ysmt_top__businessLink li:nth-of-type(odd) a {
  padding-right: 5px
}
.ysmt_top__businessLink li:nth-of-type(2n) a {
  padding-left: 5px
}
.ysmt_top__businessLink svg {
  fill: #fff
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink {
    height: 11.875rem
  }
  .ysmt_top__businessLink li:first-of-type a {
    padding-right: 10px
  }
  .ysmt_top__businessLink li:nth-of-type(2) a {
    padding-left: 10px
  }
}
body:not(.is-touchDevice) .ysmt_top__businessLink a:hover {
  border-width: 15px
}
.ysmt_top__businessLink div {
  font-size: .875rem;
  font-weight: 700
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink div {
    font-size: 1.5625rem
  }
}
.ysmt_top__businessLink span {
  font-weight: inherit;
  text-align: center
}
.ysmt_top__businessLink li:first-of-type svg {
  display: block;
  height: 2.9375rem;
  margin-bottom: 10px;
  width: 6.25rem
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink li:first-of-type svg {
    display: inline-block;
    height: 5.6875rem;
    margin-bottom: 0;
    margin-right: 30px;
    vertical-align: middle;
    width: 12rem
  }
}
.ysmt_top__businessLink li:nth-of-type(2) svg {
  display: block;
  height: 3.5625rem;
  margin-bottom: 10px;
  width: 4rem
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink li:nth-of-type(2) svg {
    display: inline-block;
    height: 7.125rem;
    margin-bottom: 0;
    margin-right: 30px;
    vertical-align: middle;
    width: 12rem
  }
}
.ysmt_top__businessLink2 {
  display: grid;
  grid-template-columns: 1fr 1fr
}
.ysmt_top__businessLink2 a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 0 solid #fff;
  box-sizing: border-box;
  display: block;
  height: 100%;
  transition: border .4s cubic-bezier(.23, 1, .58, 1) 0s, opacity .3s
}
.ysmt_top__businessLink2 li:nth-of-type(odd) a {
  padding-right: 5px
}
.ysmt_top__businessLink2 li:nth-of-type(2n) a {
  padding-left: 5px
}
.ysmt_top__businessLink2 svg {
  fill: #fff
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 {
    grid-template-columns: calc(16.66667% - 6px) calc(16.66667% + 2.5px) calc(16.66667% + 2.5px) calc(16.66667% + 2.5px) calc(16.66667% + 2.5px) calc(16.66667% - 6px)
  }
}
.ysmt_top__businessLink2 li {
  height: 4.375rem
}
.ysmt_top__businessLink2 li:first-of-type svg {
  display: block;
  display: inline-block;
  height: 1.625rem;
  margin-bottom: 0;
  margin-right: 10px;
  vertical-align: middle;
  width: 3.0625rem
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 li:first-of-type svg {
    display: inline-block;
    display: block;
    height: 3.1875rem;
    margin-bottom: 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: 30px;
    margin-right: auto;
    vertical-align: middle;
    width: 6.125rem
  }
}
.ysmt_top__businessLink2 li:nth-of-type(2) svg {
  display: block;
  display: inline-block;
  height: 2.125rem;
  margin-bottom: 0;
  margin-right: 10px;
  vertical-align: middle;
  width: 2.6875rem
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 li:nth-of-type(2) svg {
    display: inline-block;
    display: block;
    height: 4.1875rem;
    margin-bottom: 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: 30px;
    margin-right: auto;
    vertical-align: middle;
    width: 3.5rem
  }
}
.ysmt_top__businessLink2 li:nth-of-type(3) svg {
  display: block;
  display: inline-block;
  height: 2.125rem;
  margin-bottom: 0;
  margin-right: 10px;
  vertical-align: middle;
  width: 2.6875rem
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 li:nth-of-type(3) svg {
    display: inline-block;
    display: block;
    height: 4.5rem;
    margin-bottom: 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: 30px;
    margin-right: auto;
    vertical-align: middle;
    width: 5.75rem
  }
}
.ysmt_top__businessLink2 li:nth-of-type(4) svg {
  display: block;
  display: inline-block;
  height: 2.25rem;
  margin-bottom: 0;
  margin-right: 10px;
  vertical-align: middle;
  width: 1.4375rem
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 li:nth-of-type(4) svg {
    display: inline-block;
    display: block;
    height: 4.5rem;
    margin-bottom: 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: 30px;
    margin-right: auto;
    vertical-align: middle;
    width: 2.875rem
  }
}
.ysmt_top__businessLink2 li:nth-of-type(5) svg {
  display: block;
  display: inline-block;
  height: 2.125rem;
  margin-bottom: 0;
  margin-right: 10px;
  vertical-align: middle;
  width: 2.125rem
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 li:nth-of-type(5) svg {
    display: inline-block;
    display: block;
    height: 4rem;
    margin-bottom: 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: 30px;
    margin-right: auto;
    vertical-align: middle;
    width: 4rem
  }
}
.ysmt_top__businessLink2 li:nth-of-type(6) svg {
  display: block;
  display: inline-block;
  height: 2.4375rem;
  margin-bottom: 0;
  margin-right: 10px;
  vertical-align: middle;
  width: 1.8125rem
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 li:nth-of-type(6) svg {
    display: inline-block;
    display: block;
    height: 4.6875rem;
    margin-bottom: 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: 30px;
    margin-right: auto;
    vertical-align: middle;
    width: 3.4375rem
  }
  .ysmt_top__businessLink2 li {
    height: 12.1875rem
  }
  .ysmt_top__businessLink2 li a {
    padding-top: 20px
  }
  .ysmt_top__businessLink2 li:not(:first-of-type) a {
    padding-left: 10px
  }
  .ysmt_top__businessLink2 li:not(:last-of-type) a {
    padding-right: 10px
  }
}
.ysmt_top__businessLink2 a {
  padding-top: 10px
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 a {
    padding-top: 0
  }
}
body:not(.is-touchDevice) .ysmt_top__businessLink2 a:hover {
  border-width: 15px
}
.ysmt_top__businessLink2 div {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.1428571429
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 div {
    font-size: 1rem
  }
}
@media screen and (min-width:1140px) {
  .ysmt_top__businessLink2 div {
    font-size: 1.125rem
  }
}
.ysmt_top__businessLink2 span {
  align-items: center;
  display: flex;
  font-weight: inherit;
  min-width: 90%
}
@media screen and (min-width:768px) {
  .ysmt_top__businessLink2 span {
    display: inline;
    line-height: 1.2777777778;
    text-align: center
  }
}
.ysmt_top__businessLink2 svg {
  flex: 0 0 3.125rem
}
.ysmt_top__service {
  margin-bottom: 120px
}
@media screen and (min-width:768px) {
  .ysmt_top__service {
    margin-bottom: 180px
  }
}
.ysmt_top__serviceLink {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 28px
}
@media screen and (min-width:768px) {
  .ysmt_top__serviceLink {
    grid-template-columns: 1fr 1fr;
    padding: 0
  }
}
.ysmt_top__serviceLink li {
  height: 4.6875rem
}
@media screen and (min-width:768px) {
  .ysmt_top__serviceLink li {
    height: 6.25rem
  }
}
.ysmt_top__serviceLink a, .ysmt_top__serviceLink button {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 0 solid #fff;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 7.5px 0;
  transition: border .4s cubic-bezier(.23, 1, .58, 1) 0s, opacity .3s;
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_top__serviceLink a, .ysmt_top__serviceLink button {
    padding: 10px 0
  }
}
.ysmt_top__serviceLink a span, .ysmt_top__serviceLink button span {
  height: 100%
}
body:not(.is-touchDevice) .ysmt_top__serviceLink a:hover, body:not(.is-touchDevice) .ysmt_top__serviceLink button:hover {
  border-width: 6px 26px
}
@media screen and (min-width:768px) {
  .ysmt_top__serviceLink li:nth-of-type(odd) a, .ysmt_top__serviceLink li:nth-of-type(odd) button {
    padding-right: 10px
  }
  .ysmt_top__serviceLink li:nth-of-type(2n+2) a, .ysmt_top__serviceLink li:nth-of-type(2n+2) button {
    padding-left: 10px
  }
}
.ysmt_top__topics {
  margin-bottom: 120px
}
@media screen and (min-width:768px) {
  .ysmt_top__topics {
    margin-bottom: 180px
  }
}
.ysmt_top__topics__wrap {
  margin-bottom: 40px
}
.ysmt_top__topics__link {
  text-align: right
}
.ysmt_top__sdgs {
  margin-bottom: 120px
}
@media screen and (min-width:768px) {
  .ysmt_top__sdgs {
    margin-bottom: 180px
  }
}
.ysmt_top__sdgs__text {
  font-size: .9375rem;
  line-height: 1.6;
  margin-bottom: 40px
}
@media screen and (min-width:768px) {
  .ysmt_top__sdgs__text {
    font-size: 1.125rem;
    line-height: 1.7777777778;
    margin-bottom: 31px;
    text-align: center
  }
}
.ysmt_top__sdgsImg {
  border: 1px solid #ddd;
  border-radius: 12px;
  box-sizing: border-box;
  display: block;
  margin: 30px auto;
  text-align: center;
  width: min(100%, 600px)
}
.ysmt_top__sdgsImg a {
  display: block;
  overflow: hidden;
  padding: 1px 0;
  transition: opacity .3s ease-out 0s
}
body:not(.is-touchDevice) .ysmt_top__sdgsImg a:hover {
  opacity: .5
}
body:not(.is-touchDevice) .ysmt_top__sdgsImg a:hover .ysmt_top__sdgsImg__img img {
  transform: scale(1.1)
}
.ysmt_top__sdgsImg__tilte {
  background-image: url(../img/top/sdgs_title.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 49px;
  margin-bottom: 20px;
  margin-top: 20px;
  opacity: 1;
  overflow: hidden;
  text-indent: 120%;
  transition: opacity .3s ease-out 0s;
  white-space: nowrap;
  width: 398px
}
@media screen and (max-width:768px) {
  .ysmt_top__sdgsImg__tilte {
    height: min(7.3066666667vw, 49px);
    margin-bottom: 10px;
    margin-top: 10px;
    width: min(59.52vw, 398px)
  }
}
.ysmt_top__sdgsImg__img {
  height: min(294px, 43.7333333333vw);
  margin-bottom: 15px;
  overflow: hidden
}
@media screen and (min-width:768px) {
  .ysmt_top__sdgsImg__img {
    margin-bottom: 30px
  }
}
.ysmt_top__sdgsImg__img img {
  height: auto;
  transition: transform .3s ease-out 0s;
  width: min(600px, 100%)
}
.ysmt_top__sdgsImg__text {
  color: #0099d9;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center;
  transition: opacity .3s ease-out 0s
}
@media screen and (min-width:768px) {
  .ysmt_top__sdgsImg__text {
    font-size: 1.9375rem;
    margin-bottom: 30px
  }
}
.ysmt_top__search {
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  height: 100%;
  margin-bottom: 120px;
  overflow: auto;
  padding: 60px clamp(15px, 5.3333333333vw, 20px) 1px;
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_top__search {
    margin-bottom: 180px;
    margin: auto;
    padding: 86px 0 0
  }
}
.ysmt_top__search .ysmt_top_heading {
  margin-bottom: 60px
}
@media screen and (min-width:768px) {
  .ysmt_top__search .ysmt_top_heading {
    margin-bottom: 90px
  }
}
.ysmt_top__search .ysmt_top_heading span {
  color: #e84709;
  font-weight: 700
}
.ysmt_top__search__close {
  color: #fff;
  display: none;
  height: 40px;
  overflow: hidden;
  position: absolute;
  right: 20px;
  text-indent: -400%;
  top: 20px;
  white-space: nowrap;
  width: 40px
}
@media screen and (min-width:768px) {
  .ysmt_top__search__close {
    right: 40px;
    top: 40px
  }
}
.ysmt_top__modal[aria-hidden=false] .ysmt_top__search__close {
  display: block
}
.ysmt_top__search__close:after, .ysmt_top__search__close:before {
  background-color: #353535;
  border-radius: 2px;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 3px;
  left: 50%;
  position: absolute;
  top: 50%;
  transition: all .4s;
  width: 20px
}
@media screen and (min-width:768px) {
  .ysmt_top__search__close:after, .ysmt_top__search__close:before {
    width: 40px
  }
}
.ysmt_top__search__close:before {
  transform: translateX(-50%) rotate(-45deg)
}
.ysmt_top__search__close:after {
  transform: translateX(-50%) rotate(45deg)
}
.ysmt_top__modal {
  background-color: #fff;
  left: 0;
  position: fixed;
  top: 0;
  transform: translateY(115%);
  transition: transform .3s cubic-bezier(.33, 1, .68, 1) 0s;
  visibility: hidden;
  width: 100%;
  z-index: 500
}
@media screen and (min-width:768px) {
  .ysmt_top__modal {
    transition: transform .7s cubic-bezier(.23, 1.2, .32, 1) 0s
  }
}
.ysmt_top__modal[aria-hidden=false] {
  height: 100%;
  transform: translateY(0);
  visibility: visible
}
.ysmt_business__icons li:nth-of-type(n+1) svg {
  height: 32.704px;
  width: 37.939px
}
.ysmt_business__icons li:nth-of-type(n+10) svg {
  height: 39.206px;
  width: 32.203px
}
.ysmt_business__icons li:nth-of-type(n+11) svg {
  height: 27.32px;
  width: 28.44px
}
.ysmt_business__icons li:nth-of-type(n+12) svg {
  height: 22.78px;
  width: 39.331px
}
.ysmt_business__icons li:nth-of-type(n+13) svg {
  height: 24px;
  width: 32.283px
}
.ysmt_business__icons li:nth-of-type(n+14) svg {
  height: 22px;
  width: 35.869px
}
.ysmt_business__icons li:nth-of-type(n+2) svg {
  height: 39.4px;
  width: 39.405px
}
.ysmt_business__icons li:nth-of-type(n+3) svg {
  height: 24.16px;
  width: 36.498px
}
.ysmt_business__icons li:nth-of-type(n+4) svg {
  height: 22.25px;
  width: 28.607px
}
.ysmt_business__icons li:nth-of-type(n+5) svg {
  height: 30px;
  width: 20.625px
}
.ysmt_business__icons li:nth-of-type(n+6) svg {
  height: 27.571px;
  width: 28.771px
}
.ysmt_business__icons li:nth-of-type(n+7) svg {
  height: 35.383px;
  width: 28.75px
}
.ysmt_business__icons li:nth-of-type(n+8) svg {
  height: 26.731px;
  width: 23.232px
}
.ysmt_business__icons li:nth-of-type(n+9) svg {
  height: 38.133px;
  width: 38.133px
}
.ysmt_business_section {
  padding-top: 130px
}
@media screen and (min-width:768px) {
  .ysmt_business_section {
    padding-top: 200px
  }
}
.ysmt_business_section#management {
  margin-top: -40px
}
@media screen and (min-width:768px) {
  .ysmt_business_section#management {
    margin-top: -80px
  }
}
.ysmt_business_section#theater {
  margin-top: 0
}
@media screen and (min-width:768px) {
  .ysmt_business_section#theater {
    margin-top: -70px
  }
}
.ysmt_business__header {
  background: url(../img/business/top_bg_sp.jpg) 50% 50%/cover no-repeat;
  height: 187px;
  margin: 0 clamp(-20px, -5.3333333333vw, -15px);
  position: relative
}
@media screen and (min-width:768px) {
  .ysmt_business__header {
    margin-left: -20px;
    margin-right: -20px
  }
}
@media screen and (min-width:1088px) {
  .ysmt_business__header {
    margin-left: calc(-50vw + 524px);
    margin-right: calc(-50vw + 524px)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__header {
    background-image: url(../img/business/top_bg.jpg);
    height: 250px
  }
}
.ysmt_business__header h1 {
  box-sizing: border-box;
  color: #353535;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 700;
  left: 50%;
  padding: 0 clamp(15px, 5.3333333333vw, 20px);
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_business__header h1 {
    font-size: 2.5rem;
    padding: 0 20px
  }
}
.ysmt_business__header span {
  display: block;
  font-size: .9375rem;
  margin-top: 20px
}
@media screen and (min-width:768px) {
  .ysmt_business__header span {
    font-size: 1rem
  }
}
.ysmt_business__headline {
  align-items: center;
  display: flex;
  font-size: 1.5rem;
  font-weight: 700;
  justify-content: center;
  margin-bottom: 40px
}
@media screen and (max-width:375px) {
  .ysmt_business__headline {
    font-size: 1.375rem
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__headline {
    font-size: 2.25rem;
    margin-bottom: 50px
  }
}
.ysmt_business__headline svg {
  fill: #e84709;
  margin-right: 20px
}
#management .ysmt_business__headline svg {
  height: 9.8666666667vw;
  width: 20.8vw
}
@media screen and (min-width:768px) {
  #management .ysmt_business__headline svg {
    height: min(9.8666666667vw, 42px);
    width: min(20.8vw, 88px)
  }
}
#theater .ysmt_business__headline svg {
  height: 12vw;
  width: 13.6vw
}
@media screen and (min-width:768px) {
  #theater .ysmt_business__headline svg {
    height: min(10.6666666667vw, 57px);
    width: min(18.9333333333vw, 64px)
  }
}
#produce .ysmt_business__headline svg {
  height: 10.1333333333vw;
  width: 18.1333333333vw
}
@media screen and (min-width:768px) {
  #produce .ysmt_business__headline svg {
    height: min(9.8666666667vw, 53px);
    width: min(18.1333333333vw, 97px)
  }
}
#school .ysmt_business__headline svg {
  height: 12vw;
  width: 10vw
}
@media screen and (min-width:768px) {
  #school .ysmt_business__headline svg {
    height: min(12vw, 50px);
    width: min(10vw, 42px)
  }
}
#fany .ysmt_business__headline svg {
  height: 12vw;
  width: 15.2vw
}
@media screen and (min-width:768px) {
  #fany .ysmt_business__headline svg {
    height: min(12vw, 52px);
    width: min(15.2vw, 66px)
  }
}
#bsYoshimoto .ysmt_business__headline svg {
  height: 12vw;
  width: 7.7333333333vw
}
@media screen and (min-width:768px) {
  #bsYoshimoto .ysmt_business__headline svg {
    height: min(12vw, 57px);
    width: min(7.7333333333vw, 36.5px)
  }
}
#global .ysmt_business__headline svg {
  height: 11.0666666667vw;
  width: 11.0666666667vw
}
@media screen and (min-width:768px) {
  #global .ysmt_business__headline svg {
    height: min(11.0666666667vw, 48px);
    width: min(11.0666666667vw, 48px)
  }
}
#local .ysmt_business__headline svg {
  height: 11.7333333333vw;
  width: 8.8vw
}
@media screen and (min-width:768px) {
  #local .ysmt_business__headline svg {
    height: min(11.7333333333vw, 56px);
    width: min(8.8vw, 41px)
  }
}
.ysmt_business__lead {
  font-size: .9375rem;
  line-height: 1.8;
  margin-bottom: 70px
}
@media screen and (min-width:768px) {
  .ysmt_business__lead {
    font-size: 1.125rem;
    margin-bottom: 80px
  }
}
.ysmt_business__lead + .ysmt_block__link {
  margin-top: -44px
}
@media screen and (min-width:768px) {
  .ysmt_business__lead + .ysmt_block__link {
    margin-top: -54px
  }
}
.ysmt_business__header2 {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  padding-bottom: 15px;
  position: relative
}
@media screen and (min-width:768px) {
  .ysmt_business__header2 {
    font-size: 1.625rem
  }
}
.ysmt_business__header2:after {
  background-color: #e84709;
  border-radius: 2px;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_business__header2 {
    padding-bottom: 20px
  }
}
.ysmt_business__icons {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 20px;
  margin-top: -30px
}
@media screen and (min-width:551px) {
  .ysmt_business__icons {
    grid-template-columns: 1fr 1fr 1fr
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons {
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 40px;
    margin-top: -20px
  }
}
@media screen and (min-width:951px) {
  .ysmt_business__icons {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
  }
}
.ysmt_business__icons li {
  align-items: center;
  background-color: #f7f7f7;
  border-radius: 30px;
  display: flex;
  font-size: .875rem;
  font-weight: 700;
  height: 3.125rem;
  line-height: 1.3;
  padding: 0 10px
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li {
    border-radius: 35px;
    font-size: 1rem;
    height: 4.375rem
  }
}
.ysmt_business__icons span {
  flex: 0 0 60px;
  text-align: center
}
@media screen and (max-width:350px) {
  .ysmt_business__icons span {
    flex-basis: 46px
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons span {
    flex-basis: 70px
  }
}
.ysmt_business__icons li:nth-of-type(n+1) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+1) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+1) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+2) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+2) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+2) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+3) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+3) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+3) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+4) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+4) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+4) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+5) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+5) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+5) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+6) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+6) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+6) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+7) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+7) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+7) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+8) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+8) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+8) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+9) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+9) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+9) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+10) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+10) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+10) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+11) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+11) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+11) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+12) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+12) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+12) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+13) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+13) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+13) svg {
    transform: scale(1)
  }
}
.ysmt_business__icons li:nth-of-type(n+14) svg {
  transform: scale(.9)
}
@media screen and (max-width:350px) {
  .ysmt_business__icons li:nth-of-type(n+14) svg {
    transform: scale(.8)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__icons li:nth-of-type(n+14) svg {
    transform: scale(1)
  }
}
.ysmt_business__buttonArea1 {
  margin: auto;
  max-width: 760px
}
@media screen and (min-width:768px) {
  .ysmt_business__buttonArea1 {
    margin-bottom: 80px
  }
}
.ysmt_business__pickup {
  background-color: #f7f7f7;
  margin: 0 clamp(-20px, -5.3333333333vw, -15px) 80px;
  padding: 40px 0
}
@media screen and (min-width:768px) {
  .ysmt_business__pickup {
    margin-left: -20px;
    margin-right: -20px
  }
}
@media screen and (min-width:1088px) {
  .ysmt_business__pickup {
    margin-left: calc(-50vw + 524px);
    margin-right: calc(-50vw + 524px)
  }
}
@media screen and (min-width:768px) {
  .ysmt_business__pickup {
    margin-bottom: 90px;
    margin-top: 98px;
    padding: 60px 0
  }
}
.ysmt_business__pickup__title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center
}
@media screen and (min-width:768px) {
  .ysmt_business__pickup__title {
    font-size: 1.625rem;
    margin-bottom: 30px
  }
}
.ysmt_business__pickup .ysmt_topicsList {
  margin: auto;
  max-width: 1048px;
  padding: 0 clamp(15px, 5.3333333333vw, 20px)
}
@media screen and (min-width:768px) {
  .ysmt_business__pickup .ysmt_topicsList {
    padding: 0 20px
  }
}
.ysmt_business__fany {
  margin-top: 40px
}
@media screen and (min-width:768px) {
  .ysmt_business__fany {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 80px
  }
}
.ysmt_business__fany .ysmt_block {
  margin-bottom: 0
}
.ysmt_business__fany__img {
  margin-top: 40px;
  text-align: center
}
@media screen and (min-width:768px) {
  .ysmt_business__fany__img {
    align-items: center;
    display: flex;
    flex: 0 0 400px;
    margin-top: 0
  }
}
.ysmt_business__fany__img--app {
  margin-bottom: 30px
}
@media screen and (min-width:768px) {
  .ysmt_business__fany__img--app {
    margin-bottom: 0;
    margin-right: 40px
  }
}
.ysmt_business__fany__img--app img {
  height: min(51.4666666667vw, 193px);
  width: auto
}
.ysmt_business__fany__img--store {
  display: flex;
  justify-content: center
}
@media screen and (min-width:768px) {
  .ysmt_business__fany__img--store {
    display: block;
    text-align: center
  }
}
.ysmt_business__fany__img--store img {
  height: min(12.8vw, 48px);
  width: auto
}
.ysmt_business__fany__img--store a {
  display: block;
  opacity: 1;
  transition: opacity .2s ease-in-out 0s
}
body:not(.is-touchDevice) .ysmt_business__fany__img--store a:hover {
  opacity: .5
}
.ysmt_business__fany__img--store a:first-child {
  margin-right: 20px
}
@media screen and (min-width:768px) {
  .ysmt_business__fany__img--store a:first-child {
    margin-bottom: 20px;
    margin-right: 0
  }
}
.ysmt_corporate__header {
  background: url(../img/corporate/top_bg_sp.jpg) 50% 50%/cover no-repeat;
  height: 187px;
  margin: 0 clamp(-20px, -5.3333333333vw, -15px) 60px;
  position: relative
}
@media screen and (min-width:768px) {
  .ysmt_corporate__header {
    margin-left: -20px;
    margin-right: -20px
  }
}
@media screen and (min-width:1088px) {
  .ysmt_corporate__header {
    margin-left: calc(-50vw + 524px);
    margin-right: calc(-50vw + 524px)
  }
}
@media screen and (min-width:768px) {
  .ysmt_corporate__header {
    background-image: url(../img/corporate/top_bg.jpg);
    height: 250px
  }
}
.ysmt_corporate__header h1 {
  box-sizing: border-box;
  color: #353535;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 700;
  left: 50%;
  padding: 0 clamp(15px, 5.3333333333vw, 20px);
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_corporate__header h1 {
    font-size: 2.5rem;
    padding: 0 20px
  }
}
.ysmt_corporate__header span {
  display: block;
  font-size: .9375rem;
  margin-top: 20px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__header span {
    font-size: 1rem
  }
  .ysmt_corporate__header {
    margin-bottom: 80px
  }
}
.ysmt_corprate__nav {
  margin: auto auto 80px;
  width: 280px
}
@media screen and (min-width:610px) {
  .ysmt_corprate__nav {
    display: flex;
    flex-wrap: wrap;
    width: 575px
  }
}
@media screen and (min-width:768px) {
  .ysmt_corprate__nav {
    margin-bottom: 110px;
    width: min(100%, 880px)
  }
}
.ysmt_corprate__nav a {
  border: 0 solid #fff;
  box-sizing: border-box;
  display: block;
  height: 3.75rem;
  padding: 7.5px 0;
  transition: border .4s cubic-bezier(.23, 1, .58, 1) 0s, opacity .3s
}
@media screen and (min-width:768px) {
  .ysmt_corprate__nav a {
    height: 5rem
  }
}
body:not(.is-touchDevice) .ysmt_corprate__nav.is-hover a:hover {
  border-width: 6px 26px
}
.ysmt_corprate__nav li:first-of-type a {
  padding-top: 0
}
.ysmt_corprate__nav li:last-of-type a {
  padding-bottom: 0
}
@media screen and (min-width:610px) {
  .ysmt_corprate__nav li {
    width: 50%
  }
  .ysmt_corprate__nav li:first-of-type a {
    padding: 0 7.5px 7.5px 0
  }
  .ysmt_corprate__nav li:nth-of-type(2) a {
    padding: 0 0 7.5px 7.5px
  }
  .ysmt_corprate__nav li:nth-of-type(3) a {
    padding: 7.5px 7.5px 0 0
  }
}
@media screen and (min-width:768px) {
  .ysmt_corprate__nav li:first-of-type {
    flex: 0 0 calc(50% - 7.5px)
  }
  .ysmt_corprate__nav li:first-of-type a {
    padding: 0 7.5px 0 0
  }
  .ysmt_corprate__nav li:nth-of-type(2) {
    flex: 0 0 50%
  }
  .ysmt_corprate__nav li:nth-of-type(2) a {
    padding: 0 7.5px
  }
  .ysmt_corprate__nav li:nth-of-type(3) {
    flex: 0 0 calc(33.33333% - 7.5px)
  }
  .ysmt_corprate__nav li:nth-of-type(3) a {
    padding: 0 0 0 7.5px
  }
}
.ysmt_corprate__nav span {
  height: 100%
}
.ysmt_corprate__nav svg {
  height: 3rem;
  margin-right: 10px;
  width: 3rem
}
@media screen and (min-width:768px) {
  .ysmt_corprate__nav svg {
    height: 3.25rem;
    width: 3.25rem
  }
}
.ysmt_corporate__section {
  margin-bottom: 120px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section > section {
    display: flex
  }
}
.ysmt_corporate__section:not(.no-border) > section {
  border-top: 1px solid #ddd
}
.ysmt_corporate__section:not(.no-border) > section:last-child {
  border-bottom: 1px solid #ddd
}
.ysmt_corporate__section h3 {
  flex: 0 0 100%;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.8;
  padding-top: 20px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section h3 {
    flex: 0 0 180px;
    font-size: 1.125rem;
    padding: 35px 0
  }
}
.ysmt_corporate__section h3 span {
  color: #646464;
  font-size: .6875rem
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section h3 span {
    display: block;
    font-size: .75rem
  }
}
.ysmt_corporate__section > section > div {
  flex: 1 1 auto;
  padding-bottom: 22px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section > section > div {
    padding: 35px 0
  }
}
.ysmt_corporate__section address, .ysmt_corporate__section div, .ysmt_corporate__section h4 {
  font-size: .9375rem;
  line-height: 1.8
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section address, .ysmt_corporate__section div, .ysmt_corporate__section h4 {
    font-size: 1.125rem
  }
}
.ysmt_corporate__section address + address {
  margin-top: 30px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section__address {
    display: flex;
    justify-content: space-between
  }
}
.ysmt_corporate__section__address:not(:first-of-type) {
  margin-top: 15px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section__address:not(:first-of-type) {
    margin-top: 50px
  }
}
.ysmt_corporate__section__address strong {
  font-weight: 700
}
.ysmt_corporate__section__address a {
  color: inherit
}
.ysmt_corporate__section__address iframe {
  margin-top: 25px;
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section__address iframe {
    flex: 0 0 min(46.875vw, 510px);
    height: min(26.6544117647vw, 290px);
    margin-left: 15px;
    margin-top: 0;
    width: min(45.9558823529vw, 500px)
  }
  .ysmt_corporate__section dl > div {
    display: flex
  }
}
.ysmt_corporate__section dl dt {
  display: inline-block;
  width: 9.375em
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section dl dt {
    flex: 0 0 12.5rem;
    width: auto
  }
}
.ysmt_corporate__section dl dd {
  display: inline
}
.ysmt_corporate__section small {
  color: #646464;
  display: block;
  font-size: .6875rem;
  text-align: right
}
@media screen and (min-width:768px) {
  .ysmt_corporate__section small {
    font-size: .75rem
  }
}
.ysmt_corporate__holder span {
  display: inline-block
}
.ysmt_corporate__holder span:not(:last-of-type):after {
  content: " / "
}
.ysmt_corporate__history {
  padding-top: 20px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history {
    padding-top: 40px
  }
}
.ysmt_corporate__history__section {
  margin-top: -40px;
  padding-top: 93px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history__section {
    margin-top: -45px;
    padding-top: 100px
  }
}
.ysmt_corporate__history__section:first-of-type {
  margin-top: -60px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history__section:first-of-type {
    margin-top: -65px
  }
}
.ysmt_corporate__history__title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 30px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history__title {
    font-size: 1.625rem;
    margin-bottom: 40px
  }
}
.ysmt_corporate__history__list > div {
  font-size: .9375rem;
  margin: 0 clamp(-20px, -5.3333333333vw, -15px)
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history__list > div {
    display: flex;
    font-size: 1.125rem;
    margin-left: 0;
    margin-right: 0
  }
}
.ysmt_corporate__history__list > div:nth-of-type(odd) {
  background-color: #f7f7f7
}
.ysmt_corporate__history__list dt {
  box-sizing: border-box;
  flex: 0 0 8.125rem;
  font-weight: 700;
  padding: 25px 10px 10px 20px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history__list dt {
    flex: 0 0 13.625rem;
    padding: 35px 0 30px 35px
  }
}
.ysmt_corporate__history__list dd {
  flex: 1 1 auto;
  padding: 0 20px 20px;
  word-break: break-all
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history__list dd {
    padding: 0
  }
  .ysmt_corporate__history__list dd > div {
    display: flex
  }
  .ysmt_corporate__history__list dd div + div {
    margin-top: -40px
  }
}
.ysmt_corporate__history__list dd div + div > .ysmt_corporate__history__month {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 20px
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history__list dd div + div > .ysmt_corporate__history__month {
    border-top: none;
    margin-top: 0;
    padding-top: 30px
  }
}
.ysmt_corporate__history__month, .ysmt_corporate__history__name, .ysmt_corporate__history__note {
  display: block;
  line-height: 1.8
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history__month {
    border-right: 1px solid #ddd;
    flex: 0 0 70px;
    padding: 30px 0
  }
  .ysmt_corporate__history__event {
    box-sizing: border-box;
    flex: 0 0 calc(100% - 60px);
    padding: 30px
  }
}
.ysmt_corporate__history__note {
  color: #999;
  font-size: .75rem;
  padding-left: 1.375rem;
  position: relative
}
@media screen and (min-width:768px) {
  .ysmt_corporate__history__note {
    font-size: .8125rem
  }
}
.ysmt_corporate__history__note:before {
  background: url(../img/corporate/icon_pen.png) no-repeat 50%/cover;
  content: "";
  display: inline-block;
  height: 1.0625rem;
  left: 0;
  position: absolute;
  top: .25rem;
  width: 1.0625rem
}
.ysmt_corporate__history__name + .ysmt_corporate__history__note {
  margin-top: 10px
}
@media screen and (min-width:768px) {
  .ysmt_corporate_group {
    margin-bottom: -40px
  }
}
.ysmt_sustainability__header {
  background: url(../img/sustainability/top_bg_sp.png) 50% 50%/cover no-repeat;
  height: 187px;
  margin: 0 clamp(-20px, -5.3333333333vw, -15px) 60px;
  position: relative
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__header {
    margin-left: -20px;
    margin-right: -20px
  }
}
@media screen and (min-width:1088px) {
  .ysmt_sustainability__header {
    margin-left: calc(-50vw + 524px);
    margin-right: calc(-50vw + 524px)
  }
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__header {
    background-image: url(../img/sustainability/top_bg.png);
    height: 250px
  }
}
.ysmt_sustainability__header h1 {
  box-sizing: border-box;
  color: #353535;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 700;
  left: 50%;
  padding: 0 clamp(15px, 5.3333333333vw, 20px);
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__header h1 {
    font-size: 2.5rem;
    padding: 0 20px
  }
}
.ysmt_sustainability__header span {
  display: block;
  font-size: .9375rem;
  margin-top: 20px
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__header span {
    font-size: 1rem
  }
  .ysmt_sustainability__header {
    margin-bottom: 70px
  }
}
.ysmt_sustainability__message {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__message {
    font-size: 1.875rem;
    line-height: 1.8
  }
}
.ysmt_sustainability__lead {
  font-size: .9375rem;
  line-height: 1.8;
  margin-top: 50px
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__lead {
    font-size: 1.125rem;
    margin-top: 50px
  }
}
.ysmt_sustainability__lead p + p {
  margin-top: 30px
}
.ysmt_sustainability__block {
  padding-top: 106px
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__block {
    padding-top: 155px
  }
}
.ysmt_sustainability__block .ysmt_block__headline1 {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap
}
.ysmt_sustainability__block .ysmt_block__headline1 svg {
  height: 30px;
  width: 23px
}
.ysmt_sustainability__block .ysmt_block__headline1 span {
  font-weight: 700
}
.ysmt_sustainability__block .ysmt_block__headline1 span:first-of-type {
  color: #e84709;
  margin-left: 10px
}
.ysmt_sustainability__block .ysmt_block__headline1 span:nth-of-type(2) {
  display: block;
  flex: 1 1 100%;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6;
  margin-left: 0;
  margin-top: 5px
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__block .ysmt_block__headline1 span:nth-of-type(2) {
    display: inline-block;
    flex: 0 0 auto;
    font-size: 1.375rem;
    margin-left: 10px;
    margin-top: 0
  }
}
.ysmt_sustainability__block .ysmt_top__sdgs__img {
  margin-top: 46px
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__block .ysmt_top__sdgs__img {
    margin-top: 88px
  }
}
.ysmt_sustainability__hero {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  width: min(100%, 533px)
}
@media screen and (min-width:768px) {
  .ysmt_sustainability__hero {
    margin-bottom: 150px;
    margin-top: 75px
  }
}
.ysmt_sustainability .ysmt_svg--sustainability1 {
  transform: translateY(1px)
}
@media screen and (min-width:768px) {
  .ysmt_sustainability .ysmt_svg--sustainability1 {
    transform: translateY(3px)
  }
}
.ysmt_sustainability .ysmt_svg--sustainability2 {
  transform: translateY(1px)
}
.ysmt_sustainability .ysmt_svg--sustainability3, .ysmt_sustainability .ysmt_svg--sustainability4 {
  transform: translateY(2px)
}
.ysmt_related__contents {
  margin-top: 50px
}
@media screen and (min-width:768px) {
  .ysmt_related__contents {
    margin-top: 80px
  }
}
.ysmt_related__contents .ysmt_block {
  margin-top: -80px;
  padding-top: 80px
}
@media screen and (min-width:768px) {
  .ysmt_related__contents .ysmt_block {
    margin-top: -100px;
    padding-top: 100px
  }
}
.ysmt_related__contents li + li {
  margin-top: .8em
}
.ysmt_related__contents a {
  line-height: 1.6
}
.ysmt_related__contents a[target=_blank]:after {
  background: url(../img/common/icon_external.svg) 50% 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: .8125rem;
  margin-left: 10px;
  vertical-align: initial;
  width: .8125rem
}
@media screen and (min-width:768px) {
  .ysmt_related__contents a[target=_blank]:after {
    height: .875rem;
    width: .875rem
  }
}
.ysmt_related__contents span {
  background: linear-gradient(#353535, #353535) 100% 100%/0 1px no-repeat;
  display: inline;
  transition: background-size .4s cubic-bezier(.23, 1, .32, 1) 0s
}
body:not(.is-touchDevice) .ysmt_related__contents a:hover span {
  background-position: 0 100%;
  background-size: 100% 1px
}
.ysmt_newsIndex {
  margin-bottom: 120px
}
.ysmt_news__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 50px
}
@media screen and (min-width:768px) {
  .ysmt_news__title {
    font-size: 1.875rem;
    margin-bottom: 85px
  }
}
.ysmt_news__date {
  color: #999;
  display: block;
  font-family: Rubik, sans-serif;
  font-size: .75rem;
  margin-bottom: 10px
}
@media screen and (min-width:768px) {
  .ysmt_news__date {
    font-size: 1rem
  }
}
.ysmt_news__navLink {
  margin-bottom: 120px
}
.ysmt_policy__text {
  line-height: 1.8;
  margin-top: 40px;
  text-align: right
}
.ysmt_policy .ysmt_block__contents a {
  background: linear-gradient(#e84709, #e84709) 100% 100%/0 1px no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  color: #e84709;
  display: inline;
  transition: background-size .4s cubic-bezier(.23, 1, .32, 1) 0s
}
body:not(.is-touchDevice).ysmt_policy .ysmt_block__contents a:hover {
  background-position: 100% 100%;
  background-size: 0 1px
}
body {
  overflow-x: hidden
}
.ysmt_content {
  color: #353535;
  font-family: Noto Sans JP, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
  margin: 0 auto 120px;
  max-width: 1048px;
  padding: 0 clamp(15px, 5.3333333333vw, 20px)
}
@media screen and (min-width:768px) {
  .ysmt_content {
    margin-bottom: 120px;
    padding: 0 20px
  }
}