@charset "UTF-8";
#sd_page.story {
}
#sd_page.story #fv {background: linear-gradient(180deg, #ffffff 0%, #ffffff 35%, #F5F7FB 35%, #F5F7FB 100%);}
#sd_page.story #fv .wrap {
  max-width: 1240px;
  margin: auto;
  padding-bottom: 160px;
  padding-top: 60px;
  position: relative;
  overflow: hidden;
}
#sd_page.story #fv .inner {
  padding: 0 80px;
  display: flex;
  align-items: flex-start;
}

#sd_page.story #fv .scroll_down {
}

#sd_page.story #fv .arrow_wrap {
  position: absolute;
  right: -10px;
  bottom: 340px;
  height: 160px;
  z-index: 1;
}
#sd_page.story #fv .arrow_inner {
  position: relative;
  top: 20px;
}
#sd_page.story #fv .arrow_inner p {
  font-size: 1.0em;
  text-align: end;
  transform: rotate(90deg);
  line-height: 1.5;
  top: 10px;
  position: relative;
}

#sd_page.story #fv .arrow {
  width: 1px;
  height: 80px;
  margin: 50px auto 0;
  position: relative;
  overflow: hidden;
  left: -1px;
}

#sd_page.story #fv .arrow::before {
  content: "";
  width: 1px;
  height: 80px;
  margin: 50px auto 0;
  background-color: #999;
  position: absolute;
  top: -150px;
  left: 0;
  animation: arrow 2.5s ease 0s infinite normal;
}

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}

#sd_page.story #fv .text_area {
  width: 40%;
  padding-right: 80px;
}
#sd_page.story #fv .text_area .tit_area {margin-bottom: 80px;height: 200px;}
#sd_page.story #fv .text_area .tit_area .story {font-size: 1.0em;position: relative;padding-left: 10px;line-height: 1;margin-bottom: 20px;}
#sd_page.story #fv .text_area .tit_area .story::before{
  content:"";
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #1971D4;
  border-radius: 100%;
  overflow: hidden;
}
#sd_page.story #fv .text_area .tit_area .tit {margin-bottom: 20px;font-weight: 500;line-height: 1.5;    font-size: 2.4em;}
#sd_page.story #fv .text_area .tit_area .tag {font-size: 1.2em;}

#sd_page.story #fv .text_area .profile_area {
}
#sd_page.story #fv .text_area .profile_area .thumb_wrap {
  width: 40%;
  margin-bottom: 20px;
}
#sd_page.story #fv .text_area .profile_area .thumb {
  padding-bottom: 100%;
  border-radius: 100%;
  background-position: center;
  background-size: cover;
}
#sd_page.story #fv .text_area .profile_area .cat {font-size: 1.0em;margin-bottom: 10px;line-height: 1.8;}
#sd_page.story #fv .text_area .profile_area .name {line-height: 1;margin-bottom: 15px;}
#sd_page.story #fv .text_area .profile_area .desc {font-size: 1.2em;line-height: 1.8;}

