@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600&display=swap');

/* ---------------------------------------------------------
.page-list
----------------------------------------------------------*/
.page-list {
  word-break: break-word;
  padding-top: 240px;
}
.page-list article {
  padding-bottom: 160px;
}
.page-list h1 {
  height: 51px;
  text-align: center;
  margin-bottom: 39px;
}
.page-list h1 img {
  height: 100%;
  width: auto;
}
.page-list h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  letter-spacing: .03em;
  margin-bottom: 160px;
}
.page-list h2.txt-cs {
  margin-bottom: 450px;
}
.page-list h3 {
  font-family: 'Crimson Text', serif;
  font-weight: normal;
}
.page-list .icon-new {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 65px;
  font-size: 20px;
  font-weight: bold;
  font-family: Helvetica, Arial, "sans-serif";
  background: #fff;
  line-height: 31px;
  text-align: center;
  padding-top: 1px;
}
.page-list #wrapper .icon-new {
  top: 13px;
  left: 13px;
  width: 49px;
  font-size: 15px;
  line-height: 23px;
  padding-top: 1px;
}
.page-list .txt {
  font-family: 'Noto Serif JP', serif;
}
.page-list .txt-more {
  font-family: Helvetica, Arial, "sans-serif";
  letter-spacing: .03em;
  line-height: 1;
}
.page-list .pic img {
  width: 100%;
  height: auto;
}

/* #first */
.page-list #first {
  position: relative;
  width: 528px;
  margin: 0 auto;
}
.page-list #first .pic {
}
.page-list #first h3 {
  font-size: 37px;
  line-height: 40px;
  margin: 12px 0 12px;
}
.page-list #first .txt {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 17px;
}
.page-list #first .txt-more {
  font-size: 13px;
}

/* #wrapper */
.page-list #wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 928px;
  margin: 160px auto 0;
}
.page-list .block {
  position: relative;
  width: 230px;
  margin-bottom: 119px;
}
.page-list .block:nth-child(3n-1){
  margin: 0 119px 119px;
}
.page-list #wrapper h3 {
  font-size: 22px;
  line-height: 25px;
  margin: 15px 0 10px;
}
.page-list #wrapper .txt {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 13px;
}
.page-list #wrapper .txt-more {
  font-size: 13px;
}

.page-list .btn-more {
  width: 100%;
  text-align: center;
}
.page-list .btn-more a {
  display: inline-block;
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 16px;
  line-height: 1;
  letter-spacing: .03em;
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  transition: opacity .3s;
}

@media screen and (min-width:769px) {
  .page-list #first a,
  .page-list #wrapper .block a {
    display: block;
    transition: opacity .3s;
  }
  .page-list #first a:hover,
  .page-list #wrapper .block a:hover,
  .page-list .btn-more a:hover {
    opacity: .7;
  }
}

/* ---------------------------------------------------------
.page-detail
----------------------------------------------------------*/
.page-detail {
  padding-top: 79px;
}
.page-detail main {
  display: flex;
  align-items: center;
}
.page-detail main .pic {
  width: 50%;
}
.page-detail main .pic img {
  width: 100%;
  height: auto;
}
.page-detail main .ttl {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-detail main h1 {
  font-family: 'Crimson Text', serif;
  font-weight: normal;
  font-size: 50px;
  line-height: 58px;
  text-align: center;
  margin: 22px 0 20px;
}
.page-detail main h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 13px;
  line-height: 22px;
}
.page-detail main .cate {
  height: 19px;
}
.page-detail main .cate img {
  height: 100%;
  width: auto;
}
.page-detail article {
  width: 580px;
  padding: 149px 0 0;
  margin: 0 auto;
}
.page-detail article img {
  width: 100%;
  height: auto;
}

.page-detail article .content img {
  margin: 10px 0;
}

