@charset "UTF-8";
/* ----------------------------------------------------
	sassを使用しています。css編集の際はご注意ください。
	compass/scss
---------------------------------------------------- */
/* ----------------------------------------------------
base
---------------------------------------------------- */
html, body {
  padding: 0;
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #3e3e3e;
  background: #fff5dc;
}
@media (max-width: 1366px) {
  html, body {
    font-size: 1.171vw;
  }
}
@media (max-width: 599px) {
  html, body {
    font-size: 4.267vw;
  }
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

ul {
  list-style: none;
  box-sizing: border-box;
}
ul li {
  box-sizing: border-box;
}

/* ----------------------------------------------------
selection
---------------------------------------------------- */
::selection {
  background: #e6f1fc;
  color: #666;
}

::-moz-selection {
  background: #e6f1fc;
  color: #e6f1fc;
}

/* ----------------------------------------------------
link
---------------------------------------------------- */
a {
  color: #0058bc;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
a:visited {
  text-decoration: none;
  color: #0058bc;
}
a:hover {
  color: #0058bc;
  opacity: 0.6;
}
a:active {
  color: #0058bc;
}

.link01 a:before {
  content: "＞";
}

.underline {
  text-decoration: underline;
}

/* ----------------------------------------------------
set
---------------------------------------------------- */
.title-m {
  margin-bottom: 38px;
  font-size: 22px;
  font-weight: 900;
  color: #fc4500;
}
@media (max-width: 1366px) {
  .title-m {
    margin-bottom: 2.782vw;
    font-size: 1.611vw;
  }
}
@media (max-width: 599px) {
  .title-m {
    margin-bottom: 10.133vw;
    font-size: 5.867vw;
  }
}

.title-line {
  padding: 6px;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #fc4500;
  border-top: 1px dashed #fc4500;
  border-bottom: 1px dashed #fc4500;
}
@media (max-width: 1366px) {
  .title-line {
    margin-bottom: 2.928vw;
    padding: 0.439vw;
    font-size: 1.464vw;
  }
}
@media (max-width: 599px) {
  .title-line {
    margin-bottom: 9.333vw;
    padding: 2.133vw;
    font-size: 5.333vw;
    line-height: 1.3;
  }
}

.subtitle-l {
  margin-bottom: 44px;
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 1366px) {
  .subtitle-l {
    margin-bottom: 3.221vw;
    font-size: 2.05vw;
  }
}
@media (max-width: 599px) {
  .subtitle-l {
    margin-bottom: 8.974vw;
    font-size: 6.154vw;
  }
}

.arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
@media (max-width: 1366px) {
  .arrow {
    font-size: 1.098vw;
  }
}
@media (max-width: 599px) {
  .arrow {
    font-size: 4vw;
  }
}
.arrow::before, .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.arrow-01::before {
  left: 0;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 8px solid #0058bc;
}
@media (max-width: 1366px) {
  .arrow-01::before {
    width: 0.732vw;
    height: 0.732vw;
  }
}

.arrow-02:after {
  margin: 0 14px 0 auto;
  display: block;
  top: 10px;
  right: 0;
  width: 18px;
  height: 18px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 1366px) {
  .arrow-02:after {
    margin-right: 0.732vw;
    top: 0.732vw;
    width: 1.318vw;
    height: 1.318vw;
  }
}
@media (max-width: 599px) {
  .arrow-02:after {
    margin-right: 2.667vw;
    top: 2.667vw;
    width: 4.8vw;
    height: 4.8vw;
  }
}

.orange {
  color: #fc4500;
}

.lh-2 {
  line-height: 2.0;
}

.underline {
  text-decoration: undderline;
}

.list01 + .list01 {
  margin-top: 30px;
}
@media (max-width: 1366px) {
  .list01 + .list01 {
    margin-top: 2.196vw;
  }
}
@media (max-width: 599px) {
  .list01 + .list01 {
    margin-top: 6.154vw;
  }
}
.list01 li {
  margin-bottom: 4px;
}
@media (max-width: 1366px) {
  .list01 li {
    margin-bottom: 0.293vw;
  }
}
@media (max-width: 599px) {
  .list01 li {
    margin-bottom: 4.103vw;
  }
}
.list01 li .list01,
.list01 li .children {
  margin-left: 20px;
}
@media (max-width: 1366px) {
  .list01 li .list01,
  .list01 li .children {
    margin-left: 1.464vw;
  }
}
@media (max-width: 599px) {
  .list01 li .list01,
  .list01 li .children {
    margin-left: 5.128vw;
  }
}
.list01 li a {
  padding-left: 20px;
  display: inline-block;
  position: relative;
  text-decoration: underline;
}
@media (max-width: 1366px) {
  .list01 li a {
    padding-left: 1.464vw;
  }
}
@media (max-width: 599px) {
  .list01 li a {
    padding-left: 5.128vw;
  }
}
.list01 li a[target="_blank"]:after {
  content: "";
  display: inline-block;
  background: url(../images/cmn/icon_blank.svg) center center/100% no-repeat;
  width: 20px;
  height: 20px;
  position: relative;
  top: 3px;
  margin-left: 3px;
}
@media (max-width: 1366px) {
  .list01 li a[target="_blank"]:after {
    width: 1.464vw;
    height: 1.464vw;
    top: 0.22vw;
    margin-left: 0.22vw;
  }
}
@media (max-width: 599px) {
  .list01 li a[target="_blank"]:after {
    width: 5.128vw;
    height: 5.128vw;
    top: 0.769vw;
    margin-left: 0.769vw;
  }
}
.list01 li a:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 8px solid #0058bc;
}
@media (max-width: 1366px) {
  .list01 li a:before {
    width: 0.732vw;
    height: 0.732vw;
    top: 0.586vw;
  }
}
@media (max-width: 599px) {
  .list01 li a:before {
    width: 10px;
    height: 10px;
    top: 8px;
  }
}

.flex {
  display: flex;
}

.wrap {
  flex-wrap: wrap;
}

@media (max-width: 599px) {
  .spwrap {
    flex-wrap: wrap;
  }
  .spwrap.column_2 .item, .spwrap.column_3 .item {
    margin-bottom: 5.128vw;
    width: 100%;
  }
}

.flex-btw {
  display: flex;
  justify-content: space-between;
}
.flex-btw.column_2 .item {
  margin-bottom: 30px;
  width: 48%;
}
@media (max-width: 1366px) {
  .flex-btw.column_2 .item {
    margin-bottom: 2.196vw;
  }
}
.flex-btw.column_3 {
  flex-wrap: wrap;
}
.flex-btw.column_3:after {
  content: "";
  display: block;
  width: 30%;
}
.flex-btw.column_3 .item {
  margin-bottom: 30px;
  width: 30%;
}
@media (max-width: 1366px) {
  .flex-btw.column_3 .item {
    margin-bottom: 2.196vw;
  }
}
@media (max-width: 599px) {
  .flex-btw.column_3 .item {
    margin-bottom: 5.128vw;
    width: 100%;
  }
}

.flex-center {
  justify-content: center;
}

/* ----------------------------------------------------
section
---------------------------------------------------- */
.inner {
  margin: 0 auto;
  width: 1100px;
}
@media (max-width: 1366px) {
  .inner {
    width: 80.527vw;
  }
}
@media (max-width: 599px) {
  .inner {
    width: 100%;
  }
}

.contents-inr {
  padding: 50px 60px;
}
@media (max-width: 1366px) {
  .contents-inr {
    padding: 3.66vw 4.392vw;
  }
}
@media (max-width: 599px) {
  .contents-inr {
    padding: 7.467vw;
  }
}
.contents-inr.topics {
  background: url(../images/page/bg_title_topics.svg) top 6px left 20px/186px no-repeat;
}
@media (max-width: 1366px) {
  .contents-inr.topics {
    background: url(../images/page/bg_title_topics.svg) top 0.439vw left 1.464vw/13.616vw no-repeat;
  }
}
@media (max-width: 599px) {
  .contents-inr.topics {
    background: url(../images/page/bg_title_topics.svg) top 0.439vw left 1.026vw/47.692vw no-repeat;
  }
}
.contents-inr.movie {
  background: url(../images/page/bg_title_movie.svg) top 6px left 20px/186px no-repeat;
}
@media (max-width: 1366px) {
  .contents-inr.movie {
    background: url(../images/page/bg_title_movie.svg) top 0.439vw left 1.464vw/13.616vw no-repeat;
  }
}
@media (max-width: 599px) {
  .contents-inr.movie {
    background: url(../images/page/bg_title_movie.svg) top 0.439vw left 1.026vw/47.692vw no-repeat;
  }
}
.contents-inr.essay {
  background: url(../images/page/bg_title_essay.svg) top 6px left 20px/186px no-repeat;
}
@media (max-width: 1366px) {
  .contents-inr.essay {
    background: url(../images/page/bg_title_essay.svg) top 0.439vw left 1.464vw/13.616vw no-repeat;
  }
}
@media (max-width: 599px) {
  .contents-inr.essay {
    background: url(../images/page/bg_title_essay.svg) top 0.439vw left 11.026vw/47.692vw no-repeat;
  }
}
.contents-inr.inquiry {
  background: url(../images/page/bg_title_inquiry.svg) top 6px left 20px/186px no-repeat;
}
@media (max-width: 1366px) {
  .contents-inr.inquiry {
    background: url(../images/page/bg_title_inquiry.svg) top 0.439vw left 1.464vw/13.616vw no-repeat;
  }
}
@media (max-width: 599px) {
  .contents-inr.inquiry {
    background: url(../images/page/bg_title_inquiry.svg) top 0.439vw left 11.026vw/47.692vw no-repeat;
  }
}
.contents-inr.member {
  background: url(../images/page/bg_title_member.svg) top 6px left 20px/228px no-repeat;
}
@media (max-width: 1366px) {
  .contents-inr.member {
    background: url(../images/page/bg_title_member.svg) top 0.439vw left 1.464vw/16.691vw no-repeat;
  }
}
@media (max-width: 599px) {
  .contents-inr.member {
    background: url(../images/page/bg_title_member.svg) top 0.439vw left 1.026vw/58.462vw no-repeat;
  }
}
.contents-inr.contact {
  background: url(../images/page/bg_title_contact.svg) top 6px left 20px/190px no-repeat;
}
@media (max-width: 1366px) {
  .contents-inr.contact {
    background: url(../images/page/bg_title_contact.svg) top 0.439vw left 1.464vw/13.909vw no-repeat;
  }
}
@media (max-width: 599px) {
  .contents-inr.contact {
    background: url(../images/page/bg_title_contact.svg) top 0.439vw left 1.026vw/48.718vw no-repeat;
  }
}
.contents-inr.issue {
  background: url(../images/page/bg_title_issue.svg) top 22px left 12px/132px no-repeat;
}
@media (max-width: 1366px) {
  .contents-inr.issue {
    background: url(../images/page/bg_title_issue.svg) top 1.611vw left 0.878vw/9.663vw no-repeat;
  }
}
@media (max-width: 599px) {
  .contents-inr.issue {
    background: url(../images/page/bg_title_issue.svg) top 6.667vw left 3.077vw/33.846vw no-repeat;
  }
}
.contents-inr.seisaku {
  background: url(../images/page/bg_title_seisaku.svg) top 11px left 13px/174px no-repeat;
}
@media (max-width: 1366px) {
  .contents-inr.seisaku {
    background: url(../images/page/bg_title_seisaku.svg) top 0.805vw left 0.952vw/12.738vw no-repeat;
  }
}
@media (max-width: 599px) {
  .contents-inr.seisaku {
    background: url(../images/page/bg_title_seisaku.svg) top 3.846vw left 2.821vw/44.615vw no-repeat;
  }
}

/* ----------------------------------------------------
header
---------------------------------------------------- */
header .header-inr {
  padding-top: 20px;
  height: 95px;
  position: relative;
  background: url(../images/cmn/bg_ill_head.png) left bottom no-repeat;
}
@media (max-width: 1366px) {
  header .header-inr {
    padding-top: 1.464vw;
    height: 6.955vw;
    background: url(../images/cmn/bg_ill_head.png) left bottom/21.816vw no-repeat;
  }
}
@media (max-width: 599px) {
  header .header-inr {
    padding-top: 4.615vw;
    height: 19.487vw;
    background: url(../images/cmn/bg_ill_head.png) left -12.821vw bottom/34.615vw no-repeat;
  }
}
header h1 {
  line-height: 0;
  text-align: center;
}
@media (max-width: 599px) {
  header h1 {
    padding-left: 13px;
    text-align: left;
  }
}
header h1 img {
  width: 418px;
  height: auto;
}
@media (max-width: 1366px) {
  header h1 img {
    width: 30.6vw;
  }
}
@media (max-width: 599px) {
  header h1 img {
    width: 275px;
  }
}
header .h-rbox {
  position: absolute;
  top: 30px;
  right: 0;
}
@media (max-width: 1366px) {
  header .h-rbox {
    top: 2.196vw;
  }
}
@media (max-width: 599px) {
  header .h-rbox {
    display: none;
  }
}
header .h-rbox p {
  margin-top: 10px;
  text-align: right;
  font-size: 12px;
}
@media (max-width: 1366px) {
  header .h-rbox p {
    margin-top: 0.732vw;
    font-size: 0.878vw;
  }
}
header .h-rbox input {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  height: 27px;
  box-sizing: border-box;
}
@media (max-width: 1366px) {
  header .h-rbox input {
    font-size: 0.878vw;
    height: 1.977vw;
  }
}
header .h-rbox input[type="text"] {
  padding: 2px 10px;
  border: 0;
  width: 132px;
  border: 1px solid #666;
}
@media (max-width: 1366px) {
  header .h-rbox input[type="text"] {
    width: 9.663vw;
  }
}
header .h-rbox input[type="submit"] {
  padding: 0;
  border: 0;
  width: 40px;
  color: #fff;
  background: #666;
  cursor: pointer;
}
@media (max-width: 1366px) {
  header .h-rbox input[type="submit"] {
    width: 2.928vw;
  }
}
header .searchbox form {
  display: flex;
}
@media (max-width: 820px) {
  header .searchbox + .link01 {
    margin-top: 0;
  }
}

#gnaviBtn {
  display: none;
}
@media (max-width: 599px) {
  #gnaviBtn {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    display: block;
    width: 67px;
    height: 76px;
    background: #0058bc;
  }
  #gnaviBtn .inner {
    position: relative;
  }
  #gnaviBtn .inner span {
    margin: 0 auto;
    width: 32px;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 100px;
    text-align: center;
    transition: 0.2s ease-in-out;
  }
  #gnaviBtn .inner span:first-child {
    top: 16px;
  }
  #gnaviBtn .inner span:nth-child(2) {
    top: 29px;
  }
  #gnaviBtn .inner span:nth-child(3) {
    top: 42px;
  }
  #gnaviBtn .inner p {
    position: absolute;
    top: 49px;
    right: 0;
    left: 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  #gnaviBtn.open .inner span:first-child {
    top: 29px;
    transform: rotate(-45deg);
  }
  #gnaviBtn.open .inner span:nth-child(2) {
    width: 0;
    left: -50%;
  }
  #gnaviBtn.open .inner span:nth-child(3) {
    top: 29px;
    transform: rotate(45deg);
  }
}

