@charset "UTF-8";

/**
 * ================================================================================
 * Table of Contents (Top Page Settings):
 *
 * Common Settings
 * Content Settings
 * ================================================================================
 */ 






/**
 * ================================================================================
 * Common Settings
 * ================================================================================
 */


.page-footer { margin-top: 0; }


/* -- Layout -- */
.block-tsph-top-page {
  background-color: #000;
  padding-bottom: calc(100vw * (175 / 1600));
  color: #fff;
  }


/* -- .tsph-top-ttl01 -- */
.block-tsph-top-page .tsph-top-ttl01 { position: relative; }

  .block-tsph-top-page .tsph-top-ttl01 span { display: block; }

  .block-tsph-top-page .tsph-top-ttl01 img { width: 100%; }

  .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl {
    position: absolute;
    z-index: 3;
    }

  .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl-label {
    position: absolute;
    bottom: calc(100vw * (-125 / 1600));
    z-index: 2;
    }

    .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl-label > span {
      background-color: #000;
      display: flex;
      width: calc(100vw * (250 / 1600));
      height: calc(100vw * (250 / 1600));
      align-items: center;
      justify-content: center;
      border: 1px solid #005CB9;
      }

  .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl-bg {
    position: relative;
    z-index: 1;
    }

    .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl-bg > span { display: block; }

      .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl-bg > span:after {
        content: "";
        background-color: #000;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 2;
        transition: 0.8s ease-out;
        }
      .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl-bg > span.tsph-animated:after { width: 0; }

      .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl-bg > span img {
        position: relative;
        z-index: 1;
        }


/* -- .tsph-top-subttl01 -- */
.block-tsph-top-page .tsph-top-subttl01 {
  position: absolute;
  top: 0;
  }

  .block-tsph-top-page .tsph-top-subttl01 span { display: block; }

  .block-tsph-top-page .tsph-top-subttl01 > span:nth-of-type(1) { padding: calc(100vw * (120 / 1600)) calc(100vw * (15 / 1600)) 0 calc(100vw * (15 / 1600)); }

    .block-tsph-top-page .tsph-top-subttl01 > span:nth-of-type(1) img { width: calc(100vw * (12 / 1600)); }

  .block-tsph-top-page .tsph-top-subttl01 > span:nth-of-type(2) {
    background-color: #005CB9;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    }


/* -- .tsph-top-comingsoon -- */
.block-tsph-top-page .tsph-top-comingsoon:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  }






/**
 * ================================================================================
 * Content Settings
 * ================================================================================
 */


/**
 * Main Visual
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-mv { position: relative; }

  
  /* -- .block-tsph-mv-ttl -- */
  .block-tsph-top-page .block-tsph-mv .block-tsph-mv-ttl {
    width: calc(100vw * (350 / 1600));
    position: absolute;
    top: calc(100vw * (335 / 1600));
    left: calc(100vw * (325 / 1600));
    z-index: 2;
    }

    .block-tsph-top-page .block-tsph-mv .block-tsph-mv-ttl span {
      display: block;
      position: absolute;
      }

      .block-tsph-top-page .block-tsph-mv .block-tsph-mv-ttl span img { width: 100%; }


  /* -- .block-tsph-mv-bg -- */
  .block-tsph-top-page .block-tsph-mv .block-tsph-mv-bg {
    position: relative;
    z-index: 1;
    }

    .block-tsph-top-page .block-tsph-mv .block-tsph-mv-bg > span:after {
			content: "";
      background-color: #000;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
			left: 0;
      z-index: 2;
      transition: 0.8s ease-out;
      }
    .block-tsph-top-page .block-tsph-mv .block-tsph-mv-bg > span.tsph-animated:after { width: 0; }

    .block-tsph-top-page .block-tsph-mv .block-tsph-mv-bg img {
			width: 100%;
			position: relative;
			z-index: 1;
      }



