@charset "UTF-8";
#container {
  font-family: -apple-system, blinkMacSystemFont, Helvetica Neue, Segoe UI, Yu Gothic, YuGothic, 游ゴシック体, Meiryo, sans-serif;
  font-size: 16px
}

#container *, #container * :after, #container :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@font-face {
  font-family: icoset;
  font-weight: 400;
  font-style: normal;
  src: url(fonts/icoset.ttf) format("truetype"), url(fonts/icoset.woff) format("woff")
}

.isSPn {
  display: none!important
}

.isSPb {
  display: block!important
}

.ib {
  display: inline-block!important
}

#contents {
  width: 100%;
  padding-right: 3%;
  padding-left: 3%
}

.wide-cover {
  margin-right: -4%;
  margin-left: -4%;
  padding-right: 4%;
  padding-left: 4%
}

#incHeader {
  position: relative;
  z-index: 3;
  background: #fff
}

#incFooter {
  background: #929292
}

.wrap-container {
  overflow: hidden
}

.title-box {
  position: relative;
  z-index: 1;
  padding-bottom: 10px;
  -webkit-transition: opacity .8s ease .3s;
  -o-transition: opacity .8s ease .3s;
  transition: opacity .8s ease .3s;
  opacity: 0;
  color: #ccc
}

.title-box:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 2px;
  content: "";
  background: #263045;
  speak: none
}

.is-inview .title-box {
  opacity: 1
}

.title-box .title .txt {
  font-family: Barlow Semi Condensed, sans-serif;
  font-size: 36px;
  font-weight: 100;
  line-height: 1
}

.title-box .title .txt span {
  position: relative;
  display: block;
  color: #263045
}

.title-box .title .txt span:first-child:after {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s
}

.title-box .title .txt span:nth-child(2):after {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s
}

.title-box .subttl {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  margin-top: 5px;
  color: #263045
}

.title-box+.lead {
  margin-top: 15px
}

[role=tabpanel] {
  display: none
}

.btn-view a, [role=tabpanel][aria-hidden=false] {
  display: block
}

.btn-view a {
  font-weight: 700;
  position: relative;
  padding: 10px 15px;
  text-align: center;
  color: #263045;
  border: 1px solid #263045
}

.btn-view a:after {
  font-family: icoset;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
  content: "\e901";
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.btn-view a:hover {
  color: #fff;
  background: #263045
}

#mainView .slider li {
  display: none
}

#mainView .slider {
  height: 100%;
}

#mainView .bx-viewport .slider li {
  display: block!important
}

#mainView {
  min-height: 300px
}

#mainView>div {
  position: relative;
  margin: 0 auto
}

.isTablet #mainView .slider {
  height: 460px
}

#mainView .slider video {
  display: none
}

#mainView .slider video img {
  width: 100%
}

#mainView .slider img.bp {
  display: none;
  width: 100%;
  height: auto
}

#mainView .slider img.bp.bpsp {
  display: block
}

#mainView .slider .bppc {
  display: none
}

#mainView .slider .bb {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 60px 3% 50px;
  color: #fff;
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8) 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, rgba(0, 0, 0, .8)));
  background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .8) 50%);
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .8) 50%)
}

#mainView .slider .main-lead {
  font-size: 30px;
  line-height: 1.3
}

#mainView .slider .sub-lead {
  font-size: 14px;
  margin-top: 10px
}

#mainView .bx-wrapper {
  position: relative
}

.isTablet #mainView .bx-wrapper {
  height: 460px
}

#mainView .bx-wrapper .video>a {
  display: block;
  width: 100%;
  height: 100%
}

#mainView .bx-wrapper .photo-wrap {
  width: 100%;
  height: 100%;
  text-align: center
}

#mainView .bx-wrapper .photo-wrap .movie {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  min-width: 1280px;
}

#mainView .bx-wrapper .bx-viewport {
  z-index: 0
}

.isTablet #mainView .bx-wrapper .bx-viewport {
  height: 460px!important
}

#mainView .bx-wrapper .bx-controls-direction {
  position: absolute;
  left: 0;
  display: none;
  width: 100%
}

#mainView .bx-wrapper .bx-controls-direction a {
  position: absolute;
  z-index: 998;
  top: 0;
  overflow: hidden;
  width: 30px;
  height: 55px;
  text-align: left;
  text-indent: -9999px;
  outline: 0
}

#mainView .bx-wrapper .bx-controls-direction a:after {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #fff;
  background: transparent
}

#mainView .bx-wrapper .bx-controls-direction a.bx-prev {
  left: 30px;
  background: none
}

#mainView .bx-wrapper .bx-controls-direction a.bx-prev:after {
  left: 8px
}

#mainView .bx-wrapper .bx-controls-direction a.bx-next {
  right: 30px;
  background: none
}

#mainView .bx-wrapper .bx-controls-direction a.bx-next:after {
  right: 8px;
  left: auto
}

#mainView .bx-wrapper .bx-controls-direction a.disabled {
  display: none
}

#mainView .bx-pager, #mainView .bx-pager-item {
  display: inline-block
}

#mainView .bx-pager {
  position: relative;
  bottom: -10px
}

#mainView .bx-pager.bx-default-pager a {
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 8px;
  text-align: left;
  text-indent: -9999px;
  border-radius: 50%;
  outline: 0;
  background: #ccc
}

#mainView .bx-pager.bx-default-pager a.active {
  background: #13448f
}

#mainView .controls-wrap {
  position: relative;
  max-width: 1200px;
  margin: 0 auto
}

#mainView .bx-controls {
  position: absolute;
  width: 100%
}

#mainView .bx-controls .controls-tools {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  height: 35px;
  padding: 0 20px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: right;
  white-space: nowrap;
  background: rgba(0, 0, 0, .5)
}

#mainView .bx-controls .bx-controls-auto {
  position: relative;
  bottom: -10px;
  display: inline-block;
  margin-right: 9px;
  padding-right: 15px;
  letter-spacing: normal;
  border-right: 1px solid #fff
}

