@charset 'UTF-8';

html {
  overflow: auto;
}
body {
  overflow: hidden !important;
}

@media (min-width: 961px) {
  .container-fluid,
  .key-visual,
  .section-kv-area,
  .profile-area
   {
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.hidden-pc{
  display: none;
}
@media screen and (max-width:960px){
  .hidden-pc{
    display: inline;
  }
}
/* header */
.header-area {
  padding: 8px 0;
}
.header-right-area{
  float: right;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.header-icon {
  float: left;
  width: 83.519px;
  height: auto;
  margin:0;
}
.header-label {
  float: left;
  width: auto;
  height: auto;
  margin:0;
  text-align: left; 
}
.header-label .text { 
  display: inline-block; 
  font-weight: bold;
  font-family: "メイリオ", "Meiryo", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
@media screen and (max-width: 550px) {
  .header-label.en,
  .header-label.pt { 
    font-size: 18px;
  }
}
@media screen and (max-width: 490px) {
  .header-label .text { 
    display: block; 
    font-size: 18px;
  }
}
@media screen and (max-width: 350px) {
  .header-label .text { 
    font-size: 14px;
  }
}
.header-icon img {
  width: 100%;
  height: auto;
}
.header-area .header-icon,
.header-area .header-label{
  margin: 8px 0;
}
.header-area .btn-full-radius{
  margin: 5px 0;
}
.lang-area{
  position: relative;
  width: 48px;
  height: 48px;
  margin-left: 8px;
  box-sizing: border-box;
}
.header-right-area .lang-area{
  margin-left: 0px;
  margin-right: 8px;
}
.lang-btn{
  display: block;
  width: 48px;
  height: 48px;
  padding: 6px;
  background-color: rgba(255, 255, 255, 1);
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.lang-btn span{
  display: inline-block;
  cursor: pointer;
}
.lang-btn:hover,
.lang-btn:active,
.lang-btn:focus{
  background-color: rgba(0, 0, 0, 0.08);
}
.lang-btn.active{
  background-color: rgba(0, 0, 0, 0.08);
}
.lang-icon img{
  width: 24px;
  height: 24px;
  text-align: center;
  vertical-align: bottom;
}
.lang-text{
  font-size: 10px;
  vertical-align: text-top;
  line-height: 1.0;
  color: rgba(0, 0, 0, 0.8);
}
.lang-list{
  display: none;
  position: absolute;
  top: 56px;
  right: -8px;
  padding: 8px 0;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
  list-style: none;
  z-index: 100;
}
.lang-item a{
  display: block;
  width: 160px;
  padding: 16px;
  color: #333333;
  text-decoration: none;
}
.lang-item a:hover,
.lang-item a:active,
.lang-item a:focus{
  background-color: rgba(41, 171, 226, 0.08);
}
.lang-item a:active{
  background-color: rgba(41, 171, 226, 0.32);
}
.lang-item.current a{
  background-color: rgba(41, 171, 226, 0.16);
}
/* kv */
.key-visual {
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 641px) {
  .key-visual {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 778px;
  }
}

.kv-slideshow,
.kv-slider,
.slick-list,
.slick-track {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.kv-slideshow {
  z-index: 0;
}

.kv-slider {
  z-index: 1;
}

.slide-masks {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid #fff 0;
}
.slide-masks .mask {
  position: absolute;
  background-color: #fff;
}
.mask-top {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100
}
.mask-left {
  width: 16px;
  height: 100%;
  top: 0;
  left: 0;
}
.mask-bottom {
  width: 100%;
  height: 64px;
  bottom: 0;
  left: 0;
}
.mask-right {
  width: 16px;
  height: 100%;
  right: 0;
  top: 0;
}
@media (max-width: 640px) {
  .profile-area .btn-corner-edge {
    padding: 19px 19px 19px 53px;
  }
  .profile-area .btn-corner-edge:before{
    left: 19px;
  }
}
@media (min-width: 641px) {
  .mask-left {
    width: 32px;
  }
  .mask-right {
    width: 32px;
  }
}
@media (min-width: 961px) {
  .mask-left {
    width: 64px;
  }
  .mask-right {
    width: 64px;
  }
}

.kv-slider .item {
  background-size: cover;
  height: 100%;
}

.kv-00 {
  background: url('../images/kv00_sp.png') no-repeat;
  background-position: center center;
}
.kv-00.lang-en {
  background: url('../images/kv00_sp.EN.png') no-repeat;
  background-position: center center;
  background-size: cover;
}
.kv-00.lang-pt {
  background: url('../images/kv00_sp.PT.png') no-repeat;
  background-position: center center;
  background-size: cover;
}
.kv-01 {
  background: url('../images/kv01_sp.jpg') no-repeat;
  background-position: center right;
}
.kv-02 {
  background: url('../images/kv02_sp.jpg') no-repeat;
  background-position: top center;
}
.kv-03 {
  background: url('../images/kv03_sp.jpg') no-repeat;
  background-position: top center;
}
.kv-04 {
  background: url('../images/kv04_sp.jpg') no-repeat;
  background-position: bottom right;
}
.kv-05 {
  background: url('../images/kv05_sp.jpg') no-repeat;
  background-position: center center;
}

@media (min-width: 641px) {
  .kv-00 {
    background: url('../images/kv00.png') no-repeat;
    background-position: center center;
  }
  .kv-00.lang-en {
    background: url('../images/kv00.EN.png') no-repeat;
    background-position: center center;
  }
  .kv-00.lang-pt {
    background: url('../images/kv00.PT.png') no-repeat;
    background-position: center center;
  }
  .kv-01 {
    background: url('../images/kv01.jpg') no-repeat;
    background-position: center right;
  }
  .kv-02 {
    background: url('../images/kv02.jpg') no-repeat;
    background-position: top center;
  }
  .kv-03 {
    background: url('../images/kv03.jpg') no-repeat;
    background-position: top center;
  }
  .kv-04 {
    background: url('../images/kv04.jpg') no-repeat;
    background-position: bottom right;
  }
  .kv-05 {
    background: url('../images/kv05.jpg') no-repeat;
    background-position: center center;
  }
}

/* about */
.adjust-box{
  position: relative;
  height: auto;
}
.adjust-box-inner {
  position: absolute;
  transition: 200ms;
}
.adjust-box.about-box .adjust-box-inner {
  left: -16px;
  width: calc(32px + 100%);
  background: #F7F7F6;
}
@media (min-width: 641px){
  .adjust-box.about-box .adjust-box-inner {
    top: 0;
    left: -32px;
    width: 45%;
    height: 500px;
    min-width: 512px;
  }
}
@media (min-width: 961px){
  .adjust-box.about-box .adjust-box-inner {
    left: -64px;
    min-width: 544px;
  }
}
.about-block {
  padding: 87px 0 64px;
}
@media (min-width: 641px){
  .about-block {
    width: 480px;
    padding: 87px 48px 64px 0;
  }
}
.about-block .description {
  margin:0;
  padding: 42px 0 0 ;
}

/* about movie*/
.movie-area {
  padding-bottom: 64px;
}
.movie-block {
  position: relative;
  z-index: 1;
}

@media (min-width: 641px){
  .movie-block {
    margin: 0 32px;
  }
}
@media (min-width: 961px){
  .movie-area {
    padding-bottom: 96px;
  }
  .movie-block {
    max-width: 960px;
    margin: 0 64px;
  }
}
@media (min-width: 1233px){
  .movie-block {
    margin: 0 auto;
  }
}

/* profile */
.profile-area {
  position: relative;
}
.adjust-box.profile-bg-box .adjust-box-inner {
  position: absolute;
  right: 0px;
  width: 50%;
  height: 0px;
  background: #EBF2F7;
}
@media (min-width: 641px){
  .adjust-box.profile-bg-box .adjust-box-inner {
    top: -300px;
  }
}
.profile-img-caption,
.profile-img-block {
  position: relative;
  z-index: 2;
}
.profile-img-caption {
  padding: 32px 0 64px;
}
@media (min-width: 961px){
  .profile-img-caption {
    padding: 32px 48px 96px;
  }
}
.profile-img-caption p {
  line-height: 28.8px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 18px;
  margin-bottom: 36px;
}
@media (min-width: 961px){
  .profile-img-block {
    padding-left: 48px;
  }
}
.profile-box-wraper{
  margin-top: 64px;
}
.profile-box {
  background: rgba(255,255,255,.8);
}
.profile-box-inner {
  padding: 48px 16px 64px;
}
@media (min-width: 641px){
  .profile-box-inner {
    padding: 48px 32px 64px 32px;
  }
}
@media (min-width: 961px){
  .profile-box-wraper{
    position: relative;
    top: -74px;
    z-index: 2;
    margin-top:0;
    margin-bottom: -74px;
  }
  .profile-box {
    min-width: 656px;
  }
  .profile-box-inner {
    width: 656px;
    padding: 48px 48px 64px 48px;
  }
}
.profile-box .description {
  padding-top: 40px;
}
.profile-box .button-box {
  padding-top: 32px;
}
@media (max-width: 640px){
  .profile-box .button-box {
    text-align: center;
  }
}

/* members */
.members-area {
  margin-top: 160px;
}
@media (min-width: 961px){
  .members-area {
    margin-top: 86px;
  }
}
.section-kv-area.members-kv-area .section-title-block .section-title-block-inner {
  border-color: #FEDB1D;
}
#memberPara {
  background-size : 240%;
}
@media (min-width: 641px){
  #memberPara {
    background-size : 210%;
  }
}
@media (min-width: 961px){
  .adjust-box.members-box .adjust-box-inner {
    width: 94.5%;
    height: 200px;
    top: 40px;
    background: #FFFBEE;
  }
  .adjust-box.members-box.box-left .adjust-box-inner {
    left: -64px;
  }

  .adjust-box.members-box.box-right .adjust-box-inner {
    right: -64px;
  }
}

.members-block {
  padding-top: 96px;
}
.members-row {
  position: relative;
}
  .member-img {
    width: 100%;
  }
.member-caption {
  padding-top: 32px;
  padding-bottom: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  line-height: 25.2px
}
.member-caption span{
    display: block;
    margin-top: 21px;
}
.members-area .btn-toggle{
  width: auto;
  margin: auto;
  padding: 16px 72px 16px 104px;
  border: 1px solid #666;
  color: #333;
  border-radius: 0;
  position: relative;
}
.members-area .btn-toggle:before{
  position: absolute;
  font-size: 24px;
  font-weight: 500;
  top: 50%;
  left: 72px;
  margin-top: -12px;
}
@media (min-width: 641px){
  .members-row {
    padding-bottom: 60px;
  }
  .member-caption {
    padding-bottom: 0;
  }
  .col-left {
    padding-right: 16px;
    /text-align: left;
  }
  .col-right {
    padding-left: 16px;
    /text-align: right;
  }
  .row-left .col-center {
    padding-left: 16px;
    /text-align: right;
  }
  .row-right .col-center {
    padding-right: 16px;
    /text-align: left;
  }
  .col-right,
  .col-left,
  .col-center {
    text-align: center;
  }
  #members-toggle-xs {
    display: block;
  }
}
@media (min-width: 753px){ /* 672 + 32 + 32 */
  .col-left {
    padding-right: 0;
  }
  .col-right {
    padding-left: 0;
  }
  .col-center {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .member-img {
    width: 320px;
  }
  .member-col {
    min-width: 336px;
  }
  .member-caption {
    display: inline-block;
    width: 320px;
  }
}
@media (min-width: 961px){
  .members-row {
    position: relative;
  }
  .member-col.col-center {
    text-align: center;
    min-width: 352px;
  }
  .members-block {
    overflow: hidden;
    z-index: 100;
  }
  .col-left {
    padding-right: 16px;
    text-align: left;
  }
  .col-right {
    padding-left: 16px;
    text-align: right;
  }
  .row-left .col-center {
    padding-left: 16px;
    text-align: right;
  }
  .row-right .col-center {
    padding-right: 16px;
    text-align: left;
  }
}
@media (min-width: 961px) and (max-width: 1200px){
  .members-row {
    position: relative;
    min-width: 1056px;
  }
  .members-row.row-right {
    right: 0;
    float: right;
  }
}

/* studies */
.section-kv-area.studies-kv-area .section-kv-block-inner {
  background: url('../images/studies_kv.jpg') no-repeat;
  background-size: 190%;
  background-position-x: -50px;
}

  #studiesPara {
    background-size: 205%;
  }
@media (min-width: 451px){
  #studiesPara {
    background-size: 150%;
  }
}
@media (min-width: 641px){
  #studiesPara {
    background-size: 120%;
  }
}
@media (max-width: 640px) {
  .studies-kv-area .heading-style-line {
    font-size: 25px;
  }
  .studies-kv-area .heading-style-line:before {
    top: 53%;
  }
}
.studies-area {
  margin-top: 100px;
}
.section-kv-area.studies-kv-area .section-title-block .section-title-block-inner {
  border-color: #1E88E5;
}
.studies-row {
  padding-top: 60px;
}
@media (min-width: 641px) {
  .studies-row {
    padding-top: 100px;
  }
}

.studies-img-col > .img-studies:first-child {
  width: 100%;
  margin-bottom: 16px;
}
.studies-img-col > .img-studies:nth-child(2) {
  float: left;
  width: 50%;
  padding-right: 8px;
}
.studies-img-col > .img-studies:last-child {
  float: right;
  width: 50%;
  padding-left: 8px;
}
.studies-description-col .description {
  margin-top: 32px;
  padding-left: 24px;
  border-left: 2px solid #1E88E5;
}
.studies-description-col .title {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}
.studies-description-col p {
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 25.2px
}
@media (min-width: 641px) {
  .studies-kv-area .heading-style-line {
    font-size: 48px;
  }
  .img-studies {
    width: 33.3333333% !important;
    height: auto;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
  }
  .studies-img-col > .img-studies:first-child {
    margin-bottom: 0;
    padding-right: 10.6666666px !important;
  }
  .studies-img-col > .img-studies:nth-child(2) {
    float: none;
    padding: 0 5.3333333px !important;
  }
  .studies-img-col > .img-studies:last-child {
    float: none;
    padding-left: 10.6666666px !important;
  }
  .studies-description-col .description {
    max-width: 400px;
  }
  .studies-row.row-right .studies-description-col .description {
    max-width: 400px;
    padding-left: 40px;
    margin-left: 40px;
  }
  .studies-row.row-left .studies-bg-box .adjust-box-inner {
    width:calc(70% + 32px);
    height: 200px;
    top: 32px;
    left: -32px;
    background: #EDF6FD;
  }
  .studies-row.row-right .studies-bg-box .adjust-box-inner {
    width:calc(70% + 32px);
    height: 200px;
    top: 32px;
    right: -32px;
    background: #EDF6FD;
  }
}
@media (min-width: 641px) {
  .studies-row.row-left .studies-bg-box .adjust-box-inner {
    width:calc(80% + 32px);
    left: -32px;
  }
  .studies-row.row-right .studies-bg-box .adjust-box-inner {
    width:calc(80% + 32px);
    right: -32px;
  }
}
@media (min-width: 961px) {
  .studies-row.row-left .studies-bg-box .adjust-box-inner {
    width:calc(70% + 64px);
    left: -64px;
  }
  .studies-row.row-right .studies-bg-box .adjust-box-inner {
    width:calc(70% + 64px);
    right: -64px;
  }
}

/* Q&A */
.qa-area {
  margin-top: 192px;
  padding: 95px 0 160px;
  background: #F5F8F8;
}
.qa-area .title-block {
  padding-bottom: 92px;
}
.qa-row {
  padding: 24px;
  background: #fff;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 4px;
}
.qa-row .toggle-menu {
  display: block;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 27.2px;
  color: #333;
}

.qa-row .toggle-menu{
  position: relative;
}
.qa-row .toggle-menu span{
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.qa-row .toggle-menu .icon-icon_minus,
.qa-row .toggle-menu.collapsed .icon-icon_plus{
  display: block;
}
.qa-row .toggle-menu.collapsed .icon-icon_minus,
.qa-row .toggle-menu .icon-icon_plus{
  display: none;
}

.qa-row .toggle-menu p {
  max-width: 320px;
  margin: 0
}
.qa-row .toggle-menu:link,
.qa-row .toggle-menu:visited,
.qa-row .toggle-menu:hover,
.qa-row .toggle-menu:active {
  text-decoration: none;
}
.qa-row .collapse-inner{
  padding-top: 24px;
  font-size: 14px;
  line-height: 25.2px;
  color: #333;
}
@media (min-width: 961px) {
  .qa-area .title-block {
    width: 560px;
    margin: auto;
  }
  .qa-row {
    width: 800px;
    margin: 0 auto 4px;
  }
}

/* network */
.network-area {
  padding: 100px 0 96px;
  background: #01579B;
  color: #fff;
}
@media (max-width: 640px) {
  .network-area .heading-style-line {
    font-size: 30px;
  }
}
.network-area .heading-style-line:before {
  background: #fff;
}
.network-area .description {
  margin-top: 40px;
}
.network-area .description {
  margin-top: 40px;
}
.map-block {
  margin: 40px 16px;
}
.map-block img {
  width: 100%;
  height: auto;
}
.address-block {
  text-align: center;
}
.address-block img {
  width: 240px;
  margin-left: 32px;
}
@media screen and (max-width:640px){
  .address-block img {
    margin-left: 0;
  }
  .address-block dl {
    padding-top: 16px !important;
  }
}
.address-block dt {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
}
.address-block dd {
  font-size: 14px;
  line-height: 25.2px;
  font-weight: 400;
}
.address-block dd:hover,
.address-block dd:active,
.address-block dd:focus {
  text-decoration: none;
}
.address-block dd a:hover,
.address-block dd a:active,
.address-block dd a:focus {
  text-decoration: none;
}
@media (min-width: 641px) {
  .map-block {
    margin: 40px 32px;
  }
  .network-area .heading-style-line {
    font-size: 44px;
  }
  .address-block {
    width: 540px;
    margin: auto;
  }
  .address-block.lang-pt,
  .address-block.lang-en{
    width: 100%;
    max-width: 600px;
  }
  .address-block dl {
    margin: 0;
    text-align: right;
  }
  .address-block img{
    height: auto;
    float: right;
  }
}
@media (min-width: 961px) {
  .network-area {
    position: relative;
    height: 952px;
    overflow: hidden;
  }
  .network-area.lang-en {
    height: 947px;
  }
  .network-area.lang-pt {
    height: 979px;
  }
  .network-area .title-block {
    width: 432px;
  }
  .map-block {
    position: relative;
    top: -200px;
    width: 918px;
    margin: auto;
  }
  .address-block-wrapper {
    top: -370px;
  }
  .address-block {
    width: 540px;
    float: right;
  }
  .address-block.lang-pt {
    width: 654px;
  }
  .address-block.lang-en {
    width: 594px;
  }
}

/* news */
.news-area {
  padding: 143px 0 160px;
}
.news-area .title-block {
  margin-bottom: 104px;
}
.news-row {
  padding-bottom: 24px;
}
.news-img-block-wrapper {
  margin: auto;
}
.news-img-block {
  width: 100%;
  height: auto;
  padding: 16px;
  position: relative;
  vertical-align: middle;
  text-align: center;
  margin: auto;
}
.news-img-block img {
  max-width: 343px;
  width: auto;
  max-height: 100%;
  height: auto;
  vertical-align: middle;
}
@media (max-width: 640px){
  .news-img-block img {
    width: 100%;
  }
}
.news-text-block .title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
}
.news-text-block .description {
  margin-bottom: 26px;
  font-size: 14px;
  line-height: 25.2px;
  font-weight: 400;
}
.news-area .btn-block {
  margin-top: 96px;
}

.btn.btn-full-radius.icon-right {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 32px;
  padding: 26px 60px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 100px;
  white-space: normal;
}
@media (max-width: 640px) {
  .btn.btn-full-radius.icon-right {
    padding: 26px 60px 26px 25px;
    font-size: 17px;
  }
}
.btn.btn-full-radius.icon-right:before {
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -12px;
  font-size: 24px;
}
.news-area .btn-block .btn:first-child {
  margin-top: 0;
}

@media (min-width: 641px) {
  .news-area .title-block {
    width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .news-area .news-row {
    max-width: 800px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }
  .news-area .news-row:first-child {
    margin-top: 0;
  }

  .news-img-block{
    width: 192px;
    height: 192px;
    float: left;
  }
  .news-text-block {
    width: calc(100% - 192px);
    //max-width: 368px;
    float: left;
    padding: 19px 16px;
  }
  .news-text-block .title {
    margin-top: 0;
  }

  .news-area .btn-block {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 961px) {
  .news-text-block {
    float: left;
    max-width: 608px;
    padding: 19px 32px;
  }
}

/* footer */
.footer-area {
  padding: 96px 0 48px;
  background: #ECEFF1;
}
.footer-nav {
  margin-bottom: 48px;
}
.footer-nav li a {
  color: #333;
  font-size: 14px;
  line-height: 33.2px;
  display: block;
  text-align: center;

}
.copy {
  font-size: 14px;
  /word-spacing: 5px;
}

@media (min-width: 961px) {
  .footer-nav {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
  }
  .footer-nav li {
    display: table-cell;
  }
}
.footer-icon {
  width: 83.4px;
  height: auto;
  margin: 0 auto 32px;
}
.footer-icon img {
  width: 100%;
  height: auto;
}

.footer-area .copy {
  display: block;
  text-align: center;
}


/* modal */
body.modal-open {
  padding-right: 0 !important;
}
#movieModalProfile{
  margin: 0 auto;
  max-width: 940px;
  width: 100%;
}
#movieModalProfile .close{
  width: 20px;
  height: 20px;
  position:absolute;
  top: -30px;
  right :0;
  opacity: 1;
}
#movieModalProfile .close .icon-icon_closs{
  display: block;
  width: 20px;
  height: 20px;
}
#movieModalProfile .close .icon-icon_closs:before{
  display: block;
  color: #ffffff;
  font-size: 18px;
  text-shadow:none;
  opacity: 1;
}
@media (min-width: 641px) {
  #movieModalProfile .close{
    width: 25px;
    height: 25px;
    position:absolute;
    top: -35px;
    right :0;
    opacity: 1;
  }
  #movieModalProfile .close .icon-icon_closs{
    display: block;
    width: 25px;
    height: 25px;
  }
  #movieModalProfile .close .icon-icon_closs:before{
    display: block;
    color: #ffffff;
    font-size: 24px;
    text-shadow:none;
    opacity: 1;
  }
}

.video-js .vjs-big-play-button{
  display: none;
}
#movieAboutPlayer,
#movieModalProfilePlayer{
  outline: none;
  overflow: hidden;
}
video{
  max-width: 100%;
}

.modalArea {
  visibility: hidden; /* displayではなくvisibility */
  opacity : 0;
  position: fixed;
  z-index: 1050; /* サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .4s;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity :.5;
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 80%;
  padding: 10px 30px;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

.is-show { /* モーダル表示用クラス */
  visibility: visible;
  opacity :1;
}
/* モーダルCSSここまで */