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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/


/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 961px){
	
	div#mv_block nav.slide_nav li.menu.about a{
		color: #4fc4d7;
    }
	
	section div.section_inner {
		width: 77%;
		max-width: 1150px;
		margin: 0 auto;
	}

  section#about{
    --slider-h: min(66vw, 760px);
    position: relative;
    height: 300vh; /* 3枚分 */
  }

  section#about .section_inner{
    position: sticky;
    top: 0;
    height: 55vw;
    box-sizing: border-box;
    overflow: hidden;
  }
	
	section#about .section_inner div.po{
    position: relative;
		 height: 55vw;
  }

  section#about h2{
    position: relative;
    z-index: 40;
  }

  section#about .slider_wrap{
    position: relative;
    width: 100%;
    height: auto;
  }

  section#about .slider{
    position: relative;
    width: 100%;
    height: var(--slider-h);
    margin-top: 3vw;
	  padding-top: 6.6vw;
  }

  section#about .slider .block{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  section#about .slider .block .photo{
    width: 48%;
    position: absolute;
    top: 0;
    left: 2%;
    overflow: hidden;
    line-height: 0;
    border-radius: 10px;
    transform-origin: center center;
    transition:
      transform 0.7s ease,
      opacity 0.7s ease,
      filter 0.7s ease;
    will-change: transform, opacity;
  }

  section#about .slider .block .photo picture,
  section#about .slider .block .photo img{
    width: 100%;
    display: block;
  }

  section#about .slider .block .photo img{
    height: auto;
  }

  section#about .slider .block:nth-child(1) .photo{ --rot: -4.5deg; }
  section#about .slider .block:nth-child(2) .photo{ --rot:  4.5deg; }
  section#about .slider .block:nth-child(3) .photo{ --rot: -5deg; }

  section#about .slider .block .text{
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(20px);
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.45s ease,
      transform 0.45s ease,
      visibility 0.45s ease;
    will-change: opacity, transform;
  }

  section#about .slider .block .text h3{
	  font-size: 2.4rem;
	  font-size: clamp(calc(2.4rem * 0.64), 1.6vw, 2.4rem);
	  line-height: 1;
	  letter-spacing: 0.2em;
	  width: 90%;
	  height: 8.5vw;
	  height: 8.5cqw;
	  max-height: 128px;
	  margin-left: -9%;
      margin-bottom: 1.2em;
	  background: url("../images/about_us/speech01.svg") no-repeat;
	  background-size: contain;
	  padding-top: 1.5em;
  }
	section#about .slider .block .text h3.two{
		width: 88%;
		height: 8.2vw;
		height: 8.2cqw;
		max-height: 123px;
		background: url("../images/about_us/speech02.svg") no-repeat;
		padding-top: 1.25em;
  }
	
	section#about .slider .block .text h3.three{
		width: 95%;
		background: url("../images/about_us/speech03.svg") no-repeat;
  }
	
	section#about .slider .block .text h3 span{
	  display: inline-block;
	  padding-left: 2em;
  }
	
  section#about .slider .block .text h3.two span{
	  display: inline-block;
	  padding-left: 3em;
  }
	
	section#about .slider .block .text h3.three span{
	  display: inline-block;
	  padding-left: 1.5em;
  }

  section#about .slider .block .text h4{
    font-size: 2.2rem;
    font-size: clamp(calc(2.2rem * 0.64), 1.46vw, 2.2rem);
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.28em;
    margin-bottom: 1.25em;
  }

  section#about .slider .block .text p{
    font-size: 1.8rem;
    font-size: clamp(calc(1.8rem * 0.64), 1.2vw, 1.8rem);
    font-weight: 700;
    line-height: 2.3;
    letter-spacing: 0.05em;
  }

  section#about .slider .block.is-active{
    z-index: 3;
  }

  section#about .slider .block.is-active .photo{
    opacity: 1;
    filter: blur(0);
    transform:
      translate3d(0, 0, 0)
      rotate(var(--rot))
      scale(1);
  }

  section#about .slider .block.is-active .text{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
  }

  section#about .slider .block.is-before{
    z-index: 2;
  }

  section#about .slider .block.is-before .photo{
    opacity: 0.72;
    filter: blur(0);
    transform:
      translate3d(20px, 20px, 0)
      rotate(var(--rot))
  }

  section#about .slider .block.is-before .text{
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
  }

  section#about .slider .block.is-after{
    z-index: 1;
  }

  section#about .slider .block.is-after .photo{
    opacity: 0.48;
    filter: blur(0);
    transform:
      translate3d(-10px, 40px, 0)
      rotate(var(--rot))
  }

  section#about .slider .block.is-after .text{
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
  }

  section#about .dots_block{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 30;
  }
	
	section#about .dots_block p{
   font-family: "Lato", "Zen Kaku Gothic New", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		font-size: 1.2rem;
		font-size: clamp(calc((1.2rem * 0.64)), 0.8vw, 1.2rem);
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.37em;
		text-align: center;
		transform: scale(1, 0.7);
		margin-top: 2em;
  }

  section#about .dots{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  section#about .dots li{
    list-style: none;
    margin: 0;
    padding: 0;
  }

  section#about .dots li button{
    width: 18px;
    height: 3px;
    display: block;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: #dcdddd;
    cursor: pointer;
    /*transition: background 0.3s ease, transform 0.3s ease;*/
    font-size: 0;
    appearance: none;
    -webkit-appearance: none;
  }

  section#about .dots li.is-current button{
    background: #4fc4d7;
  }
	
  section#about .sp_nav{
    display: none;
  }



	
	section#safety{
		margin-top: 7.8vw;
		margin-bottom: 2vw;
	}
	
	section#safety h2,
	section#attempt h2{
		margin-bottom: 0.75em;
	}
	
	section#safety p,
	section#attempt p{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.06vw, 1.6rem);
		font-weight: 500;
		line-height: 2;
		letter-spacing: 0.05em;
		text-align: center;
	}
	
	section#safety div.illust {
		margin-top: 2.66vw;
		line-height: 0;
	}
	
	section#attempt {
		padding: 7.6vw 0 6.6vw;
		background: url("../images/common/bg_blue.jpg") repeat;
		background-size: 250px 2100px;
	}
	
	section#attempt div.frame {
		width: 85.2%;
		max-width: 1278px;
		margin: 4vw auto 0;
		overflow: hidden;
		border-radius: 40px;
		background: url("../images/common/bg.jpg") repeat;
		background-size: 250px 2104px;
		padding: 3.3vw 0;
		padding: 3.3cqw 0;
	}
	
	section#attempt div.frame div.block{
		width: 77.7%;
		margin: 0 auto;
	}
	
	section#attempt div.frame div.block figure {
		width: 100%;
		line-height: 0;
	}
	
	section#interview {
		margin-top: 6vw;
	}
	
	section#interview div.section_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
	}
	
	section#interview div.section_inner div.inner_left{
		width: 47.4%;
	}
	
	section#interview div.section_inner div.inner_left h2{
		font-family: "Lato", "Zen Kaku Gothic New", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		font-size: 4.5rem;
		font-size: clamp(calc((4.5rem * 0.64)), 3vw, 4.5rem);
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.37em;
		text-align: left;
		transform: scale(1, 0.7);
		margin-bottom: 0.25em;
	}
	
	section#interview div.section_inner div.inner_left div.photo{
		border-radius: 10px;
		overflow: hidden;
		line-height: 0;
	}
	
	section#interview div.section_inner div.inner_right{
		width: 43%;
	}
	
	section#interview div.section_inner div.inner_right p{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.06vw, 1.6rem);
		font-weight: 700;
		line-height: 2;
		letter-spacing: -0.02em;
	}
	
	section#interview div.section_inner div.inner_right p + p{
		margin-top: 2em;
	}
	
	section#interview div.section_inner div.inner_right div.career{
		width: 47.4%;
		position: absolute;
		top: 548px;
		left: 0;
	}
	
	section#interview div.section_inner div.inner_right div.career dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.93vw, 1.4rem);
		font-weight: 700;
		line-height: 1.4;
		border: 1px dashed #333;
		border-width: 1px 0;
		padding: 1em 0 0.5em;
		margin: 1em 0 1.5em;
	}
	
	section#interview div.section_inner div.inner_right div.career dl dt{
		width: 11%;
		padding-bottom: 0.5em;
	}
	
	section#interview div.section_inner div.inner_right div.career dl dd{
		width: 89%;
		padding-bottom: 0.5em;
	}
	
	section#interview div.section_inner div.inner_right div.career p{
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.93vw, 1.4rem);
		font-weight: 700;
		line-height: 1.7;
	}
	
	section#interview div.section_inner div.inner_right p.name{
		line-height: 2;
		letter-spacing: -0.02em;
	}
	
	section#interview div.section_inner div.inner_right p.name b{
		font-size: 171.4%;
		font-weight: 700;
		letter-spacing: 0.2em;
	}
	
	
}