.fixed {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------
nav
---------------------------------------------------- */
nav {
  padding: 24px 0;
  background: #fff;
}
@media (max-width: 1366px) {
  nav {
    padding: 1.757vw 0;
  }
}
@media (max-width: 599px) {
  nav {
    padding: 0;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: -100vh;
    right: 0;
    left: 0;
    z-index: 999;
    background: #fff5dc;
    transition: 0.2s ease-in-out;
  }
  nav.open-menu {
    top: 0;
    bottom: 0;
  }
}
@media (max-width: 599px) {
  nav .nav-inr {
    padding: 21.333vw 0 9.6vw 0;
    margin: 0 auto;
    width: 74.667vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 88vh;
    border-radius: 0 0 2.667vw 2.667vw;
    background: #fff;
    overflow-y: scroll;
  }
}
nav .nav-inr .menu {
  position: relative;
}
@media (max-width: 599px) {
  nav .nav-inr .menu {
    position: static;
  }
  nav .nav-inr .menu > .spbtn > a {
    pointer-events: none;
  }
}
nav .nav-inr .menu:hover > a {
  color: #0058bc;
  border: 2px solid #0058bc;
}
@media (max-width: 599px) {
  nav .nav-inr .menu:hover > a {
    color: #3e3e3e;
    border: 2px solid #707070;
  }
}
nav .nav-inr .menu:hover:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 55%;
  margin-left: -15px;
  border: 7px solid transparent;
  border-top: 20px solid #0058bc;
  z-index: 101;
  transition: 0.2s ease-in-out;
}
@media (max-width: 1366px) {
  nav .nav-inr .menu:hover:before {
    margin-left: -1.098vw;
    border: 0.512vw solid transparent;
    border-top: 1.464vw solid #0058bc;
  }
}
@media (max-width: 599px) {
  nav .nav-inr .menu:hover:before {
    content: none;
  }
}
nav .nav-inr .menu:hover .childrenNavi-01 {
  opacity: 1;
  visibility: visible;
}
nav .nav-inr .submenu {
  position: relative;
}
@media (max-width: 599px) {
  nav .nav-inr .submenu {
    position: static;
  }
}
nav .nav-inr .submenu:hover > .childrenNavi-02 {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 599px) {
  nav .nav-inr .submenu > a {
    pointer-events: none;
  }
}
nav .nav-inr .radius-ctrl {
  border-radius: 6px 0 6px 6px !important;
}
@media (max-width: 599px) {
  nav .nav-inr .radius-ctrl {
    border-radius: 0;
  }
}
nav .nav-inr .sp-menu {
  display: none;
}
@media (max-width: 599px) {
  nav .nav-inr .sp-menu {
    display: block;
  }
}
nav .nav-inr .childrenNavi-01 {
  padding: 16px 18px;
  position: absolute;
  top: 52px;
  left: -50%;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  width: 500px;
  border-radius: 6px;
  border: 2px solid #0058bc;
  background: #fff;
}
@media (max-width: 1366px) {
  nav .nav-inr .childrenNavi-01 {
    padding: 1.171vw 1.318vw;
    top: 3.807vw;
    width: 36.603vw;
  }
}
@media (max-width: 599px) {
  nav .nav-inr .childrenNavi-01 {
    padding: 0;
    position: static;
    width: 100%;
    display: none;
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    border: 0;
  }
}
nav .nav-inr .childrenNavi-01 > li {
  text-align: left;
}
nav .nav-inr .childrenNavi-01 > li > a {
  padding: 6px 16px 6px 36px;
  display: block;
  font-weight: bold;
  color: #0058bc;
  border-radius: 0;
  border: 0;
  position: relative;
}
@media (max-width: 1366px) {
  nav .nav-inr .childrenNavi-01 > li > a {
    padding: 0.439vw 1.171vw 0.439vw 2.635vw;
  }
}
@media (max-width: 599px) {
  nav .nav-inr .childrenNavi-01 > li > a {
    padding: 1.6vw 0 1.6vw 4.267vw;
  }
}
nav .nav-inr .childrenNavi-01 > li > a:hover {
  opacity: 1;
  color: #fff;
  background: #0058bc;
}
nav .nav-inr .childrenNavi-01 > li > a:hover:before {
  border-left: 8px solid #fff;
}
nav .nav-inr .childrenNavi-01 > li > a::before, nav .nav-inr .childrenNavi-01 > li > a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  transition: 0.2s ease-in-out;
}
@media (max-width: 599px) {
  nav .nav-inr .childrenNavi-01 > li > a::before, nav .nav-inr .childrenNavi-01 > li > a::after {
    margin: 0;
  }
}
nav .nav-inr .childrenNavi-01 > li > a:before {
  top: 2px;
  left: 16px;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 8px solid #0058bc;
}
@media (max-width: 1366px) {
  nav .nav-inr .childrenNavi-01 > li > a:before {
    width: 0.732vw;
    height: 0.732vw;
  }
}
@media (max-width: 599px) {
  nav .nav-inr .childrenNavi-01 > li > a:before {
    top: 14px;
    left: 0;
    width: 2.667vw;
    height: 2.667vw;
  }
}
nav .nav-inr .childrenNavi-02 {
  padding: 16px 18px 16px 0;
  position: absolute;
  top: -18px;
  left: 478px;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  width: 400px;
  border-radius: 0 6px 6px 0;
  border: 2px solid #0058bc;
  border-left: 0;
  background: #fff;
}
@media (max-width: 1366px) {
  nav .nav-inr .childrenNavi-02 {
    padding: 1.171vw 1.318vw;
    top: -1.318vw;
    left: 34.993vw;
    width: 29.283vw;
  }
}
@media (max-width: 599px) {
  nav .nav-inr .childrenNavi-02 {
    padding: 0;
    margin-left: 5.067vw;
    position: static;
    width: 100%;
    display: none;
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    border: 0;
  }
}
nav .nav-inr .childrenNavi-02 > li {
  font-weight: bold;
  font-size: 14px;
}
@media (max-width: 1366px) {
  nav .nav-inr .childrenNavi-02 > li {
    font-size: 1.025vw;
  }
}
@media (max-width: 599px) {
  nav .nav-inr .childrenNavi-02 > li {
    text-indent: -5.067vw;
    font-size: 3.733vw;
  }
}
nav .nav-inr .childrenNavi-02 > li > a {
  padding: 6px 16px 6px 0;
  display: block;
}
@media (max-width: 1366px) {
  nav .nav-inr .childrenNavi-02 > li > a {
    padding: 0.439vw 1.171vw 0.439vw 2.635vw;
  }
}
nav .nav-inr .childrenNavi-02 > li > a:hover {
  opacity: 1;
  color: #fff;
  background: #0058bc;
}
nav .nav-inr .childrenNavi-02 > li > a:hover:before {
  color: #fff;
  border: 0;
}
nav .nav-inr .childrenNavi-02 > li > a:before {
  content: "＞";
  color: #0058bc;
  font-size: 12px;
  margin: 0 10px;
}
@media (max-width: 1366px) {
  nav .nav-inr .childrenNavi-02 > li > a:before {
    top: 0.512vw;
    font-size: 0.878vw;
  }
}
@media (max-width: 599px) {
  nav .nav-inr .childrenNavi-02 > li > a:before {
    margin: 0 1.6vw 0 0;
    font-size: 3.2vw;
  }
}
nav .nav-inr .childrenNavi-02 > li > a:after {
  content: none;
}
nav .parentNavi {
  display: flex;
  justify-content: center;
}
@media (max-width: 599px) {
  nav .parentNavi {
    flex-wrap: wrap;
  }
}
nav .parentNavi > li {
  margin: 0 8px;
  width: 170px;
  height: 40px;
}
@media (max-width: 1366px) {
  nav .parentNavi > li {
    margin: 0 0.586vw;
    width: 12.445vw;
    height: 2.928vw;
  }
}
@media (max-width: 599px) {
  nav .parentNavi > li {
    margin-bottom: 4.267vw;
    width: 58.667vw;
    height: auto;
  }
}
nav .parentNavi > li > a {
  height: 100%;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3e3e3e;
  border: 2px solid #707070;
  border-radius: 6px;
}
@media (max-width: 599px) {
  nav .parentNavi > li > a {
    height: 10.667vw;
  }
}
nav .parentNavi > li > a:hover {
  opacity: 1;
  color: #0058bc;
  border: 2px solid #0058bc;
}
nav .parentNavi > li > span a {
  height: 100%;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3e3e3e;
  border: 2px solid #707070;
  border-radius: 6px;
}
@media (max-width: 599px) {
  nav .parentNavi > li > span a {
    height: 10.667vw;
  }
}
nav .parentNavi > li > span a:hover {
  opacity: 1;
  color: #0058bc;
  border: 2px solid #0058bc;
}
nav .sp-sns {
  display: none;
}
@media (max-width: 599px) {
  nav .sp-sns {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  nav .sp-sns img {
    width: 10.133vw;
    height: auto;
  }
  nav .sp-sns div {
    margin: 0 6.667vw;
    text-align: center;
    font-size: 4vw;
    line-height: 1.0;
  }
  nav .sp-sns div span {
    display: block;
  }
  nav .sp-sns div a {
    color: #3e3e3e;
  }
}
nav .sp-img {
  display: none;
}
@media (max-width: 599px) {
  nav .sp-img {
    position: absolute;
    left: -19.2vw;
    bottom: 0;
    display: block;
    line-height: 0;
  }
}

/* ----------------------------------------------------
main
---------------------------------------------------- */
.main_container {
  margin-top: 43px;
  border: 1px solid #707070;
  background: #fff;
}
@media (max-width: 1366px) {
  .main_container {
    margin-top: 3.148vw;
  }
}
@media (max-width: 599px) {
  .main_container {
    margin: 10.133vw 5.333vw 0 5.333vw;
    width: auto;
  }
}

.col-2 {
  display: flex;
}
@media (max-width: 599px) {
  .col-2 {
    flex-wrap: wrap;
  }
}

.col-lbox {
  padding: 30px 40px;
  width: 742px;
}
@media (max-width: 1366px) {
  .col-lbox {
    padding: 2.196vw 2.928vw;
    width: 54.319vw;
  }
}
@media (max-width: 599px) {
  .col-lbox {
    padding: 8vw 5.333vw;
    width: 100%;
  }
}
.col-lbox.topics {
  background: url(../images/page/bg_title_topics.svg) top 6px left 20px/186px no-repeat;
}
.col-lbox.movie {
  background: url(../images/page/bg_title_movie.svg) top 6px left 20px/186px no-repeat;
}

.col-rbox {
  padding: 30px 40px;
  width: 358px;
  border-left: 1px solid #707070;
}
@media (max-width: 1366px) {
  .col-rbox {
    padding: 2.196vw 2.928vw;
    width: 26.208vw;
  }
}
@media (max-width: 599px) {
  .col-rbox {
    padding: 8vw 5.333vw;
    width: 100%;
    border-top: 1px solid #707070;
    border-left: 0;
  }
}
.col-rbox.twitter {
  background: url(../images/top/bg_title_tweet.svg) top 6px left 6px/170px no-repeat;
}
.col-rbox.essay {
  background: url(../images/page/bg_title_essay.svg) top 6px left 20px/186px no-repeat;
}

/* ----------------------------------------------------
btn
---------------------------------------------------- */
.btn {
  margin-top: 20px;
  font-size: 15px;
  height: 62px;
}
@media (max-width: 1366px) {
  .btn {
    margin-top: 1.464vw;
    font-size: 1.098vw;
    height: 4.539vw;
  }
}
@media (max-width: 599px) {
  .btn {
    margin-top: 5.333vw;
    font-size: 4vw;
    height: 16.533vw;
  }
}
.btn a {
  color: #3e3e3e;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #0058bc;
}
.btn a:after {
  content: "";
  display: inline-block;
  background: url(../images/cmn/icon_arrow_circle_r.svg) center center/100% no-repeat;
  width: 23px;
  height: 23px;
  margin-left: 7px;
}
@media (max-width: 1366px) {
  .btn a:after {
    width: 1.684vw;
    height: 1.684vw;
    margin-left: 0.512vw;
  }
}
@media (max-width: 599px) {
  .btn a:after {
    width: 6.133vw;
    height: 6.133vw;
    margin-left: 1.867vw;
  }
}
.btn.w280 {
  margin-left: auto;
  margin-right: auto;
  width: 280px;
}
@media (max-width: 1366px) {
  .btn.w280 {
    width: 20.498vw;
  }
}
@media (max-width: 599px) {
  .btn.w280 {
    width: 100%;
  }
}
.btn.w380 {
  margin-left: auto;
  margin-right: auto;
  width: 380px;
}
@media (max-width: 1366px) {
  .btn.w380 {
    width: 27.818vw;
  }
}
@media (max-width: 599px) {
  .btn.w380 {
    width: 100%;
  }
}

.nolink a {
  pointer-events: none;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.7;
}

/* ----------------------------------------------------
article
---------------------------------------------------- */
.articlelist {
  margin-bottom: 28px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1366px) {
  .articlelist {
    margin-bottom: 2.05vw;
  }
}
@media (max-width: 599px) {
  .articlelist {
    margin-bottom: 7.467vw;
    flex-wrap: wrap;
  }
}
.articlelist .thumbnail {
  width: 280px;
  line-height: 0;
  position: relative;
}
@media (max-width: 1366px) {
  .articlelist .thumbnail {
    width: 20.498vw;
  }
}
@media (max-width: 599px) {
  .articlelist .thumbnail {
    margin-bottom: 1.6vw;
    width: 100%;
  }
}
.articlelist .thumbnail img {
  width: 280px;
  height: 168px;
  object-fit: cover;
}
@media (max-width: 1366px) {
  .articlelist .thumbnail img {
    width: 20.498vw;
    height: 12.299vw;
  }
}
@media (max-width: 599px) {
  .articlelist .thumbnail img {
    width: 100%;
    height: 43.077vw;
  }
}
.articlelist .date {
  margin-bottom: 12px;
  font-size: 15px;
}
@media (max-width: 599px) {
  .articlelist .date {
    margin-bottom: 1.6vw;
    font-size: 4vw;
  }
}
.articlelist .title {
  font-size: 22px;
}
@media (max-width: 1366px) {
  .articlelist .title {
    font-size: 1.611vw;
  }
}
@media (max-width: 599px) {
  .articlelist .title {
    font-size: 4.8vw;
  }
}
.articlelist .title a {
  text-decoration: underline;
  color: #0058bc;
}
.articlelist.imglist .info {
  width: 350px;
}
@media (max-width: 1366px) {
  .articlelist.imglist .info {
    width: 25.622vw;
  }
}
@media (max-width: 599px) {
  .articlelist.imglist .info {
    width: 100%;
  }
}
.articlelist.imglist .ac-info {
  width: 487px;
}
@media (max-width: 1366px) {
  .articlelist.imglist .ac-info {
    width: 35.652vw;
  }
}
@media (max-width: 599px) {
  .articlelist.imglist .ac-info {
    width: 100%;
  }
}
.articlelist.imglist .ac-info .date {
  font-size: 13px;
}
@media (max-width: 1366px) {
  .articlelist.imglist .ac-info .date {
    font-size: 0.952vw;
  }
}
@media (max-width: 599px) {
  .articlelist.imglist .ac-info .date {
    font-size: 3.333vw;
  }
}
.articlelist.imglist .ac-info .title {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.4;
}
@media (max-width: 1366px) {
  .articlelist.imglist .ac-info .title {
    margin-bottom: 0.732vw;
    font-size: 1.464vw;
  }
}
@media (max-width: 599px) {
  .articlelist.imglist .ac-info .title {
    font-size: 5.128vw;
  }
}
.articlelist.imglist .ac-info .title a {
  font-weight: bold;
  text-decoration: none;
}

.icon-new {
  position: absolute;
  top: -22px;
  left: -17px;
  line-height: 0;
  z-index: 20;
}
@media (max-width: 1366px) {
  .icon-new {
    top: -1.611vw;
    left: -1.245vw;
  }
}
@media (max-width: 599px) {
  .icon-new {
    top: -5.641vw;
    left: -4.359vw;
  }
}
.icon-new img {
  width: 46px !important;
  height: 46px !important;
}
@media (max-width: 1366px) {
  .icon-new img {
    width: 3.367vw !important;
    height: 3.367vw !important;
  }
}
@media (max-width: 599px) {
  .icon-new img {
    width: 11.795vw !important;
    height: 11.795vw !important;
  }
}

.articlelist_graybox {
  margin: 0 0 49px 0;
}
@media (max-width: 1366px) {
  .articlelist_graybox {
    margin: 0 0 3.587vw 0;
  }
}
@media (max-width: 599px) {
  .articlelist_graybox {
    margin: 0 0 13.59vw 0;
  }
}
.articlelist_graybox_item {
  padding: 22px 30px;
  margin-bottom: 20px;
  background: #eee;
}
@media (max-width: 1366px) {
  .articlelist_graybox_item {
    padding: 1.611vw 2.196vw;
    margin-bottom: 1.274vw;
  }
}
@media (max-width: 599px) {
  .articlelist_graybox_item {
    padding: 3.59vw 4.615vw;
    margin-bottom: 6.923vw;
  }
}
.articlelist_graybox p.date {
  margin-bottom: 6px;
  font-size: 13px;
}
@media (max-width: 1366px) {
  .articlelist_graybox p.date {
    margin-bottom: 0.439vw;
    font-size: 0.952vw;
  }
}
@media (max-width: 599px) {
  .articlelist_graybox p.date {
    margin-bottom: 1.538vw;
    font-size: 3.333vw;
  }
}
.articlelist_graybox p.title {
  margin-bottom: 9px;
}
.articlelist_graybox p.title a {
  font-size: 22px;
  font-weight: bold;
}
@media (max-width: 1366px) {
  .articlelist_graybox p.title a {
    font-size: 1.611vw;
  }
}
@media (max-width: 599px) {
  .articlelist_graybox p.title a {
    font-size: 5.128vw;
  }
}
.articlelist_graybox p.title a:after {
  content: "";
  display: inline-block;
  background: url(../images/cmn/icon_arrow_circle_r.svg) center center/100% no-repeat;
  width: 23px;
  height: 23px;
  position: relative;
  top: 4px;
  margin-left: 5px;
}
@media (max-width: 1366px) {
  .articlelist_graybox p.title a:after {
    width: 1.684vw;
    height: 1.684vw;
    top: 0.293vw;
    margin-left: 0.366vw;
  }
}
@media (max-width: 599px) {
  .articlelist_graybox p.title a:after {
    width: 5.897vw;
    height: 5.897vw;
    top: 1.026vw;
    margin-left: 1.282vw;
  }
}

article {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}
@media (max-width: 1366px) {
  article {
    width: 58.565vw;
  }
}
@media (max-width: 599px) {
  article {
    width: 100%;
  }
}
article h2 {
  margin-bottom: 20px;
  font-size: 28px;
  font-wight: bold;
}
@media (max-width: 1366px) {
  article h2 {
    margin-bottom: 1.464vw;
    font-size: 2.05vw;
  }
}
@media (max-width: 599px) {
  article h2 {
    margin-bottom: 2.667vw;
    font-size: 6.4vw;
    line-height: 1.2;
  }
}
article .a-info {
  margin-bottom: 34px;
  display: flex;
  align-items: center;
}
@media (max-width: 1366px) {
  article .a-info {
    margin-bottom: 2.489vw;
  }
}
@media (max-width: 599px) {
  article .a-info {
    margin-bottom: 8vw;
    display: block;
  }
}
article .a-info .date {
  margin-right: 25px;
  font-size: 16px;
}
@media (max-width: 1366px) {
  article .a-info .date {
    margin-right: 1.83vw;
    font-size: 1.171vw;
  }
}
@media (max-width: 599px) {
  article .a-info .date {
    margin-right: 0;
    font-size: 3.846vw;
  }
}

.categorylabel,
.post-categories {
  display: flex;
}
@media (max-width: 599px) {
  .categorylabel,
  .post-categories {
    flex-wrap: wrap;
  }
}
.categorylabel > li,
.post-categories > li {
  margin-right: 10px;
  font-size: 15px;
  line-height: 1.0;
}
@media (max-width: 1366px) {
  .categorylabel > li,
  .post-categories > li {
    margin-right: 0.732vw;
    font-size: 1.098vw;
  }
}
@media (max-width: 599px) {
  .categorylabel > li,
  .post-categories > li {
    margin-top: 2.667vw;
    margin-right: 2.667vw;
    font-size: 4vw;
  }
}
.categorylabel > li a,
.post-categories > li a {
  padding: 4px 8px;
  display: block;
  color: #0058bc;
  background: #fff;
  border: 1px solid #0058bc;
}
@media (max-width: 1366px) {
  .categorylabel > li a,
  .post-categories > li a {
    padding: 0.293vw 0.586vw;
  }
}
@media (max-width: 599px) {
  .categorylabel > li a,
  .post-categories > li a {
    padding: 1.067vw 2.133vw;
  }
}
.categorylabel > li a:hover,
.post-categories > li a:hover {
  opacity: 1;
  color: #fff;
  background: #0058bc;
}

.article-inr .eye_catching {
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 1366px) {
  .article-inr .eye_catching {
    margin-bottom: 2.928vw;
  }
}
@media (max-width: 599px) {
  .article-inr .eye_catching {
    margin-bottom: 7.692vw;
  }
}
.article-inr .eye_catching img {
  margin: 0 auto;
  width: auto;
  max-height: 400px;
}
@media (max-width: 1366px) {
  .article-inr .eye_catching img {
    max-height: 29.283vw;
  }
}
@media (max-width: 599px) {
  .article-inr .eye_catching img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }
}
.article-inr .fs-photo {
  margin-bottom: 47px;
  text-align: center;
  line-height: 0;
}
@media (max-width: 1366px) {
  .article-inr .fs-photo {
    margin-bottom: 3.441vw;
  }
}
@media (max-width: 599px) {
  .article-inr .fs-photo {
    margin-bottom: 6.133vw;
  }
}
.article-inr > h3 {
  padding: 6px;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #fc4500;
  border-top: 1px dashed #fc4500;
  border-bottom: 1px dashed #fc4500;
}
@media (max-width: 1366px) {
  .article-inr > h3 {
    margin-bottom: 2.928vw;
    padding: 0.439vw;
    font-size: 1.464vw;
  }
}
@media (max-width: 599px) {
  .article-inr > h3 {
    margin-bottom: 9.333vw;
    padding: 2.133vw;
    font-size: 5.333vw;
    line-height: 1.3;
  }
}
.article-inr > h4 {
  color: #0058bc;
  font-size: 19px;
  font-weight: bold;
}
@media (max-width: 1366px) {
  .article-inr > h4 {
    font-size: 1.391vw;
  }
}
@media (max-width: 599px) {
  .article-inr > h4 {
    font-size: 5.067vw;
  }
}
.article-inr > h5,
.article-inr > h6 {
  color: #0058bc;
  font-size: 17px;
  font-weight: bold;
}
@media (max-width: 1366px) {
  .article-inr > h5,
  .article-inr > h6 {
    font-size: 1.245vw;
  }
}
@media (max-width: 599px) {
  .article-inr > h5,
  .article-inr > h6 {
    font-size: 4.533vw;
  }
}
.article-inr > ul {
  margin: 0 0 20px 20px;
  list-style-type: disc;
}
@media (max-width: 1366px) {
  .article-inr > ul {
    margin: 0 0 1.464vw 1.464vw;
  }
}
@media (max-width: 599px) {
  .article-inr > ul {
    margin: 0 0 5.333vw 5.333vw;
  }
}
.article-inr > ol {
  margin: 0 0 20px 20px;
}
@media (max-width: 1366px) {
  .article-inr > ol {
    margin: 0 0 1.464vw 1.464vw;
  }
}
@media (max-width: 599px) {
  .article-inr > ol {
    margin: 0 0 5.333vw 5.333vw;
  }
}
.article-inr p {
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 2.0;
}
@media (max-width: 1366px) {
  .article-inr p {
    font-size: 1.245vw;
  }
}
@media (max-width: 599px) {
  .article-inr p {
    font-size: 4.533vw;
  }
}
.article-inr p + h3,
.article-inr p + h4,
.article-inr p + h5,
.article-inr p + h6, .article-inr ul + h3,
.article-inr ul + h4,
.article-inr ul + h5,
.article-inr ul + h6, .article-inr ol + h3,
.article-inr ol + h4,
.article-inr ol + h5,
.article-inr ol + h6, .article-inr div + h3,
.article-inr div + h4,
.article-inr div + h5,
.article-inr div + h6 {
  margin-top: 50px;
}
@media (max-width: 1366px) {
  .article-inr p + h3,
  .article-inr p + h4,
  .article-inr p + h5,
  .article-inr p + h6, .article-inr ul + h3,
  .article-inr ul + h4,
  .article-inr ul + h5,
  .article-inr ul + h6, .article-inr ol + h3,
  .article-inr ol + h4,
  .article-inr ol + h5,
  .article-inr ol + h6, .article-inr div + h3,
  .article-inr div + h4,
  .article-inr div + h5,
  .article-inr div + h6 {
    margin-top: 3.66vw;
  }
}
@media (max-width: 599px) {
  .article-inr p + h3,
  .article-inr p + h4,
  .article-inr p + h5,
  .article-inr p + h6, .article-inr ul + h3,
  .article-inr ul + h4,
  .article-inr ul + h5,
  .article-inr ul + h6, .article-inr ol + h3,
  .article-inr ol + h4,
  .article-inr ol + h5,
  .article-inr ol + h6, .article-inr div + h3,
  .article-inr div + h4,
  .article-inr div + h5,
  .article-inr div + h6 {
    margin-top: 10.667vw;
  }
}
.article-inr .aligncenter {
  margin: 0 auto;
}
.article-inr .alignright {
  float: right;
}
.article-inr .alignleft {
  float: left;
}
.article-inr .has-text-align-left {
  text-align: left;
}
.article-inr .has-text-align-center {
  text-align: center;
}
.article-inr .has-text-align-right {
  text-align: right;
}
.article-inr .img-border {
  boder: 1px solid #666;
}

