/*--------------------------------------------------------
　共通style
--------------------------------------------------------*/
#story_3 .title_img {
  position: absolute;
  width: 10%;
  max-width:134px;
  top: 4.2%;
  right: 97px;
  z-index: 1;
}

#story_3 .main_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 74%;
  margin: 0 auto;
  max-width: 135vh;
  position: relative;
  height: 100vh;
}


#story_3 .main_area p {
  font-family:serif;
  color: #083b55;
  font-weight: 600;
}

#story_3 .left_area {
  width: 48%;
  margin-right: 5%;
  margin-top: 21.5vh;
}

#story_3 .left_area>div {
  position: relative;
}å

#story_3 .left_area>div .column_eff {
  position: absolute;
}
#story_3 .left_area .title_01{
  width: 96%;
}
#story_3 .left_area .text_01 {
  width: 94%;
  margin: 1.8em auto 0;
}

#story_3 .left_area .text_01 p {
  font-size: 14px;
  line-height: 1.85;
}

#story_3 .left_area .text_01 p.info {
  font-size: 12px;
  margin-top: 1em;
}

#story_3 .left_area .text_01 .info p {
  font-size: 12px;
}

#story_3 .left_area .text_01 h4 {
  font-family: serif;
  font-size: 18px;
  font-weight: 700;
  color: #64c86c;
  margin: 1em 0 .5em;
}

#story_3 .right_area {
  width: 60%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#story_3 #scn03 .scn_bg,
#story_3 #scn04 .scn_bg,
#story_3 #scn05 .scn_bg,
#story_3 #scn06 .scn_bg,
#story_3 #scn07 .scn_bg {
  position: absolute;
  width: 100%;
  height: 77vh;
  top: 13.2vh;
  background: #ffffff;
  border-top: 1px solid #A08C64;
  border-bottom: 1px solid #A08C64;
}
#story_3 #scn03 .scn_bg:after,
#story_3 #scn04 .scn_bg:after,
#story_3 #scn05 .scn_bg:after,
#story_3 #scn06 .scn_bg:after,
#story_3 #scn07 .scn_bg:after{
  position: absolute;
  bottom: 3px;
  content: "";
  width: 100%;
  border-bottom: 1px solid #A08C64;
}
#story_3 #scn03 .scn_bg:before,
#story_3 #scn04 .scn_bg:before,
#story_3 #scn05 .scn_bg:before,
#story_3 #scn06 .scn_bg:before,
#story_3 #scn07 .scn_bg:before{
  position: absolute;
top: 3px;
  content: "";
  width: 100%;
  border-top: 1px solid #A08C64;
}
#story_3 .flag{
  position: absolute;
  width: 5.9%;
  max-width: 72px;
  margin-top: calc(13.2vh - 8px);
  top: 0;
  left: 5.5%;
}
/*--------------------------------------------------------
　個別style
--------------------------------------------------------*/
#story_3 .scn_set {
  background: url("/book/fo-cal/tajima_fairfield/images/column/bg01.jpg") no-repeat center center / cover;
}

#story_3 #scn01 {
  background: url("/book/fo-cal/tajima_fairfield/images/column/bg.jpg") no-repeat center center / cover;
  opacity: 1;
  z-index: 501;
}

#story_3 #scn01 .main_title {
  width: 69%;
  max-width: 934px;
  position: absolute;
  top: 50%;
  left: 49.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#story_3 #scn02 {
  background: #083b55;
}

#story_3 #scn02 .main_text {
  width: 50%;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#story_3 #scn02 .main_text>p {
  color: #fff;
}

#story_3 #scn02 .main_text .main_text_item {
  font-size: 20px;
  line-height: 2;
}

#story_3 #scn02 .main_text .credit_text {
  margin-top: 2em;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
}

#story_3 #scn02 .main_text .att_text {
  margin-top: 3.3em;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.6;
}

#story_3 #scn03 .right_area .img_01 {
  width: 100%;
}

#story_3 #scn04 .left_area {
  width: 65%;
  margin-right: 18%;
}

#story_3 #scn04 .right_area {
  width: 61%;
}

#story_3 #scn04 .right_area .img_01 {
  width: 76%;
}

#story_3 #scn05 .left_area {
  width: 45%;
  margin-right: 3%;
}

#story_3 #scn05 .right_area {
  width: 59%;
}

#story_3 #scn05 .right_area .img_01 {
  width: 110%;
}

#story_3 #scn06 .left_area {
  width: 46%;
  margin-right: 4%;
}

#story_3 #scn06 .right_area {
  width: 59%;
}

#story_3 #scn06 .right_area .img_01 {
  width: 113%;
}


#story_3 #scn07 .left_area {
  margin-right: 4%;
  width: 46%;
}
#story_3 #scn07 .right_area {
  width: 59%;
}

#story_3 #scn07 .right_area .img_01 {
  width:109%;
}