@media screen and (min-width:961px) and (max-width: 1500px){
	
	section#attempt div.frame {
		border-radius: 2.66vw;
		border-radius: 2.66cqw;
	}
	
	section#interview div.section_inner div.inner_left div.photo{
		border-radius: 0.66vw;
		border-radius: 0.66cqw;
	}
	
	section#interview div.section_inner div.inner_right div.career{
		top: 36.5vw;
		top: 36.5cqw;
	}
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 960px){
	
	section div.section_inner {
		width: 90%;
		margin: 0 auto;
	}
	

  section#about{
    height: auto !important;
  }

  section#about .section_inner{
    width: 77.6%;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  section#about .po{
    position: relative;
  }

  section#about .slider_wrap{
    position: relative;
    margin-top: 6vw;
    height: 150vw; /* 全体の見せ高さ */
  }

  section#about .slider.about_swiper{
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 0;
    overflow: visible;
  }

  section#about .slider.about_swiper .swiper-wrapper{
    display: block;
    width: 100%;
    height: 100%;
    transform: none !important;
  }

  section#about .slider.about_swiper .block{
    position: absolute !important;
    inset: 0 !important;
    width: 100%;
    height: 100% !important;
    margin: 0 !important;
    pointer-events: none;
  }

/* 写真 */
section#about .slider.about_swiper .block .photo{
  position: absolute !important;
  top: 27.33vw;
  left: 0;
  width: 100%;
  transform-origin: center center;
  border-radius: 2vw;
  overflow: hidden;
  line-height: 0;
  margin-bottom: 0;
  transition:
    transform 0.7s ease,
    opacity 0.7s ease;
  will-change: transform, opacity;
}