#mainView .bx-controls .bx-start, #mainView .bx-controls .bx-stop {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  text-align: left;
  text-indent: -9999px
}

#mainView .bx-controls .bx-start:after, #mainView .bx-controls .bx-start:before, #mainView .bx-controls .bx-stop:after, #mainView .bx-controls .bx-stop:before {
  position: absolute;
  display: block;
  content: ""
}

#mainView .bx-controls .bx-stop:after, #mainView .bx-controls .bx-stop:before {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 4px;
  height: 12px;
  margin-top: -6px;
  background: #ccc
}

#mainView .bx-controls .bx-stop:after {
  left: 8px
}

#mainView .bx-controls .bx-start:before {
  top: 50%;
  left: 2px;
  width: 0;
  height: 0;
  margin-top: -6px;
  vertical-align: middle;
  border-width: 6px 0 6px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff
}

.special-notice {
  font-size: 14px;
  margin-bottom: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #dfe2e7;
  -webkit-box-shadow: #eef0f3 0 5px 0 0;
  box-shadow: 0 5px 0 0 #eef0f3
}

.special-notice_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.special-notice_box .title {
  font-weight: 700;
  position: relative;
  width: 7em;
  padding-left: 2em
}

.special-notice_box .title:before {
  font-family: icoset;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  top: -2px;
  left: 0;
  content: "\e910";
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.special-notice_box .txt {
  width: calc(100% - 7em)
}

.special-notice_list li~li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #dfe2e7
}

.press-releace {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px
}

.press-releace_inner {
  position: relative
}

.press-releace_inner:after {
  position: absolute;
  z-index: 0;
  top: 20px;
  left: -1570px;
  display: block;
  width: 1500px;
  height: 1200px;
  content: "";
  -webkit-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  transform: skewX(-12deg);
  background: #eef0f3
}

.press-releace .title-box {
  position: relative;
  z-index: 1
}

.press-releace .title-box .subttl, .press-releace .title-box .title {
  display: block;
  margin-left: 0
}

.press-releace .btn-view {
  position: relative;
  z-index: 1;
  margin-top: 15px
}

.press-releace .btn-view a {
  text-decoration: none!important
}

.press-releace_area {
  position: relative;
  z-index: 1;
  margin-top: 15px;
  background: #fff
}

.press-releace_menu {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.press-releace_menu, .press-releace_menu li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.press-releace_menu li {
  font-size: 14px;
  line-height: 1.2;
  width: 32%;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.press-releace_menu li:first-child .sort-menu_btn.current {
  background: #263045
}

.press-releace_menu li:first-child .sort-menu_btn.current:after {
  content: "";
  border-top-color: #263045
}

.press-releace_menu li:nth-child(2) .sort-menu_btn.current {
  background: #007db7
}

.press-releace_menu li:nth-child(2) .sort-menu_btn.current:after {
  content: "";
  border-top-color: #007db7
}

.press-releace_menu li:nth-child(3) .sort-menu_btn.current {
  background: #073190
}

.press-releace_menu li:nth-child(3) .sort-menu_btn.current:after {
  content: "";
  border-top-color: #073190
}

.press-releace_menu .sort-menu_btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none!important;
  color: #263045;
  background: #eef0f3;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.press-releace_menu .sort-menu_btn:after {
  position: absolute;
  bottom: -9px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: transparent
}

.press-releace_menu .sort-menu_btn.current {
  pointer-events: none;
  color: #fff
}

.press-releace_list a {
  display: block;
  text-decoration: none;
  color: #000
}

.press-releace_list a>div+div {
  margin-top: 5px
}

.press-releace_list a:hover>div+div {
  text-decoration: underline
}

.press-releace_list li {
  padding: 15px 10px;
  border-bottom: 1px solid #e1e7ed
}

.press-releace_list li.is-hide {
  display: none!important
}

.press-releace_list .date {
  line-height: 1.2;
  display: inline-block;
  color: #073190
}

.press-releace_list .cate {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  width: 6em;
  margin-left: 10px;
  padding: 3px 0;
  text-align: center;
  color: #fff;
  border: 1px solid #073190
}

.press-releace_list .t_all .cate {
  color: #003b90;
  border-color: #003b90
}

.press-releace_list .t_ana .cate {
  border-color: #073190;
  background: #073190
}

.press-releace_list .t_anh .cate {
  border-color: #007db7;
  background: #007db7
}

.press-pickup_area {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #cacddd;
  background: #fff
}

.press-pickup_area .title-box .txt span:after {
  color: #073190
}

.press-pickup_area .title-box:after {
  background: #073190
}

.press-pickup_area .title-box .subttl:after {
  color: #073190
}

.press-pickup_area .thumb {
  display: block;
  width: 100%
}

.press-pickup_area .thumb img {
  width: 100%;
  max-width: none
}

.press-pickup_area .btn-view {
  position: static!important
}

.press-pickup_area .btn-view a {
  font-weight: 400;
  border-color: #cacddd
}

.press-pickup_area .btn-view a:hover {
  color: #263045;
  background: #cacddd
}

.press-pickup_details dt {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #073190
}

.press-pickup_details dd {
  margin-top: 5px
}

.whats-up {
  margin-bottom: 0;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #263045
}

.whats-up .whats-up_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2%;
}

.whats-up .wup-news_box {
  flex:1 1 0;
  width: 100%;
  padding: 0 2%;
  margin-top: 1px
}

.whats-up .wup-news_box:first-child {
  margin-top: 0
}

.whats-up .wup-news_box a {
  /* display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column; */
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
  background: #fff
}

.whats-up .wup-news_box .photo {
  font-size: 0;
  line-height: 0;
  width: 100%
}

.whats-up .wup-news_box .photo img {
  width: 100%;
  max-width: none;
  height: auto
}

.whats-up .wup-news_box .txt {
  background: #fff;
  font-size: 15px;
  width: 100%;
  padding: 15px;
  /* -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1 */
}