#sd_page.story #fv .img_area {
  width: 60%;
}
#sd_page.story #fv .img_area .thumb {
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}
#sd_page.story #intro {background-color: #F5F7FB;}
#sd_page.story #intro .wrap {
  max-width: 1080px;
  margin: auto;
  margin-bottom: 140px;
}
#sd_page.story #intro .inner {
  padding: 0 40px;
  display: flex;
  align-items: flex-start;
  padding-bottom: 140px;
}
#sd_page.story #intro .img_area {
  width: 50%;
  padding-right: 80px;
}
#sd_page.story #intro .img_area img{
  border-radius: 10px;
}
#sd_page.story #intro .text_area {
  width: 50%;
}
#sd_page.story #intro .text_area .intro_tit{
  margin-bottom: 20px;
}
#sd_page.story #intro .text_area .intro_tit .en{
    line-height: 1.5;
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
    font-size: 1.4em;
}
#sd_page.story #intro .text_area .intro_tit .en:before{
  content:"";
  position: absolute;
  left: 0;
  height: 1px;
  width: 8px;
  background-color: #1971D4;
  top: 0;
  bottom: 0;
  margin: auto;
}
#sd_page.story #intro .text_area .intro_tit p{
  font-size: 1.2em;
}
#sd_page.story #intro .text_area .intro_text{
}
#sd_page.story #intro .text_area .intro_text .tit{
  margin-bottom: 10px;
  font-weight: 500;
}
#sd_page.story #intro .text_area .intro_text p{
    font-size: 1.2em;
    line-height: 1.8;
    /* word-break: auto-phrase; */
}
#sd_page.story #article{}
#sd_page.story #article .wrap{
    max-width: 1080px;
    margin: auto;
}
#sd_page.story #article .inner{
    padding: 0 80px;
    padding-bottom: 100px;
}
#sd_page.story #article .main_tit{text-align: center;margin-bottom: 60px;}
#sd_page.story #article .main_tit h4{
  font-weight: 500;
  line-height: 1.5;
}
#sd_page.story #article .img_area{
  border-radius: 10px;
  overflow: hidden;
  line-height: 0;
  margin-bottom: 30px;
}
#sd_page.story #article .text_area{
  max-width: 768px;
  margin: auto;
  margin-bottom: 80px;
}
#sd_page.story #article .text_area h5{
    margin-bottom: 20px;
}
#sd_page.story #article .text_area p{
  line-height: 1.8;
  word-break: auto-phrase;
}
#sd_page.story #article .text_area .num{margin-bottom: 10px;}
#sd_page.story #article .text_area .num p{
    line-height: 1.5;
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
    font-size: 1.4em;
}
#sd_page.story #article .text_area .num p:before{
  content:"";
  position: absolute;
  left: 0;
  height: 1px;
  width: 8px;
  background-color: #1971D4;
  top: 0;
  bottom: 0;
  margin: auto;
}
#sd_page.story #holiday{

}
#sd_page.story #holiday .wrap{
  max-width: 1000px;
  margin: auto;
  margin-bottom: 200px;
}
#sd_page.story #holiday .inner{
  display: flex;
  align-items: center;
  padding: 0 40px;
}
#sd_page.story #holiday .img_area{
  width: 50%;
  line-height: 0;
  padding-right: 40px;
}
#sd_page.story #holiday .img_area img{
  border-radius: 10px;
}
#sd_page.story #holiday .text_area{
  width: 50%;
  padding-left: 40px;
}
#sd_page.story #holiday .text_area h3{
  margin-bottom: 10px;
  line-height: 1.5;
  font-weight: 100;
}
#sd_page.story #holiday .text_area h4{
  margin-bottom: 20px;
      font-size: 1.6em;
    font-weight: 400;
}
#sd_page.story #holiday .text_area p{
  line-height: 1.8;
  font-size: 1.2em;
}
#sd_page.story #share{

}
#sd_page.story #share .wrap{position: relative;background-color: #F5F7FB;}
#sd_page.story #share .inner{
  text-align: center;
  padding: 100px 40px;
  position: relative;
  z-index: 1;
}
#sd_page.story #share .wrap .bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  opacity: 5%;
}
#sd_page.story #share .head{
    margin-bottom: 20px;
}
#sd_page.story #share .head h4{
  line-height: 1.5;
  margin-bottom: 10px;
}
#sd_page.story #share ul{
    display: flex;
    justify-content: center;
}
#sd_page.story #share ul li{
    width: 44px;
    height: 44px;
    margin: 0 20px;
    position: relative;
}
#sd_page.story #share ul li input{
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* display: none; */
}
#sd_page.story #share ul li a,
#sd_page.story #share ul li #copyBtn{
  position: relative;
  display: block;
  padding: 5px;
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
#sd_page.story #share ul li a:hover,
#sd_page.story #share ul li #copyBtn:hover{
  opacity: 0.5;
}
#sd_page.story #share ul li a span,
#sd_page.story #share ul li #copyBtn span{
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
}
#sd_page.story #share ul li a span img,
#sd_page.story #share ul li #copyBtn span img{
    line-height: 0;
}
#sd_page.story #share ul li #copyBtn{
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 5px;
  cursor: pointer;
}

#sd_page.story #share ul li a:after{

content: none;
}
#sd_page.story #share ul p{

display: none;
}