section#about .slider.about_swiper .block .photo picture,
section#about .slider.about_swiper .block .photo img{
  width: 100%;
  display: block;
}

/* active */
section#about .slider.about_swiper .block.is-active .photo{
  opacity: 1;
}

/* before */
section#about .slider.about_swiper .block.is-before .photo{
  opacity: 0.7;
}

/* after */
section#about .slider.about_swiper .block.is-after .photo{
  opacity: 0.45;
}

/* 1枚目 */
section#about .slider.about_swiper .block:nth-child(1).is-active .photo{
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
section#about .slider.about_swiper .block:nth-child(1).is-before .photo{
  opacity: 0.7;
  transform: translate3d(3vw, 3vw, 0) rotate(-4deg) scale(0.98);
}
section#about .slider.about_swiper .block:nth-child(1).is-after .photo{
  opacity: 0.45;
  transform: translate3d(-2vw, 6vw, 0) rotate(-4deg) scale(0.96);
}

/* 2枚目 */
section#about .slider.about_swiper .block:nth-child(2).is-active .photo{
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
section#about .slider.about_swiper .block:nth-child(2).is-before .photo{
  opacity: 0.7;
  transform: translate3d(3vw, 3vw, 0) rotate(4deg) scale(0.98);
}
section#about .slider.about_swiper .block:nth-child(2).is-after .photo{
  opacity: 0.45;
  transform: translate3d(-2vw, 6vw, 0) rotate(4deg) scale(0.96);
}