.whats-up .wup-news_box .cate {
  font-size: 12px;
  display: inline-block;
  min-width: 100px;
  padding: 2px 0 1px;
  text-align: center;
  color: #fff
}

.whats-up .wup-news_box .date {
  margin-top: 4px
}

.sns-info_cover {
  position: relative;
  overflow: hidden;
  background: #e0e6f4
}
.sns-info_cover2 {
  position: relative;
  overflow: hidden;
  background: #e3edf3
}

/* .sns-info_cover:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: calc(50% + 100px);
  height: 100%;
  content: "";
  -webkit-transform: skewX(-10deg) translateX(-100px);
  -ms-transform: skewX(-10deg) translateX(-100px);
  transform: skewX(-10deg) translateX(-100px);
  background: #e3edf3
} */

.sns-info_inner {
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0
}

.sns-ttl_link {
  position: relative;
  display: block;
  padding-right: 30px
}

.sns-ttl_link:after {
  font-family: icoset;
  font-size: 1.5rem;
  font-weight: 400;
  font-weight: 700;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  content: "\e901";
  text-transform: none;
  color: #263045;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.sns-ttl_link:hover {
  text-decoration: none!important
}

.sns-ttl_link .txt-box {
  margin-top: 10px;
  color: #263045
}

.sns-ttl_link .title-box .title .txt br._tb {
  display: none
}

#twitter .sns-cover_mh {
  overflow-y: auto
}

.sns-cont {
  margin-top: 15px
}

.anaGP-news {
  padding-top: 15px;
  padding-bottom: 15px;
}
.anaGP-news .title-box .title {
  /* width: calc(100% + 15px);
  margin-right: -15px */
}

.anaGP-news .title-box .title .txt:after {
  font-family: icoset;
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  position: static;
  display: inline-block;
  margin: -8px 0 0 10px;
  content: "\e916";
  vertical-align: middle;
  text-transform: none;
  color: #1da1f2;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.anaGP-news .title-box .title .txt span {
  display: inline-block
}
.anaGP-news .icon-blank-pc {
  display: none;
}

.about {
  position: relative;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px
}

.about:after, .about:before {
  position: absolute;
  top: 0;
  display: block;
  width: 50%;
  height: 100%;
  content: ""
}

.about:before {
  display: none
}

.about:after {
  z-index: 0;
  right: 0;
  background: url(/group/img/toppage/renewal2018/about_bg_1912_sp.jpg) no-repeat 100% 0;
  background-size: auto 160px
}

.about-content_list, .about .title-box {
  position: relative;
  z-index: 2
}

.about-content_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.about-content_list li {
  background: #fff
}

.about-content_list a {
  line-height: 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-decoration: none!important;
  background: red;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.about-content_list a:hover {
  opacity: .8
}

.about-content_list .thumb {
  display: block;
  width: 100%
}

.about-content_list .thumb img {
  width: 100%;
  max-width: none
}

.about-content_list .txt-box {
  line-height: 1.3;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 20px 20px 10px;
  color: #fff;
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .7));
  background: -o-linear-gradient(transparent 0, rgba(0, 0, 0, .7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7)));
  background: linear-gradient(transparent, rgba(0, 0, 0, .7))
}

.about-content_list .txt-box:after {
  font-family: icoset;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  top: 45%;
  right: 3px;
  content: "\e901";
  text-transform: none;
  color: #fff;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.about-content_list .txt-box .title {
  font-size: 18px;
  font-weight: 700
}

.about-content_list .txt-box .txt {
  font-size: 14px;
  margin-top: 5px
}

.about-content_list .box {
  width: calc(50% - 7px)
}

.about-content_list .box:first-child {
  width: 100%
}

.about-content_list .box:first-child a {
  background: #e6e6e8;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.about-content_list .box:first-child .txt-box {
  top: 50px;
  right: 15px;
  bottom: auto;
  left: auto;
  width: auto;
  padding: 0;
  text-align: right;
  color: #263045;
  background: transparent
}

.about-content_list .box:first-child .txt-box:after {
  display: none
}

.about-content_list .box:first-child .txt-box .txt {
  font-weight: 700;
  display: block
}

.about-content_list .box:first-child .txt-box .txt span.img {
  line-height: 0;
  display: block;
  vertical-align: middle
}

.about-content_list .box:first-child .txt-box .txt span.img img {
  width: 120px;
  margin-left: 10px
}

.about-content_list .box .btn-more {
  margin-top: 8px
}

.about-content_list .box .btn-more span {
  font-weight: 700;
  position: relative;
  display: block;
  padding: 10px 20px 10px 5px;
  text-align: center;
  color: #263045;
  border: 1px solid #263045
}

