@charset "UTF-8";
/* reset
------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, main, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  outline: none;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

html {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.28vw;
  line-height: 1.8;
  color: #fff;
  font-weight: 500;
}
@media (min-width: 1500px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 1.6vw;
  }
}
@media (max-width: 850px) {
  html {
    font-size: 4.1vw;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  html {
    font-size: 2.4vw;
  }
}

.font_en {
  font-family: din-2014, sans-serif;
  font-weight: 400;
  font-style: normal;
}

html {
  height: 100%;
  width: 100%;
  cursor: none;
}
html.fixed {
  position: fixed;
}

body {
  height: 100%;
  background: #000;
  width: 100%;
  cursor: none;
}
body.fixed {
  position: fixed;
}

article {
  position: relative;
  z-index: 10;
}

.wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

section {
  position: relative;
}

.cont_sp {
  display: none !important;
}

@media (max-width: 850px) {
  .cont_pc {
    display: none !important;
  }
  .cont_sp {
    display: block !important;
  }
}
img {
  width: 100%;
}

a {
  text-decoration: none;
  cursor: none;
}

.over_bk {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 10000000000;
}

.header_logo {
  width: 76px;
  position: absolute;
  top: 33px;
  left: 37px;
  z-index: 10;
}
@media (max-width: 850px) {
  .header_logo {
    width: 17.78%;
    top: 2%;
    left: 4%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .header_logo {
    width: 9.78%;
    top: 2%;
    left: 1%;
  }
}

.header_maintext {
  width: 230px;
  position: absolute;
  top: 33px;
  left: 150px;
  z-index: 10;
}
@media (max-width: 850px) {
  .header_maintext {
    width: 41.03%;
    left: 30.36%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .header_maintext {
    width: 31.03%;
    left: 13.36%;
  }
}

header {
  position: fixed;
  width: 100%;
  z-index: 10000;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
header .ham_menu {
  position: absolute;
  width: 68px;
  height: 50px;
  right: 37px;
  top: 20px;
  z-index: 10;
}
@media (max-width: 850px) {
  header .ham_menu {
    width: 14.36%;
    right: 5%;
    top: 0;
    margin: 4% 0 0;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  header .ham_menu {
    width: 9.36%;
  }
}
header .ham_menu:before {
  content: "";
  width: 68px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 19px;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 850px) {
  header .ham_menu:before {
    width: 100%;
  }
}
header .ham_menu:after {
  content: "";
  width: 68px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 30px;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 850px) {
  header .ham_menu:after {
    width: 100%;
  }
}
header .ham_menu.footer:before {
  background: #0079c3;
}
header .ham_menu.footer:after {
  background: #0079c3;
}
header .ham_menu.active:before {
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  top: 23px;
}
header .ham_menu.active:after {
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  top: 23px;
}
header .ham_menu.active.footer:before {
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  top: 23px;
  background: #fff;
}
header .ham_menu.active.footer:after {
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  top: 23px;
  background: #fff;
}
header .ham_cont {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 100px 0 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  overflow: scroll;
}
@media (max-width: 850px) {
  header .ham_cont {
    padding: 10% 0;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  header .ham_cont {
    padding: 5% 0;
  }
}
header .ham_cont .ham_inner {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner {
    width: 90%;
  }
}
header .ham_cont .ham_inner .ham_txt01 {
  width: 25.28%;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner .ham_txt01 {
    width: 29.28%;
  }
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_txt01 {
    width: 50.28%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  header .ham_cont .ham_inner .ham_txt01 {
    width: 22%;
  }
}
header .ham_cont .ham_inner .ham_list {
  display: table;
  width: 100%;
  margin: 6% 0 0;
}
@media (orientation: landscape) and (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list {
    margin: 2% 0 0;
  }
}
header .ham_cont .ham_inner .ham_list .ham_list_ttl {
  display: table-cell;
  vertical-align: middle;
  width: 24.82%;
  padding: 0 0 0 6%;
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl {
    width: 36%;
    padding: 5% 9% 0 0;
    vertical-align: top;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl {
    width: 22%;
    padding: 1% 9% 0 0;
  }
}
header .ham_cont .ham_inner .ham_list .ham_list_ttl .ham_list_dialogue {
  width: 33.33%;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl .ham_list_dialogue {
    width: 40.33%;
  }
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl .ham_list_dialogue {
    width: 80.33%;
  }
}
header .ham_cont .ham_inner .ham_list .ham_list_ttl .ham_list_tvcm {
  width: 22%;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl .ham_list_tvcm {
    width: 30%;
  }
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl .ham_list_tvcm {
    width: 60%;
  }
}
header .ham_cont .ham_inner .ham_list .ham_list_ttl_tvcm {
  display: table-cell;
  width: 24.82%;
  padding: 6% 0 0 6%;
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl_tvcm {
    width: 36%;
    padding: 5% 9% 0 0;
    vertical-align: top;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl_tvcm {
    width: 22%;
    padding: 1% 9% 0 0;
  }
}
header .ham_cont .ham_inner .ham_list .ham_list_ttl_tvcm .ham_list_tvcm {
  width: 22%;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl_tvcm .ham_list_tvcm {
    width: 30%;
  }
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list .ham_list_ttl_tvcm .ham_list_tvcm {
    width: 60%;
  }
}
header .ham_cont .ham_inner .ham_list ul {
  display: table-cell;
  vertical-align: middle;
}
header .ham_cont .ham_inner .ham_list ul.ham_list_theme li {
  width: 30%;
  display: inline-block;
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li {
    width: 100%;
    margin: 0 0 15%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li {
    width: 30%;
    margin: 0;
  }
}
header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_num {
  width: 25%;
  display: block;
  margin: 0 0 8%;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_num {
    width: 33%;
  }
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_num {
    width: 35%;
  }
}
header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_txt01 {
  width: 46%;
  display: block;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_txt01 {
    width: 53%;
  }
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_txt01 {
    width: 50%;
  }
}
header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_txt02 {
  width: 46%;
  display: block;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_txt02 {
    width: 53%;
  }
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_txt02 {
    width: 50%;
  }
}
header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_txt03 {
  width: 26%;
  display: block;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_txt03 {
    width: 30%;
  }
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_theme li .ham_list_txt03 {
    width: 29%;
  }
}
header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li {
  width: 36%;
  display: inline-block;
  vertical-align: top;
  margin: 0 5% 0 0;
}
@media (max-width: 1400px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li {
    margin: 0 4% 0 0;
    width: 39%;
  }
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li {
    width: 90%;
    margin: 0 0 15%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li {
    width: 45%;
  }
  header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li:nth-child(n+1) {
    margin: 0 2% 0 0;
  }
}
header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li:nth-child(n+3) {
  margin: 3% 5% 0 0;
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li:nth-child(n+3) {
    margin: 0 0 15%;
  }
}
header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li .ham_list_img {
  margin: 0 0 4%;
  display: block;
}
header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li .ham_list_txt01 {
  width: 90%;
  display: block;
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li .ham_list_txt01 {
    width: 100%;
  }
}
header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li .ham_list_txt02 {
  width: 24%;
  display: block;
}
@media (max-width: 850px) {
  header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li .ham_list_txt02 {
    width: 26%;
  }
}
header .ham_cont .ham_inner .ham_list ul.ham_list_tvcm li span {
  display: block;
  font-size: 15px;
}

.mov_bg {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
.mov_bg video {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 241.777778vh;
  height: 74.25vw;
  min-height: 154%;
  min-width: 132%;
}
footer {
  font-family: "dnp-shuei-mincho-pr6", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.2em;
  line-height: 1.8;
  color: #0079c3;
  background: #fff;
  padding: 120px 0 0;
}
footer a {
  color: #0079c3;
}
footer .article_bnr {
  text-align: center;
  margin: 0 auto 0 auto;
  max-width: 1100px;
}
@media all and (max-width: 899px) {
  footer .article_bnr {
    width: 89.17%;
    margin: 0 auto 0;
  }
}
footer .article_bnr p {
  display: inline-block;
  border: 1px solid #0079c3;
  line-height: 1em;
}
@media all and (max-width: 899px) {
  footer .article_bnr p {
    width: 100%;
    line-height: 2em;
  }
}
footer .article_bnr p a {
  font-size: 21px;
  padding: 70px 280px 70px 100px;
  display: block;
  position: relative;
}
@media all and (max-width: 1100px) {
  footer .article_bnr p a {
    padding: 60px 175px 60px 60px;
    font-size: 19px;
  }
}
@media all and (max-width: 899px) {
  footer .article_bnr p a {
    padding: 8% 8% 8% 8%;
    text-align: left;
  }
}
footer .article_bnr p a:hover .article_bnr_arrow:before {
  width: 95px;
}
@media all and (max-width: 1100px) {
  footer .article_bnr p a:hover .article_bnr_arrow:before {
    width: 60px;
  }
}
@media all and (max-width: 899px) {
  footer .article_bnr p a:hover .article_bnr_arrow:before {
    width: 100%;
  }
}
footer .article_bnr p a:hover span:first-child {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}
@media all and (max-width: 899px) {
  footer .article_bnr p a:hover span:first-child {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
footer .article_bnr p a .article_bnr_arrow {
  position: absolute;
  right: 115px;
  top: 50%;
}
@media all and (max-width: 1100px) {
  footer .article_bnr p a .article_bnr_arrow {
    right: 60px;
  }
}
@media all and (max-width: 899px) {
  footer .article_bnr p a .article_bnr_arrow {
    position: absolute;
    right: 7%;
    bottom: 14%;
    width: 9%;
    top: auto;
  }
}
footer .article_bnr p a .article_bnr_arrow:before {
  content: "";
  height: 1px;
  width: 120px;
  background: #0079c3;
  display: block;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
@media all and (max-width: 1100px) {
  footer .article_bnr p a .article_bnr_arrow:before {
    width: 80px;
  }
}
@media all and (max-width: 899px) {
  footer .article_bnr p a .article_bnr_arrow:before {
    width: 100%;
  }
}
footer .article_bnr p a .article_bnr_arrow:after {
  content: "";
  height: 1px;
  width: 20px;
  background: #0079c3;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
@media all and (max-width: 1100px) {
  footer .article_bnr p a .article_bnr_arrow:after {
    width: 15px;
  }
}
@media all and (max-width: 899px) {
  footer .article_bnr p a .article_bnr_arrow:after {
    width: 42%;
  }
}
footer .article_bnr p a span:first-child {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
}
footer .article_bnr p.article_bnr_img {
  border: none;
  max-width: 860px;
}
@media all and (max-width: 1100px) {
  footer .article_bnr p.article_bnr_img {
    max-width: 675px;
  }
}
footer .article_bnr p.article_bnr_img a {
  padding: 0;
}
footer .article_bnr p.article_bnr {
  max-width: 860px;
  white-space: nowrap;
}
footer .article_bnr p:nth-child(n+2) {
  margin-top: 50px;
  width: 100%;
}
@media all and (max-width: 899px) {
  footer .article_bnr p:nth-child(n+2) {
    margin-top: 30px;
  }
}
footer .article_bnr p:nth-child(n+2) a {
  text-align: left;
  padding: 70px 280px 70px 50px;
}
@media all and (max-width: 899px) {
  footer .article_bnr p:nth-child(n+2) a {
    padding: 5% 8% 5% 8%;
  }
}
footer .article_bnr p:nth-child(n+2).article_bnr_img a {
  padding: 0;
}
footer .article_bnr.article_bnr_dei a {
  padding: 35px 280px 35px 100px;
}
@media all and (max-width: 1100px) {
  footer .article_bnr.article_bnr_dei a {
    padding: 30px 290px 30px 60px;
  }
}
@media all and (max-width: 899px) {
  footer .article_bnr.article_bnr_dei a {
    padding: 8% 5% 8% 5%;
  }
}
footer .footer-logo {
  max-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px auto 40px;
}
footer .footer-logo > div:nth-child(1) {
  width: 118px;
  margin: 0 auto;
}
footer strong {
  font-size: 25px;
  text-align: center;
  font-weight: 300;
  display: block;
  margin: 120px auto 0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
  font-weight: 500;
}
@media (max-width: 850px) {
  footer strong {
    font-size: 5.8vw;
  }
}
footer .nav-sns ul {
  max-width: 205px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}
footer .nav-sns ul li {
  width: 50px;
  height: auto;
}
footer .nav-sns ul li a {
  display: block;
}
footer .copyright {
  font-size: 12px;
  text-align: center;
  padding: 124px 0 54px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
footer .footer_links {
  border-top: solid 1px #d3d3d3;
  border-bottom: solid 1px #d3d3d3;
  width: 100%;
  max-width: 1100px;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 120px;
}
@media (max-width: 850px) {
  footer .footer_links {
    display: block;
    margin-top: 60px;
  }
}
footer .footer_links > p {
  width: 20%;
  color: #333;
}
footer .footer_links > ul {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 850px) {
  footer .footer_links > ul {
    width: 100%;
  }
}
footer .footer_links > ul li {
  width: 33%;
  text-align: center;
}
footer .footer_links > ul li a {
  text-decoration: underline;
}
@media (max-width: 850px) {
  footer .footer_links > ul li a {
    display: block;
    padding: 20px 0px;
  }
}

.cont_inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 1500px;
}
.cursor {
  position: fixed;
  top: -3px;
  left: -3px;
  height: 6px;
  width: 6px;
  background: rgb(255, 255, 255);
  border: 1px solid #fff;
  border-radius: 50%;
  z-index: 100000;
  pointer-events: none;
  -webkit-transition: background 0.3s ease, width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease;
  transition: background 0.3s ease, width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease;
}
@media (max-width: 850px) {
  .cursor {
    display: none;
  }
}
.cursor .cursor_arrow {
  opacity: 0;
  width: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cursor .cursor_txt {
  opacity: 0;
  width: 75px;
  position: absolute;
  bottom: 15%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cursor.movie {
  background: rgba(255, 255, 255, 0);
  top: -90px;
  left: -90px;
  height: 180px;
  width: 180px;
}
.cursor.movie .cursor_arrow,
.cursor.movie .cursor_txt {
  opacity: 1;
}
.cursor.link {
  top: -6px;
  left: -6px;
  height: 12px;
  width: 12px;
}
.cursor.more {
  background: rgb(0, 0, 0);
  top: -6px;
  left: -6px;
  height: 12px;
  width: 12px;
}
.cursor.footer {
  background: rgb(0, 121, 195);
  border: 1px solid #0079c3;
}
.cursor.link_footer {
  top: -6px;
  left: -6px;
  height: 12px;
  width: 12px;
  background: rgb(0, 121, 195);
  border: 1px solid #0079c3;
}

.play_movie {
  border: 1px solid #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0);
  height: 103px;
  position: relative;
  width: 103px;
  margin: 6% auto 20%;
}
@media (orientation: landscape) and (max-width: 850px) {
  .play_movie {
    margin: -5% auto 4%;
  }
}
.play_movie .cursor_arrow {
  width: 10px;
  height: 12px;
  line-height: 0;
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.play_movie .cursor_txt {
  width: 58px;
  position: absolute;
  bottom: 22%;
  left: 50%;
  line-height: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.play_movie_theme02 {
  margin: 6% auto 26%;
}
@media (orientation: landscape) and (max-width: 850px) {
  .play_movie_theme02 {
    margin: -5% auto;
  }
}

.cursor_bg {
  height: 24px;
  width: 24px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  position: fixed;
  top: -12px;
  left: -12px;
  z-index: 100000;
  pointer-events: none;
  -webkit-transition: background 0.3s ease, width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease;
  transition: background 0.3s ease, width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease;
}
@media (max-width: 850px) {
  .cursor_bg {
    display: none;
  }
}
.cursor_bg.movie {
  background: rgba(255, 255, 255, 0);
  top: -90px;
  left: -90px;
  height: 180px;
  width: 180px;
}
.cursor_bg.link {
  top: -35px;
  left: -35px;
  height: 70px;
  width: 70px;
}
.cursor_bg.more {
  background: rgba(0, 0, 0, 0.3);
  top: -35px;
  left: -35px;
  height: 70px;
  width: 70px;
}
.cursor_bg.footer {
  background: rgba(0, 121, 195, 0.3);
}
.cursor_bg.link_footer {
  top: -35px;
  left: -35px;
  height: 70px;
  width: 70px;
  background: rgba(0, 121, 195, 0.3);
}

.dialogue_txt {
  width: 3.86%;
  line-height: 1em;
}
@media (max-width: 1200px) {
  .dialogue_txt {
    width: 6.86%;
  }
}
@media (max-width: 850px) {
  .dialogue_txt {
    width: 14.86%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .dialogue_txt {
    width: 10.86%;
  }
}

.theme_txt01 {
  width: 24.53%;
  line-height: 1em;
}
@media (max-width: 1200px) {
  .theme_txt01 {
    width: 27.53%;
  }
}
@media (max-width: 850px) {
  .theme_txt01 {
    width: 86.04%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme_txt01 {
    width: 39.04%;
  }
}

.person_txt01 {
  width: 17.5%;
  background: #fff;
  line-height: 1em;
  padding: 0px 5px;
}
@media (max-width: 1200px) {
  .person_txt01 {
    width: 17.5%;
  }
}
@media (max-width: 850px) {
  .person_txt01 {
    padding: 3px 5px;
    width: 63.88%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .person_txt01 {
    margin: -3% 0 0 49%;
    width: 24%;
    line-height: 0;
  }
}

.person_txt02 {
  width: 17.5%;
  background: #fff;
  line-height: 1em;
  padding: 0px 5px;
}
@media (max-width: 1200px) {
  .person_txt02 {
    width: 17.5%;
  }
}
@media (max-width: 850px) {
  .person_txt02 {
    padding: 3px 5px;
    width: 74.26%;
  }
}

.person_txt03 {
  width: 17.5%;
  background: #fff;
  line-height: 1em;
  padding: 0px 5px;
}
@media (max-width: 1200px) {
  .person_txt03 {
    width: 17.5%;
  }
}
@media (max-width: 850px) {
  .person_txt03 {
    padding: 3px 5px;
    width: 51.18%;
  }
}

.more_btn {
  width: 7.6vw;
  height: 7.6vw;
  border-radius: 50%;
  background: #fff;
  position: relative;
}
@media (max-width: 1200px) {
  .more_btn {
    width: 9.6vw;
    height: 9.6vw;
  }
}
@media (max-width: 850px) {
  .more_btn {
    width: 21.88vw;
    height: 21.88vw;
  }
}
.more_btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.more_btn img {
  position: absolute;
  left: 34.215%;
  bottom: 16%;
  width: 31.57%;
}
.more_btn:before {
  content: "";
  width: 17%;
  height: 17%;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 37%;
  left: 37%;
}

.mov_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
}
.mov_modal .mov_inner {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mov_modal .mov_innner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 10;
}
.mov_modal .mov_innner video {
  width: 50%;
  max-width: 1920px;
  position: relative;
  z-index: 10;
}
@media (max-width: 1200px) {
  .mov_modal .mov_innner video {
    width: 75%;
  }
}
@media (max-width: 850px) {
  .mov_modal .mov_innner video {
    width: 90%;
  }
}
.mov_modal .mov_innner iframe {
  width: 64vw;
  height: 36vw;
  max-width: 1200px;
  max-height: 675px;
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: 10;
}
@media (max-width: 850px) {
  .mov_modal .mov_innner iframe {
    width: 100vw !important;
    height: 56.25vw !important;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .mov_modal .mov_innner iframe {
    width: 50vw !important;
    height: 28.125vw !important;
  }
}
.mov_modal .mov_innner .modal_close {
  position: absolute;
  width: 68px;
  height: 50px;
  right: 18%;
  margin: -50px 0 0;
  z-index: 10;
}
@media (max-width: 1200px) {
  .mov_modal .mov_innner .modal_close {
    right: 12.5%;
  }
}
@media (max-width: 850px) {
  .mov_modal .mov_innner .modal_close {
    right: 5%;
  }
}
.mov_modal .mov_innner .modal_close:before {
  content: "";
  width: 68px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 24px;
  left: 0;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
.mov_modal .mov_innner .modal_close:after {
  content: "";
  width: 68px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 24px;
  left: 0;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.mov_modal .mov_modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.top .section_01 {
  width: 100%;
  height: 100vh;
  margin: 0 0 50vh;
}
.top .section_01 .sec01_inner {
  width: 100%;
  height: 100%;
}
.top .section_01 .sec01_txt {
  position: absolute;
  left: 14.55%;
  bottom: 17%;
  width: 66.8%;
  padding: 0 0 2.43%;
  font-size: 0;
}
@media (max-width: 850px) {
  .top .section_01 .sec01_txt {
    left: 9%;
    bottom: 52%;
    width: 82%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_01 .sec01_txt {
    left: 25%;
    bottom: 45%;
    width: 50%;
  }
}
.top .section_01 .sec01_txt span {
  position: absolute;
  line-height: 0;
}
.top .section_01 .sec01_txt .sec01_txt01 {
  width: 13.73%;
  left: 0;
  bottom: 0;
}
.top .section_01 .sec01_txt .sec01_txt02 {
  width: 12.9%;
  left: 15.6%;
  top: 37%;
}
.top .section_01 .sec01_txt .sec01_txt03 {
  width: 7.55%;
  left: 31.54%;
  top: 34%;
}
.top .section_01 .sec01_txt .sec01_txt04 {
  width: 22%;
  left: 38.27%;
  top: 9%;
}
.top .section_01 .sec01_txt .sec01_txt05 {
  width: 5.12%;
  left: 61.5%;
  top: 26%;
}
.top .section_01 .sec01_txt .sec01_txt06 {
  width: 21.56%;
  left: 67.4%;
  top: 0;
}
.top .section_01 .sec01_txt .sec01_txt07 {
  width: 12.63%;
  right: 0;
  top: 7%;
}
.top .section_01 .play_movie {
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_01 .play_movie {
    top: 60%;
  }
}
@media (max-width: 850px) {
  .top .section_01 .play_movie {
    top: 45%;
  }
}
.top .section_01 .scroll_line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 105px;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_01 .scroll_line {
    height: 45px;
  }
}
@media (max-width: 850px) {
  .top .section_01 .scroll_line {
    height: 45px;
  }
}
.top .section_01 .scroll_line div {
  position: absolute;
  top: -100%;
  left: 0;
  width: 1px;
  height: 105px;
  background: #fff;
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_01 .scroll_line div {
    height: 45px;
  }
}
@media (max-width: 850px) {
  .top .section_01 .scroll_line div {
    height: 45px;
  }
}
.top .section_01 .kv_under_bannar {
  width: 300px;
  position: absolute;
  bottom: 37px;
  right: 37px;
}
.top .section_01 .kv_under_bannar a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 850px) {
  .top .section_01 .kv_under_bannar {
    width: 60%;
    right: 20%;
    bottom: 10%;
  }
}
.top .section_02 {
  padding: 16% 0 12%;
}
@media (max-width: 850px) {
  .top .section_02 {
    padding: 16vw 0 40vw;
  }
}
.top .section_02 .sec02_ttl {
  position: absolute;
  left: 71.6%;
  top: 0;
  width: 7.2%;
}
@media (max-width: 1200px) {
  .top .section_02 .sec02_ttl {
    left: 74.6%;
    width: 8.2%;
  }
}
@media (max-width: 850px) {
  .top .section_02 .sec02_ttl {
    position: relative;
    width: 17.09vw;
    left: 41.45vw;
    margin: 15vw 0 0;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_02 .sec02_ttl {
    width: 13.09vw;
    left: 43.45vw;
  }
}
.top .section_02 .sec02_message {
  width: 18%;
  margin: 0 0 0 31.32%;
}
@media (max-width: 1200px) {
  .top .section_02 .sec02_message {
    width: 21%;
  }
}
@media (max-width: 850px) {
  .top .section_02 .sec02_message {
    width: 60.19%;
    margin: 0 0 0 7.93%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_02 .sec02_message {
    width: 28%;
  }
}
.top .section_02 .sec02_txt_01 {
  padding: 1% 0 0 50%;
  font-size: 17px;
  line-height: 3em;
  margin: 0 0 0 -9em;
  letter-spacing: 0.15em;
}
@media (max-width: 850px) {
  .top .section_02 .sec02_txt_01 {
    font-size: 15px;
    padding: 12% 0 0 0;
    margin: 0 0 0 8%;
  }
}
.top .section_02 .sec02_txt_02,
.top .section_02 .sec02_txt_03,
.top .section_02 .sec02_txt_06,
.top .section_02 .sec02_txt_07,
.top .section_02 .sec02_txt_08,
.top .section_02 .sec02_txt_09,
.top .section_02 .sec02_txt_10 {
  padding: 3em 0 0 50%;
  font-size: 17px;
  line-height: 3em;
  margin: 0 0 0 -9em;
  letter-spacing: 0.15em;
}
@media (max-width: 850px) {
  .top .section_02 .sec02_txt_02,
  .top .section_02 .sec02_txt_03,
  .top .section_02 .sec02_txt_06,
  .top .section_02 .sec02_txt_07,
  .top .section_02 .sec02_txt_08,
  .top .section_02 .sec02_txt_09,
  .top .section_02 .sec02_txt_10 {
    font-size: 15px;
    padding: 3em 0 0 0;
    margin: 0 0 0 8%;
  }
}
.top .section_02 .sec02_txt_04 {
  padding: 3em 0 0 50%;
  font-size: 23px;
  line-height: 2.8em;
  margin: 0 0 0 -6.6em;
}
@media (max-width: 850px) {
  .top .section_02 .sec02_txt_04 {
    font-size: 15px;
    padding: 3em 0 0 0;
    margin: 0 0 0 8%;
  }
}
.top .section_02 .sec02_txt_05 {
  padding: 3em 0 0 50%;
  font-size: 23px;
  line-height: 2.1em;
  margin: 0 0 0 -6.6em;
}
@media (max-width: 850px) {
  .top .section_02 .sec02_txt_05 {
    font-size: 19px;
    padding: 0;
    margin: 3em 0 0 8%;
  }
}
.top .section_02 .sec02_txt_11 {
  padding: 3em 0 0 50%;
  font-size: 11px;
  line-height: 2.1em;
  margin: 0 0 0 -13.8em;
}
@media (max-width: 850px) {
  .top .section_02 .sec02_txt_11 {
    font-size: 11px;
    padding: 0;
    margin: 3em 0 0 8%;
    width: 84%;
  }
}
.top .section_02 .sec02_txt_kome {
  font-size: 11px;
  -webkit-transition-delay: 1.3125s;
          transition-delay: 1.3125s;
  position: absolute;
  margin: -2px 0 0;
}
.top .section_02 .textAnima .char {
  opacity: 0;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.top .section_02 .textAnima.hide .char {
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.top .section_02 .textAnima.active .char {
  opacity: 1;
}
.top .section_02 .sec02_bnr {
  width: 65%;
  margin: 7% auto 0;
}
@media (max-width: 850px) {
  .top .section_02 .sec02_bnr {
    width: 90%;
  }
}
@media (max-width: 850px) {
  .top .section_02 .sec02_ttl_wrap {
    position: relative;
  }
}
.top .section_02 .sec02_img01 {
  position: absolute;
  top: -11%;
  left: 6%;
  width: 15.65%;
}
@media (max-width: 1200px) {
  .top .section_02 .sec02_img01 {
    width: 18.65%;
  }
}
@media (max-width: 850px) {
  .top .section_02 .sec02_img01 {
    width: 38.3vw;
    left: 72.44vw;
    top: 0vw;
    width: 30vw;
  }
}
.top .section_02 .sec02_img02 {
  position: absolute;
  left: 18%;
  top: 133%;
  width: 16.02%;
}
@media (max-width: 1200px) {
  .top .section_02 .sec02_img02 {
    width: 19.02%;
  }
}
@media (max-width: 850px) {
  .top .section_02 .sec02_img02 {
    left: 0;
    width: 30.02vw;
    top: 50vw;
  }
}
.top .section_02 .sec02_img03 {
  position: absolute;
  width: 24.57%;
  left: 67%;
  top: 185%;
}
@media (max-width: 1200px) {
  .top .section_02 .sec02_img03 {
    width: 27.57%;
    left: 60%;
  }
}
@media (max-width: 850px) {
  .top .section_02 .sec02_img03 {
    width: 67.44vw;
    left: 45.69vw;
    top: 90vw;
  }
}
@media (max-width: 850px) {
  .top .section_bannar {
    margin-top: 10vw;
  }
}
.top .section_bannar h3 {
  width: 18%;
  margin: auto;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  .top .section_bannar h3 {
    width: 21%;
  }
}
@media (max-width: 850px) {
  .top .section_bannar h3 {
    width: 40.19%;
    margin-bottom: 5vw;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_bannar h3 {
    width: 28%;
  }
}
.top .message_under_bannar {
  width: 90%;
  max-width: 980px;
  margin: auto;
}
.top .message_under_bannar a {
  display: block;
  width: 100%;
  height: 100%;
}
.top .section_03 {
  padding: 12% 0;
}
@media (max-width: 850px) {
  .top .section_03 {
    padding: 33% 0 12%;
  }
}
.top .section_03 .sec03_ttl {
  position: absolute;
  top: 19%;
  left: 24%;
  width: 3.31%;
}
@media (max-width: 850px) {
  .top .section_03 .sec03_ttl {
    left: 75%;
    width: 8.89%;
    top: 9%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_03 .sec03_ttl {
    left: 36%;
    width: 4.89%;
    top: 3%;
  }
}
.top .section_03 .sec03_dialogue {
  width: 22.36%;
  margin: 0 0 0 5.52%;
}
@media (max-width: 1200px) {
  .top .section_03 .sec03_dialogue {
    width: 25.36%;
  }
}
@media (max-width: 850px) {
  .top .section_03 .sec03_dialogue {
    width: 82.9%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_03 .sec03_dialogue {
    width: 32.9%;
  }
}
.top .section_03 .sec03_txt {
  margin: 3% 0 4.5% 6.89%;
}
@media (max-width: 850px) {
  .top .section_03 .sec03_txt {
    width: 80.32%;
    margin: 6% auto 7.5%;
  }
}
.top .section_03 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 92.11%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .top .section_03 ul {
    width: 96%;
  }
}
@media (max-width: 850px) {
  .top .section_03 ul {
    width: 87.41%;
    display: block;
  }
}
.top .section_03 ul li {
  width: 32%;
  position: relative;
}
@media (max-width: 850px) {
  .top .section_03 ul li {
    width: 100%;
    margin: 0 0 11%;
  }
}
.top .section_03 ul li a {
  display: block;
}
.top .section_03 ul li .sec03_list_theme {
  position: absolute;
  top: 10%;
  left: 41.865%;
  width: 16.27%;
}
@media (max-width: 1200px) {
  .top .section_03 ul li .sec03_list_theme {
    width: 22%;
    left: 39%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_03 ul li .sec03_list_theme {
    width: 18%;
    left: 41%;
  }
}
.top .section_03 ul li .sec03_list_ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.75%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1200px) {
  .top .section_03 ul li .sec03_list_ttl {
    width: 4.5%;
  }
}
@media (max-width: 850px) {
  .top .section_03 ul li .sec03_list_ttl {
    width: 4.8%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_03 ul li .sec03_list_ttl {
    width: 3.8%;
  }
}
.top .section_04 {
  padding: 8% 0 12%;
}
@media (max-width: 850px) {
  .top .section_04 {
    text-align: center;
  }
}
.top .section_04 .sec04_dialogue {
  margin: 0 0 0 64%;
}
@media (max-width: 1200px) {
  .top .section_04 .sec04_dialogue {
    margin: 0 0 0 68%;
  }
}
@media (max-width: 850px) {
  .top .section_04 .sec04_dialogue {
    margin: 0 0 0 7%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_04 .sec04_dialogue {
    margin: 0 0 0 30%;
  }
}
.top .section_04 .sec04_theme {
  margin: 0 0 0 64%;
}
@media (max-width: 1200px) {
  .top .section_04 .sec04_theme {
    margin: 0 0 0 68%;
  }
}
@media (max-width: 850px) {
  .top .section_04 .sec04_theme {
    margin: 0 auto;
  }
}
.top .section_04 .person_txt01 {
  margin: -1.4% 0 0 71%;
  width: 14%;
}
@media (max-width: 1200px) {
  .top .section_04 .person_txt01 {
    margin: -1.4% 0 0 75%;
    width: 12%;
  }
}
@media (max-width: 850px) {
  .top .section_04 .person_txt01 {
    margin: -5% 0 0 49%;
    width: 40%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_04 .person_txt01 {
    margin: -3% 0 0 49%;
    width: 20%;
  }
}
.top .section_04 .sec04_ttl {
  width: 1.91%;
  margin: 3% 0 2% 84%;
}
@media (max-width: 1200px) {
  .top .section_04 .sec04_ttl {
    width: 2.41%;
    margin: 3% 0 0 88.7%;
  }
}
@media (max-width: 850px) {
  .top .section_04 .sec04_ttl {
    width: 40.41%;
    margin: 8% 0 8% 6.24%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_04 .sec04_ttl {
    width: 25.41%;
  }
}
.top .section_04 .theme_comment_inner {
  position: absolute;
  left: 14.84%;
  top: 5%;
}
@media (min-width: 1500px) {
  .top .section_04 .theme_comment_inner {
    left: 14.54%;
    top: 12%;
  }
}
@media (max-width: 1200px) {
  .top .section_04 .theme_comment_inner {
    left: 7.84%;
  }
}
@media (max-width: 850px) {
  .top .section_04 .theme_comment_inner {
    position: relative;
    left: 0;
    margin: 9% auto 0;
    padding: 5% 9% 6% 4%;
  }
}
.top .section_04 .sec04_txt01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
@media (max-width: 850px) {
  .top .section_04 .sec04_txt01 {
    width: 7em;
    text-align: left;
  }
}
.top .section_04 .more_btn {
  margin: 1% 0 0 81%;
}
@media (max-width: 1200px) {
  .top .section_04 .more_btn {
    margin: 2% 0 0 85%;
  }
}
@media (max-width: 850px) {
  .top .section_04 .more_btn {
    margin: 2% 0 0 72%;
  }
}
.top .section_04 .sec04_img01 {
  position: absolute;
  left: 29.69%;
  width: 39.05%;
  top: 39%;
}
@media (max-width: 1200px) {
  .top .section_04 .sec04_img01 {
    left: 24.69%;
    width: 45.05%;
  }
}
@media (max-width: 850px) {
  .top .section_04 .sec04_img01 {
    width: 87.41%;
    position: relative;
    left: 0;
    margin: 0 auto;
  }
}
.top .section_04 .sec04_img02 {
  position: absolute;
  left: 70%;
  top: 30%;
  width: 10.64%;
}
@media (max-width: 1200px) {
  .top .section_04 .sec04_img02 {
    left: 72%;
    width: 11.64%;
  }
}
@media (max-width: 850px) {
  .top .section_04 .sec04_img02 {
    width: 34.19%;
    left: -9%;
    top: 81%;
  }
}
.top .section_04 .sec04_img03 {
  position: absolute;
  left: 13.44%;
  top: 83%;
  width: 13.44%;
}
@media (max-width: 1200px) {
  .top .section_04 .sec04_img03 {
    left: 7.44%;
    top: 81%;
    width: 14.44%;
  }
}
@media (max-width: 850px) {
  .top .section_04 .sec04_img03 {
    left: auto;
    right: -5%;
    width: 29.41%;
    top: 51%;
  }
}
.top .section_05 {
  padding: 8% 0 16%;
}
@media (max-width: 850px) {
  .top .section_05 {
    text-align: center;
  }
}
.top .section_05 .sec05_dialogue {
  margin: 0 0 0 12.34%;
}
@media (max-width: 1200px) {
  .top .section_05 .sec05_dialogue {
    margin: 0 0 0 5.34%;
  }
}
@media (max-width: 850px) {
  .top .section_05 .sec05_dialogue {
    margin: 0 0 0 7%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_05 .sec05_dialogue {
    margin: 0 0 0 30%;
  }
}
.top .section_05 .sec05_theme {
  margin: 0 0 0 12.34%;
}
@media (max-width: 1200px) {
  .top .section_05 .sec05_theme {
    margin: 0 0 0 5.34%;
  }
}
@media (max-width: 850px) {
  .top .section_05 .sec05_theme {
    margin: 0 auto;
  }
}
.top .section_05 .person_txt02 {
  width: 13%;
  margin: -0.4% 0 0 19%;
}
@media (max-width: 1200px) {
  .top .section_05 .person_txt02 {
    margin: -1.4% 0 0 12%;
  }
}
@media (max-width: 850px) {
  .top .section_05 .person_txt02 {
    margin: -4.4% 0 0 51%;
    width: 38%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_05 .person_txt02 {
    margin: -2.4% 0 0 51%;
    width: 19%;
    line-height: 0;
  }
}
.top .section_05 .sec05_ttl {
  width: 1.91%;
  margin: 3% 0 2% 19%;
}
@media (max-width: 1200px) {
  .top .section_05 .sec05_ttl {
    width: 2.41%;
    margin: 3% 0 0 11.6%;
  }
}
@media (max-width: 850px) {
  .top .section_05 .sec05_ttl {
    width: 40.41%;
    margin: 8% 0 8% 6.24%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_05 .sec05_ttl {
    width: 25.41%;
  }
}
.top .section_05 .more_btn {
  margin: 2% 0 0 15.77%;
}
@media (max-width: 1200px) {
  .top .section_05 .more_btn {
    margin: 2% 0 0 7.77%;
  }
}
@media (max-width: 850px) {
  .top .section_05 .more_btn {
    margin: 2% 0 0 72%;
  }
}
.top .section_05 .sec05_img01 {
  position: absolute;
  top: 75%;
  left: 34.79%;
  width: 39.01%;
}
@media (max-width: 1200px) {
  .top .section_05 .sec05_img01 {
    left: 32.29%;
    width: 45.05%;
  }
}
@media (max-width: 850px) {
  .top .section_05 .sec05_img01 {
    width: 87.41%;
    position: relative;
    left: 0;
    margin: 0 auto;
  }
}
.top .section_05 .sec05_img02 {
  position: absolute;
  top: 40%;
  left: 23.39%;
  width: 10.64%;
}
@media (max-width: 1200px) {
  .top .section_05 .sec05_img02 {
    left: 18.39%;
    width: 12.64%;
  }
}
@media (max-width: 850px) {
  .top .section_05 .sec05_img02 {
    width: 34.19%;
    left: -9%;
    top: 81%;
  }
}
.top .section_05 .sec05_img03 {
  position: absolute;
  top: 89%;
  left: 75.35%;
  width: 13.44%;
}
@media (max-width: 1200px) {
  .top .section_05 .sec05_img03 {
    left: 78.35%;
    width: 14.44%;
  }
}
@media (max-width: 850px) {
  .top .section_05 .sec05_img03 {
    left: auto;
    right: -5%;
    width: 29.41%;
    top: 54%;
  }
}
.top .section_05 .theme_comment_inner {
  position: absolute;
  right: 13.9%;
  top: 15%;
}
@media (min-width: 1500px) {
  .top .section_05 .theme_comment_inner {
    top: 21%;
  }
}
@media (max-width: 1200px) {
  .top .section_05 .theme_comment_inner {
    right: 9.64%;
  }
}
@media (max-width: 850px) {
  .top .section_05 .theme_comment_inner {
    position: relative;
    left: 0;
    margin: 9% auto 0;
    padding: 5% 9% 5% 4%;
  }
}
.top .section_05 .sec05_txt01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
@media (max-width: 850px) {
  .top .section_05 .sec05_txt01 {
    width: 5em;
    padding: 0 1em;
    text-align: left;
  }
}
.top .section_06 {
  padding: 8% 0;
}
@media (max-width: 850px) {
  .top .section_06 {
    text-align: center;
  }
}
.top .section_06 .sec06_dialogue {
  margin: 0 0 0 64%;
}
@media (max-width: 1200px) {
  .top .section_06 .sec06_dialogue {
    margin: 0 0 0 68%;
  }
}
@media (max-width: 850px) {
  .top .section_06 .sec06_dialogue {
    margin: 0 0 0 7%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_06 .sec06_dialogue {
    margin: 0 0 0 30%;
  }
}
.top .section_06 .sec06_theme {
  margin: 0 0 0 64%;
}
@media (max-width: 1200px) {
  .top .section_06 .sec06_theme {
    margin: 0 0 0 68%;
  }
}
@media (max-width: 850px) {
  .top .section_06 .sec06_theme {
    margin: 0 auto;
  }
}
.top .section_06 .person_txt03 {
  width: 13%;
  margin: -1.4% 0 0 71%;
}
@media (max-width: 1200px) {
  .top .section_06 .person_txt03 {
    margin: -1.4% 0 0 75%;
  }
}
@media (max-width: 850px) {
  .top .section_06 .person_txt03 {
    margin: -4.4% 0 0 51%;
    width: 38%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_06 .person_txt03 {
    margin: -2.2% 0 0 51%;
    width: 19%;
    line-height: 0;
  }
}
.top .section_06 .sec06_ttl {
  width: 1.91%;
  margin: 3% 0 2% 84%;
}
@media (max-width: 1200px) {
  .top .section_06 .sec06_ttl {
    margin: 3% 0 0 88.7%;
    width: 2.41%;
  }
}
@media (max-width: 850px) {
  .top .section_06 .sec06_ttl {
    width: 20.21%;
    margin: 8% 0 8% 6.24%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_06 .sec06_ttl {
    width: 14.21%;
  }
}
.top .section_06 .theme_comment_inner {
  position: absolute;
  left: 14.44%;
  top: 10%;
}
@media (min-width: 1500px) {
  .top .section_06 .theme_comment_inner {
    top: 18%;
    left: 14.7%;
  }
}
@media (max-width: 1200px) {
  .top .section_06 .theme_comment_inner {
    left: 7.84%;
  }
}
@media (max-width: 850px) {
  .top .section_06 .theme_comment_inner {
    position: relative;
    left: 0;
    margin: 9% auto 0;
    padding: 5% 9% 5% 4%;
  }
}
.top .section_06 .sec06_txt01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
@media (max-width: 850px) {
  .top .section_06 .sec06_txt01 {
    width: 7em;
    text-align: left;
  }
}
.top .section_06 .more_btn {
  margin: 1% 0 0 81%;
}
@media (max-width: 1200px) {
  .top .section_06 .more_btn {
    margin: 1% 0 0 85%;
  }
}
@media (max-width: 850px) {
  .top .section_06 .more_btn {
    margin: 2% 0 0 72%;
  }
}
.top .section_06 .sec06_img01 {
  position: absolute;
  left: 29.1%;
  width: 39.05%;
  top: 78%;
}
@media (max-width: 1200px) {
  .top .section_06 .sec06_img01 {
    left: 24.69%;
    width: 45.05%;
  }
}
@media (max-width: 850px) {
  .top .section_06 .sec06_img01 {
    width: 87.41%;
    position: relative;
    left: 0;
    margin: 0 auto;
  }
}
.top .section_06 .sec06_img02 {
  position: absolute;
  left: 69.63%;
  top: 47%;
  width: 9.91%;
}
@media (max-width: 1200px) {
  .top .section_06 .sec06_img02 {
    left: 72%;
    width: 11.64%;
  }
}
@media (max-width: 850px) {
  .top .section_06 .sec06_img02 {
    width: 34.19%;
    left: -9%;
    top: 81%;
  }
}
.top .section_06 .sec06_img03 {
  position: absolute;
  left: 13.44%;
  top: 112%;
  width: 13.44%;
}
@media (max-width: 1200px) {
  .top .section_06 .sec06_img03 {
    left: 5.44%;
    width: 16.44%;
  }
}
@media (max-width: 850px) {
  .top .section_06 .sec06_img03 {
    left: auto;
    right: -7%;
    width: 33.41%;
    top: 51%;
  }
}
.top .theme_comment_inner {
  margin: 0 auto;
  padding: 2% 1% 3% 1%;
  display: inline-block;
}
.top .theme_comment_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background: url("../img/common/comment_line_t.png") no-repeat top center;
  background-size: contain;
}
@media (max-width: 850px) {
  .top .theme_comment_inner:before {
    height: 100%;
    width: 50%;
    background: url("../img/common/comment_line_l02.png") no-repeat left center;
    background-size: contain;
  }
}
.top .theme_comment_inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50%;
  width: 100%;
  background: url("../img/common/comment_line_b.png") no-repeat bottom center;
  background-size: contain;
}
@media (max-width: 850px) {
  .top .theme_comment_inner:after {
    height: 100%;
    width: 50%;
    background: url("../img/common/comment_line_r02.png") no-repeat right center;
    background-size: contain;
  }
}
.top .section_07 {
  padding: 15% 0 10%;
}
@media (max-width: 850px) {
  .top .section_07 {
    padding: 25% 0 10%;
  }
}
.top .section_07 .sec07_ttl {
  width: 13.63%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .top .section_07 .sec07_ttl {
    width: 17.63%;
  }
}
@media (max-width: 850px) {
  .top .section_07 .sec07_ttl {
    width: 42.4%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_07 .sec07_ttl {
    width: 22.4%;
  }
}
.top .section_07 .sec07_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 66.76%;
  margin: 0 auto;
  padding: 4% 0 0;
}
@media (max-width: 1200px) {
  .top .section_07 .sec07_cont {
    width: 80.76%;
  }
}
@media (max-width: 850px) {
  .top .section_07 .sec07_cont {
    width: 87.41%;
    display: block;
  }
}
.top .section_07 .sec07_cont .sec07_cont_l {
  width: 50.05%;
}
@media (max-width: 850px) {
  .top .section_07 .sec07_cont .sec07_cont_l {
    width: 100%;
  }
}
.top .section_07 .sec07_cont .sec07_cont_l .sec07_name {
  width: 21.6%;
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_07 .sec07_cont .sec07_cont_l .sec07_name {
    width: 10.8%;
  }
}
.top .section_07 .sec07_cont .sec07_cont_l .sec07_txt {
  font-size: 1.05vw;
  margin: 4% 0 7%;
}
@media (min-width: 1500px) {
  .top .section_07 .sec07_cont .sec07_cont_l .sec07_txt {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .top .section_07 .sec07_cont .sec07_cont_l .sec07_txt {
    font-size: 1.25vw;
  }
}
@media (max-width: 850px) {
  .top .section_07 .sec07_cont .sec07_cont_l .sec07_txt {
    font-size: 4.1vw;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_07 .sec07_cont .sec07_cont_l .sec07_txt {
    font-size: 2.4vw;
  }
}
.top .section_07 .sec07_cont .sec07_cont_l .sec07_txt02 {
  font-size: 0.8rem;
  margin: 0 0 0.2rem;
}
.top .section_07 .sec07_cont .sec07_cont_r {
  width: 41.5%;
}
@media (max-width: 850px) {
  .top .section_07 .sec07_cont .sec07_cont_r {
    width: 70.5%;
    margin: 4% auto 8%;
  }
}
.top .section_08 {
  padding: 8% 0 15%;
}
@media (max-width: 1200px) {
  .top .section_08 {
    padding: 8% 0 23%;
  }
}
@media (max-width: 850px) {
  .top .section_08 .swiper-container01 {
    width: 87.41%;
    margin: 9% auto 0;
  }
}
.top .section_08 .sec08_ttl {
  width: 12.78%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .top .section_08 .sec08_ttl {
    width: 16.78%;
  }
}
@media (max-width: 850px) {
  .top .section_08 .sec08_ttl {
    width: 42.4%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_08 .sec08_ttl {
    width: 21.2%;
  }
}
.top .section_08 .sec08_lg_cont {
  width: 52.06%;
  margin: 6% auto 0;
}
@media (max-width: 1200px) {
  .top .section_08 .sec08_lg_cont {
    width: 70.06%;
  }
}
@media (max-width: 850px) {
  .top .section_08 .sec08_lg_cont {
    width: 87.41%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_08 .sec08_lg_cont {
    width: 80%;
  }
}
.top .section_08 .sec08_lg_cont .sec08_lg_txt {
  margin: 0.5em 0 0;
  font-size: 15px;
}
.top .section_08 .sec08_inner {
  width: 92.11%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5%;
}
@media (max-width: 850px) {
  .top .section_08 .sec08_inner {
    width: 100%;
    gap: 0;
    padding: 0 0 13%;
  }
}
.top .section_08 .tvcm_cont {
  padding: 4% 0 0;
  width: 52.06%;
  margin: 0 auto;
  -ms-flex-negative: inherit;
      flex-shrink: inherit;
}
@media (max-width: 1200px) {
  .top .section_08 .tvcm_cont {
    width: 70.06%;
  }
}
@media (max-width: 850px) {
  .top .section_08 .tvcm_cont {
    width: 70%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 16% 0 0;
  }
  .top .section_08 .tvcm_cont:last-child {
    margin: 0;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_08 .tvcm_cont {
    width: 80%;
  }
}
.top .section_08 .tvcm_cont .sec08_txt01 {
  margin: 0.5em 0 0;
  font-size: 15px;
}
@media (max-width: 850px) {
  .top .section_08 .tvcm_cont .sec08_txt01 {
    font-size: 12px;
    margin: 0;
  }
}
.top .section_08 .tvcm_cont .sec08_txt02 {
  width: 10.89%;
  margin: 0 auto;
}
@media (max-width: 850px) {
  .top .section_08 .tvcm_cont .sec08_txt02 {
    width: 24.89%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_08 .tvcm_cont .sec08_txt02 {
    width: 21.89%;
  }
}
.top .section_08 .tvcm_cont .tvcm_img {
  margin: 3% 0 0;
}
.top .section_08 .swiper-scrollbar {
  width: 70%;
  margin: 0 0 0 6.295%;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
}
.top .section_08 .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}
.top .section_09 {
  padding: 8% 0 8%;
}
@media (max-width: 1200px) {
  .top .section_09 {
    padding: 8% 0 23%;
  }
}
.top .section_09 .sec09_ttl {
  width: 15.36%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .top .section_09 .sec09_ttl {
    width: 16.78%;
  }
}
@media (max-width: 850px) {
  .top .section_09 .sec09_ttl {
    width: 42.4%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_09 .sec09_ttl {
    width: 21.2%;
  }
}
.top .section_09 .sec09_lg_cont {
  width: 52.06%;
  margin: 6% auto 0;
}
@media (max-width: 1200px) {
  .top .section_09 .sec09_lg_cont {
    width: 70.06%;
  }
}
@media (max-width: 850px) {
  .top .section_09 .sec09_lg_cont {
    width: 87.41%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_09 .sec09_lg_cont {
    width: 80%;
  }
}
.top .section_09 .sec09_lg_cont .sec09_lg_txt {
  font-size: 15px;
  margin: 0.5em 0 0;
}
@media (max-width: 850px) {
  .top .section_09 .sec09_lg_cont .sec09_lg_txt {
    text-align: center;
  }
}
.top .section_09 .swiper-scrollbar {
  width: 70%;
  margin: 0 0 0 6.295%;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
}
.top .section_09 .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}
.top .section_10 .sec10_inner {
  width: 75%;
  margin: 7% auto 0;
  position: relative;
  padding: 5% 7%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 1200px) {
  .top .section_10 .sec10_inner {
    width: 80.76%;
  }
}
.top .section_10 .sec10_inner .sec10_ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 2em;
}
.top .section_10 .sec10_inner .sec10_txt {
  font-size: 16px;
}
.top .section_10 .sec10_inner .sec10_frame_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 135px;
}
.top .section_10 .sec10_inner .sec10_frame_top div {
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.top .section_10 .sec10_inner .sec10_frame_btm {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 150px;
  height: 135px;
}
.top .section_10 .sec10_inner .sec10_frame_btm div {
  width: 100%;
  height: 100%;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}
.top .section_11 .sec11_ttl {
  width: 18.8651436993%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .top .section_11 .sec11_ttl {
    width: 16.78%;
  }
}
@media (max-width: 850px) {
  .top .section_11 .sec11_ttl {
    width: 42.4%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .top .section_11 .sec11_ttl {
    width: 21.2%;
  }
}
.top .section_11 .cont_inner {
  width: 73.2498157701%;
  margin: 0 auto;
  padding: 4% 0 0;
}
@media (max-width: 1200px) {
  .top .section_11 .cont_inner {
    width: 80.76%;
  }
}
.top .section_11 .sec11_article01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article01 a {
    display: block;
  }
}
.top .section_11 .sec11_article01 a .sec11_article01_img {
  width: 41.847826087%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article01 a .sec11_article01_img {
    width: 100%;
  }
}
.top .section_11 .sec11_article01 a .sec11_article01_txt {
  width: 43.75%;
  padding-left: 3.8043478261%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article01 a .sec11_article01_txt {
    width: 83.6734693878%;
    padding-left: 0;
    margin-top: 7%;
    padding-bottom: 19%;
  }
}
.top .section_11 .sec11_article01 a .more_btn {
  position: absolute;
  top: 40%;
  left: 84%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article01 a .more_btn {
    top: 73%;
    left: 74%;
  }
}
.top .section_11 .sec11_article_inner01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 9% 0 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 {
    display: block;
    margin: 0;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article02 {
  position: relative;
  width: 31.847826087%;
  margin-top: 70px;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article02 {
    width: 82.9931972789%;
    margin-top: 20%;
    margin-left: 17.0068027211%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article02 .sec11_article02_txt {
  padding: 0 13% 33% 0;
  width: 100%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article02 .sec11_article02_txt {
    width: 96.3114754098%;
    padding-bottom: 20%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article02 .more_btn {
  position: absolute;
  top: 33%;
  left: 76%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article02 .more_btn {
    top: 62%;
    left: 68%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article03 {
  position: relative;
  width: 31.25%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article03 {
    width: 100%;
    margin-top: 20%;
  }
  .top .section_11 .sec11_article_inner01 .sec11_article03 .sec11_article03_txt {
    width: 70.2380952381%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article03 .sec11_article03_img {
  width: 55.4782608696%;
  margin: 6% 0 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article03 .sec11_article03_img {
    width: 42.7826086957%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article03 .more_btn {
  position: absolute;
  top: 25%;
  left: 70%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article03 .more_btn {
    top: 37%;
    left: 52%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article04 {
  position: relative;
  width: 15.3260869565%;
  margin-top: 15px;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article04 {
    width: 77.8911564626%;
    margin-left: auto;
    margin-top: 18%;
  }
  .top .section_11 .sec11_article_inner01 .sec11_article04 .sec11_article04_txt {
    width: 100%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article04 .more_btn {
  margin: 18% auto 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article04 .more_btn {
    margin: 5% 0 0 auto;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article08 {
  position: relative;
  width: 58.4507042254%;
}
.top .section_11 .sec11_article_inner01 .sec11_article08 a {
  position: relative;
  display: block;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article08 {
    width: 100%;
    margin-top: 20%;
  }
  .top .section_11 .sec11_article_inner01 .sec11_article08 .sec11_article08_txt {
    width: 100%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article08 .sec11_article08_img {
  width: 37.6936316695%;
  margin: 3% 0 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article08 .sec11_article08_img {
    width: 42.7921092564%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article08 .more_btn {
  position: absolute;
  top: 50%;
  right: 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article08 .more_btn {
    top: 48%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article09 {
  position: relative;
  width: 33.2494969819%;
  margin: 7.3% 0 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article09 {
    width: 100%;
    margin: 25.3% 0 0;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article09 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top .section_11 .sec11_article_inner01 .sec11_article09 .sec11_article09_txt {
  width: 38.1240544629%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article09 .sec11_article09_txt {
    width: 29.2867981791%;
    margin: 0 0 0 auto;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article09 .sec11_article09_img {
  width: 58.6989409985%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article09 .sec11_article09_img {
    width: 58.8770864947%;
    position: absolute;
    top: 0;
    right: 29.2867981791%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article09 .more_btn {
  position: absolute;
  top: 46%;
  left: 47%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article09 .more_btn {
    top: 37%;
    left: 0;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article11 {
  position: relative;
  width: 55.4828973843%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article11 {
    width: 100%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article11 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top .section_11 .sec11_article_inner01 .sec11_article11 .sec11_article11_txt {
  width: 43.245693563%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article11 .sec11_article11_txt {
    width: 50.2276176024%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article11 .sec11_article11_img {
  width: 53.3998186763%;
  padding-left: 3.3544877607%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article11 .sec11_article11_img {
    width: 45.9787556904%;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article11 .more_btn {
  position: absolute;
  top: 64%;
  left: 39%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article11 .more_btn {
    top: 70%;
    right: 0;
    left: auto;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article12 {
  position: relative;
  width: 35.46277666%;
  padding: 0 0 13%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article12 {
    width: 77.0864946889%;
    margin: 30% 0 0;
  }
}
.top .section_11 .sec11_article_inner01 .sec11_article12 .sec11_article12_txt {
  width: 94.3262411348%;
}
.top .section_11 .sec11_article_inner01 .sec11_article12 .more_btn {
  position: absolute;
  bottom: 0;
  right: 1%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner01 .sec11_article12 .more_btn {
    position: relative;
    right: 0;
    margin: 8% 0 0;
  }
}
.top .section_11 .sec11_article_inner02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner02 {
    display: block;
  }
}
.top .section_11 .sec11_article_inner02 .sec11_article05 {
  width: 58.2608695652%;
  position: relative;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner02 .sec11_article05 {
    width: 100%;
    margin: -6% 0 0;
  }
  .top .section_11 .sec11_article_inner02 .sec11_article05 .sec11_article05_txt {
    width: 100%;
  }
}
.top .section_11 .sec11_article_inner02 .sec11_article05 .sec11_article05_img {
  width: 52.8917910448%;
  margin: 2% 0 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner02 .sec11_article05 .sec11_article05_img {
    width: 55.612244898%;
    margin: 0 0 4% 1%;
  }
}
.top .section_11 .sec11_article_inner02 .sec11_article05 .more_btn {
  position: absolute;
  top: 37%;
  left: 63%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner02 .sec11_article05 .more_btn {
    position: relative;
    top: 0;
    left: 0;
    margin: 3% 0 0 auto;
  }
}
.top .section_11 .sec11_article_inner02 .sec11_article06 {
  width: 40.7608695652%;
  position: relative;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner02 .sec11_article06 {
    width: 100%;
    padding-top: 26%;
  }
}
.top .section_11 .sec11_article_inner02 .sec11_article06 .sec11_article06_txt {
  width: 68.8%;
  margin: 45% 0 0;
  padding: 0 35% 21% 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner02 .sec11_article06 .sec11_article06_txt {
    width: 58.4218512898%;
    margin: 0;
    padding: 0;
  }
}
.top .section_11 .sec11_article_inner02 .sec11_article06 .more_btn {
  position: absolute;
  left: 75%;
  top: 71%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article_inner02 .sec11_article06 .more_btn {
    position: relative;
    left: 0;
    top: 0;
    margin: 5% 0 0 55%;
  }
}
.top .section_11 .sec11_article07 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article07 a {
    display: block;
  }
}
.top .section_11 .sec11_article07 a .sec11_article07_img {
  width: 42.0523138833%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article07 a .sec11_article07_img {
    width: 53.717754173%;
    margin: 0 0 0 auto;
  }
}
.top .section_11 .sec11_article07 a .sec11_article07_txt {
  width: 39.5875251509%;
  padding-right: 4.4265593561%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article07 a .sec11_article07_txt {
    width: 76.4795144158%;
    padding-right: 0;
    margin-top: 7%;
    padding-bottom: 5%;
  }
}
.top .section_11 .sec11_article07 a .more_btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article07 a .more_btn {
    top: 57%;
    left: 0;
  }
}
.top .section_11 .sec11_article10 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 6% 0 0;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article10 a {
    display: block;
  }
}
.top .section_11 .sec11_article10 a .sec11_article10_img {
  width: 28.370221328%;
  padding-left: 5.6841046278%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article10 a .sec11_article10_img {
    width: 47.6479514416%;
    padding: 0;
    line-height: 0;
  }
}
.top .section_11 .sec11_article10 a .sec11_article10_txt {
  width: 46.4285714286%;
  padding-left: 2.1629778672%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article10 a .sec11_article10_txt {
    width: 100%;
    padding-left: 0;
    padding-bottom: 19%;
  }
}
.top .section_11 .sec11_article10 a .more_btn {
  position: absolute;
  bottom: 0;
  right: 3.5211267606%;
}
@media (max-width: 850px) {
  .top .section_11 .sec11_article10 a .more_btn {
    top: 16%;
    right: 0;
  }
}
.top .cont_list_col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 92.11%;
  margin: 7% auto 0;
}
@media (max-width: 850px) {
  .top .cont_list_col3 {
    display: block;
    width: 87.41%;
    margin: 0 auto;
  }
}
.top .cont_list_col3 li {
  width: 31%;
}
@media (max-width: 850px) {
  .top .cont_list_col3 li {
    width: 100%;
    margin: 7% 0 0;
  }
}
.top .cont_list_col3 li .cont_list_col3_txt {
  font-size: 15px;
}
@media (max-width: 850px) {
  .top .cont_list_col3 li .cont_list_col3_txt {
    text-align: center;
  }
}
@media (max-width: 850px) {
  .top .cont_list_col3 li .cont_list_col3_img {
    margin: 3% 0 0;
  }
}
@media (max-width: 850px) {
  .top .swiper-container02 {
    width: 87.41%;
    margin: 9% auto 0;
    padding: 4% 0 5%;
  }
}
.top .cont_list_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 78%;
  margin: 7% auto 0;
}
@media (max-width: 850px) {
  .top .cont_list_col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
}
.top .cont_list_col2 li {
  width: 45%;
  padding: 0 0 7%;
}
@media (max-width: 850px) {
  .top .cont_list_col2 li {
    width: 70%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 16% 0 0;
  }
  .top .cont_list_col2 li:last-child {
    margin: 0;
  }
}
.top .cont_list_col2 li .cont_list_col2_txt {
  font-size: 15px;
  margin: 0.5em 0 0;
}
@media (max-width: 850px) {
  .top .cont_list_col2 li .cont_list_col2_txt {
    font-size: 12px;
    margin: 0;
  }
}
@media (max-width: 850px) {
  .top .cont_list_col2 li .cont_list_col2_img {
    margin: 3% 0 0;
  }
}
.top .section_bannar {
  margin: 27% 0 15%;
}
@media (max-width: 850px) {
  .top .section_bannar {
    margin: 27% 0;
  }
}
.top .section_12 .section_12_bnr {
  position: relative;
  display: block;
}
.top .section_12 .section_12_bnr.section_12_bnr_01 {
  background: url("../img/top-sec12_bnr01.jpg") no-repeat center center;
  background-size: cover;
  margin: 25% 0 0;
}
.top .section_12 .section_12_bnr.section_12_bnr_01 .section_12_bnr_cont {
  padding: 17% 0 5.5%;
}
@media (max-width: 850px) {
  .top .section_12 .section_12_bnr.section_12_bnr_01 .section_12_bnr_cont {
    padding: 17% 0 23%;
  }
}
.top .section_12 .section_12_bnr.section_12_bnr_02 {
  background: url("../img/top-sec12_bnr02.jpg") no-repeat center center;
  background-size: cover;
  margin: 25% 0 0;
}
.top .section_12 .section_12_bnr.section_12_bnr_02 .section_12_bnr_cont {
  padding: 13.3% 0 5.5%;
}
@media (max-width: 850px) {
  .top .section_12 .section_12_bnr.section_12_bnr_02 .section_12_bnr_cont {
    padding: 17% 0 23%;
  }
}
.top .section_12 .section_12_bnr .cont_inner {
  width: 73.2498157701%;
}
@media (max-width: 850px) {
  .top .section_12 .section_12_bnr .cont_inner {
    width: 80.76%;
  }
}
.top .section_12 .section_12_bnr .sec12_bnr01_txt01 {
  position: absolute;
  width: 14.6378269618%;
  top: -30%;
  right: -2%;
}
@media (max-width: 850px) {
  .top .section_12 .section_12_bnr .sec12_bnr01_txt01 {
    position: relative;
    top: 0;
    left: 0;
    width: 80.8801213961%;
    margin: 0 auto;
    padding: 23% 0 0;
  }
}
.top .section_12 .section_12_bnr .sec12_bnr02_txt01 {
  position: absolute;
  width: 6.3883299799%;
  top: -30%;
  right: -2%;
}
@media (max-width: 850px) {
  .top .section_12 .section_12_bnr .sec12_bnr02_txt01 {
    position: relative;
    top: 0;
    left: 0;
    width: 69.9544764795%;
    margin: 0 auto;
    padding: 23% 0 9.1%;
  }
}
.top .section_12 .section_12_bnr .sec12_bnr01_txt02 {
  width: 45.1710261569%;
  margin: 0 auto;
}
@media (max-width: 850px) {
  .top .section_12 .section_12_bnr .sec12_bnr01_txt02 {
    width: 87.4051593323%;
    padding: 0 0 13%;
  }
}
.top .section_12 .section_12_bnr .sec12_bnr02_txt02 {
  width: 30.23138833%;
  margin: 0 auto;
}
@media (max-width: 850px) {
  .top .section_12 .section_12_bnr .sec12_bnr02_txt02 {
    width: 58.5735963581%;
    padding: 0 0 13%;
  }
}
.top .section_12 .section_12_bnr .more_btn {
  margin: 3.5% auto 0;
}

.img_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
}
.img_modal .img_inner {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.img_modal .img_inner .img_innner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 10;
}
.img_modal .img_inner .img_innner .modal_close {
  position: absolute;
  width: 68px;
  height: 50px;
  top: 0;
  right: 0;
  margin: 25px 30px 0 0;
  z-index: 10;
}
@media (max-width: 1200px) {
  .img_modal .img_inner .img_innner .modal_close {
    right: 12.5%;
  }
}
@media (max-width: 850px) {
  .img_modal .img_inner .img_innner .modal_close {
    right: 5%;
  }
}
.img_modal .img_inner .img_innner .modal_close:before {
  content: "";
  width: 68px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 24px;
  left: 0;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
.img_modal .img_inner .img_innner .modal_close:after {
  content: "";
  width: 68px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 24px;
  left: 0;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.img_modal .img_inner .img_innner .modal_img_ttl {
  position: relative;
  top: 0;
  z-index: 3;
  width: 360px;
  display: table;
  left: 50%;
  margin: 0 0 0 -180px;
  vertical-align: middle;
}
@media (max-height: 600px) {
  .img_modal .img_inner .img_innner .modal_img_ttl {
    margin: 0 0 -10px -180px;
  }
}
@media (max-width: 850px) {
  .img_modal .img_inner .img_innner .modal_img_ttl {
    position: absolute;
    top: 50%;
    padding: 34% 0 0;
    width: 78.92%;
    left: 11.04%;
    margin: 0;
  }
}
.img_modal .img_inner .img_innner .modal_img_ttl .modal_img_arrow_l {
  display: table-cell;
  width: 28px;
  line-height: 0;
  padding: 2px 0 0;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0s ease;
  transition: opacity 0.2s 0s ease;
}
.img_modal .img_inner .img_innner .modal_img_ttl .modal_img_arrow_l.active {
  opacity: 1;
}
.img_modal .img_inner .img_innner .modal_img_ttl .modal_img_txt {
  display: table-cell;
  width: calc(100% - 56px);
  line-height: 1.5em;
  vertical-align: middle;
}
.img_modal .img_inner .img_innner .modal_img_ttl .modal_img_txt .modal_img_txt_p {
  display: none;
}
.img_modal .img_inner .img_innner .modal_img_ttl .modal_img_arrow_r {
  display: table-cell;
  width: 28px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  line-height: 0;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0s ease;
  transition: opacity 0.2s 0s ease;
}
.img_modal .img_inner .img_innner .modal_img_ttl .modal_img_arrow_r.active {
  opacity: 1;
}
.img_modal .img_inner .img_innner .modal_img_img {
  width: 78.92%;
  margin: 4% auto 0;
  position: relative;
  z-index: 2;
  max-width: 1070px;
}
@media (max-height: 900px) {
  .img_modal .img_inner .img_innner .modal_img_img {
    width: 60%;
  }
}
@media (max-height: 700px) {
  .img_modal .img_inner .img_innner .modal_img_img {
    width: 50%;
  }
}
@media (max-height: 600px) {
  .img_modal .img_inner .img_innner .modal_img_img {
    max-width: 600px;
  }
}
@media (max-width: 850px) {
  .img_modal .img_inner .img_innner .modal_img_img {
    width: 78.92%;
  }
}
.img_modal .img_inner .img_innner .modal_img_theme3 {
  height: 90vh;
  margin: 4% auto 0;
  position: relative;
  z-index: 2;
}
.img_modal .img_inner .img_innner .modal_img_theme3 img {
  height: 100%;
  width: auto;
}
@media (max-width: 850px) {
  .img_modal .img_inner .img_innner .modal_img_theme3 {
    height: 70vh;
  }
}
.img_modal .img_inner .img_innner .img_modal_cont {
  display: none;
  z-index: 2;
  position: relative;
}
.img_modal .img_inner .img_innner .img_modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.theme .arrow_back {
  position: fixed;
  left: 0;
  bottom: 50px;
  width: 120px;
  padding: 3px 6px 8px 20px;
  border-bottom: 1px solid #fff;
  line-height: 1em;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1200px) {
  .theme .arrow_back {
    width: 100px;
  }
}
@media (max-width: 850px) {
  .theme .arrow_back {
    width: 100px;
    bottom: 5vw;
  }
}
.theme .arrow_back.fit {
  position: absolute;
}
.theme .section_01 {
  width: 100%;
  height: 100vh;
  margin: 0 0 25vh;
}
@media (max-width: 850px) {
  .theme .section_01 {
    margin: 0 0 50vh;
  }
}
.theme .section_01 .sec01_inner {
  width: 100%;
  height: 100%;
}
.theme .section_01 .sec01_inner .sec01_innner {
  display: table;
  width: 100%;
  max-width: 1500px;
  height: 100vh;
  margin: 0 auto;
}
.theme .section_01 .sec01_inner .sec01_innner .sec01_cont {
  display: table-cell;
  vertical-align: middle;
}
.theme .section_01 .dialogue_txt {
  width: 4.42%;
  margin: 0 0 0 37.5%;
}
@media (max-width: 1200px) {
  .theme .section_01 .dialogue_txt {
    width: 6.42%;
    margin: 0 0 0 35.5%;
  }
}
@media (max-width: 850px) {
  .theme .section_01 .dialogue_txt {
    width: 9.98%;
    margin: 0 0 0 9.02%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .dialogue_txt {
    width: 6.98%;
    position: absolute;
    top: 10px;
    left: 40%;
  }
}
.theme .section_01 .theme_txt01 {
  width: 24.68%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .theme .section_01 .theme_txt01 {
    width: 28.68%;
  }
}
@media (max-width: 850px) {
  .theme .section_01 .theme_txt01 {
    width: 62.24%;
    margin: 0 0 0 9.02%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .theme_txt01 {
    width: 21.24%;
    position: absolute;
    top: 24px;
    left: 40%;
  }
}
.theme .section_01 .person_txt01,
.theme .section_01 .person_txt02,
.theme .section_01 .person_txt03 {
  margin: 0.7% auto 0;
}
@media (max-width: 850px) {
  .theme .section_01 .person_txt01,
  .theme .section_01 .person_txt02,
  .theme .section_01 .person_txt03 {
    position: absolute;
    left: 79.34%;
    width: 3.69%;
    margin: -26% 0 0 0;
    padding: 5px 1px;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .person_txt01,
  .theme .section_01 .person_txt02,
  .theme .section_01 .person_txt03 {
    left: 82.34%;
    width: 1.69%;
    margin: -4% 0 0;
  }
}
.theme .section_01 .theme_ttl01 {
  margin: 0 auto;
  width: 16.39%;
  padding: 2.8% 0;
}
@media (max-width: 1200px) {
  .theme .section_01 .theme_ttl01 {
    width: 20.39%;
  }
}
@media (max-width: 850px) {
  .theme .section_01 .theme_ttl01 {
    position: absolute;
    left: 86.73%;
    width: 6.15%;
    padding: 0;
    margin: -26% 0 0 0;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .theme_ttl01 {
    width: 4.15%;
    margin: -4% 0 0;
  }
}
.theme .section_01 .theme_ttl02 {
  width: 22.66%;
  margin: 0 auto 3%;
}
@media (max-width: 1200px) {
  .theme .section_01 .theme_ttl02 {
    width: 26.66%;
  }
}
.theme .section_01 .theme_ttl03 {
  width: 22.84%;
  margin: 0 auto 3%;
}
@media (max-width: 1200px) {
  .theme .section_01 .theme_ttl03 {
    width: 26.84%;
  }
}
.theme .section_01 .theme_ttl04 {
  width: 10.02%;
  margin: 0 auto;
  padding: 2.8% 0;
}
@media (max-width: 1200px) {
  .theme .section_01 .theme_ttl04 {
    width: 14.02%;
  }
}
@media (max-width: 850px) {
  .theme .section_01 .theme_ttl04 {
    position: absolute;
    left: 86.73%;
    width: 6.15%;
    padding: 0;
    margin: -26% 0 0 0;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .theme_ttl04 {
    width: 4.15%;
    margin: -4% 0 0;
  }
}
.theme .section_01 .theme_ttl05 {
  width: 15.65%;
  margin: 0 auto 3%;
}
@media (max-width: 1200px) {
  .theme .section_01 .theme_ttl05 {
    width: 19.65%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .play_movie {
    position: absolute;
    top: 45%;
    left: 5%;
  }
}
.theme .section_01 .theme_txt02_inner {
  margin: 0 auto;
  display: table;
  position: relative;
  padding: 2% 3% 2% 3%;
}
@media (max-width: 850px) {
  .theme .section_01 .theme_txt02_inner {
    padding: 6% 7% 6% 7%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .theme_txt02_inner {
    padding: 2% 3% 2% 3%;
    margin: 0 auto 0;
  }
}
.theme .section_01 .theme_txt02_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background: url("../img/common/comment_line_l.png") no-repeat center left;
  background-size: contain;
}
.theme .section_01 .theme_txt02_inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: url("../img/common/comment_line_r.png") no-repeat center right;
  background-size: contain;
}
.theme .section_01 .theme_txt02_inner .theme_txt02 {
  display: table-cell;
  vertical-align: middle;
  height: 7em;
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .theme_txt02_inner .theme_txt02 {
    font-size: 2vw;
  }
}
.theme .section_01 .scroll_line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 105px;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .scroll_line {
    height: 45px;
  }
}
.theme .section_01 .scroll_line div {
  position: absolute;
  top: -100%;
  left: 0;
  width: 1px;
  height: 105px;
  background: #fff;
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .section_01 .scroll_line div {
    height: 45px;
  }
}
.theme .section_02 {
  padding: 16% 0;
}
.theme .section_02 .sec02_txt {
  width: 59.32%;
  margin: 0 auto;
  line-height: 2.3em;
}
@media (max-width: 1200px) {
  .theme .section_02 .sec02_txt {
    width: 80.32%;
  }
}
.theme .section_03 {
  padding: 10% 0;
}
.theme .journalist_ttl {
  width: 27.74%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .theme .journalist_ttl {
    width: 31.74%;
  }
}
@media (max-width: 850px) {
  .theme .journalist_ttl {
    width: 72.5%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .journalist_ttl {
    width: 35.5%;
  }
}
.theme .journalist_subttl {
  width: 4.6%;
  margin: -3.4% auto 0;
}
@media (max-width: 1200px) {
  .theme .journalist_subttl {
    width: 6.6%;
  }
}
@media (max-width: 850px) {
  .theme .journalist_subttl {
    width: 17.78%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .journalist_subttl {
    width: 10.78%;
  }
}
.theme .journalist_cont {
  width: 67.42%;
  margin: 4% auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1200px) {
  .theme .journalist_cont {
    width: 80.42%;
  }
}
@media (max-width: 850px) {
  .theme .journalist_cont {
    display: block;
  }
}
.theme .journalist_cont .journalist_img {
  width: 43.71%;
}
@media (max-width: 850px) {
  .theme .journalist_cont .journalist_img {
    width: 100%;
  }
}
.theme .journalist_cont .journalist_txtarea {
  width: 50.92%;
}
@media (max-width: 850px) {
  .theme .journalist_cont .journalist_txtarea {
    width: 100%;
    margin: 4% 0 0;
  }
}
.theme .journalist_cont .journalist_txtarea .journalist_name {
  font-size: 1.69vw;
}
@media (max-width: 1200px) {
  .theme .journalist_cont .journalist_txtarea .journalist_name {
    font-size: 2.29vw;
  }
}
@media (max-width: 850px) {
  .theme .journalist_cont .journalist_txtarea .journalist_name {
    font-size: 6.29vw;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .journalist_cont .journalist_txtarea .journalist_name {
    font-size: 4.29vw;
  }
}
.theme .journalist_cont .journalist_txtarea .journalist_job {
  font-size: 0.95vw;
  font-weight: normal;
}
@media (max-width: 1200px) {
  .theme .journalist_cont .journalist_txtarea .journalist_job {
    font-size: 1.25vw;
  }
}
@media (max-width: 850px) {
  .theme .journalist_cont .journalist_txtarea .journalist_job {
    font-size: 3.25vw;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .journalist_cont .journalist_txtarea .journalist_job {
    font-size: 2.25vw;
  }
}
.theme .journalist_cont .journalist_txtarea .journalist_txt {
  margin: 6% 0 0;
}
.theme .article_ttl {
  width: 19.15%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .theme .article_ttl {
    width: 23.15%;
  }
}
@media (max-width: 850px) {
  .theme .article_ttl {
    width: 50.2%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .article_ttl {
    width: 26.2%;
  }
}
.theme .article_subttl {
  width: 4.6%;
  margin: -1.4% auto 0;
}
@media (max-width: 1200px) {
  .theme .article_subttl {
    width: 6.6%;
  }
}
@media (max-width: 850px) {
  .theme .article_subttl {
    width: 17.78%;
  }
}
@media (orientation: landscape) and (max-width: 850px) {
  .theme .article_subttl {
    width: 10.78%;
  }
}
.theme .theme01_article_01 {
  position: relative;
}
.theme .theme01_article_01 .article_txt {
  width: 38.31%;
  margin: 0 0 0 31.54%;
  padding: 3% 0 1%;
}
@media (max-width: 1200px) {
  .theme .theme01_article_01 .article_txt {
    width: 47.31%;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_01 .article_txt {
    width: 87.27%;
    margin: 0 auto;
  }
}
.theme .theme01_article_01 .article_img {
  position: absolute;
  top: 15%;
  left: 14.14%;
  width: 15.25%;
}
@media (max-width: 1200px) {
  .theme .theme01_article_01 .article_img {
    left: 8.59%;
    width: 18.25%;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_01 .article_img {
    position: relative;
    top: 0;
    left: 0;
    margin: 3% 0 0 6.36%;
    width: 35.02%;
  }
}
.theme .theme01_article_01 .more_btn {
  position: absolute;
  bottom: 0;
  left: 72.21%;
  z-index: 10;
}
@media (max-width: 1200px) {
  .theme .theme01_article_01 .more_btn {
    left: 83.21%;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_01 .more_btn {
    left: 71.21%;
    bottom: 19%;
  }
}
.theme .theme01_article_02 {
  position: relative;
  padding: 4% 0 0;
}
@media (max-width: 1200px) {
  .theme .theme01_article_02 {
    padding: 12% 0 0;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_02 {
    padding: 12% 0 12%;
  }
}
.theme .theme01_article_02 .article_txt {
  width: 64.62%;
  margin: 0 0 2% 14.59%;
}
@media (max-width: 1200px) {
  .theme .theme01_article_02 .article_txt {
    width: 83.62%;
    margin: 0 0 2% 8.59%;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_02 .article_txt {
    width: 87.27%;
    margin: 0 auto;
  }
}
.theme .theme01_article_02 .article_img {
  width: 28.51%;
  margin: 0 0 0 14.92%;
}
.theme .theme01_article_02 .article_img a {
  display: block;
}
@media (max-width: 1200px) {
  .theme .theme01_article_02 .article_img {
    width: 37.51%;
    margin: 0 0 0 8.92%;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_02 .article_img {
    width: 62.65%;
    margin: 1% 0 0 28.76%;
  }
}
.theme .theme01_article_02 .more_btn {
  position: absolute;
  top: 89%;
  left: 10.79%;
  z-index: 10;
}
@media (max-width: 1200px) {
  .theme .theme01_article_02 .more_btn {
    left: 3.79%;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_02 .more_btn {
    left: 15.79%;
    top: 75%;
  }
}
.theme .theme01_article_03 {
  position: relative;
  margin: -16% 0 0;
  padding: 0 0 20%;
}
@media (max-width: 1200px) {
  .theme .theme01_article_03 {
    margin: -22% 0 0;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_03 {
    margin: 0;
  }
}
.theme .theme01_article_03 .article_txt {
  width: 9.02%;
  margin: 0 0 0 67.98%;
}
@media (max-width: 1200px) {
  .theme .theme01_article_03 .article_txt {
    width: 12.31%;
    margin: 0 0 0 75.98%;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_03 .article_txt {
    width: 23.52%;
    margin: 0 0 0 67.8%;
  }
}
.theme .theme01_article_03 .article_img {
  width: 20.56%;
  position: absolute;
  top: 23%;
  left: 48.37%;
}
@media (max-width: 1200px) {
  .theme .theme01_article_03 .article_img {
    width: 23.56%;
    top: 33%;
    left: 53.37%;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_03 .article_img {
    width: 57.04%;
    top: 27%;
    left: 7.37%;
  }
}
.theme .theme01_article_03 .more_btn {
  position: absolute;
  top: 57%;
  left: 44.55%;
  z-index: 10;
}
@media (max-width: 1200px) {
  .theme .theme01_article_03 .more_btn {
    top: 63%;
    left: 48.65%;
  }
}
@media (max-width: 850px) {
  .theme .theme01_article_03 .more_btn {
    top: 73%;
    left: 53.65%;
  }
}
.theme .theme02_article_01 {
  position: relative;
}
.theme .theme02_article_01 .article_txt {
  width: 7.55%;
  margin: 0 0 0 19.97%;
  padding: 3% 0 14%;
}
@media (max-width: 1200px) {
  .theme .theme02_article_01 .article_txt {
    width: 9.55%;
    margin: 0 0 0 13.54%;
  }
}
@media (max-width: 850px) {
  .theme .theme02_article_01 .article_txt {
    width: 17.37%;
    margin: 0 0 0 8.59%;
    padding: 3% 0 23%;
  }
}
.theme .theme02_article_01 .article_img {
  position: absolute;
  top: 20%;
  left: 32.86%;
  width: 44.73%;
}
@media (max-width: 1200px) {
  .theme .theme02_article_01 .article_img {
    top: 21%;
    left: 30.86%;
    width: 50.73%;
  }
}
@media (max-width: 850px) {
  .theme .theme02_article_01 .article_img {
    width: 64.29%;
    left: auto;
    right: 0;
    top: 40%;
  }
}
.theme .theme02_article_01 .more_btn {
  position: absolute;
  bottom: 0;
  left: 73.21%;
  z-index: 10;
}
@media (max-width: 1200px) {
  .theme .theme02_article_01 .more_btn {
    left: 76.21%;
  }
}
@media (max-width: 850px) {
  .theme .theme02_article_01 .more_btn {
    left: 24.21%;
  }
}
.theme .theme02_article_02 {
  position: relative;
  padding: 4% 0 0;
}
@media (max-width: 1200px) {
  .theme .theme02_article_02 {
    padding: 6% 0 0;
  }
}
.theme .theme02_article_02 .article_txt {
  width: 64.62%;
  margin: 0 0 2% 14.59%;
}
@media (max-width: 1200px) {
  .theme .theme02_article_02 .article_txt {
    width: 83.62%;
    margin: 0 0 2% 8.59%;
  }
}
@media (max-width: 850px) {
  .theme .theme02_article_02 .article_txt {
    width: 87.27%;
    margin: 5% auto 0;
  }
}
.theme .theme02_article_02 .article_img {
  width: 23.72%;
  margin: 0 0 0 14.92%;
}
@media (max-width: 1200px) {
  .theme .theme02_article_02 .article_img {
    width: 27.72%;
    margin: 0 0 0 8.92%;
  }
}
@media (max-width: 850px) {
  .theme .theme02_article_02 .article_img {
    width: 50.75%;
    margin: -3% 0 0 42.27%;
  }
}
.theme .theme02_article_02 .more_btn {
  position: absolute;
  top: 89%;
  left: 10.79%;
  z-index: 10;
}
@media (max-width: 1200px) {
  .theme .theme02_article_02 .more_btn {
    left: 3.79%;
  }
}
@media (max-width: 850px) {
  .theme .theme02_article_02 .more_btn {
    left: 28.86%;
  }
}
.theme .theme02_article_03 {
  position: relative;
  margin: -16% 0 0;
  padding: 0 0 29%;
}
@media (max-width: 850px) {
  .theme .theme02_article_03 {
    margin: 14% 0 0;
    padding: 0 0 27%;
  }
}
.theme .theme02_article_03 .article_txt {
  width: 7.84%;
  margin: 0 0 0 71.22%;
}
@media (max-width: 1200px) {
  .theme .theme02_article_03 .article_txt {
    width: 9.55%;
    margin: 0 0 0 81.98%;
  }
}
@media (max-width: 850px) {
  .theme .theme02_article_03 .article_txt {
    width: 17.37%;
    margin: 0 0 0 76.19%;
    padding: 3% 0 23%;
  }
}
.theme .theme02_article_03 .article_img {
  width: 20.56%;
  position: absolute;
  top: 27%;
  left: 49.37%;
}
@media (max-width: 1200px) {
  .theme .theme02_article_03 .article_img {
    width: 25.56%;
    top: 25%;
    left: 53.37%;
  }
}
@media (max-width: 850px) {
  .theme .theme02_article_03 .article_img {
    width: 51.57%;
    top: 16%;
    left: 8.59%;
  }
}
.theme .theme02_article_03 .more_btn {
  position: absolute;
  top: 64%;
  left: 46.05%;
  z-index: 10;
}
@media (max-width: 1200px) {
  .theme .theme02_article_03 .more_btn {
    top: 67%;
    left: 49.05%;
  }
}
@media (max-width: 850px) {
  .theme .theme02_article_03 .more_btn {
    top: 60%;
  }
}
.theme .theme03_article_01 {
  position: relative;
}
@media (max-width: 850px) {
  .theme .theme03_article_01 {
    padding: 0 0 5%;
  }
}
.theme .theme03_article_01 .article_txt {
  width: 12.26%;
  margin: 0 0 0 64.84%;
  padding: 3% 0 2%;
}
@media (max-width: 1200px) {
  .theme .theme03_article_01 .article_txt {
    width: 15.26%;
    margin: 0 0 0 67.54%;
    padding: 3% 0 2%;
  }
}
@media (max-width: 850px) {
  .theme .theme03_article_01 .article_txt {
    width: 30.5%;
    margin: 0 0 0 61.96%;
  }
}
.theme .theme03_article_01 .article_img {
  position: absolute;
  top: 17%;
  left: 15.32%;
  width: 44.73%;
}
@media (max-width: 1200px) {
  .theme .theme03_article_01 .article_img {
    top: 20%;
    left: 8.54%;
    width: 50.73%;
  }
}
@media (max-width: 850px) {
  .theme .theme03_article_01 .article_img {
    top: 53%;
    left: 0;
    width: 56.22%;
  }
}
.theme .theme03_article_01 .more_btn {
  position: absolute;
  bottom: 0;
  left: 11.21%;
  z-index: 10;
}
@media (max-width: 1200px) {
  .theme .theme03_article_01 .more_btn {
    left: 3.79%;
  }
}
@media (max-width: 850px) {
  .theme .theme03_article_01 .more_btn {
    left: 44.79%;
  }
}
.theme .theme03_article_02 {
  position: relative;
  padding: 6% 0 0;
}
@media (max-width: 850px) {
  .theme .theme03_article_02 {
    padding: 6% 0 21%;
  }
}
.theme .theme03_article_02 .article_txt {
  width: 51.4%;
  margin: 0 0 2% 14.59%;
}
@media (max-width: 1200px) {
  .theme .theme03_article_02 .article_txt {
    width: 57.62%;
    margin: 0 0 2% 8.59%;
  }
}
@media (max-width: 850px) {
  .theme .theme03_article_02 .article_txt {
    width: 73.18%;
  }
}
.theme .theme03_article_02 .more_btn {
  position: absolute;
  top: 41%;
  left: 68.27%;
  z-index: 10;
}
@media (max-width: 1200px) {
  .theme .theme03_article_02 .more_btn {
    top: 37%;
  }
}
@media (max-width: 850px) {
  .theme .theme03_article_02 .more_btn {
    left: 68.79%;
    top: 54%;
  }
}
.theme .theme03_article_03 {
  position: relative;
  padding: 5% 0 11%;
}
@media (max-width: 850px) {
  .theme .theme03_article_03 {
    padding: 5% 0 28%;
  }
}
.theme .theme03_article_03 .article_txt {
  position: absolute;
  top: 15%;
  left: 14.59%;
  width: 28.92%;
}
@media (max-width: 1200px) {
  .theme .theme03_article_03 .article_txt {
    left: 8.59%;
    width: 36.92%;
  }
}
@media (max-width: 850px) {
  .theme .theme03_article_03 .article_txt {
    width: 78.24%;
    position: relative;
  }
}
.theme .theme03_article_03 .article_img {
  margin: 0 0 0 47.71%;
  width: 29.8%;
}
@media (max-width: 1200px) {
  .theme .theme03_article_03 .article_img {
    margin: 0 0 0 51.71%;
    width: 31.8%;
  }
}
@media (max-width: 850px) {
  .theme .theme03_article_03 .article_img {
    width: 73.59%;
    margin: 6% 0 0 26.41%;
  }
}
.theme .theme03_article_03 .more_btn {
  position: absolute;
  top: 67%;
  left: 44.32%;
  z-index: 10;
}
@media (max-width: 1200px) {
  .theme .theme03_article_03 .more_btn {
    left: 47.32%;
  }
}
@media (max-width: 850px) {
  .theme .theme03_article_03 .more_btn {
    left: 15.32%;
  }
}
/*# sourceMappingURL=styles.css.map */