.page-detail article .content,
.page-detail article p {
  font-family: 'Noto Serif JP', serif;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: .03em;
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-word;
}
.page-detail article ul {
  font-family: 'Noto Serif JP', serif;
  list-style: none;
}
.page-detail article li {  
  font-size: 15px;
  line-height: 30px;
  letter-spacing: .03em;
  margin-bottom: 3px;
}
.page-detail article .lead p {
  line-height: 35px;
  margin: 0;
}
.page-detail article .lead .txt-date {
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 13px;
  letter-spacing: normal;
  margin: 6px 0 105px;
}
.page-detail article .lead .txt-date .border-before {
  margin-left: 4px;
}
.page-detail article .lead .txt-date .border-before::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 1px;
  background: #222;
  margin: 0 4px 3px 0;
}
.page-detail article h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: 24px;
  line-height: 34px;
  font-weight: normal;
}
.page-detail article .txt-small,
.page-detail article .txt-small p,
.page-detail article .txt-small li {
  font-size: 13px;
  line-height: 26px;
  text-align: left;
  margin-bottom: 3px;
}
.page-detail article .prof {
  text-align: center;
  margin-bottom: 115px;
}
.page-detail article .prof .txt-border {
  display: inline-block;
  font-family: 'Crimson Text', serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  border-bottom: 1px solid #222;
  padding-bottom: 3px;
  margin-bottom: 20px;
}
.page-detail article .prof .pic-prof {
  width: 126px;
  margin: 0 auto 18px;
}
.page-detail article .content a {
  text-decoration: underline;
}
.page-detail article .content a:hover {
  text-decoration: none;
}
.page-detail article .prof .pic-prof img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.page-detail article .prof .name {
  font-family: 'Crimson Text', serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 16px;
}
.page-detail article .prof .txt {
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}
.page-detail #info {
/*  background: #ECECEC;*/
  padding: 50px 50px 45px;
  margin-top: 115px;
}
.page-detail #info h4 {
  font-family: 'Noto Serif JP', serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 30px;
}
.page-detail #info p {
  font-family: 'Noto Serif JP', serif;
  font-size: 13px;
  line-height: 26px;
}
.page-detail #info p:last-child {
  margin-bottom: 0;
}
.page-detail .pager ul {
  position: relative;
  display: flex;
  justify-content: center;
  list-style: none;
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  margin-top: 60px;
}
.page-detail .pager .pager-prev,
.page-detail .pager .pager-next {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.page-detail .pager .pager-prev a,
.page-detail .pager .pager-next a,
.page-detail .pager .pager-prev .txt-gray,
.page-detail .pager .pager-next .txt-gray {
  display: flex;
  align-items: center;
}
.page-detail .pager .pager-prev .txt-gray,
.page-detail .pager .pager-next .txt-gray {
  opacity: .3;
}
.page-detail .pager .pager-prev a::before,
.page-detail .pager .pager-prev .txt-gray::before,
.page-detail .pager .pager-next a::after,
.page-detail .pager .pager-next .txt-gray::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(-135deg);
  margin-right: 2px;
}
.page-detail .pager .pager-next a::after,
.page-detail .pager .pager-next .txt-gray::after {
  transform: rotate(45deg);
  margin: 0 0 0 2px;  
}
.page-detail .pager .pager-next {
  left: auto;
  right: 0;
}

/* #related */
.page-detail #related {
  width: 928px;
  margin: 156px auto 160px;
}
.page-detail #related h3 {
  font-family: 'Crimson Text', serif;
  font-weight: normal;
  font-size: 28px;
  text-align: center;
  line-height: 1;
  letter-spacing: .05em;
  margin-bottom: 76px;
}
.page-detail #related .wrapper {
  display: flex;
}
.page-detail #related .wrapper img {
  width: 100%;
  height: auto;
}
.page-detail #related .block {
  width: 186px;
  margin-right: 62px;
}
.page-detail #related .block:last-child {
  margin-right: 0;
}
.page-detail #related h4 {
  font-family: 'Crimson Text', serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  margin: 15px 0 2px;
}
.page-detail #related .txt {
  font-family: 'Noto Serif JP', serif;
  font-size: 13px;
  line-height: 20px;
  word-break: break-word;
  margin-bottom: 12px;
}
.page-detail #related .txt-more {
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 13px;
  line-height: 1;
}

@media screen and (min-width:769px) {
  .page-detail .pager a,
  .page-detail #related .block a {
    display: block;
    transition: opacity .3s;
  }
  .page-detail .pager a:hover,
  .page-detail #related .block a:hover {
    opacity: .7;
  }
}

/* ---------------------------------------------------------
.page-movie
----------------------------------------------------------*/
.page-movie {
  padding-top: 240px;
}
.page-movie h1 {
  height: 51px;
  text-align: center;
}
.page-movie h1 img {
  height: 100%;
  width: auto;
}