.about-content_list .box .btn-more span:after {
  font-family: icoset;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -6px;
  content: "\e901";
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.about-anchor {
  position: relative;
  z-index: 2;
  margin-top: 15px;
  background: #fff
}

.about-anchor a {
  display: block;
  padding: 15px 0;
  text-align: center;
  text-decoration: none!important;
  color: #fff;
  background: url(/group/img/toppage/renewal2018/btn_data.jpg) no-repeat 50%;
  background-size: cover
}

.about-anchor a:hover {
  opacity: .9
}

.about-anchor a span {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding-right: 25px;
  padding-left: 35px
}

.about-anchor a span:after, .about-anchor a span:before {
  font-family: icoset;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  top: 50%;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.about-anchor a span:before {
  font-size: 24px;
  left: 0;
  margin-top: -12px;
  content: "\e90a"
}

.about-anchor a span:after {
  font-size: 12px;
  right: 0;
  margin-top: -6px;
  content: "\e903"
}

@-webkit-keyframes a {
  0% {
    top: 30px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes a {
  0% {
    top: 30px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

.creation {
  padding-top: 30px;
  padding-bottom: 30px;
  background: url(/group/img/toppage/renewal2018/creation_bg.jpg) no-repeat top;
  background-size: auto 100%
}

.creation_list {
  margin-top: 15px
}

.creation_list a {
  display: block;
  overflow: hidden;
  text-decoration: none!important;
  background: #fff;
  -webkit-box-shadow: 0 1px 0 0 hsla(0, 0%, 83%, .75);
  box-shadow: 0 1px 0 0 hsla(0, 0%, 83%, .75)
}

.creation_list a:hover .thumb img {
  opacity: .7
}

.creation_list .creation_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.creation_list .thumb {
  line-height: 0;
  display: block;
  width: 30%;
  -webkit-order: 1;
  -ms-order: 1;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.creation_list .thumb img {
  width: 100%;
  max-width: none
}

.creation_list .txt-box {
  width: 70%;
  padding-right: 10px;
  padding-left: 15px;
  -webkit-order: 2;
  -ms-order: 2;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.creation_list .title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #3d63a9
}

.creation_list .title .small {
  font-size: 18px
}

.creation_list .txt {
  line-height: 1.2;
  margin-top: 6px;
  color: #3d63a9
}

.creation_list .wide a {
  position: relative;
  width: 100%
}

.creation_list .wide .thumb {
  width: 56%;
  -webkit-order: 2;
  -ms-order: 2;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.creation_list .wide .thumb img {
  position: relative;
  margin: -10% 0
}

.creation_list .wide .txt-box {
  position: relative;
  z-index: 1;
  width: 44%;
  padding-right: 0;
  -webkit-order: 1;
  -ms-order: 1;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.creation_list .wide .txt-box:after {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 50px;
  display: block;
  width: 1200px;
  height: 600px;
  content: "";
  -webkit-transform: skewX(-14deg) translateY(-50%);
  -ms-transform: skewX(-14deg) translateY(-50%);
  transform: skewX(-14deg) translateY(-50%);
  background: #fff
}

.creation_list .wide .title {
  position: relative;
  z-index: 1;
  width: 120%;
  margin-right: -20%;
  text-align: left
}

.creation_list .wide .txt {
  position: relative;
  z-index: 1
}

.data-section {
  padding-top: 30px;
  padding-bottom: 30px;
  background: url(/group/img/toppage/renewal2018/data_bg.jpg) no-repeat top;
  background-size: auto 100%
}

.data-section .title-box .txt span, .data-section .title-box .txt span:after {
  color: #fff
}

.data-section .title-box:after {
  background: #fff
}

.data-section .lead, .data-section .title-box .subttl, .data-section .title-box .subttl:after {
  color: #fff
}

.data-section a {
  text-decoration: none!important;
  color: #fff!important
}

.data-section_list {
  width: calc(100% + 10px);
  margin-top: 15px;
  margin-left: -10px;
  padding: 0 3%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.data-section_list, .data-section_list .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.data-section_list .box {
  width: calc(50% - 10px);
  margin-left: 10px
}

.data-section_list a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px 10px 10px;
  padding-top: 120px;
  text-align: center;
  background: #3e485b;
  -webkit-box-shadow: 0 1px 0 0 rgba(34, 43, 61, .75);
  box-shadow: 0 1px 0 0 rgba(34, 43, 61, .75);
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.data-section_list a:hover {
  background: #535e74
}

.data-section_list a:after {
  font-family: icoset;
  font-size: 90px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  content: "";
  text-align: center;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.data-section_list p {
  font-size: 12px;
  min-height: 2.4em
}

.data-section_list .cate01 a:after {
  content: "\e90f"
}

.data-section_list .cate02 a:after {
  content: "\e90d"
}

.data-section_list .cate03 a:after {
  content: "\e90e"
}

.data-section_list .cate04 a:after {
  content: "\e90b"
}

.data-section_list .cate05 a:after {
  content: "\e909"
}

.sns-section {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #f2f2f2
}

.sns-section_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.sns-section_list .box {
  width: 50%;
  border-left: 1px solid #d4d5d8
}

.sns-section_list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 10px 10px 8%;
  text-decoration: none!important;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sns-section_list a:before {
  font-family: icoset;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  line-height: 38px;
  position: absolute;
  position: static;
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  content: "";
  text-align: center;
  text-transform: none;
  color: #6a6c72;
  border: 2px solid #6a6c72;
  border-radius: 3px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.sns-section_list a:hover:before {
  color: #fff;
  background: #6a6c72
}

.sns-section_list a span {
  font-weight: 700;
  display: block;
  width: calc(100% - 50px);
  color: #263045
}

.sns-section_list .fb a:before {
  content: "\e90c"
}

.sns-section_list .tw a:before {
  content: "\e916"
}

.sns-section_list .yt a:before {
  content: "\e917"
}

.sns-section_list .ig a:before {
  content: "\e911"
}

.modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #000
}

.modal.is-active {
  display: block
}

.modalInner {
  max-width: 1600px;
  height: 100%;
  margin: 0 auto;
  padding: 0 25px
}

.modalClose {
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  display: inline-block;
  width: 100px;
  height: 80px;
  cursor: pointer
}

.modalClose a {
  display: block;
  width: 100%;
  height: 100%
}

.modalClose a:after, .modalClose a:before {
  position: absolute;
  top: 50%;
  right: 40px;
  display: inline-block;
  width: 20px;
  height: 2px;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff
}

.modalClose a:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.modalClose a:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.plyr, .plyr--ready {
  font-family: Avenir, Avenir Next, Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-width: 200px;
  max-width: 100%;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  direction: ltr
}

@media screen\0 {
  #container {
    font-family: Segoe UI, メイリオ, Meiryo, sans-serif
  }
}

@media print, screen and (min-width:768px) {
  .isSPn {
    display: block!important
  }
  .isSPb {
    display: none!important
  }
  #contents {
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px
  }
  .wide-cover {
    margin-right: calc(((100vw - 100%) / 2) * -1);
    margin-left: calc(((100vw - 100%) / 2) * -1);
    padding-right: calc((100vw - 100%) / 2);
    padding-left: calc((100vw - 100%) / 2)
  }
  .isOtherDevice .slide {
    position: relative;
    width: 100%;
    height: 100%
  }
  .isOtherDevice .wrap-container.slide {
    z-index: 2;
    background: #fff
  }
  .title-box {
    padding-bottom: 20px
  }
  .title-box:after {
    width: 30px
  }
  .title-box .title .txt {
    font-size: 72px
  }
  .title-box .subttl, .title-box .title {
    display: inline-block
  }
  .title-box .subttl {
    font-size: 24px;
    margin-left: .8em
  }
  .title-box+.lead {
    margin-top: 25px
  }
  #mainView {
    overflow: hidden;
    width: 100%;
    background-color: #a4a4a4
  }
  .isOtherDevice #mainView {
  }

  #mainView .slider {
    height: 548px;
  }
  #mainView .slider li {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center
  }
  #mainView .slider video {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
  }
  #mainView .slider img.bp {
    width: auto
  }
  #mainView .slider img.bp.bpsp {
    display: none
  }
  #mainView .slider .bppc {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
  #mainView .slider .bb {
    padding: 150px 0 50px;
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .8))
  }
  #mainView .slider .bb .inner {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
    text-align: left
  }
  #mainView .slider .main-lead {
    font-size: 36px
  }
  #mainView .bx-controls .controls-tools {
    right: 0;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  .special-notice {
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 20px
  }
  .special-notice_box .title {
    width: 7.5em
  }
  .special-notice_box .title:before {
    font-size: 26px
  }
  .special-notice_box .txt {
    width: calc(100% - 7.5em);
    padding-left: 24px;
    border-left: 1px solid #d1d7e1
  }
  .press-releace {
    padding-top: 60px;
    padding-bottom: 110px
  }
  .press-releace_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .press-releace_inner:after {
    top: 48px;
    left: -1548px;
    -webkit-transform: skewX(-16deg);
    -ms-transform: skewX(-16deg);
    transform: skewX(-16deg)
  }
  .press-releace .title-box {
    width: 240px
  }
  .press-releace .btn-view {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 220px
  }
  .press-releace_area {
    width: calc(100% - 240px);
    padding-left: 40px
  }
  .press-releace_menu li {
    font-size: 15px;
    width: calc(33.3333% - 10px)
  }
  .press-releace_menu .sort-menu_btn {
    font-weight: 700;
    padding: 12px 5px
  }
  .press-releace_menu .sort-menu_btn:hover {
    opacity: .8
  }
  .press-releace_list li {
    padding: 24px 12px
  }
  .press-releace_list .date {
    font-size: 16px
  }
  .press-releace_list .cate {
    float: right;
    width: 90px;
    margin-top: -1px;
    vertical-align: top
  }
  .press-pickup_area {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 70px;
    padding: 40px 50px;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .press-pickup_area .title-box {
    width: 234px
  }
  .press-pickup_area .title-box .title .txt {
    font-size: 64px
  }
  .press-pickup_area .title-box .title .subttl {
    font-size: 20px
  }
  .press-pickup_area .thumb {
    width: 284px
  }
  .press-pickup_area .txtarea {
    padding-left: 6%;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
  }
  .press-pickup_details dt {
    font-size: 22px
  }
  .press-pickup_details dd {
    line-height: 2
  }
  .press-pickup_details dd .bnt-view {
    margin-top: 25px
  }
  .whats-up {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-left: 0;
    border-bottom: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .whats-up .sns-wup {
    width: 30%;
    padding-right: 5%;
  }
  .whats-up .sns-wup .btn-view {
    margin-top: 50px;
    margin-right: 10px;
  }
  .whats-up .sns-wup .btn-view a:hover {
    text-decoration: none;
    background: #cacddd;
    color: #263045;
  }
  .whats-up .sns-wup .btn-view a:after {
    display: none;
  }
  .whats-up .sns-cont {
    width: 70%;
  }
  /* .sns-info_cover:after {
    -webkit-transform: skewX(-10deg) translateX(-150px);
    -ms-transform: skewX(-10deg) translateX(-150px);
    transform: skewX(-10deg) translateX(-150px)
  } */
  .sns-info_inner {
    /* display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; */
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px
  }
  .sns-ttl_link {
    padding-right: 0
  }
  .sns-ttl_link:after {
    font-size: 2rem;
    margin-top: -9px;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s
  }
  .isOtherDevice .sns-ttl_link:hover:after {
    right: -15px
  }
  .sns-ttl_link .txt-box {
    font-size: 18px;
    min-height: 2.6em;
    margin-top: 24px
  }
  .anaGP-news {
    width: 100%;
    padding-right: 0
  }
  .anaGP-news .title-box .title .txt:after {
    font-size: 70px;
    position: relative;
    top: -18px;
    display: inline-block;
    height: 50px;
    margin-top: 0
  }
  .anaGP-news .title-box .title .txt span {
    display: inline
  }

  .anaGP-news .icon-blank-sp {
    display: none;
  }
  .anaGP-news .icon-blank-pc {
    display: inline-block;
  }
  .anaGP-news .sns-ttl_link .title-box:after {
    display: none;
  }
  .anaGP-news .sns-ttl_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .anaGP-news .sns-ttl_link .title-box {
    width: auto;
    margin-right: 40px;
  }
  .anaGP-news .sns-ttl_link .txt-box {
    width: auto;
    padding-right: 40px;
  }

  .about {
    padding-top: 110px;
    padding-bottom: 110px
  }
  .about_inner {
    padding-right: calc(25% + 10px)
  }
  .about_inner .title-box {
    width: 130%;
    margin-right: -30%
  }
  .about:before {
    z-index: 1;
    right: 44.5%;
    display: block;
    width: 1200px;
    height: 1800px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background: #fff
  }
  .about:after {
    right: auto;
    left: 50%;
    background-image: url(/group/img/toppage/renewal2018/about_bg_1912.jpg);
    background-position: 100% 0;
    background-size: auto 100%
  }
  .about-content_list {
    padding-left: calc(33.3333% + 10px)
  }
  .about-content_list .txt-box {
    padding-right: 30px
  }
  .about-content_list .txt-box:after {
    top: 48%;
    right: 15px
  }
  .about-content_list .txt-box .title {
    font-size: 18px
  }
  .about-content_list .box {
    width: calc(50% - 10px)
  }
  .about-content_list .box:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(33.333% - 10px);
    height: 100%
  }
  .about-content_list .box:first-child .thumb img {
    width: 165%;
    margin-left: -18%
  }
  .about-content_list .box:first-child .txt-box {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 0;
    width: 100%;
    padding-left: 5%;
    text-align: left;
    color: #fff;
    text-shadow: #000 0 0 5px, #000 0 3px 5px, #000 0 -3px 5px, #000 3px 0 5px, #000 3px 3px 5px, #000 3px -3px 5px, #000 -3px 0 5px, #000 -3px 3px 5px, #000 -3px -3px 5px
  }
  .about-content_list .box:first-child .txt-box .txt {
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    white-space: nowrap
  }
  .about-content_list .box:first-child .txt-box .txt span.img {
    display: inline-block
  }
  .about-content_list .box .btn-more, .about-content_list .box:nth-child(n+4) {
    margin-top: 20px
  }
  .about-anchor {
    margin-top: 25px
  }
  .about-anchor a {
    padding: 38px 0
  }
  .about-anchor a span {
    font-size: 25px;
    padding-right: 40px;
    padding-left: 55px
  }
  .about-anchor a span:before {
    font-size: 36px;
    margin-top: -18px
  }
  .about-anchor a span:after {
    font-size: 18px;
    margin-top: -6px
  }
  .creation {
    padding-top: 110px;
    padding-bottom: 110px;
    background-size: cover
  }
  .creation_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .creation_list .box {
    opacity: 0
  }
  .creation_list .box.is-inview {
    -webkit-animation: a .3s ease-in forwards;
    animation: a .3s ease-in forwards
  }
  .creation_list .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(25% - 20px);
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  .creation_list .box:nth-child(n+5) {
    margin-top: 20px
  }
  .creation_list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  .creation_list .creation_inner, .creation_list a {
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .creation_list .creation_inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .creation_list .thumb {
    width: 100%
  }
  .creation_list .txt-box {
    width: 100%;
    padding: 15px 6%
  }
  .creation_list .title {
    font-size: 22px;
    text-align: left
  }
  .creation_list .wide {
    width: 100%
  }
  .creation_list .wide .creation_inner {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .creation_list .wide .thumb {
    overflow: visible;
    width: 52%
  }
  .creation_list .wide .thumb img {
    margin: -20% 0
  }
  .creation_list .wide .txt-box {
    width: 48%;
    padding-left: 2.2%;
    text-align: center
  }
  .creation_list .wide .txt-box>div {
    display: inline-block;
    text-align: left
  }
  .creation_list .wide .title {
    font-size: 24px
  }
  .data-section {
    padding-top: 110px;
    padding-bottom: 110px;
    background-size: cover
  }
  .data-section_list {
    width: calc(100% + 5px);
    margin-top: 30px;
    margin-left: -5px;
    padding: 0
  }
  .data-section_list .box {
    width: calc(20% - 5px);
    margin-left: 5px
  }
  .data-section_list .box:nth-child(n+6) {
    margin-top: 10px
  }
  .data-section_list a {
    padding: 180px 10px 40px
  }
  .data-section_list a:after {
    font-size: 100px;
    top: 50px
  }
  .data-section_list p {
    font-size: 16px
  }
  .sns-section {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f3f3f3
  }
  .sns-section_list {
    padding: 0
  }
  .sns-section_list .box {
    width: 20%
  }
  .sns-section_list a {
    padding-left: 14%
  }
  .sns-section_list a:before {
    font-size: 26px;
    line-height: 42px;
    width: 44px;
    height: 44px
  }
}

@media screen and (max-width:767px) {
  .wide-cover {
    width: 108%
  }
  .title-box+.lead {
    display: none
  }
  .press-releace_list a {
    position: relative;
    padding-right: 15px
  }
  .press-releace_list a:after {
    font-family: icoset;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    content: "\e901";
    text-transform: none;
    color: #333;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  .about-content_list .txt-box:after {
    font-size: 12px;
    top: 50%
  }
  .about-content_list .txt-box .txt {
    display: none
  }
  .about-content_list .box:first-child .thumb img {
    width: 65%
  }
  .about-content_list .box .btn-more span {
    font-size: 12px
  }
  .about-content_list .box:nth-child(n+2) {
    margin-top: 15px
  }
  .creation_list .box~.box {
    margin-top: 10px
  }
  .creation_list .title .small {
    display: block
  }
  .creation_list .txt {
    display: none
  }
  .data-section_list .box:nth-child(n+3), .sns-section_list .box:nth-child(n+3) {
    margin-top: 10px
  }
}


@media screen and (min-width:768px) and (max-width:1024px) {
  .press-releace_menu li {
    width: calc(33.3333% - 5px)
  }
  .press-releace_list .cate {
    float: none;
    margin-left: 21px
  }
  .press-pickup_area .title-box {
    width: 100%
  }
}

@media screen and (max-width:767px) and (min-width:768px) {
  .press-releace_list a:after {
    display: none
  }
}

@media print, screen and (min-width:1025px) {
  .press-releace_list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .press-releace_list a>div {
    width: 232px
  }
  .press-releace_list a>div+div {
    width: calc(100% - 232px);
    margin-top: 0;
    padding-left: 30px
  }
}

@media screen and (max-width:1024px) {
  .press-pickup_area .thumb {
    margin-top: 15px
  }
  .press-pickup_details {
    margin-top: 12px
  }
}

@media screen and (min-width:768px) and (max-width:1200px) {
  .sns-ttl_link .title-box .title .txt br._tb {
    display: block
  }
}

@media screen and (max-width:374px) {
  .about-content_list .txt-box .title {
    font-size: 16px
  }
  .about-content_list .box:first-child .txt-box .txt span.img img {
    width: 100px;
    margin-top: -3px
  }
  .about-content_list .box .btn-more span {
    margin-top: 5px
  }
  .creation_list .title {
    font-size: 16px
  }
  .sns-section_list {
    padding: 0
  }
}

@media screen and (min-width:768px) and (max-width:1030px) {
  .about-content_list .box:first-child .txt-box .txt {
    white-space: normal
  }
  .about-content_list .box:first-child .txt-box .txt span.img img {
    margin-top: 5px;
    margin-left: 0
  }
}


/* stay home */

.stayhome_area {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 70px;
  padding: 0;
  background-color: transparent;
  border: none;
}

.stayhome_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stayhome_area .stayhome_header {
  position: relative;
  overflow: hidden;
  width: 25%;
  border: 1px solid #cacddd;
  background: #fff;
  margin-right: 13px;
}

.stayhome_area .stayhome_header-inner {}
.stayhome_area .stayhome_header-inner a {
  padding: 30px;
  display: block;
}
.stayhome_area .stayhome_header-inner a:before {
  /*
  width: 12px;
  height: 12px;
  border-top: 2px solid #073190;
  border-right: 2px solid #073190;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  */
}

.stayhome_area .stayhome_image {
  padding: 0 0 20px;
  max-width: 180px;
  margin: auto;
}
.stayhome_area .stayhome_title_wrap {
}
.stayhome_area .stayhome_read {
  font-size: 1.1em;
  line-height: 1.6;
}
.stayhome_area .stayhome_title {
  color: #073190;
  font-weight: 700;
  font-size: 1.6em;
  line-height: 1.3;
}

.stayhome_area .stayhome_title .link-arrow {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 1em;
  margin-left: 10px;
}
.stayhome_area .stayhome_title .link-arrow:before {
  width: 12px;
  height: 12px;
  border-top: 2px solid #073190;
  border-right: 2px solid #073190;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  display: block;
  position: absolute;
  top: 42%;
  left: 0;
}


.stayhome_area .stayhome_body {
  width: 75%;
}

.stayhome_area .stayhome_image img {
  width: 100%;
}
.stayhome_area .stayhome_body {
}
.stayhome_area .slide__items {
  opacity: 0;
  overflow: hidden;
  height: 100px;
}
.stayhome_area .slide__items.slick-initialized {
  opacity: 1;
  height: auto;
}

.stayhome_area .slide__item {
  padding: 0 13px;
}
.stayhome_area .slide__link {
  display: block;
  color: #484646;
}
.stayhome_area .slide__image._mov {
  position: relative;
}
.stayhome_area .slide__image._mov:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  margin: auto;
  background: rgba(51,51,51,.7);
  border-radius: 50%;
  content: "";
}
.stayhome_area .slide__image._mov:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-color: transparent transparent transparent hsla(0,0%,100%,.7);
  border-style: solid;
  border-width: 11px 16px;
  -webkit-transform: translateX(30%);
  -ms-transform: translateX(30%);
  transform: translateX(30%);
  content: "";
}
.stayhome_area .slide__image img {
  width: 100%;
}
.stayhome_area .slide__title img {
  display: inline;
}
.stayhome_area .slide__title .new {
  display: inline-block;
  color: #ff621c;
  font-size: 14px;
}