/**
 * Anchor
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-anchor { margin-top: calc(100vw * (100 / 1600)); }

  .block-tsph-top-page .block-tsph-anchor .tsph-wrapper { padding: 0 calc(100vw * (30 / 1600)); }


  /* -- .block-tsph-anchor-lists -- */
  .block-tsph-top-page .block-tsph-anchor .block-tsph-anchor-lists {
		margin-left: calc(100vw * (-50 / 1600));
		list-style: none;
		letter-spacing: -.40em;
    }

    .block-tsph-top-page .block-tsph-anchor .block-tsph-anchor-lists > li {
			display: inline-block;
			width: 33.33%;
			padding-left: calc(100vw * (50 / 1600));
			letter-spacing: normal;
			vertical-align: top;
      }

      .block-tsph-top-page .block-tsph-anchor .block-tsph-anchor-lists > li > a {
				display: block;
				padding: calc(100vw * (20 / 1600)) 0 calc(100vw * (40 / 1600)) 0;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				position: relative;
				color: #fff;
				font-size: calc(100vw * (21 / 1600));
				font-weight: 500;
				text-decoration: none;
				text-align: center;
        }

        .block-tsph-top-page .block-tsph-anchor .block-tsph-anchor-lists > li > a:after {
					content: "";
					background-image: url("../../../assets/common/img/arrow02.png");
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: 100% auto;
					width: calc(100vw * (20 / 1600));
					height: calc(100vw * (20 / 1600));
					margin-left: calc(100vw * (22 / 1600) / -2);
					position: absolute;
					left: 50%;
					bottom: calc(100vw * (15 / 1600));
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
          }



/**
 * Message
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-message {
  margin: calc(100vw * (190 / 1600)) 0 calc(100vw * (230 / 1600)) 0;
  text-align: center;
  }


  /* -- .block-tsph-message-txt -- */
  .block-tsph-top-page .block-tsph-message .block-tsph-message-txt {}

    .block-tsph-top-page .block-tsph-message .block-tsph-message-txt > p {
      margin-top: calc(100vw * (50 / 1600));
      color: #fff;
      font-size: calc(100vw * (21 / 1600));
      line-height: 2.2;
      letter-spacing: 0.1em;
      }
    .block-tsph-top-page .block-tsph-message .block-tsph-message-txt > p:nth-of-type(1) { margin-top: 0; }


  /* -- .block-tsph-message-logo -- */
  .block-tsph-top-page .block-tsph-message .block-tsph-message-logo {
    margin: calc(100vw * (100 / 1600)) calc(100vw * (-25 / 1600)) 0 0;
    letter-spacing: -.40em;
    text-align: center;
    }

    .block-tsph-top-page .block-tsph-message .block-tsph-message-logo > span {
      display: inline-block;
      margin-right: calc(100vw * (25 / 1600));
      vertical-align: top;
      position: relative;
      }
    .block-tsph-top-page .block-tsph-message .block-tsph-message-logo > span:nth-of-type(2) { width: calc(100vw * (44 / 1600)); }

      .block-tsph-top-page .block-tsph-message .block-tsph-message-logo > span img { height: calc(100vw * (48 / 1600)); }

      .block-tsph-top-page .block-tsph-message .block-tsph-message-logo > span:nth-of-type(2) > span {
        position: absolute;
        top: 0;
        left: 0;
        }



