@charset "UTF-8";
#easy_contents {
  width: 100%;
  text-align: left;
  font-family: 'Roboto', 'Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

#easy_contents .easy_banner_area {
  margin: 50px 0 0 0;
}

#easy_contents .main_area {
  margin: 50px 0 0 0;
  border: 1px solid #3776C0;
  padding: 1.5% 1.5% 1.5% 5%;
}

#easy_contents .main_area .left_area {
  float: left;
  margin: 0;
  width: 41%;
  padding: 14% 0 0;
}

#easy_contents .main_area .left_area .main_title {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.3;
  color: #0252AF;
}

#easy_contents .main_area .left_area .sub_title {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.3;
  margin: 2.2% 0 0;
}

#easy_contents .main_area .left_area .caption {
  font-size: 1em;
  line-height: 1.5;
  margin: 7% 0 0;
}

#easy_contents .main_area .right_img {
  float: right;
}

#easy_contents .main_area .right_img video {
  width: 500px;
}

#easy_contents .easy_area {
  margin: 4% 0 0;
}

#easy_contents .easy_area ul li {
  float: left;
  width: 46%;
  margin: 1.5% 2% 8.6%;
}

#easy_contents .easy_area ul li img {
  width: 100%;
  border: 1px solid #E5E5E5;
  image-rendering: -webkit-optimize-contrast;
}

#easy_contents .easy_area ul li div.easy_movie_cont {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border: 1px solid #E5E5E5;
}

#easy_contents .easy_area ul li div.easy_movie_cont video {
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px);
  position: relative;
  top: 1px;
  left: 1px;
}

#easy_contents .easy_area ul li .easy_title {
  font-size: 1.15em;
  font-weight: bold;
  margin: 4% 0 0;
  padding: 0 1%;
}

#easy_contents .easy_area ul li .easy_caption {
  display: block;
  font-size: 1em;
  line-height: 1.4;
  margin: 3.5% 0 0;
  padding: 0 1%;
  height: 5em;
}