.article_footer {
  margin: 100px auto 50px auto;
  width: 800px;
}
@media (max-width: 1366px) {
  .article_footer {
    margin-top: 7.321vw;
    margin-bottom: 3.66vw;
    width: 58.565vw;
  }
}
@media (max-width: 599px) {
  .article_footer {
    margin-top: 26.667vw;
    margin-bottom: 13.333vw;
    width: 100%;
  }
}

.a-navi {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1366px) {
  .a-navi {
    margin-bottom: 2.928vw;
  }
}
@media (max-width: 599px) {
  .a-navi {
    margin-bottom: 7.692vw;
  }
}
.a-navi a {
  font-size: 15px;
  color: #3e3e3e;
}
@media (max-width: 1366px) {
  .a-navi a {
    font-size: 1.098vw;
  }
}
@media (max-width: 599px) {
  .a-navi a {
    font-size: 4vw;
  }
}
.a-navi .prev a:before {
  content: "";
  display: inline-block;
  background: url(../images/cmn/icon_arrow_circle_l.svg) center center/100% no-repeat;
  width: 23px;
  height: 23px;
  position: relative;
  top: 6px;
  margin-right: 5px;
}
@media (max-width: 1366px) {
  .a-navi .prev a:before {
    width: 1.684vw;
    height: 1.684vw;
    top: 0.439vw;
    margin-right: 0.366vw;
  }
}
@media (max-width: 599px) {
  .a-navi .prev a:before {
    width: 6.133vw;
    height: 6.133vw;
    top: 1.6vw;
    margin-right: 1.333vw;
  }
}
.a-navi .next a:after {
  content: "";
  display: inline-block;
  background: url(../images/cmn/icon_arrow_circle_r.svg) center center/100% no-repeat;
  width: 23px;
  height: 23px;
  position: relative;
  top: 6px;
  margin-left: 5px;
}
@media (max-width: 1366px) {
  .a-navi .next a:after {
    width: 1.684vw;
    height: 1.684vw;
    top: 0.439vw;
    margin-left: 0.366vw;
  }
}
@media (max-width: 599px) {
  .a-navi .next a:after {
    width: 6.133vw;
    height: 6.133vw;
    top: 1.6vw;
    margin-left: 1.333vw;
  }
}