/**
 * Interview
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-interview { margin-bottom: calc(100vw * (310 / 1600)); }


  /* -- .tsph-top-ttl01 -- */
  .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 { margin: 0 calc(100vw * (250 / 1600)) calc(100vw * (250 / 1600)) 0; }

    .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 .tsph-top-ttl {
      top: calc(100vw * (215 / 1600));
      right: calc(100vw * (100 / 1600));
      }

      .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 .tsph-top-ttl > span { width: calc(100vw * (410 / 1600)); }

    .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 .tsph-top-ttl-label { right: calc(100vw * (-100 / 1600)); }

      .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 .tsph-top-ttl-label img { width: calc(100vw * (152 / 1600)); }

    .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 .tsph-top-ttl-bg > span:after { right: 0; }


  /* -- .tsph-top-subttl01 -- */
  .block-tsph-top-page .block-tsph-interview .tsph-top-subttl01 { right: calc(100vw * (-150 / 1600)); }

    .block-tsph-top-page .block-tsph-interview .tsph-top-subttl01 span:nth-of-type(2) { right: 0; }


  /* -- .block-tsph-interview-lists -- */
  .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists {
    margin-left: calc(100vw * (-45 / 1600));
    list-style: none;
    letter-spacing: -.40em;
    }

    .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li {
      display: inline-block;
      width: 25%;
      padding: 0 0 calc(100vw * (110 / 1600)) calc(100vw * (45 / 1600));
      letter-spacing: normal;
      vertical-align: top;
      position: relative;
      }

      .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li > a {
        position: relative;
        z-index: 1;
				text-decoration: none;
        }

      .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li > a:hover { opacity: 1; }

      .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dt {
        display: block;
        position: relative;
        z-index: 1;
        }

        .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dt img {
          width: 100%;
          opacity: 1;
          visibility: visible;
          transition: all 0.2s ease-out;
          }

        .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li a:hover dl > dt img:nth-of-type(1) {
          opacity: 0;
          visibility: hidden;
          }

        .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dt img:nth-of-type(2) {
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          }

      .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dd {}

        .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dd > p {
          color: #005CB9;
          font-size: calc(100vw * (20 / 1600));
          font-weight: 500;
          text-align: right;
          line-height: 1.6;
          }

          .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dd > p > span { display: block; }

          .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dd > p > span.tsph-ff-oswald {
            color: #fff;
            font-size: calc(100vw * (12 / 1600));
            font-weight: 300;
            }

          .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li.tsph-top-comingsoon dl > dd > p > span.tsph-ff-oswald {
            color: #005CB9;
            font-size:  calc(100vw * (19 / 1600));
            font-weight: 400 !important;
            }



/**
 * Development
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-development { margin-bottom: calc(100vw * (310 / 1600)); }


  /* -- .tsph-top-ttl01 -- */
  .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 { margin: 0 0 calc(100vw * (250 / 1600)) calc(100vw * (250 / 1600)); }

    .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 .tsph-top-ttl {
      top: calc(100vw * (215 / 1600));
      left: calc(100vw * (100 / 1600));
      }

      .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 .tsph-top-ttl > span { width: calc(100vw * (207 / 1600)); }

    .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 .tsph-top-ttl-label { left: calc(100vw * (-100 / 1600)); }

      .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 .tsph-top-ttl-label img { width: calc(100vw * (189 / 1600)); }

    .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 .tsph-top-ttl-bg > span:after { left: 0; }


  /* -- .tsph-top-subttl01 -- */
  .block-tsph-top-page .block-tsph-development .tsph-top-subttl01 { left: calc(100vw * (-150 / 1600)); }

    .block-tsph-top-page .block-tsph-development .tsph-top-subttl01 span:nth-of-type(2) { left: 0; }


  /* -- .block-tsph-development-lists -- */
  .block-tsph-top-page .block-tsph-development .block-tsph-development-lists {
    list-style: none;
    letter-spacing: -.40em;
    }

    .block-tsph-top-page .block-tsph-development .block-tsph-development-lists > li {
      display: inline-block;
      width: 100%;
      letter-spacing: normal;
      vertical-align: top;
      position: relative;
      }
    .block-tsph-top-page .block-tsph-development .block-tsph-development-lists > li:nth-child(odd) { padding-bottom: calc(100vw * (25 / 1600)); }
    .block-tsph-top-page .block-tsph-development .block-tsph-development-lists > li:nth-child(even) { padding-bottom: calc(100vw * (60 / 1600)); }
    .block-tsph-top-page .block-tsph-development .block-tsph-development-lists > li:nth-last-of-type(1) { padding-bottom: 0; }

      .block-tsph-top-page .block-tsph-development .block-tsph-development-lists > li img { width: 100%; }