/* ---------------------------------------------------------
.page-philosophy
----------------------------------------------------------*/
.page-philosophy {
  padding-top: 240px;  
}
.page-philosophy article {
  text-align: center;
  padding-bottom: 276px;
}
.page-philosophy h1 {
  height: 51px;
  text-align: center;
}
.page-philosophy h1 img {
  height: 100%;
  width: auto;
}
.page-philosophy h2 {
  font-family: 'Noto Serif JP', serif;
  font-weight: normal;
  font-size: 28px;
  line-height: 1;
  letter-spacing: .028em;
  margin: 158px 0 71px;
}
.page-philosophy article p {
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: .03em;
  margin-bottom: 34px;
}
.page-philosophy .border-top::before {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #000;
  margin: 63px auto 72px;
}


/* ---------------------------------------------------------
.page-catalogue
----------------------------------------------------------*/
.page-catalogue {
  padding-top: 240px;
}
.page-catalogue article {
  padding-bottom: 160px;
}
.page-catalogue h1 {
  height: 51px;
  text-align: center;
  margin-bottom: 159px;
}
.page-catalogue h1 img {
  height: 100%;
  width: auto;
}
.page-catalogue .block {
  width: 928px;
  margin: 0 auto 122px;
}
.page-catalogue .block img {
  width: 100%;
  height: auto;
}
.page-catalogue .block p {
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 12px;
}
.page-catalogue .block h2 {
  font-family: 'Crimson Text', serif;
  font-size: 48px;
  font-weight: normal;
}
.page-catalogue .btn-more {
  text-align: center;
}
.page-catalogue .btn-more a {
  display: inline-block;
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 16px;
  line-height: 1;
  letter-spacing: .03em;
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  transition: opacity .3s;
}

@media screen and (min-width:769px) {
  .page-catalogue .block a {
    display: block;
    transition: opacity .3s;
  }
  .page-catalogue .block a:hover,
  .page-catalogue .btn-more a:hover {
    opacity: .7;
  }
}

/* ---------------------------------------------------------
.page-movie
----------------------------------------------------------*/
.page-movie {
  padding-top: 240px;
}
.page-movie article {
  padding-bottom: 160px;
}
.page-movie h1 {
  height: 51px;
  text-align: center;
  margin-bottom: 159px;
}
.page-movie h1 img {
  height: 100%;
  width: auto;
}
.page-movie #first {
  width: 688px;
  margin: 0 auto;
}
.page-movie #first p,
.page-movie .block p {
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 12px;
}
.page-movie #first h2,
.page-movie .block h2 {
  font-family: 'Crimson Text', serif;
  font-size: 48px;
  font-weight: normal;
}
.page-movie #first .pic,
.page-movie .block .pic {
  position: relative;
}
.page-movie #first .pic img,
.page-movie .block .pic img {
  width: 100%;
  height: auto;
}
.page-movie #first .pic::after,
.page-movie .block .pic::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 24px;
  height: 48px;
  background: url(../images/movie/icon_play.svg) no-repeat;
  margin: -24px 0 0 -12px;
}
.page-movie #wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 928px;
  margin: 160px auto 0;
}
.page-movie .block {
  width: 424px;
  margin-bottom: 122px;
}
.page-movie .block p {
  font-size: 14px;
  margin: 16px 0 2px;
}
.page-movie .block h2 {
  font-size: 34px;
}
.page-movie .btn-more {
  width: 100%;
  text-align: center;
}
.page-movie .btn-more a {
  display: inline-block;
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 16px;
  line-height: 1;
  letter-spacing: .03em;
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  transition: opacity .3s;
}

@media screen and (min-width:769px) {
  .page-movie #first a,
  .page-movie .block a {
    display: block;
    transition: opacity .3s;
  }
  .page-movie #first a:hover,
  .page-movie .block a:hover,
  .page-movie .btn-more a:hover {
    opacity: .7;
  }
}