.stayhome_area .slide__text-area {
  padding: 15px 10px 10px;
}
.stayhome_area .slide__title {
  margin-bottom: 5px;
  color: #484646;
  font-weight: 700;
  font-size: 16px;
}
.stayhome_area .slide__text {
  color: #484646;
  font-size: 14px;
  line-height: 1.6;
}

@media all and (max-width: 767px) {
  .stayhome_area {
    margin-top: 40px;
  }
  .stayhome_inner {
    display: block;
  }
  .stayhome_area .stayhome_header {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: none;
    background: transparent;
    margin-right: 0;
    text-align: center;
  }
  .stayhome_area .stayhome_header-inner {
    margin-bottom: 30px;
  }
  .stayhome_area .stayhome_header-inner a {
    padding: 0px;
    display: block;
  }
  .stayhome_area .stayhome_header-inner a:before {
  }
  .stayhome_area .stayhome_image {
    padding: 0 0 20px;
  }
  .stayhome_area .stayhome_title {
    font-size: 1.35em;
}
  
  .stayhome_area .stayhome_body {
    width: 104%;
    margin: 0 -2%;
  }
  .stayhome_area .slider-area .slick-next,
  .stayhome_area .slider-area .slick-prev {
    top: calc(50% - 60px);
    z-index: 1;
    padding: 0;
    background: none;
  }
  .stayhome_area .slider-area .slick-prev {
    left: 0;
  }
  .stayhome_area .slider-area .slick-next {
    right: 0;
  }
  .stayhome_area .slider-area .slick-next:before,
  .stayhome_area .slider-area .slick-prev:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 25px;
      height: 25px;
      margin: auto;
      border-top: 2px solid #0c3280;
      border-right: 2px solid #0c3280;
      content: "";
  }
  .stayhome_area .slider-area .slick-next:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .stayhome_area .slider-area .slick-prev:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.stayhome_area .slide__item {
  padding: 0 40px;
}