.a-share {
  padding-top: 36px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
  font-feature-settings: "palt";
  border-top: 1px solid #666;
}
@media (max-width: 1366px) {
  .a-share {
    padding-top: 2.635vw;
    margin-top: 1.464vw;
    font-size: 0.732vw;
  }
}
@media (max-width: 599px) {
  .a-share {
    padding-top: 4.267vw;
    margin-top: 10.133vw;
    font-size: 2.667vw;
    justify-content: center;
  }
}
@media (max-width: 1366px) {
  .a-share img {
    width: 2.855vw;
    height: auto;
  }
}
@media (max-width: 599px) {
  .a-share img {
    width: 10.4vw;
  }
}
.a-share div {
  margin: 0 15px;
  text-align: center;
}
@media (max-width: 1366px) {
  .a-share div {
    margin: 0 1.098vw;
  }
}
@media (max-width: 599px) {
  .a-share div {
    margin: 0 4vw;
  }
}
.a-share span {
  display: block;
}
@media (max-width: 1366px) {
  .a-share span {
    font-feature-settings: "palt";
  }
}
.a-share .twitter a {
  color: #1da1f2;
}
.a-share .facebook a {
  color: #1877f2;
}
.a-share .line a {
  color: #15c656;
}

.a-archive {
  margin-bottom: 108px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 1366px) {
  .a-archive {
    margin-bottom: 7.906vw;
  }
}
@media (max-width: 599px) {
  .a-archive {
    margin-bottom: 24vw;
  }
}
.a-archive .ac-center {
  width: 100%;
}
.a-archive .btn-center {
  margin: 20px auto 0 auto;
  width: 300px;
  height: 40px;
}
.a-archive .btn-center a {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0058bc;
}
@media (max-width: 1366px) {
  .a-archive .btn-center a {
    font-size: 1.318vw;
  }
}
@media (max-width: 599px) {
  .a-archive .btn-center a {
    font-size: 4.8vw;
  }
}
@media (max-width: 1366px) {
  .a-archive .btn-center {
    margin-top: 2.196vw;
    width: 21.962vw;
    height: 2.928vw;
  }
}
@media (max-width: 599px) {
  .a-archive .btn-center {
    margin-top: 7.692vw;
    width: 100%;
    width: 100%;
    height: 10.667vw;
  }
}
.a-archive > .btn {
  margin-left: 17px;
  margin-right: 17px;
  width: 300px;
}
@media (max-width: 1366px) {
  .a-archive > .btn {
    margin-left: 1.245vw;
    margin-right: 1.245vw;
    width: 21.962vw;
  }
}
@media (max-width: 599px) {
  .a-archive > .btn {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.a-archive > .box {
  margin: 0 17px;
  position: relative;
}
@media (max-width: 1366px) {
  .a-archive > .box {
    margin: 0 1.245vw;
  }
}
@media (max-width: 599px) {
  .a-archive > .box {
    margin: 4.533vw 0 0 0;
    width: 100%;
  }
  .a-archive > .box + .btn {
    margin-top: 13.333vw;
  }
}
.a-archive > .box ul {
  border: 1px solid #0058bc;
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
  background: #fff;
}
@media (max-width: 599px) {
  .a-archive > .box ul {
    position: static;
    display: none;
    opacity: 1;
    visibility: visible;
    transition: unset;
  }
}
.a-archive > .box ul li {
  border-top: 1px solid #0058bc;
}
.a-archive > .box ul li:first-child {
  border-top: 0;
}
.a-archive > .box ul li a {
  padding: 8px 14px;
  display: block;
}
@media (max-width: 1366px) {
  .a-archive > .box ul li a {
    padding: 0.586vw 1.025vw;
  }
}
@media (max-width: 599px) {
  .a-archive > .box ul li a {
    padding: 2.133vw 3.733vw;
  }
}
.a-archive > .box ul li a:hover {
  opacity: 1;
  background: #e6f1fc;
}
.a-archive .archivebtn p {
  padding: 0 30px 0 17px;
  width: 300px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #fff;
  background: #0058bc;
  cursor: pointer;
}
@media (max-width: 1366px) {
  .a-archive .archivebtn p {
    padding: 0 2.196vw 0 1.245vw;
    font-size: 1.318vw;
    width: 21.962vw;
    height: 2.928vw;
  }
}
@media (max-width: 599px) {
  .a-archive .archivebtn p {
    padding: 0 8vw 0 4.533vw;
    font-size: 4.8vw;
    width: 100%;
    height: 10.667vw;
  }
}
.a-archive .archivebtn span {
  font-size: 15px;
}
.a-archive .archivebtn:hover ul {
  opacity: 1;
  visibility: visible;
}

.page-inr {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}
@media (max-width: 1366px) {
  .page-inr {
    width: 58.565vw;
  }
}
@media (max-width: 599px) {
  .page-inr {
    width: 100%;
  }
}
.page-inr p {
  margin-bottom: 16px;
}
@media (max-width: 1366px) {
  .page-inr p {
    margin-bottom: 1.171vw;
  }
}
@media (max-width: 599px) {
  .page-inr p {
    margin-bottom: 4.103vw;
  }
}
.page-inr p:last-child {
  margin-bottom: 0;
}
.page-inr p + h2,
.page-inr p + h3,
.page-inr p + h4 {
  margin-top: 70px;
}
@media (max-width: 1366px) {
  .page-inr p + h2,
  .page-inr p + h3,
  .page-inr p + h4 {
    margin-top: 5.124vw;
  }
}
@media (max-width: 599px) {
  .page-inr p + h2,
  .page-inr p + h3,
  .page-inr p + h4 {
    margin-top: 12.821vw;
  }
}
.page-inr div + h2,
.page-inr div + h3,
.page-inr div + h4 {
  margin-top: 70px;
}
@media (max-width: 1366px) {
  .page-inr div + h2,
  .page-inr div + h3,
  .page-inr div + h4 {
    margin-top: 5.124vw;
  }
}
@media (max-width: 599px) {
  .page-inr div + h2,
  .page-inr div + h3,
  .page-inr div + h4 {
    margin-top: 12.821vw;
  }
}
.page-inr ul + h2,
.page-inr ul + h3,
.page-inr ul + h4 {
  margin-top: 70px;
}
@media (max-width: 1366px) {
  .page-inr ul + h2,
  .page-inr ul + h3,
  .page-inr ul + h4 {
    margin-top: 5.124vw;
  }
}
@media (max-width: 599px) {
  .page-inr ul + h2,
  .page-inr ul + h3,
  .page-inr ul + h4 {
    margin-top: 12.821vw;
  }
}
.page-inr ol + h2,
.page-inr ol + h3,
.page-inr ol + h4 {
  margin-top: 70px;
}
@media (max-width: 1366px) {
  .page-inr ol + h2,
  .page-inr ol + h3,
  .page-inr ol + h4 {
    margin-top: 5.124vw;
  }
}
@media (max-width: 599px) {
  .page-inr ol + h2,
  .page-inr ol + h3,
  .page-inr ol + h4 {
    margin-top: 12.821vw;
  }
}
.page-inr ol {
  margin: 0 0 20px 20px;
}
@media (max-width: 1366px) {
  .page-inr ol {
    margin: 0 0 1.464vw 1.464vw;
  }
}
@media (max-width: 599px) {
  .page-inr ol {
    margin: 0 0 5.333vw 5.333vw;
  }
}
.page-inr ol li {
  margin-bottom: 10px;
}
@media (max-width: 1366px) {
  .page-inr ol li {
    margin-bottom: 0.732vw;
  }
}
@media (max-width: 599px) {
  .page-inr ol li {
    margin-bottom: 2.564vw;
  }
}

.notfound {
  padding-bottom: 100px;
}
@media (max-width: 1366px) {
  .notfound {
    padding-bottom: 7.321vw;
  }
}
@media (max-width: 599px) {
  .notfound {
    padding-bottom: 25.641vw;
  }
}

/* ----------------------------------------------------
pager
---------------------------------------------------- */
.pager {
  margin: 48px 0 83px 0;
  font-size: 20px;
  line-height: 1.5;
  display: flex;
  justify-content: center;
}
@media (max-width: 1366px) {
  .pager {
    margin: 3.514vw 0 6.076vw 0;
    font-size: 1.464vw;
  }
}
@media (max-width: 599px) {
  .pager {
    margin: 22.308vw 0 19.487vw 0;
    font-size: 5.128vw;
    flex-wrap: wrap;
  }
}
.pager span {
  margin: 6px 3px 0 3px;
  width: 30px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pager span.current {
  color: #fff;
  background: #0058bc;
}
@media (max-width: 1366px) {
  .pager span {
    margin: 0.439vw 0.22vw 0 0.22vw;
    width: 2.196vw;
    height: 2.928vw;
  }
}
@media (max-width: 599px) {
  .pager span {
    margin: 1.538vw 0.769vw 0 0.769vw;
    width: 7.692vw;
    height: 10.256vw;
  }
}
.pager a {
  margin: 0 3px;
  color: #0058bc;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1366px) {
  .pager a {
    margin: 0 0.22vw;
  }
}
@media (max-width: 599px) {
  .pager a {
    margin: 0 0.769vw;
  }
}
.pager a.page-numbers {
  margin-top: 6px;
  width: 30px;
  height: 40px;
  border: 1px solid #0058bc;
}
@media (max-width: 1366px) {
  .pager a.page-numbers {
    margin-top: 0.439vw;
    width: 2.196vw;
    height: 2.928vw;
  }
}
@media (max-width: 599px) {
  .pager a.page-numbers {
    margin-top: 1.538vw;
    width: 7.692vw;
    height: 10.256vw;
  }
}
.pager a.next {
  font-size: 20px;
  background: none;
}
@media (max-width: 1366px) {
  .pager a.next {
    font-size: 1.464vw;
  }
}
@media (max-width: 599px) {
  .pager a.next {
    font-size: 5.128vw;
  }
}

/* ----------------------------------------------------
footer
---------------------------------------------------- */
.footer {
  padding: 46px 40px;
  border-top: 1px solid #707070;
}
@media (max-width: 1366px) {
  .footer {
    padding: 3.367vw 2.928vw;
  }
}
@media (max-width: 599px) {
  .footer {
    padding: 10.133vw 8vw 19.467vw 8vw;
  }
}
.footer-inr {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 599px) {
  .footer-inr {
    flex-wrap: wrap;
  }
}
.footer .l-info {
  width: 330px;
}
@media (max-width: 1366px) {
  .footer .l-info {
    width: 24.158vw;
  }
}
@media (max-width: 599px) {
  .footer .l-info {
    margin-top: 13.333vw;
    width: 100%;
    order: 2;
  }
}
.footer .l-info .sitetitle {
  margin-bottom: 13px;
  color: #fc4500;
  font-size: 22px;
  font-weight: bold;
}
@media (max-width: 1366px) {
  .footer .l-info .sitetitle {
    margin-bottom: 0.952vw;
    font-size: 1.611vw;
  }
}
@media (max-width: 599px) {
  .footer .l-info .sitetitle {
    margin-bottom: 3.467vw;
    font-size: 5.867vw;
  }
}
.footer .address p {
  font-size: 15px;
  font-weight: 500;
}
@media (max-width: 1366px) {
  .footer .address p {
    font-size: 1.098vw;
  }
}
@media (max-width: 599px) {
  .footer .address p {
    font-size: 4vw;
  }
}
.footer .sharebox {
  margin-top: 14px;
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
}
@media (max-width: 1366px) {
  .footer .sharebox {
    margin-top: 1.025vw;
    font-size: 0.732vw;
  }
}
@media (max-width: 599px) {
  .footer .sharebox {
    margin-top: 3.733vw;
    font-size: 2.667vw;
    justify-content: center;
  }
}
@media (max-width: 1366px) {
  .footer .sharebox img {
    width: 2.855vw;
    height: auto;
  }
}
@media (max-width: 599px) {
  .footer .sharebox img {
    width: 10.4vw;
  }
}
.footer .sharebox div {
  margin: 0 15px;
  text-align: center;
}
@media (max-width: 1366px) {
  .footer .sharebox div {
    margin: 0 1.098vw;
  }
}
@media (max-width: 599px) {
  .footer .sharebox div {
    margin: 0 4vw;
  }
}
.footer .sharebox span {
  display: block;
}
@media (max-width: 1366px) {
  .footer .sharebox span {
    font-feature-settings: "palt";
  }
}
.footer .sharebox .twitter a {
  color: #1da1f2;
}
.footer .sharebox .facebook a {
  color: #1877f2;
}
.footer .sharebox .line a {
  color: #15c656;
}
.footer .linkbox {
  width: 258px;
  font-size: 15px;
  font-feature-settings: "palt";
}
@media (max-width: 1366px) {
  .footer .linkbox {
    width: 18.887vw;
    font-size: 1.098vw;
  }
}
@media (max-width: 599px) {
  .footer .linkbox {
    width: 100%;
    font-size: 4vw;
  }
  .footer .linkbox + .linkbox .linklist01 li:first-child {
    border-top: 0;
  }
}
.footer .linkbox .linklist01 li {
  border-bottom: 1px dashed #888;
}
.footer .linkbox .linklist01 li:first-child {
  border-top: 1px dashed #888;
}
.footer .linkbox .linklist01 li a {
  padding: 10px 0 10px 30px;
  display: block;
  color: #3e3e3e;
  background: url(../images/cmn/icon_arrow_blue_r.svg) left 12px center/8px no-repeat;
}
@media (max-width: 1366px) {
  .footer .linkbox .linklist01 li a {
    padding: 0.732vw 0 0.732vw 2.196vw;
    background: url(../images/cmn/icon_arrow_blue_r.svg) left 0.878vw center/0.586vw no-repeat;
  }
}
@media (max-width: 599px) {
  .footer .linkbox .linklist01 li a {
    padding: 2.667vw 0 2.667vw 8vw;
    background: url(../images/cmn/icon_arrow_blue_r.svg) left 3.2vw center/2.133vw no-repeat;
  }
}
.footer .linkbox .linklist02 {
  margin-top: 24px;
}
@media (max-width: 1366px) {
  .footer .linkbox .linklist02 {
    margin-top: 1.757vw;
  }
}
@media (max-width: 599px) {
  .footer .linkbox .linklist02 {
    margin-top: 6.4vw;
  }
}
.footer .linkbox .linklist02 li {
  margin-top: 6px;
}
@media (max-width: 1366px) {
  .footer .linkbox .linklist02 li {
    margin-top: 0.439vw;
  }
}
@media (max-width: 599px) {
  .footer .linkbox .linklist02 li {
    margin-top: 1.6vw;
  }
}
.footer .linkbox .linklist02 li a {
  text-decoration: underline;
}
.footer .linkbox .linklist02 li:before {
  content: "＞";
  margin-right: 10px;
  font-size: 15px;
  color: #0058bc;
}
@media (max-width: 1366px) {
  .footer .linkbox .linklist02 li:before {
    margin-right: 0.732vw;
    font-size: 1.098vw;
  }
}
@media (max-width: 599px) {
  .footer .linkbox .linklist02 li:before {
    margin-right: 2.667vw;
    font-size: 4vw;
  }
}

/* ----------------------------------------------------
copyright
---------------------------------------------------- */
.copyright {
  padding: 26px 0 124px 0;
  text-align: right;
}
@media (max-width: 1366px) {
  .copyright {
    padding: 1.903vw 0 9.078vw 0;
  }
}
@media (max-width: 599px) {
  .copyright {
    padding: 26.667vw 0 10.667vw 0;
    text-align: center;
  }
}
.copyright p {
  font-size: 11px;
  font-weight: 400;
}
@media (max-width: 1366px) {
  .copyright p {
    font-size: 0.805vw;
  }
}
@media (max-width: 599px) {
  .copyright p {
    font-size: 2.933vw;
  }
}
.copyright .inner {
  position: relative;
}
.copyright-img {
  position: absolute;
  top: -80px;
  left: 0;
  z-index: 10;
  line-height: 0;
}
@media (max-width: 1366px) {
  .copyright-img {
    top: -5.857vw;
  }
}
@media (max-width: 599px) {
  .copyright-img {
    top: -37.333vw;
  }
}