/* ---------------------------------------------------------
media queries
----------------------------------------------------------*/
@media screen and (max-width:768px) {

/* ---------------------------------------------------------
.page-list
----------------------------------------------------------*/
  .page-list {
    padding-top: calc(242 / 750 * 100vw);
  }
  .page-list article {
    padding-bottom: calc(120 / 750 * 100vw);
  }
  .page-list h1 {
    height: calc(75 / 750 * 100vw);
    margin-bottom: calc(43 / 750 * 100vw);
  }
  .page-list h2 {
    font-size:  calc(26 / 750 * 100vw);
    letter-spacing: .04em;
    margin-bottom: calc(120 / 750 * 100vw);
  }
  .page-list h2.txt-cs {
    margin-bottom: calc(600 / 750 * 100vw);
  }
  .page-list .txt-more {
    letter-spacing: .04em;
  }
  .page-list .icon-new {
    top: calc(37 / 750 * 100vw);
    left: calc(37 / 750 * 100vw);
    width: calc(93 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(44 / 750 * 100vw);
    padding-top: calc(1 / 750 * 100vw);
  }
  .page-list #wrapper .icon-new {
    top: calc(20 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
    width: calc(74 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
    line-height: calc(35 / 750 * 100vw);
    padding-top: calc(1 / 750 * 100vw);
  }

  /* #first */
  .page-list #first {
    width: calc(630 / 750 * 100%);
  }
  .page-list #first h3 {
    font-size: calc(56 / 750 * 100vw);
    line-height: 1.02;
    margin: calc(21 / 750 * 100vw) 0 calc(26 / 750 * 100vw);
  }
  .page-list #first .txt {
    font-size: calc(26 / 750 * 100vw);
    line-height: calc(36 / 750 * 100vw);
    margin-bottom: calc(27 / 750 * 100vw);
  }
  .page-list #first .txt-more {
    font-size: calc(20 / 750 * 100vw);
  }

/* #wrapper */
  .page-list #wrapper {
    width: calc(630 / 750 * 100%);
    margin-top: calc(121 / 750 * 100%);
  }
  .page-list .block {
    width: calc(285 / 750 * 100vw);
    margin-bottom: calc(123 / 750 * 100vw);
  }
  .page-list .block:nth-child(3n-1){
    margin: 0 0 calc(123 / 750 * 100vw);
  }
  .page-list .block:nth-child(2n){
    margin-left: auto;
  }
  .page-list #wrapper h3 {
    font-size: calc(36 / 750 * 100vw);
    line-height: calc(37 / 750 * 100vw);
    margin: calc(16 / 750 * 100vw) 0 calc(11 / 750 * 100vw);
  }
  .page-list #wrapper .txt {
    font-size: calc(22 / 750 * 100vw);
    line-height: calc(30 / 750 * 100vw);
    margin-bottom: calc(16 / 750 * 100vw);
  }
  .page-list #wrapper .txt-more {
    font-size: calc(20 / 750 * 100vw);
  }
  .page-list .btn-more {
    margin-top: calc(-5 / 750 * 100vw);
  }
  .page-list .btn-more a {
    font-size: calc(22 / 750 * 100vw);
    padding-bottom: calc(4 / 750 * 100vw);
  }