.stayhome_area .slick-dots {
  bottom: 0;
}
.stayhome_area .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
.stayhome_area .slick-dots li button {
  padding: 0;
  background: #ccd4e9;
  border-radius: 100%;
  width: 10px;
  height: 10px;
}
.stayhome_area .slick-dots li.slick-active button {
  background: #0c3280;
}
.stayhome_area .slick-dots .slick-active,
.stayhome_area .slick-dots li:hover {
  background-position: 0px -140px;
}
.stayhome_area .slider-area .slide__items {
  margin: 0;
  padding-bottom: 25px;
}
}


/* ana-group-stories */

.ana-group-stories {
  padding: 30px 0;
}
.ana-group-stories_title-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ana-group-stories_title-image {
  width: 25%;
}
.ana-group-stories_title-image img {
  width: 100%;
}
.ana-group-stories_title-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin-left: 50px;
}
.ana-group-stories_title-text .title .txt {
  font-size: 4rem;
}
.ana-group-stories_title-text .title-box .title .txt span {
  display: inline-block;
  vertical-align: middle;
}
.ana-group-stories_title-text .title-box:after {
  display: none;
}
.ana-group-stories_title-text .new {
  background: #ff8100;
  color: #fff;
  padding: 3px 15px;
  font-size: 1.2rem;
  display: inline-block;
  margin-left: 10px;
}
.ana-group-stories_title-text .read {
  line-height: 1.6;
}