/* 3枚目 */
section#about .slider.about_swiper .block:nth-child(3).is-active .photo{
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
section#about .slider.about_swiper .block:nth-child(3).is-before .photo{
  opacity: 0.7;
  transform: translate3d(3vw, 3vw, 0) rotate(-4.5deg) scale(0.98);
}
section#about .slider.about_swiper .block:nth-child(3).is-after .photo{
  opacity: 0.45;
  transform: translate3d(-2vw, 6vw, 0) rotate(-4.5deg) scale(0.96);
}

  section#about .slider.about_swiper .block .photo picture,
  section#about .slider.about_swiper .block .photo img{
    width: 100%;
    display: block;
  }

  /* テキスト */
  section#about .slider.about_swiper .block .text{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition:
      opacity 0.45s ease,
      transform 0.45s ease,
      visibility 0.45s ease;
    pointer-events: none;
  }

  section#about .slider .block .text h3{
    font-size: calc(3.4rem * 0.48);
    font-size: clamp(calc((3.4rem * 0.48)), 4.53vw, calc(3.4rem * 1.28));
    line-height: 1;
    letter-spacing: 0.15em;
    width: 64.8vw;
    width: 64.8cqw;
    height: 22.2vw;
    height: 22.2cqw;
    margin-bottom: 1.2em;
    background: url("../images/about_us/speech01.svg") no-repeat;
    background-size: contain;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
    left: 10%;
    z-index: 5;
  }

  section#about .slider .block .text h3.two{
    width: 65.7vw;
    width: 65.7cqw;
    height: 22.4vw;
    height: 22.4cqw;
    background: url("../images/about_us/speech02.svg") no-repeat;
    background-size: contain;
    padding-top: 1.25em;
    left: 8%;
  }

  section#about .slider .block .text h3.three{
    width: 67.3vw;
    width: 67.3cqw;
    background: url("../images/about_us/speech03.svg") no-repeat;
    background-size: contain;
    left: 6%;
  }

  section#about .slider .block .text h3 span{
    display: inline-block;
    padding-left: 2em;
  }

  section#about .slider .block .text h3.two span{
    padding-left: 3em;
  }

  section#about .slider .block .text h3.three span{
    padding-left: 1.5em;
  }

  section#about .slider .block .text h4{
    font-size: calc(3.0rem * 0.48);
    font-size: clamp(calc((3.0rem * 0.48)), 4vw, calc(3.0rem * 1.28));
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.28em;
    text-align: center;
    margin-bottom: 1em;
    padding-top: 80vw; /* 写真の下に来るよう調整 */
  }

  section#about .slider .block .text p{
    font-size: calc(2.4rem * 0.48);
    font-size: clamp(calc((2.4rem * 0.48)), 3.2vw, calc(2.4rem * 1.28));
    font-weight: 700;
    line-height: 1.9;
    letter-spacing: 0.05em;
  }

  /* 状態管理 */
  section#about .slider.about_swiper .block.is-active{
    z-index: 3;
    pointer-events: auto;
  }

  section#about .slider.about_swiper .block.is-active .photo{
    opacity: 1;
    transform:
      translate3d(0, 0, 0)
      rotate(var(--rot))
      scale(1);
  }

  section#about .slider.about_swiper .block.is-active .text{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  section#about .slider.about_swiper .block.is-before{
    z-index: 2;
  }

  section#about .slider.about_swiper .block.is-before .photo{
    opacity: 0.7;
    transform:
      translate3d(3vw, 3vw, 0)
      rotate(var(--rot))
      scale(0.98);
  }

  section#about .slider.about_swiper .block.is-before .text{
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
  }

  section#about .slider.about_swiper .block.is-after{
    z-index: 1;
  }

  section#about .slider.about_swiper .block.is-after .photo{
    opacity: 0.45;
    transform:
      translate3d(-2vw, 6vw, 0)
      rotate(var(--rot))
      scale(0.96);
  }

  section#about .slider.about_swiper .block.is-after .text{
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
  }

  section#about .dots_block{
    position: relative;
    z-index: 10;
  }

  section#about .dots{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  section#about .dots li{
    list-style: none;
    margin: 0;
    padding: 0;
  }

  section#about .dots li button{
    width: 18px;
    height: 3px;
    display: block;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: #dcdddd;
    cursor: pointer;
    font-size: 0;
    appearance: none;
    -webkit-appearance: none;
  }

  section#about .dots li.is-current button{
    background: #4fc4d7;
  }

  section#about .sp_nav{
    display: block;
  }

  section#about .sp_nav button{
    width: 4vw;
    width: 4cqw;
    height: 10vw;
    height: 10cqw;
    position: absolute;
    top: 95vw;
    z-index: 20;
    cursor: pointer;
    border: none;
    padding: 0;
  }

  section#about .sp_nav button.about_prev{
    left: -7.5%;
    background: url("../images/about_us/btn_prev.svg") no-repeat center center;
    background-size: contain;
  }

  section#about .sp_nav button.about_next{
    right: -7.5%;
    background: url("../images/about_us/btn_next.svg") no-repeat center center;
    background-size: contain;
  }
	
	section#safety{
		margin-top: 12vw;
		margin-bottom: 6.6vw;
	}
	
	section#safety h2,
	section#attempt h2{
		margin-bottom: 0.75em;
	}
	
	section#safety p,
	section#attempt p{
		font-size: calc(2.4rem * 0.48);
		font-size: clamp(calc((2.4rem * 0.48)), 3.2vw, calc(2.4rem * 1.28));
		font-weight: 700;
		line-height: 2;
		letter-spacing: -0.035em;
		text-align: center;
	}
	
	section#safety div.illust {
		margin-top: 7.3vw;
		line-height: 0;
	}
	
	section#attempt {
		padding: 10vw 0 6.6vw;
		background: url("../images/common/bg_blue.jpg") repeat;
		background-size: 250px 2100px;
	}
	
	section#attempt div.frame {
		width: 90%;
		margin: 6vw auto 0;
		overflow: hidden;
		border-radius: 5.2vw;
		background: url("../images/common/bg.jpg") repeat;
		background-size: 250px 2104px;
		padding: 6.4vw 0;
		padding: 6.4cqw 0;
	}
	
	section#attempt div.frame .block_wrap {
		width: 90%;
		margin: 0 auto;
    }

    section#attempt div.frame div.block {
		overflow-x: auto;
		padding-bottom: calc(5vw + 4px);
		-webkit-overflow-scrolling: touch;
    }

    section#attempt div.frame div.block::-webkit-scrollbar {
		height: 4px;
    }

    section#attempt div.frame div.block::-webkit-scrollbar-track {
		background: #FFF;
    }

    section#attempt div.frame div.block::-webkit-scrollbar-thumb {
		background: #b9e7ef;
		border: none;
    }

   section#attempt div.frame div.block figure {
		width: 180%;
		margin: 0;
		line-height: 0;
    }
	
	section#interview {
		margin-top: 13vw;
	}
	
	section#interview div.section_inner {
		display: block;
		position: relative;
	}
	
	section#interview div.section_inner div.inner_left{
		width: 100%;
	}
	
	section#interview div.section_inner div.inner_left h2{
		font-family: "Lato", "Zen Kaku Gothic New", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		font-size: calc(5.8rem * 0.48);
		font-size: clamp(calc((5.8rem * 0.48)), 7.73vw, calc(5.8rem * 1.28));
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.17em;
		text-align: left;
		transform: scale(1, 0.7);
		margin-bottom: 0.5em;
		text-align: center;
	}
	
	section#interview div.section_inner div.inner_left div.photo{
		width: 73.5%;
		margin: 0 auto 10vw;
		border-radius: 1.33vw;
		overflow: hidden;
		line-height: 0;
	}
	
	section#interview div.section_inner div.inner_right{
		width: 100%;
	}
	
	section#interview div.section_inner div.inner_right p{
		font-size: calc(2.4rem * 0.48);
		font-size: clamp(calc((2.4rem * 0.48)), 3.2vw, calc(2.4rem * 1.28));
		font-weight: 700;
		line-height: 1.8;
		letter-spacing: -0.02em;
	}
	
	section#interview div.section_inner div.inner_right p + p{
		margin-top: 1.75em;
	}
	
	section#interview div.section_inner div.inner_right div.career{
		margin-top: 13.3vw;
	}
	
	section#interview div.section_inner div.inner_right div.career dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: calc(2.2rem * 0.48);
		font-size: clamp(calc((2.2rem * 0.48)), 2.93vw, calc(2.2rem * 1.28));
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.025em;
		border: 1px dashed #333;
		border-width: 1px 0;
		padding: 1em 0 0.5em;
		margin: 1em 0 1.5em;
	}
	
	section#interview div.section_inner div.inner_right div.career dl dt{
		width: 11%;
		padding-bottom: 0.5em;
	}
	
	section#interview div.section_inner div.inner_right div.career dl dd{
		width: 85%;
		padding-bottom: 0.5em;
	}
	
	section#interview div.section_inner div.inner_right div.career p{
		font-size: calc(2.2rem * 0.48);
		font-size: clamp(calc((2.2rem * 0.48)), 2.93vw, calc(2.2rem * 1.28));
		font-weight: 700;
		line-height: 1.7;
		letter-spacing: -0.02em;
	}
	
	section#interview div.section_inner div.inner_right p.name{
		font-size: calc(2.6rem * 0.48);
		font-size: clamp(calc((2.6rem * 0.48)), 3.46vw, calc(2.6rem * 1.28));
		line-height: 1.3;
		text-align: center;
	}
	
	section#interview div.section_inner div.inner_right p.name b{
		font-size: 146%;
		font-weight: 700;
		letter-spacing: 0.2em;
		line-height: 1.8;
	}
	
	
	
	
	
	
	
	section div.section_inner div.block{
		display: block;
		margin-top: 7.7vw;
	}
	
	section div.section_inner div.block figure.photo {
		width: 100vw;
		width: 100cqw;
		margin-left: -9vw;
		margin-left: -9cqw;
	}
	
	section div.section_inner div.block figure.photo div{
		overflow: hidden;
		line-height: 0;
	}
	
	section div.section_inner div.block figure.photo figcaption{
		width: 65.8%;
		display: block;
		font-size: calc(3.8rem * 0.48);
		font-size: clamp(calc((3.8rem * 0.48)), 5.06vw, calc(3.8rem * 1.28));
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.2em;
		margin: 1em auto 0;
	}
	
	section div.section_inner div.block figure.photo figcaption small{
		font-size: 68.4%;
		letter-spacing: 0.05em;
	}
	
	section div.section_inner div.block div.text_block {
		width: 100%;
		margin-top: 8vw;
	}
	
	section div.section_inner div.block div.text_block h3{
		font-size: calc(3.8rem * 0.48);
		font-size: clamp(calc((3.8rem * 0.48)), 5.06vw, calc(3.8rem * 1.28));
		line-height: 1.57;
		letter-spacing: 0.13em;
		margin-bottom: 1.25em;
	}
	
	section div.section_inner div.block div.text_block p{
		font-size: calc(2.4rem * 0.48);
		font-size: clamp(calc((2.4rem * 0.48)), 3.2vw, calc(2.4rem * 1.28));
		font-weight: 700;
		line-height: 1.78;
		letter-spacing: 0.05em;
		text-align: justify;
	}
	
	section div.section_inner div.block div.text_block p + p{
		margin-top: 2em;
	}
	
	section div.section_inner div.block div.text_block div.btn_block {
		width: 94%;
		margin: 11.8vw auto 0;
	}
	
	section div.section_inner div.block div.text_block div.btn_block a{
		width: 100%;
		display: block;
		font-size: calc(2.4rem * 0.48);
		font-size: clamp(calc((2.4rem * 0.48)), 3.2vw, calc(2.4rem * 1.28));
		font-weight: 700;
		line-height: 1;
		color: #000;
		padding: 0.75em 0 0.85em 1.25em;
		background: url("../images/common/bg_blue.jpg") repeat;
		background-size: 50%;
		position: relative;
	}
	
	section div.section_inner div.block div.text_block div.btn_block a::after{
		content: "";
		width: 18.6vw;
		width: 18.6cqw;
		height: 6.66vw;
		height: 6.66cqw;
		display: inline-block;
		background: url("../images/about_johnan/arrow_black.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: -4.5%;
		z-index: 3;
	}
}