/* ---------------------------------------------------------
.page-detail
----------------------------------------------------------*/
  .page-detail {
    padding-top: calc(120 / 750 * 100vw);
  }
  .page-detail main {
    display: block;
  }
  .page-detail main .pic {
    width: 100%;
  }
  .page-detail main .ttl {
    display: block;
    width: calc(630 / 750 * 100%);
    text-align: center;
    padding-top: calc(120 / 750 * 100vw);
    margin: 0 auto;
  }
  .page-detail main h1 {
    font-size: calc(82 / 750 * 100vw);
    line-height: calc(84 / 750 * 100vw);
    margin: calc(41 / 750 * 100vw) 0 calc(43 / 750 * 100vw);
  }
  .page-detail main h2 {
    font-size: calc(22 / 750 * 100vw);
    line-height: calc(40 / 750 * 100vw);
  }
  .page-detail main .cate {
    height: calc(27 / 750 * 100vw);
  }
  .page-detail article {
    width: calc(630 / 750 * 100%);
    padding: calc(96 / 750 * 100vw) 0 0;
  }
  .page-detail article .content,
  .page-detail article p {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(52 / 750 * 100vw);
  }
  .page-detail article li {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(52 / 750 * 100vw);
    margin-bottom: 0;
  }
  .page-detail article .lead p {
    line-height: calc(58 / 750 * 100vw);
    margin: 0;
  }
  .page-detail article .lead .txt-date {
    font-size: calc(22 / 750 * 100vw);
    margin: calc(6 / 750 * 100vw) 0 calc(95 / 750 * 100vw);
  }
  .page-detail article .lead .txt-date .border-before {
    margin-left: calc(11 / 750 * 100vw);
  }
  .page-detail article .lead .txt-date .border-before::before {
    width: calc(33 / 750 * 100vw);
    height: calc(1 / 750 * 100vw);
    margin: 0 calc(11 / 750 * 100vw) calc(7 / 750 * 100vw) 0;
  }
  .page-detail article h3 {
    font-size: calc(38 / 750 * 100vw);
    line-height: calc(52 / 750 * 100vw);
  }
  .page-detail article .txt-small {
    font-size: calc(22 / 750 * 100vw);
    line-height: calc(44 / 750 * 100vw);
  }
  .page-detail article .txt-small li {
    line-height: calc(32 / 750 * 100vw);
    margin-bottom: calc(10 / 750 * 100vw);
  }
  .page-detail article .content img {
    margin: calc(20 / 750 * 100vw) 0;
  }
  
  .page-detail article .prof {
    margin-top: calc(105 / 750 * 100vw);
    margin-bottom: calc(114 / 750 * 100vw);
  }
  .page-detail article .prof .txt-border {
    font-size: calc(24 / 750 * 100vw);
    line-height: 1;
    padding-bottom: calc(8 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .page-detail article .prof .pic-prof {
    width: calc(200 / 750 * 100vw);
    margin: 0 auto calc(32 / 750 * 100vw);
  }
  .page-detail article .prof .name {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(44 / 750 * 100vw);
    margin-bottom: calc(26 / 750 * 100vw);
  }
  .page-detail article .prof .txt {
    font-size: calc(22 / 750 * 100vw);
    line-height: calc(30 / 750 * 100vw);
    margin-bottom: 0;
  }
  
  .page-detail #info {
    padding: calc(80 / 750 * 100vw) calc(80 / 750 * 100vw) calc(70 / 750 * 100vw);
    margin-top: calc(120 / 750 * 100vw);
  }
  .page-detail #info h4 {
    font-size: calc(22 / 750 * 100vw);
    margin-bottom: calc(55 / 750 * 100vw);
  }
  .page-detail #info p {
    font-size: calc(22 / 750 * 100vw);
    line-height: calc(44 / 750 * 100vw);
  }
  .page-detail #info p:last-child {
    margin-bottom: 0;
  }
  .page-detail .pager ul {
    width: 98%;
    font-size: calc(22 / 750 * 100vw);
    margin: calc(80 / 750 * 100vw) auto 0;
  }
  .page-detail .pager .pager-prev a::before,
  .page-detail .pager .pager-next a::after {
    width: calc(14 / 750 * 100vw);
    height: calc(14 / 750 * 100vw);
    margin-top: calc(-2 / 750 * 100vw);
    margin-right: calc(2 / 750 * 100vw);
  }
  .page-detail .pager .pager-next a::after {
    margin: 0 0 0 calc(2 / 750 * 100vw);
  }

/* #related */
  .page-detail #related {
    width: calc(630 / 750 * 100%);
    margin: calc(163 / 750 * 100vw) auto 0;
  }
  .page-detail #related h3 {
    font-size: calc(44 / 750 * 100vw);
    margin-bottom: calc(83 / 750 * 100vw);
  }
  .page-detail #related .wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .page-detail #related .block {
    width: calc(285 / 630 * 100%);
    margin-right: calc(60 / 630 * 100%);
    margin-bottom: calc(122 / 750 * 100vw);
  }
  .page-detail #related .block:last-child {
    margin-right: calc(60 / 630 * 100%);
  }
  .page-detail #related .block:nth-child(2n) {
    margin-right: 0;
  }
  .page-detail #related h4 {
    font-size: calc(36 / 750 * 100vw);
    line-height: calc(37 / 750 * 100vw);
    margin: calc(15 / 750 * 100vw) 0 calc(15 / 750 * 100vw);
  }
  .page-detail #related .txt {
    font-size: calc(22 / 750 * 100vw);
    line-height: calc(30 / 750 * 100vw);
    margin-bottom: calc(13 / 750 * 100vw);
  }
  .page-detail #related .txt-more {
    font-size: calc(20 / 750 * 100vw);
  }