.ana-group-stories_item a {
  color: #333;
  display: block;
}
.ana-group-stories_item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  position: relative;
}

.ana-group-stories_item-inner::before {
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  background-color: #268acb;
}

.ana-group-stories_item-text {
  /* -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin-right: 50px;
  padding-left: 30px; */
}
.ana-group-stories_item-text .title {
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: bold;
}
.ana-group-stories_item-text .read {
  line-height: 1.6;
  margin-top: 10px;
}
.ana-group-stories_item-image {
  width: 100%;
}
.ana-group-stories_item-image img {
  width: 100%;
}

.ana-group-stories_item-text .btn-view {
  display: inline-block;
  margin-top: 25px;
  padding-right: 30px;

}
.ana-group-stories_item-text .btn-view a {
  padding-right: 30px;
  text-decoration: none;
}

.ana-group-stories_item-text .btn-view a:hover {
  color: #263045;
  background: #cacddd;
}


.ana-group-stories .slider-area {
  margin-top: 50px;
}
.ana-group-stories .slider-area img {
  display: inline;
}
.ana-group-stories .slide__items {
  opacity: 0;
  overflow: hidden;
  height: 100px;
  padding: 0 25px;
}
.ana-group-stories .slide__items.slick-initialized {
  opacity: 1;
  height: auto;
}
.ana-group-stories .slide__item {
  padding: 0 13px;
}
.ana-group-stories .slider-area .slick-next,
.ana-group-stories .slider-area .slick-prev {
  top: calc(50% - 30px);
  z-index: 1;
  padding: 0;
  background: none;
}
.ana-group-stories .slider-area .slick-prev {
  left: -5px;
}
.ana-group-stories .slider-area .slick-next {
  right: -5px;
}
.ana-group-stories .slider-area .slick-next:before,
.ana-group-stories .slider-area .slick-prev:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 25px;
    height: 25px;
    margin: auto;
    border-top: 2px solid #0c3280;
    border-right: 2px solid #0c3280;
    content: "";
}
.ana-group-stories .slider-area .slick-next:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ana-group-stories .slider-area .slick-prev:before {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@media all and (max-width: 767px) {
  .ana-group-stories {
  }
  .ana-group-stories_title-inner {
    display: block;
  }
  .ana-group-stories_title-image {
    width: 100%;
  }
  .ana-group-stories_title-image img {
  }
  .ana-group-stories_title-text {
    margin: 0px;
    margin-top: 10px;
  }
  .ana-group-stories_title-text .title .txt {
    font-size: 2.2rem;
  }
  .ana-group-stories_title-text .title-box .title .txt span {

  }

  .ana-group-stories_title-text .new {
    font-size: 1rem;
    padding: 3px 8px;
    margin-left: 2px;
  }
  .ana-group-stories_title-text .read {
  }
  
  
  .ana-group-stories_item-inner {
    display: block;
    border-top: 2px solid #268acb;
    padding-top: 25px;
    margin-top: 25px;
  }
  
  .ana-group-stories_item-inner::before {
    display: none;
  }
  
  .ana-group-stories_item-text {
    margin: 0;
    padding: 0;
  }
  .ana-group-stories_item-text .title {
    font-size: 1.2rem;
  }
  .ana-group-stories_item-text .read {
    margin-top: 10px;
  }
  .ana-group-stories_item-image {
    width: 100%;
  }
  .ana-group-stories_item-image img {
    width: 100%;
  }
  
  .ana-group-stories_item-text .btn-view {
    display: block;
    padding: 0;
    margin-bottom: 25px;
  }
  .ana-group-stories_item-text .btn-view a {
    padding: 10px 10px;
    padding-right: 25px;
  }
  
  .ana-group-stories_item-text .btn-view a:hover {

  }

  .ana-group-stories .slider-area {
    border-top: 2px solid #268acb;
    padding-top: 25px;
    margin-top: 25px;
    margin-right: 0;
    margin-left: 0;
  }
  .ana-group-stories .slide__item {
    padding: 0 40px;
  }
  .ana-group-stories .slider-area .slick-prev {
    left: 0;
  }
  .ana-group-stories .slider-area .slick-next {
    right: 0;
  }
  .ana-group-stories .slick-dots {
    bottom: 0;
  }
  .ana-group-stories .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
  .ana-group-stories .slick-dots li button {
    padding: 0;
    background: #ccd4e9;
    border-radius: 100%;
    width: 10px;
    height: 10px;
  }
  .ana-group-stories .slick-dots li.slick-active button {
    background: #0c3280;
  }
  .ana-group-stories .slick-dots .slick-active,
  .ana-group-stories .slick-dots li:hover {
    background-position: 0px -140px;
  }
  .ana-group-stories .slider-area .slide__items {
    margin: 0;
    padding: 0;
    padding-bottom: 25px;
  }

}


/* slick */
@charset "UTF-8";
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block;}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next {
	width:50px;
	height:50px;
	text-indent:-9999px;
	cursor:pointer;
	position:absolute;
	top:48%;
	border:none;
}
.slick-dots { position: absolute; bottom: -35px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px;cursor: pointer;background-position: 0px -120px;margin:0 8px}
.slick-dots .slick-active, .slick-dots li:hover {background-position: 0px -140px;}
.slick-dots li button { border: 0;height: 10px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent;cursor: pointer;position:absolute;top:0;left:0}