/**
 * Inheritance
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-inheritance { margin-bottom: calc(100vw * (270 / 1600)); }


  /* -- .tsph-top-ttl01 -- */
  .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 { margin: 0 calc(100vw * (250 / 1600)) calc(100vw * (250 / 1600)) 0; }

    .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 .tsph-top-ttl {
      top: calc(100vw * (175 / 1600));
      right: calc(100vw * (100 / 1600));
      }

      .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 .tsph-top-ttl > span { width: calc(100vw * (204 / 1600)); }

    .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 .tsph-top-ttl-label { right: calc(100vw * (-100 / 1600)); }

      .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 .tsph-top-ttl-label img { width: calc(100vw * (170 / 1600)); }

    .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 .tsph-top-ttl-bg > span:after { right: 0; }


  /* -- .tsph-top-subttl01 -- */
  .block-tsph-top-page .block-tsph-inheritance .tsph-top-subttl01 { right: calc(100vw * (-150 / 1600)); }

    .block-tsph-top-page .block-tsph-inheritance .tsph-top-subttl01 span:nth-of-type(2) { right: 0; }


  /* -- .block-tsph-inheritance-lists -- */
  .block-tsph-top-page .block-tsph-inheritance .block-tsph-inheritance-lists {
    margin-left: calc(100vw * (-55 / 1600));
    list-style: none;
    letter-spacing: -.40em;
    }

    .block-tsph-top-page .block-tsph-inheritance .block-tsph-inheritance-lists > li {
      display: inline-block;
      width: 50%;
      padding: 0 0 calc(100vw * (45 / 1600)) calc(100vw * (55 / 1600));
      letter-spacing: normal;
      vertical-align: top;
      position: relative;
      }

      .block-tsph-top-page .block-tsph-inheritance .block-tsph-inheritance-lists > li img { width: 100%; }



/**
 * SNS
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-sns { margin-bottom: calc(100vw * (55 / 1600)); }


  /* -- .block-tsph-message-txt -- */
  .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists {
    margin-left: calc(100vw * (-50 / 1600));
    list-style: none;
    letter-spacing: -.40em;
    text-align: center;
    }

    .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li {
      display: inline-block;
      margin-left: calc(100vw * (50 / 1600));
      letter-spacing: normal;
      vertical-align: top;
      }

      .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li > a {
        background-image: url("../../../../tsphistory/assets/top/img/sns.png");
        background-repeat: no-repeat;
        background-size: auto calc(100vw * (48 / 1600));
        display: block;
        width: calc(100vw * (48 / 1600));
        height: calc(100vw * (48 / 1600));
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        }
      .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li.block-tsph-sns-lists-ln > a { background-position: 0 0; }
      .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li.block-tsph-sns-lists-fb > a { background-position: calc(100vw * (-48 / 1600)) 0; }
      .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li.block-tsph-sns-lists-tw > a { background-position: calc(100vw * (-48 * 2 / 1600)) 0; }
      


/**
 * Coming Soon
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-comingsoon { text-align: center; }

  .block-tsph-top-page .block-tsph-comingsoon .block-tsph-comingsoon-txt {
    display: inline-block;
    padding: calc(100vw * (25 / 1600)) calc(100vw * (40 / 1600));
    border: calc(100vw * (3 / 1600)) solid #005CB9;
    }

    .block-tsph-top-page .block-tsph-comingsoon .block-tsph-comingsoon-txt > p { font-size: calc(100vw * (15 / 1600)); }








@media all and (min-width: 0px) and (max-width: 767px) {

    
/**
 * ================================================================================
 * Common Settings
 * ================================================================================
 */


/* -- Layout -- */
.block-tsph-top-page { padding-bottom: calc(100vw * (90 / 640)); }
  
  
/* -- .tsph-top-ttl01 -- */
.block-tsph-top-page .tsph-top-ttl01 {}

  .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl-label { bottom: calc(100vw * (-125 / 640)); }

    .block-tsph-top-page .tsph-top-ttl01 .tsph-top-ttl-label > span {
      width: calc(100vw * (250 / 640));
      height: calc(100vw * (250 / 640));
      }


/* -- .tsph-top-subttl01 -- */
.block-tsph-top-page .tsph-top-subttl01 { display: none; }






/**
 * ================================================================================
 * Content Settings
 * ================================================================================
 */


/**
 * Main Visual
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-mv {}

  
  /* -- .block-tsph-mv-ttl -- */
  .block-tsph-top-page .block-tsph-mv .block-tsph-mv-ttl {
    width: calc(100vw * (285 / 640));
    top: calc(100vw * (605 / 640));
    left: calc(100vw * (200 / 640));
    }
  
  
  /* -- .block-tsph-mv-bg -- */
  .block-tsph-top-page .block-tsph-mv .block-tsph-mv-bg > span:after { transition-duration: 0.55s; }
	
	
	