/* ---------------------------------------------------------
.page-philosophy
----------------------------------------------------------*/
  .page-philosophy {
    padding-top: calc(242 / 750 * 100vw);
  }
  .page-philosophy article {
    padding-bottom: calc(71 / 750 * 100vw);
  }
  .page-philosophy h1 {
    height: calc(74 / 750 * 100vw);
  }
  .page-philosophy h2 {
    font-size: calc(50 / 750 * 100vw);
    margin: calc(117 / 750 * 100vw) 0 calc(88 / 750 * 100vw);
  }
  .page-philosophy article p {
    font-size: calc(26 / 750 * 100vw);
    line-height: calc(46 / 750 * 100vw);
    margin-bottom: calc(45 / 750 * 100vw);
  }
  .page-philosophy .border-top::before {
    width: calc(90 / 750 * 100vw);
    height: calc(2 / 750 * 100vw);
    margin: calc(92 / 750 * 100vw) auto calc(92 / 750 * 100vw);
  }

/* ---------------------------------------------------------
.page-catalogue sp
----------------------------------------------------------*/
  .page-catalogue {
    padding-top: calc(242 / 750 * 100vw);
  }
  .page-catalogue article {
    padding-bottom: calc(120 / 750 * 100vw);
  }
  .page-catalogue h1 {
    height: calc(74 / 750 * 100vw);
    margin-bottom: calc(119 / 750 * 100vw);
  }
  .page-catalogue .block {
    width: calc(630 / 750 * 100vw);
    margin: 0 auto calc(125 / 750 * 100vw);
  }
  .page-catalogue .block .pic img {
    width: 100%;
    height: auto;
  }
  .page-catalogue .block p {
    font-size: calc(24 / 750 * 100vw);
    margin-top: calc(22 / 750 * 100vw);
  }
  .page-catalogue .block h2 {
    font-size: calc(50 / 750 * 100vw);
  }
  .page-catalogue .btn-more {
    margin-top: calc(-5 / 750 * 100vw);
  }
  .page-catalogue .btn-more a {
    font-size: calc(22 / 750 * 100vw);
    padding-bottom: calc(4 / 750 * 100vw);
  }
  
/* ---------------------------------------------------------
.page-movie sp
----------------------------------------------------------*/
  .page-movie {
    padding-top: calc(242 / 750 * 100vw);
  }
  .page-movie article {
    padding-bottom: calc(120 / 750 * 100vw);
  }
  .page-movie h1 {
    height: calc(74 / 750 * 100vw);
    margin-bottom: calc(119 / 750 * 100vw);
  }
  .page-movie #first {
    width: calc(630 / 750 * 100vw);
  }
  .page-movie #first p,
  .page-movie .block p {
    font-family: Helvetica, Arial, "sans-serif";
    font-size: calc(24 / 750 * 100vw);
    margin-top: calc(22 / 750 * 100vw);
  }
  .page-movie #first h2,
  .page-movie .block h2 {
    font-size: calc(50 / 750 * 100vw);
  }
  .page-movie #first .pic::after,
  .page-movie .block .pic::after {
    width: calc(28 / 750 * 100vw);
    height: calc(55 / 750 * 100vw);
    background: url(../images/movie/icon_play.svg) no-repeat;
    margin: calc(-27 / 750 * 100vw) 0 0 calc(-14 / 750 * 100vw);
  }
  .page-movie #wrapper {
    display: block;
    width: 100%;
    margin: calc(125 / 750 * 100vw) auto 0;
  }
  .page-movie .block {
    width: calc(630 / 750 * 100vw);
    margin: 0 auto calc(125 / 750 * 100vw);
  }
  .page-movie .block p {
    font-size: calc(24 / 750 * 100vw);
    margin: calc(22 / 750 * 100vw) 0 0;
  }
  .page-movie .block h2 {
    font-size: calc(50 / 750 * 100vw);
  }
  .page-movie .btn-more {
    margin-top: calc(-5 / 750 * 100vw);
  }
  .page-movie .btn-more a {
    font-size: calc(22 / 750 * 100vw);
    padding-bottom: calc(4 / 750 * 100vw);
  }
  .page-movie .modaal-video-wrap {
    height: auto;
  }
  .page-movie .modaal-inner-wrapper {
    padding: 80px 0;
  }
  
}