/**
 * Anchor
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-anchor { margin-top: calc(100vw * (70 / 640)); }

  .block-tsph-top-page .block-tsph-anchor .tsph-wrapper { padding: 0 calc(100vw * (180 / 640)); }


  /* -- .block-tsph-anchor-lists -- */
  .block-tsph-top-page .block-tsph-anchor .block-tsph-anchor-lists { margin-left: 0; }

    .block-tsph-top-page .block-tsph-anchor .block-tsph-anchor-lists > li {
			width: 100%;
			padding-left: 0;
      }

      .block-tsph-top-page .block-tsph-anchor .block-tsph-anchor-lists > li > a {
				padding: calc(100vw * (20 / 640)) 0 calc(100vw * (40 / 640)) 0;
				border-bottom: none;
				font-size: calc(100vw * (20 / 640));
        }
      .block-tsph-top-page .block-tsph-anchor .block-tsph-anchor-lists > li:nth-last-of-type(1) > a { border-bottom: 1px solid #fff; }

        .block-tsph-top-page .block-tsph-anchor .block-tsph-anchor-lists > li > a:after {
					width: calc(100vw * (20 / 640));
					height: calc(100vw * (20 / 640));
					margin-left: calc(100vw * (22 / 640) / -2);
					bottom: calc(100vw * (15 / 640));
          }

  

/**
 * Message
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-message {  margin: calc(100vw * (120 / 640)) 0 calc(100vw * (195 / 640)) 0; }


  /* -- .block-tsph-message-txt -- */
  .block-tsph-top-page .block-tsph-message .block-tsph-message-txt {}

    .block-tsph-top-page .block-tsph-message .block-tsph-message-txt > p {
      margin-top: calc(100vw * (55 / 640));
      font-size: calc(100vw * (22 / 640));
      }


  /* -- .block-tsph-message-logo -- */
  .block-tsph-top-page .block-tsph-message .block-tsph-message-logo {
    margin: calc(100vw * (105 / 640)) calc(100vw * (-25 / 640)) 0 0;
    }

    .block-tsph-top-page .block-tsph-message .block-tsph-message-logo > span { margin-right: calc(100vw * (25 / 640)); }
    .block-tsph-top-page .block-tsph-message .block-tsph-message-logo > span:nth-of-type(2) { width: calc(100vw * (45 / 640)); }

      .block-tsph-top-page .block-tsph-message .block-tsph-message-logo > span img { height: calc(100vw * (50 / 640)); }
  
  
  
/**
 * Interview
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-interview { margin-bottom: calc(100vw * (160 / 640)); }


  /* -- .tsph-top-ttl01 -- */
  .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 { margin: 0 0 calc(100vw * (195 / 640)) 0; }

    .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 .tsph-top-ttl {
      top: calc(100vw * (200 / 640));
      right: calc(100vw * (50 / 640));
      }

      .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 .tsph-top-ttl > span { width: calc(100vw * (218 / 640)); }

    .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 .tsph-top-ttl-label {
      margin-left: calc(100vw * (-250 / 640) / 2);
      right: auto;
      left: 50%;
      }

      .block-tsph-top-page .block-tsph-interview .tsph-top-ttl01 .tsph-top-ttl-label img { width: calc(100vw * (152 / 640)); }


  /* -- .block-tsph-interview-lists -- */
  .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists {
    padding: 0 calc(100vw * (40 / 640));
    margin-left: calc(100vw * (-65 / 640));
    }

    .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li {
      width: 50%;
      padding: 0 0 calc(100vw * (40 / 640)) calc(100vw * (65 / 640));
      }

      .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dt {}

        .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dt img:nth-of-type(1) { display: none; }
        .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li.tsph-top-comingsoon dl > dt img:nth-of-type(1) { display: inline-block; }

        .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dt img:nth-of-type(2) { position: static; }

      .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dd {}

        .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dd > p { font-size: calc(100vw * (26 / 640)); }

          .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li dl > dd > p > span.tsph-ff-oswald { font-size: calc(100vw * (16 / 640)); }

          .block-tsph-top-page .block-tsph-interview .block-tsph-interview-lists > li.tsph-top-comingsoon dl > dd > p > span.tsph-ff-oswald { font-size:  calc(100vw * (24 / 640)); }
	
	
	
/**
 * Development
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-development { margin-bottom: calc(100vw * (160 / 640)); }


  /* -- .tsph-top-ttl01 -- */
  .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 { margin: 0 0 calc(100vw * (195 / 640)) 0; }

    .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 .tsph-top-ttl {
      top: calc(100vw * (200 / 640));
      left: calc(100vw * (55 / 640));
      }

      .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 .tsph-top-ttl > span { width: calc(100vw * (139 / 640)); }

    .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 .tsph-top-ttl-label {
      margin-left: calc(100vw * (-250 / 640) / 2);
      right: auto;
      left: 50%;
      }

      .block-tsph-top-page .block-tsph-development .tsph-top-ttl01 .tsph-top-ttl-label img { width: calc(100vw * (189 / 640)); }


  /* -- .block-tsph-development-lists -- */
  .block-tsph-top-page .block-tsph-development .block-tsph-development-lists { padding: 0 calc(100vw * (40 / 640)); }

    .block-tsph-top-page .block-tsph-development .block-tsph-development-lists > li:nth-child(odd) { padding-bottom: calc(100vw * (25 / 640)); }
    .block-tsph-top-page .block-tsph-development .block-tsph-development-lists > li:nth-child(even) { padding-bottom: calc(100vw * (30 / 640)); }
	
	
	
/**
 * Inheritance
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-inheritance { margin-bottom: calc(100vw * (100 / 640)); }


  /* -- .tsph-top-ttl01 -- */
  .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 { margin: 0 0 calc(100vw * (195 / 640)) 0; }

    .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 .tsph-top-ttl {
      top: calc(100vw * (165 / 640));
      right: calc(100vw * (45 / 640));
      }

      .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 .tsph-top-ttl > span { width: calc(100vw * (163 / 640)); }

    .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 .tsph-top-ttl-label {
      margin-left: calc(100vw * (-250 / 640) / 2);
      right: auto;
      left: 50%;
      }

      .block-tsph-top-page .block-tsph-inheritance .tsph-top-ttl01 .tsph-top-ttl-label img { width: calc(100vw * (169 / 640)); }
	
	
	/* -- .block-tsph-inheritance-lists -- */
  .block-tsph-top-page .block-tsph-inheritance .block-tsph-inheritance-lists {
		margin-left: 0;
		padding: 0 calc(100vw * (90 / 640));
    }

    .block-tsph-top-page .block-tsph-inheritance .block-tsph-inheritance-lists > li {
      width: 100%;
      padding: 0 0 calc(100vw * (30 / 640)) 0;
      }



/**
 * SNS
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-sns { margin-bottom: calc(100vw * (40 / 640)); }


  /* -- .block-tsph-message-txt -- */
  .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists { margin-left: calc(100vw * (-50 / 640)); }

    .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li { margin-left: calc(100vw * (50 / 640)); }

      .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li > a {
        background-size: auto calc(100vw * (48 / 640));
        width: calc(100vw * (48 / 640));
        height: calc(100vw * (48 / 640));
        }
      .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li.block-tsph-sns-lists-ln > a { background-position: 0 0; }
      .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li.block-tsph-sns-lists-fb > a { background-position: calc(100vw * (-48 / 640)) 0; }
      .block-tsph-top-page .block-tsph-sns .block-tsph-sns-lists > li.block-tsph-sns-lists-tw > a { background-position: calc(100vw * (-48 * 2 / 640)) 0; }
      


/**
 * Coming Soon
 * -------------------------------
 */

.block-tsph-top-page .block-tsph-comingsoon { text-align: center; }

  .block-tsph-top-page .block-tsph-comingsoon .block-tsph-comingsoon-txt {
    display: inline-block;
    padding: calc(100vw * (25 / 640)) calc(100vw * (40 / 640));
    border: calc(100vw * (3 / 640)) solid #005CB9;
    }

    .block-tsph-top-page .block-tsph-comingsoon .block-tsph-comingsoon-txt > p { font-size: calc(100vw * (20 / 640)); }

    
}