@charset "utf-8";
/***************************************************************************************************
	page_top.css
***************************************************************************************************/
/*
*/
#header {
	background-color: rgba(255, 255, 255, 0);
	transition:background-color .1s ease-out 0s;
  opacity:0;
  pointer-events: none;
  animation:header_kf_1 1s ease .4s 1 normal both;
}
#header.hd_on {
	background-color: rgba(255, 255, 255, .8);
}
#header .hd_blk_1 {
  opacity: 0;
  pointer-events: none;
  transition:opacity .2s ease-out 0s;
}
#header.hd_on .hd_blk_1 {
  opacity: 1;
  pointer-events: auto;
}
@keyframes header_kf_1 {
  0% {opacity:0; pointer-events: none;}
  100% {opacity:1; pointer-events: auto;}
}
/*  */
#btns_reserve {
  animation-delay: 2.4s;
}
/*  */
body {
  background-color: #EFECE8;
}
/*
*/
#page_top {
  width:100%;
  overflow:hidden;
}
#page_top::before {
  position:fixed;
  display: block;
  content:'';
  left:50%;
  top:0;
  translate:-50% 0;
  width:100vw;
  height:100vh;
  background-image: url('../en-images/top_bk_01.jpg');
	background-position: 50% 50%;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
}
#page_top.bk_show::before {
  opacity:1;
}
/*
*/
#page_top .blk_1 {
  width: 100%;
  height: 100vh;
  min-height: 640px;
  max-height: 1100px;
  overflow: hidden;
  background-color: #EFECE8;
}
#page_top .blk_1 > div {
  width:100%;
  max-width: var(--max_wid_1);
  height: 100%;
  margin: auto;
}
/*  */
#page_top .blk_1_1 {
  width:100%;
  height: 100%;
  display: table;
}
#page_top .blk_1_1_1 {
  display: table-cell;
  vertical-align: middle;
  width:1%;
}
#page_top .blk_1_1_1 h2 {
  width: 32.5vw;
  max-width: 450px;
  text-align: right;
  font-size: 0;
}
#page_top .blk_1_1_1 h2 br {
  display: none;
}
#page_top .blk_1_1_1 h2 span:nth-of-type(1) {
  display: inline-block;
  width: 77%;
  padding:0 0 8% 0;
}
#page_top .blk_1_1_1 h2 span:nth-of-type(1)::before {
	position: absolute;
	display: block;
	content: '';
	width: 23%;
	height: 2px;
	left:0;
	top:calc(100% - 1px);
	background-color: #000000;
  opacity:0;
  scale: 0 1;
  transform-origin: 0 0;
  animation:blk_1_kf_2 .6s ease-out 3s 1 normal both;
}
@keyframes blk_1_kf_2 {
  0% {scale: 0 1; opacity:0;}
  100% {scale: 1 1; opacity:1;}
}
#page_top .blk_1_1_1 h2 span:nth-of-type(1) img {
  display: block;
  width: 100%;
  mask-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%), linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
  mask-position: 0 0, 0 50%;
  mask-size: 0% 50%, 0% 51%;
  mask-repeat: no-repeat, no-repeat;
  animation:blk_1_kf_1_1 1s ease-out 1.4s 1 normal forwards, blk_1_kf_1_2 1s ease-out 2.4s 1 normal forwards;
}
@keyframes blk_1_kf_1_1 {
  0% {mask-size: 0% 50%, 0% 100%}
  100% {mask-size: 100% 50%, 0% 100%;}
}
@keyframes blk_1_kf_1_2 {
  0% {mask-size: 100% 50%, 0% 100%}
  100% {mask-size: 100% 50%, 100% 100%;}
}
#page_top .blk_1_1_1 h2 span:nth-of-type(2) {
  display: inline-block;
  width: 77%;
  padding:12% 0 0 0;
  overflow: hidden;
}
#page_top .blk_1_1_1 h2 span:nth-of-type(2) img {
  position: absolute;
  display: block;
  left:0;
  top:100%;
  width: 95%;
  translate: 0 0;
  opacity:0;
  animation:blk_1_kf_3 .6s ease-out 3s 1 normal both;
}
@keyframes blk_1_kf_3 {
  0% {translate:0 0; opacity:0;}
  100% {translate:0 -100%; opacity:1;}
}
/*  */
#page_top .blk_1_1_2 {
  display: table-cell;
  width:auto; 
}
/*  */
#page_top .blk_1_2 {
  display: block;
  position: absolute;
  left:0;
  top:0;
  width: 32vw;
  max-width: 450px;
  height:100%;
  opacity:0;
  animation:blk_1_2_kf_2 2s ease-out 4s 1 normal both;
}

#page_top .blk_1_2 p {
  position: absolute;
  left:100%;
  top:calc(100% - 45px);
  width:100%;
  translate: -100% -100%;
  text-align: right;
}
#page_top .blk_1_2 p span {
  display: inline-block;
  width:87%;
}
@keyframes blk_1_2_kf_2 {
  0% {opacity:0;}
  100% {opacity:1;}
}
#page_top .blk_1_2 p span img {
  display: block;
  width:100%;
}
/*
*/
#page_top .blk_2 {
  width:100%;
  background-color: #215357;
  overflow: hidden;
}
#page_top .blk_2 .bk_sp {
  display:none;
}
#page_top .blk_2 > section {
  width:100%;
}
/*  */
#page_top .blk_2_1 {
  width:100%;
  max-width: var(--max_wid_1);
	margin: auto;
  padding: var(--padding_1);
  padding-top:min(200px, 10%);
}
#page_top .blk_2_1 > div {
  display:table;
  width:100%;
  max-width: 1300px;
}
#page_top .blk_2_1_1 {
  display: table-cell;
  width:76%;
  min-width:700px;
  text-align: left;
  vertical-align: top;
  z-index: 2;
  padding:0 0 13% 0;
}
#page_top .blk_2_1_1 h3 {
  width:100%;
  padding:0 0 50px 0;
}
#page_top .blk_2_1_1.tgt_nm_psa h3 {
  opacity:0;
  translate:0 20px;
}
#page_top .blk_2_1_1.tgt_nm_psa.psa_show h3 {
  animation:blk_2_kf_1 .8s ease 0s 1 normal forwards;
}
@keyframes blk_2_kf_1 {
  100% { translate:0 0; opacity:1; scale:1 1}
}
#page_top .blk_2_1_1 h3 span {
  color: #ffffff;
  font-size: min(2.6vw, 32px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .13em;
}
#page_top .blk_2_1_1 > div {
  width:100%;
}
#page_top .blk_2_1_1.tgt_nm_psa > div {
  opacity:0;
  translate:0 20px;
}
#page_top .blk_2_1_1.tgt_nm_psa.psa_show > div {
  animation:blk_2_kf_1 .8s ease .2s 1 normal forwards;
}
#page_top .blk_2_1_1 p {
  color:#ffffff;
  font-size: 14px;
  line-height: 2;
  padding:0 12% 20px 0;
}
#page_top .blk_2_1_1 p span {
  display: inline-block;
  color:inherit;
  font-size: inherit;
  line-height: inherit;
  word-break: keep-all;
}
#page_top .blk_2_1_2 {
  display: table-cell;
  width:24%;
  text-align: left;
  vertical-align: top;
  z-index: 1;
  padding: 0 0 3% 0;
}
#page_top .blk_2_1_2 div {
  width:100%;
  padding:0 0 6% 0;
}
#page_top .blk_2_1_2.tgt_nm_psa div {
  opacity:0;
  scale:.8 .8;
}
#page_top .blk_2_1_2.tgt_nm_psa.psa_show div {
  animation:blk_2_kf_2 .8s ease 0s 1 normal forwards;
}
@keyframes blk_2_kf_2 {
  100% { top:0; opacity:1; scale:1 1}
}
#page_top .blk_2_1_2 div::before {
  display:block;
  content:'';
	background-position: 50% 50%;
	background-size: cover;
}
#page_top .blk_2_1_2 div:nth-of-type(1) {
  top:20px;
}
#page_top .blk_2_1_2.tgt_nm_psa.psa_show div:nth-of-type(1) {
  animation-delay: .2s;
}
#page_top .blk_2_1_2 div:nth-of-type(1)::before {
  width: 80%;
  padding:calc(85% * .8) 0 0 0;
  background-image: url('../en-images/top_img_01_01.jpg');
}
#page_top .blk_2_1_2 div:nth-of-type(2) {
  translate: 50% 0;
  top:25px;
}
#page_top .blk_2_1_2.tgt_nm_psa.psa_show div:nth-of-type(2) {
  animation-delay: .3s;
}
#page_top .blk_2_1_2 div:nth-of-type(2)::before {
  width: 70%;
  padding:calc(72% * .7) 0 0 0;
  background-image: url('../en-images/top_img_01_02.jpg');
}
#page_top .blk_2_1_2 div:nth-of-type(3) {
  translate: -30% 0;
  top:30px;
}
#page_top .blk_2_1_2.tgt_nm_psa.psa_show div:nth-of-type(3) {
  animation-delay: .4s;
}
#page_top .blk_2_1_2 div:nth-of-type(3)::before {
  width: 100%;
  padding:85% 0 0 0;
  background-image: url('../en-images/top_img_01_03.jpg');
}
/*  */
#page_top .blk_2_2 {
  width:100%;
  overflow: hidden;
}
#page_top .blk_2_2 p {
  top:1px;
  width:100%;
  padding:5.625% 0 0 0;
	background-image: url('../en-images/top_txt_03.svg');
	background-position: 50% 100%;
	background-size: auto 100%;
  background-repeat: repeat-x;
  animation:blk_2_kf_3 30s linear 0s infinite normal both;
}
@keyframes blk_2_kf_3 {
  0% { background-position: 0 100%;}
  100% { background-position: -100vw 100%;}
}
#page_top .blk_2_2 p img {
  opacity:0;
  position: absolute;
}
/*
*/
#page_top .blk_3 {
  width:100%;
  overflow: hidden;
  background-color: #EFECE8;
}
#page_top .blk_3 > section {
  width:100%;
	max-width: var(--max_wid_1);
	margin: auto;
}
/*  */
#page_top .blk_3_1 {
  width:100%;
  padding:10% 0 0 0;
}
#page_top .blk_3_1 h3 {
  text-align: center;
  font-size: 0;
}
#page_top .blk_3_1 h3 br {
  display: none;
}
#page_top .blk_3_1 h3 > span:nth-of-type(1) {
  display: block ;
  padding:0 0 10px 0;
}
#page_top .blk_3_1.tgt_nm_psa h3 > span:nth-of-type(1) {
  opacity:0;
  translate:0 10px;
}
#page_top .blk_3_1.tgt_nm_psa.psa_show h3 > span:nth-of-type(1) {
  animation:blk_3_kf_1 .6s ease .4s 1 normal forwards;
}
@keyframes blk_3_kf_1 {
  100% { translate:0 0; opacity:1; scale:1 1;}
}
#page_top .blk_3_1 h3 > span:nth-of-type(1) span {
  display: inline-block ;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .05em;
}
#page_top .blk_3_1 h3 > span:nth-of-type(2) {
  display: block;
  width:225px;
  margin:15px auto auto auto;
  overflow: hidden;
}
#page_top .blk_3_1 h3 > span:nth-of-type(2) img {
  display: block;
  width:100%;
}
#page_top .blk_3_1.tgt_nm_psa h3 > span:nth-of-type(2) img {
  translate:0 101%;
  opacity:0;
}
#page_top .blk_3_1.tgt_nm_psa.psa_show h3 > span:nth-of-type(2) img {
  animation:blk_3_kf_1 .6s ease 0s 1 normal forwards;
}
/*  */
#page_top .blk_3_2 {
  width:100%;
  /* max-width: 1560px; */
  max-width:1600px;
  margin: auto;
  padding:8% 0 10% 0;
}
#page_top .blk_3_2 > section {
  display: table;
}
#page_top .blk_3_2 > section h4 {
  position: absolute;
  z-index: 4;
  pointer-events: none;
  left:0;
  top:0;
}
#page_top .blk_3_2 > section.tgt_nm_psa h4 {
  opacity:0;
}
#page_top .blk_3_2 > section.tgt_nm_psa.psa_show h4 {
  animation:blk_3_kf_1 .6s ease-out .4s 1 normal forwards;
}
#page_top .blk_3_2 > section h4 picture {
  position: absolute;
  display: block;
}
#page_top .blk_3_2 > section h4 picture img {
  display: block;
}
#page_top .blk_3_2 > section h5 {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left:0;
  top:0;
}
#page_top .blk_3_2 > section.tgt_nm_psa h5 {
  opacity:0;
}
#page_top .blk_3_2 > section.tgt_nm_psa.psa_show h5 {
  animation:blk_3_kf_1 .6s ease-out .6s 1 normal forwards;
}
#page_top .blk_3_2 > section h5 picture {
  position: absolute;
  display: block;
}
#page_top .blk_3_2 > section h5 picture img {
  display: block;
}
#page_top .blk_3_2 > section .blk_i {
  display:table-cell;
  width:1%;
  text-align: left;
  vertical-align: top;
  z-index: 2;
}
#page_top .blk_3_2 > section .blk_i div {
  overflow: hidden;
}
#page_top .blk_3_2 > section .blk_i div::before {
  display:block;
  content:'';
	background-position: 50% 50%;
	background-size: cover;
}
#page_top .blk_3_2 > section.tgt_nm_psa .blk_i div::before {
  /* scale:1.4 1.4; */
  translate:0 max(30px, 10%);
  opacity:0;
}
#page_top .blk_3_2 > section.tgt_nm_psa.psa_show .blk_i div::before {
  animation:blk_3_kf_1 1s ease-out 0s 1 normal forwards;
}
#page_top .blk_3_2 > section .blk_c {
  display:table-cell;
  text-align: left;
  vertical-align: top;
  z-index: 3;
}
#page_top .blk_3_2 > section .blk_c > p {
  font-size: 14px;
  line-height: 2;
}
#page_top .blk_3_2 > section.tgt_nm_psa .blk_c > p {
  opacity:0;
  translate: 0 20px;
}
#page_top .blk_3_2 > section.tgt_nm_psa.psa_show .blk_c > p {
  animation:blk_3_kf_1 .6s ease .8s 1 normal forwards;
}
#page_top .blk_3_2 > section.tgt_nm_psa .blk_c .psty_btn_1 {
  opacity:0;
  translate: -10px 0;
}
#page_top .blk_3_2 > section.tgt_nm_psa.psa_show .blk_c .psty_btn_1 {
  animation:blk_3_kf_1 .6s ease 1s 1 normal forwards;
}
/*  */
#page_top .blk_3_2_1 {
  left:53%;
  width:80%;
  translate: -50% 0;
  margin-bottom: 11%;
}
#page_top .blk_3_2_1 h4 {
  width:100%;
  padding:min(509px, 41.4%) 0 0 0;
} 
#page_top .blk_3_2_1.tgt_nm_psa h4 {
  translate: 30px 0;
}
#page_top .blk_3_2_1 h4 picture {
  translate: 0 -50%;
  left:20%;
  top:20%;
  width:49%;
}
#page_top .blk_3_2_1 h5 {
  width:100%;
  padding:min(509px, 41.4%) 0 0 0;
}
#page_top .blk_3_2_1.tgt_nm_psa h5 {
  translate: 0 10px;
}
#page_top .blk_3_2_1 h5 picture {
  left:100%;
  top:20%;
  translate: -100% -50%;
  width:25%;
}
#page_top .blk_3_2_1 .blk_i div {
  width:40vw;
  max-width: calc(512px * 1.2);
}
#page_top .blk_3_2_1 .blk_i div::before {
  width:100%;
  padding:83% 0 0 0;
  background-image: url('../en-images/top_img_02_01.jpg');
}
#page_top .blk_3_2_1 .blk_c > p {
  padding:27% 22% 0 5%;
}
#page_top .blk_3_2_1 .psty_btn_1 {
  padding:10px 22% 0 0;
}
/*  */
#page_top .blk_3_2_2 {
  left:54%;
  width:76%;
  translate: -50% 0;
  margin-bottom: 11%;
}
#page_top .blk_3_2_2 h4 {
  width:100%;
  padding:min(516px, 43.5%) 0 0 0;
}
#page_top .blk_3_2_2.tgt_nm_psa h4 {
  translate: -30px 0;
}
#page_top .blk_3_2_2 h4 picture {
  left:37%;
  top:18%;
  translate:0 -50%;
  width:51.6%;
}
#page_top .blk_3_2_2 h5 {
  width:100%;
  padding:min(516px, 43.5%) 0 0 0;
}
#page_top .blk_3_2_2.tgt_nm_psa h5 {
  translate: 0 10px;
}
#page_top .blk_3_2_2 h5 picture {
  left:0;
  top:18%;
  translate:0 -50%;
  width:27.3%;
}
#page_top .blk_3_2_2 .blk_i div {
  width:40vw;
  max-width: calc(518px * 1.2);
}
#page_top .blk_3_2_2 .blk_i div::before {
  width:100%;
  padding:83% 0 0 0;
  background-image: url('../en-images/top_img_02_02.jpg');
}
#page_top .blk_3_2_2 .blk_c > p {
  font-size: 14px;
  line-height: 2;
  padding:33% 5% 0 10%;
}
#page_top .blk_3_2_2 .psty_btn_1 {
  padding:10px 5% 0 0;
}
/*  */
#page_top .blk_3_2_3 {
  left:50%;
  width:84%;
  translate: -50% 0;
  margin-bottom: 11%;
}
#page_top .blk_3_2_3 h4 {
  width:100%;
  padding:min(438px, 33.5%) 0 0 0;
}
#page_top .blk_3_2_3.tgt_nm_psa h4 {
  translate: 0 -30px;
}
#page_top .blk_3_2_3 h4 picture {
  left:3%;
  top:-29%;
  width:6.2%;
}
#page_top .blk_3_2_3 h5 {
  width:100%;
  padding:max(340px, min(438px, 33.5%)) 0 0 0;
}
#page_top .blk_3_2_3.tgt_nm_psa h5 {
  translate: 10px 0;
}
#page_top .blk_3_2_3 h5 picture {
  left:100%;
  top:100%;
  translate:-100% -100%;
  width:51.3%;
}
#page_top .blk_3_2_3 .blk_i div {
  width:34vw;
  max-width: calc(440px * 1.2);
}
#page_top .blk_3_2_3 .blk_i div::before {
  width:100%;
  padding:83% 0 0 0;
  background-image: url('../en-images/top_img_02_03.jpg');
}
#page_top .blk_3_2_3 .blk_c > p {
  font-size: 14px;
  line-height: 2;
  padding:13% 24% 0 5%;
}
#page_top .blk_3_2_3 .psty_btn_1 {
  padding:10px 24% 5% 0;
}
/*  */
#page_top .blk_3_2_4 {
  left:54%;
  width:76%;
  translate: -50% 0;
  margin-bottom: 11%;
}
#page_top .blk_3_2_4 h4 {
  width:100%;
  padding:min(437px, 37%) 0 0 0;
}
#page_top .blk_3_2_4.tgt_nm_psa h4 {
  translate: -30px 0;
}
#page_top .blk_3_2_4 h4 picture {
  left:10%;
  top:0;
  width:52.1%;
}
#page_top .blk_3_2_4 h5 {
  width:100%;
  padding:min(437px, 37%) 0 0 0;
}
#page_top .blk_3_2_4.tgt_nm_psa h5 {
  translate: 0 10px;
}
#page_top .blk_3_2_4 h5 picture {
  left:0;
  top:103%;
  translate:0 -80%;
  width:15.2%;
}
#page_top .blk_3_2_4 .blk_i div {
  width:34vw;
  max-width: calc(440px * 1.2);
}
#page_top .blk_3_2_4 .blk_i div::before {
  width:100%;
  padding:83% 0 0 0;
  background-image: url('../en-images/top_img_02_04.jpg');
}
#page_top .blk_3_2_4 .blk_c > p {
  font-size: 14px;
  line-height: 2;
  padding:30% 5% 0 18%;
}
#page_top .blk_3_2_4 .psty_btn_1 {
  padding:10px 5% 0 0;
}
/*  */
#page_top .blk_3_2_5 {
  left:48%;
  width:80%;
  translate: -50% 0;
  margin-bottom: 28%;
}
#page_top .blk_3_2_5 h4 {
  width:100%;
  padding:36% 0 0 0;
}
#page_top .blk_3_2_5.tgt_nm_psa h4 {
  translate: 30px 0;
}
#page_top .blk_3_2_5 h4 picture {
  left:34.5%;
  top:9%;
  width:56.1%;
}
#page_top .blk_3_2_5 h5 {
  width:100%;
  padding:36% 0 0 0;
}
#page_top .blk_3_2_5.tgt_nm_psa h5 {
  translate: 0 10px;
}
#page_top .blk_3_2_5 h5 picture {
  left:62.2%;
  top:100%;
  width:28.1%;
  translate:0 -100%;
}
#page_top .blk_3_2_5 .blk_i div {
  width:45.8vw;
  max-width: calc(586px * 1.2);
}
#page_top .blk_3_2_5 .blk_i div::before {
  width:100%;
  padding:63% 0 0 0;
  background-image: url('../en-images/top_img_02_05.jpg');
}
#page_top .blk_3_2_5 .blk_c > p {
  font-size: 14px;
  line-height: 2;
  padding:29% 0 0 8%;
}
/*  */
#page_top .blk_3_2_6 {
  left:52%;
  width:73%;
  translate: -50% 0;
}
#page_top .blk_3_2_6 h4 {
  width:100%;
  padding:78% 0 0 0;
}
#page_top .blk_3_2_6.tgt_nm_psa h4 {
  translate: 0 -30px;
}
#page_top .blk_3_2_6 h4 picture {
  left: 12%;
  top:85%;
  width:53.6%;
  max-width: 175px;
  translate: 0 -100%;
}
#page_top .blk_3_2_6 h5 {
  width:100%;
  padding:37.8% 0 0 0;
}
#page_top .blk_3_2_6.tgt_nm_psa h5 {
  translate: 0 20px;
}
#page_top .blk_3_2_6 h5 picture {
  left:0;
  top:-13%;
  width:62.4%;
  translate:0 -100%;
}
#page_top .blk_3_2_6 .blk_i div {
  width:53vw;
  max-width: calc(682px * 1.2);
}
#page_top .blk_3_2_6 .blk_i div::before {
  width:100%;
  padding:52% 0 0 0;
  background-image: url('../en-images/top_img_02_06.jpg');
}
#page_top .blk_3_2_6 .blk_c > p {
  padding:78% 0 0 12%;
  font-size: 14px;
  line-height: 2;
}
#page_top .blk_3_2_6 .psty_btn_1 {
  padding:10px 0 0 0;
}
/*  */
#page_top .blk_3 .psty_btn_1 p {
  text-align: right;
}
#page_top .blk_3 .psty_btn_1 p a {
  display: inline-block;
  color: #8B5F5F;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .12em;
  text-decoration: underline;
  padding:5px 20px 5px 23px;
  white-space: nowrap;
}
#page_top .blk_3 .psty_btn_1 p a::after {
	position: absolute;
	display: block;
	content: '';
	width: 14px;
	height: 6px;
	left:calc(100% - 14px);
	top:50%;
  translate:0 -50%;
  border-right:1px solid #8B5F5F;
  border-bottom:1px solid #8B5F5F;
  transform:skew(50deg);
  transition:width .1s ease-out 0s;
}
#page_top .blk_3 .psty_btn_1 p a.nm_hover::after {
	width: 25px;
}
/*
*/
#page_top .blk_4 {
  width:100%;
  overflow: hidden;
  background-color: #ffffff;
}
#page_top .blk_4 > section {
  width:100%;
	max-width: 1560px;
  margin: auto;
}
#page_top .blk_4 > section > div {
  width:100%;
  /* padding:8% 7% 11% 13%; */
  padding:8% 7% 10% 13%;
}
#page_top .blk_4 > section > div > div {
  display: table;
  width:100%;
}
/*  */
#page_top .blk_4_1 {
  display: table-cell;
  width:1%;
  text-align: left;
  vertical-align: top;
  padding:26px 0 0 0;
}
#page_top .blk_4_1 h3 br {
  display:none;
}
#page_top .blk_4_1 h3 span:nth-of-type(1) {
  display:block;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .05em;
  white-space: nowrap;
  text-align: center;
}
#page_top .tgt_nm_psa .blk_4_1 h3 > span:nth-of-type(1) {
  opacity:0;
  translate:0 10px;
}
#page_top .tgt_nm_psa.psa_show .blk_4_1 h3 > span:nth-of-type(1) {
  animation:blk_4_kf_1 .6s ease .4s 1 normal forwards;
}
@keyframes blk_4_kf_1 {
  100% { translate:0 0; opacity:1; scale:1 1;}
}
#page_top .blk_4_1 h3 span:nth-of-type(2) {
  display:block;
  padding:20px 0 0 0;
  overflow: hidden;
}
#page_top .blk_4_1 h3 span:nth-of-type(2) img {
  display:block;
  width:65px;
  margin: auto;
}
#page_top .tgt_nm_psa .blk_4_1 h3 > span:nth-of-type(2) img {
  translate:0 101%;
  opacity:0;
}
#page_top .tgt_nm_psa.psa_show .blk_4_1 h3 > span:nth-of-type(2) img {
  animation:blk_4_kf_1 .6s ease 0s 1 normal forwards;
}
#page_top .blk_4_1 p {
  padding:30px 0 0 0;
}
#page_top .tgt_nm_psa .blk_4_1 p {
  opacity:0;
}
#page_top .tgt_nm_psa.psa_show .blk_4_1 p {
  animation:blk_4_kf_1 .6s ease .8s 1 normal forwards;
}
#page_top .blk_4_1 p .gsty_btn_1 {
  margin: auto;
}
/*  */
#page_top .blk_4_2 {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  padding:0 0 0 7%;
}
#page_top .tgt_nm_psa .blk_4_2 {
  translate:0 20px;
  opacity:0;
}
#page_top .tgt_nm_psa.psa_show .blk_4_2 {
  animation:blk_4_kf_1 .6s ease .4s 1 normal forwards;
}
#page_top .blk_4_2 article { 
  display: block;
  width:100%;
}
#page_top .blk_4_2 article a {
  display: flex;
  width:100%;
  padding:20px 0;
  border-bottom:1px solid #9C9C9C;
}
#page_top .blk_4_2 article a h4 {
  width:100%;
  order: 2;
  font-size: 14px;
  line-height: 1.5;
  padding:0 0 0 20px;
  transition: color .1s ease-out 0s;
  word-break: break-all;
}
#page_top .blk_4_2 article a.nm_hover h4 {
  color: #9C9C9C;
}
#page_top .blk_4_2 article a p {
  order: 1;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  transition: color .1s ease-out 0s;
}
#page_top .blk_4_2 article a.nm_hover p {
  color: #9C9C9C;
}
#page_top .blk_4_2 > p {
  display: none;
}
/*
*/
#page_top .blk_5 {
  width:100%;
}
#page_top .blk_5 > section {
  width:100%;
  margin: auto;
  display: flex;
  flex-direction: column;
}
/*  */
#page_top .blk_5_1 {
  width: 100%;
  order: 2;
  background-color: #ffffff;
}
#page_top .blk_5_1 > div {
  width: 100%;
  max-width: var(--max_wid_1);
  margin: auto;
}
#page_top .blk_5_1 h3 {
  width:100%;
  padding:8% 0 0 0;
}
#page_top .blk_5_1 h3 br {
  display:none;
}
#page_top .blk_5_1 h3 span:nth-of-type(1) {
  display:block;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .05em;
  white-space: nowrap;
  text-align: center;
}
#page_top .tgt_nm_psa .blk_5_1 h3 > span:nth-of-type(1) {
  opacity:0;
  translate:0 10px;
}
#page_top .tgt_nm_psa.psa_show .blk_5_1 h3 > span:nth-of-type(1) {
  animation:blk_5_kf_1 .6s ease .4s 1 normal forwards;
}
@keyframes blk_5_kf_1 {
  100% { translate:0 0; opacity:1; scale:1 1;}
}
#page_top .blk_5_1 h3 span:nth-of-type(2) {
  display:block;
  padding:20px 0 0 0;
  overflow: hidden;
}
#page_top .blk_5_1 h3 span:nth-of-type(2) img {
  display:block;
  width:81px;
  margin: auto;
}
#page_top .tgt_nm_psa .blk_5_1 h3 > span:nth-of-type(2) img {
  translate:0 101%;
  opacity:0;
}
#page_top .tgt_nm_psa.psa_show .blk_5_1 h3 > span:nth-of-type(2) img {
  animation:blk_4_kf_1 .6s ease 0s 1 normal forwards;
}
/*  */
#page_top .blk_5_2 {
  width:100%;
  height:364px;
  order: 1;
  overflow: hidden;
}
#page_top .blk_5_2 h4 {
  position: absolute;
  left:50%;
  top:182px;
  translate:-50% -50%;
  width:74%;
  max-width: calc(1560px * .74);
  mix-blend-mode: multiply;
}
#page_top .blk_5_2 h4 img {
  display: block;
  width:100%;
}
/*  */
#page_top .blk_5_3 {
  order: 3;
  width:100%;
  background-color: #ffffff;
}
#page_top .blk_5_3 > div {
  width:62.73%;
  max-width: calc(1560px * .6273);
  min-width: 800px;
  margin: auto;
  padding:100px 0 60px 0;
}
#page_top .tgt_nm_psa .blk_5_3 > div {
  translate:0 30px;
  opacity:0;
}
#page_top .tgt_nm_psa.psa_show .blk_5_3 > div {
  animation:blk_5_kf_1 .8s ease-out .6s 1 normal forwards;
}
#page_top .blk_5_3 > div > section {
  width:100%;
  height: 200px;
  display: table;
  margin: auto;
}
#page_top .blk_5_3 > div > section:nth-of-type(1) {
  margin-bottom: 6%;
}
#page_top .blk_5_3 > div > section:nth-of-type(2) {
  margin-bottom: 2%;
}
#page_top .blk_5_3 > div > section h5 {
  display: table-cell;
  width:1%;
  vertical-align: top;
}
#page_top .blk_5_3 > div > section h5 span {
  display: block;
  width: 150px;
  padding:0 0 10px 0;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing:.08em;
  white-space: nowrap;
}
#page_top .blk_5_3 > div > section h5 span::before {
	position: absolute;
	display: block;
	content: '';
  width:1px;
	height: 15px;
	left:100%;
	top:100%;
  transform-origin: 0 100%;
  translate: -100% -100%;
  rotate:-50deg;
  background-color: #000000;
}
#page_top .blk_5_3 > div > section h5 span::after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
  height:1px;
	left:0;
	top:100%;
  background-color: #000000;
}
#page_top .blk_5_3 > div > section > div {
  display: table-cell;
  vertical-align: top;
  padding:0 0 0 3%;
}
#page_top .blk_5_3 > div > section > div p {
  text-align: right;
  font-size: 12px;
  line-height: 1.75;
  top:38px;
  translate: 0 -33%;
}
#page_top .blk_5_3 > div > section > div p::before {
  display: block;
  content:'';
  width:100%;
	background-position: 0 0;
	background-size: 100% auto;
}
#page_top .blk_5_3 > div > section:nth-of-type(1) > div p::before {
  padding:20% 0 0 0;
  background-image: url('../en-images/top_ill_01_01.svg');
}
#page_top .blk_5_3 > div > section:nth-of-type(2) > div p::before {
  padding:22% 0 0 0;
  background-image: url('../en-images/top_ill_01_02.svg');
}
#page_top .blk_5_3 > div > section:nth-of-type(3) > div p::before {
  padding:13% 0 0 0;
  background-position: 0 100%;
  background-image: url('../en-images/top_ill_01_03.svg');
}
/*
*/
#page_top .blk_6 {
  width:100%;
  overflow: hidden;
  background-color: #EFECE8;
}
#page_top .blk_6 > section {
  width:100%;
	max-width: 1560px;
  margin: auto;
}
#page_top .blk_6 > section > div {
  width:100%;
  padding:8% 7% 100px 7%;
}
/*  */
#page_top .blk_6_1 {
  text-align: center;
  padding:0 0 60px 0;
}
#page_top .blk_6_1 h3 br {
  display:none;
}
#page_top .blk_6_1 h3 span:nth-of-type(1) {
  display:block;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .05em;
  white-space: nowrap;
  text-align: center;
}
#page_top .blk_6_1.tgt_nm_psa h3 > span:nth-of-type(1) {
  opacity:0;
  translate:0 10px;
}
#page_top .blk_6_1.tgt_nm_psa.psa_show h3 > span:nth-of-type(1) {
  animation:blk_6_kf_1 .6s ease .4s 1 normal forwards;
}
@keyframes blk_6_kf_1 {
  100% { translate:0 0; opacity:1; scale:1 1;}
}
#page_top .blk_6_1 h3 span:nth-of-type(2) {
  display:block;
  padding:20px 0 0 0;
  overflow: hidden;
}
#page_top .blk_6_1 h3 span:nth-of-type(2) img {
  display:block;
  height: 18px;
  margin: auto;
}
#page_top .blk_6_1.tgt_nm_psa h3 > span:nth-of-type(2) img {
  translate:0 101%;
  opacity:0;
}
#page_top .blk_6_1.tgt_nm_psa.psa_show h3 > span:nth-of-type(2) img {
  animation:blk_6_kf_1 .6s ease 0s 1 normal forwards;
}
/*  */
#page_top .blk_6_2 {
  width:100%;
}
#page_top .blk_6_2.tgt_nm_psa {
  opacity:0;
  translate:0 30px;
}
#page_top .blk_6_2.tgt_nm_psa.psa_show  {
  animation:blk_6_kf_1 .6s ease 0s 1 normal forwards;
}
/*  */
#page_top .blk_6_2 .tgt_list {
  display:block;
  list-style:none;
  white-space: nowrap;
  font-size:0;
  width:100%;
  overflow: hidden;
}
#page_top .blk_6_2 .tgt_list li {
  display:inline-block;
  width:300px;
}
/*  */
#page_top .blk_6_2 .ss_blk {
  width:94%;
  height: auto;

  margin: auto;
}
#page_top .blk_6_2 .ss_blk::before {
  position:absolute;
  display: block;
  content:'';
  left:0;
  top:0;
  width:100%;
  height: 200%;
  background-color: #ffffff;
}
#page_top .blk_6_2 .ss_blk > a {
  display:flex;
  width:100%;
  flex-direction: column;
}
#page_top .blk_6_2 .ss_blk > a h3 {
  order:3;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-all;
  white-space: normal;
  padding: 10px 5% 30px 5%;
  flex-grow: 1;
  min-height: 100px;
}
#page_top .blk_6_2 .ss_blk > a p:nth-of-type(1) {
  order:1;
  width: 100%;
  aspect-ratio: 100 / 64;
  overflow: hidden;
  background-color: #e0d9d2;
}
#page_top .blk_6_2 .ss_blk > a p:nth-of-type(1) img {
  position:absolute;
  display: block;
  width: 100%;
  height: 100%;
  left:50%;
  top:50%;
  translate:-50% -50%;
  object-fit: cover;
}
#page_top .blk_6_2 .ss_blk > a p:nth-of-type(2) {
  order:2;
  font-size: 12px;
  line-height: 1;
  padding: 15px 5% 0 5%;
  color: #9C9C9C;
}
/*  */
#page_top .blk_6_2 .tgt_ss_wrap {
  width:100%;
  overflow: hidden;
}
#page_top .blk_6_2 .tgt_ss {
  position: absolute;
  left:0;
  top:0;
  width:25%;
}
@media screen and (max-width: 1300px) {
#page_top .blk_6_2 .tgt_ss {
  width:33.3%;
}
}

#page_top .blk_6_2 .tgt_ss .deck {
  overflow: hidden;
}

/*  */
#page_top .blk_6_2 .ss_btns {
  position: absolute;
  left:0;
  top:50%;
  width:100%;
  height: auto;
  pointer-events: none;
}
#page_top .blk_6_2 .ss_btns .btn_prev,
#page_top .blk_6_2 .ss_btns .btn_next {
  position: absolute;
  width:50px;
  height:50px;
  top:50%;
  border:1px solid #e0d9d2;
  background-color: #ffffff;
  pointer-events: auto;
  cursor: pointer;
  transition:opacity .2s ease-out 0s;
  opacity:.9;
}
#page_top .blk_6_2 .ss_btns .btn_prev {
  left:0;
  translate:-55% -50%;
}
#page_top .blk_6_2 .ss_btns .btn_next {
  left:100%;
  translate:-45% -50%;
}
#page_top .blk_6_2 .ss_btns .btn_prev.disable,
#page_top .blk_6_2 .ss_btns .btn_next.disable {
  pointer-events: none;
  opacity: 0;
}
#page_top .blk_6_2 .ss_btns .btn_prev::before,
#page_top .blk_6_2 .ss_btns .btn_next::before {
  position: absolute;
  display:block;
  content:'';
  width:10px;
  height:10px;
  top:50%;
  translate: -50% -50%;
  border-left:2px solid #8B5F5F;
  border-bottom:2px solid #8B5F5F;
}
#page_top .blk_6_2 .ss_btns .btn_prev::before {
  rotate:45deg;
  left:55%;
}
#page_top .blk_6_2 .ss_btns .btn_next::before {
  rotate:-135deg;
  left:45%;
}
/*  */
#page_top .blk_6_3 {
  text-align: center;
  padding: 80px 0 0 0;
}
#page_top .blk_6_3.tgt_nm_psa {
  opacity:0;
  translate:0 40px;
}
#page_top .blk_6_3.tgt_nm_psa.psa_show  {
  animation:blk_6_kf_1 .6s ease 0s 1 normal forwards;
}
#page_top .blk_6_3 .gsty_btn_1 {
  /* color: #8B5F5F; */
  background-color: #ffffff;
  width: 180px;
}
#page_top .blk_6_3 .gsty_btn_1.nm_hover {
	/* color:#ffffff; */
	background-color: #746D55;
}
/*
*/
#page_top .blk_mv {
  position: absolute;
  left:100%;
  left:max(100%, calc(100% + calc((min(2400px, 100vw) - var(--max_wid_1)) / 2)));
  top:49.5%;
  translate: -100% -50%;
  width:max(92%, calc(92% + ((min(2400px, 100vw) - var(--max_wid_1)) / 2)));
  height:calc(88% - 140px);
}
#page_top .blk_mv .content {
  width:100%;
  height: 100%;
  overflow: hidden;
}
#page_top .blk_mv .content .mv_i {
  position: absolute;
  display: block;
  width:100%;
  height:100%;
  left:50%;
  top:50%;
  translate: -50% -50%;
  object-fit: cover;
  opacity:0;
  scale:1.1;
}
#page_top .blk_mv .content .mv_i.show {
  z-index: 100;
  opacity: 1;
  scale:1;
  transition:opacity 1s ease-out 0s, scale 6s linear 0s;
}
@keyframes mv_kf_1 {
  0% { opacity:0; scale:1.3;}
  10% { opacity:1;}
  100% {opacity:1; scale:1;}
}
#page_top .blk_mv .content .mv_i.show.hide_1 {
  z-index: 99;
}
#page_top .blk_mv .content .mv_i.hide_2 {
  z-index: 1;
}
#page_top .blk_mv .content .mv_i img {
  position: absolute;
  display: block;
  width:100%;
  height:100%;
  left:50%;
  top:50%;
  translate: -50% -50%;
  object-fit: cover;
}
/***************************************************************************************************
  responsive
***************************************************************************************************/

@media screen and (max-width: 1000px) {
/*
*/
#page_top .blk_1 {
  min-height: 600px;
  max-height: 800px;
}
#page_top .blk_1 > div {
  max-width: none;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 120px;
  grid-template-columns: 100%;
}
/*  */
#page_top .blk_1_1 {
 grid-row: 1;
 grid-column: 1;
 width:100%;
 height:100%;
 display: grid;
 grid-template-rows:200px  1fr;
 grid-template-columns: 100%;
}
#page_top .blk_1_1_1 {
  display: block;
  width:100%;
  height:100%;
  padding: 60px 5% 0 5%;
  grid-row: 1;
  grid-column: 1;
}
#page_top .blk_1_1_1 h2 {
  width: 100%;
  max-width: none;
  height: 100%;
  text-align: left;
}
#page_top .blk_1_1_1 h2 span:nth-of-type(1) {
  display: block;
  width: auto;
  height: 100px;
  padding: 0 0 20px 0;
}
#page_top .blk_1_1_1 h2 span:nth-of-type(1)::before {
	width: 54px;
  animation-delay: 2.4s;
}
#page_top .blk_1_1_1 h2 span:nth-of-type(1) img {
  width: auto;
  height:100%;
  animation-delay: .8s, 1.8s;
}
#page_top .blk_1_1_1 h2 span:nth-of-type(2) {
  display: block;
  width: auto;
  height: 35px;
  padding:0 ;
}
#page_top .blk_1_1_1 h2 span:nth-of-type(2) img {
  width: auto;
  height: 11px;
  animation-delay: 2.4s;
}
/*  */
#page_top .blk_1_1_2 {
  display: block;
  width:100%;
  height: 100%;
  grid-row: 2;
  grid-column: 1;
}
/*  */
#page_top .blk_1_2 {
  position: relative;
  width: 100%;
  max-width: none;
  grid-row: 2;
  grid-column: 1;
  animation-delay: 3s;
}
#page_top .blk_1_2 p {
  position: relative;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  translate: 0 0;
  text-align: left;
  padding:var(--padding_2);
  padding-top:10px;
}
#page_top .blk_1_2 p span {
  display: inline-block;
  width:78%;
  max-width: 260px;
  animation-delay: 2s;
}
/*
*/
#page_top .blk_2 .bk_sp {
	position: absolute;
  display: block;
	width: 100%;
  height: 130%;
	left:0;
	top:0;
  transform-origin: 100% 0;
  scale:.8;
  pointer-events: none;
  background-image: url('../en-images/top_txt_03_02.svg');
  background-position: 100% 50%;
	background-size: auto 50%;
  background-repeat: repeat-y;
  animation:blk_2_kf_3_sp 25s linear 0s infinite normal both;
}
@keyframes blk_2_kf_3_sp {
  0% { background-position: 100% 50%;}
  100% { background-position: 100% 150%;}
}
/*  */
#page_top .blk_2_1 {
  padding:10% 0 min(100px, 18%) 0;
}
#page_top .blk_2_1 > div {
  display:block;
  width:100%;
  max-width: none;
}
#page_top .blk_2_1_1 {
  display: block;
  width:100%;
  min-width:0;
  padding-bottom:40px;
}
#page_top .blk_2_1_1 h3 {
  padding: var(--padding_2);
  padding-bottom: 30px;
}
#page_top .blk_2_1_1 h3 span {
  display: inline-block;
  font-size: min(6vw, 24px);
  white-space: nowrap;
}
#page_top .blk_2_1_1 p {
  padding: var(--padding_2);
  padding-right:10%;
  padding-bottom: 20px;
  word-break: normal;
}
#page_top .blk_2_1_1 p br {
  display: none;
}
#page_top .blk_2_1_1 p span {
  display: inline-block;
}
#page_top .blk_2_1_2 {
  display: block;
  width:100%;
  max-width: 500px;
  padding: min(365px, 73%) 0 0 0;
  margin: auto;
}
#page_top .blk_2_1_2 div {
  width:100%;
  padding:0;
  position: absolute;
}
#page_top .blk_2_1_2.tgt_nm_psa div {
  opacity:0;
  scale:.8 .8;
}
#page_top .blk_2_1_2.tgt_nm_psa.psa_show div {
  animation:blk_2_kf_1 .8s ease 0s 1 normal forwards;
}
#page_top .blk_2_1_2 div:nth-of-type(1) {
  translate: 0 20px;
  left:5%;
  top:0;
  width:37%;
}
#page_top .blk_2_1_2 div:nth-of-type(1)::before {
  width: 100%;
  padding:85% 0 0 0;
}
#page_top .blk_2_1_2 div:nth-of-type(2) {
  translate: 0 25px;
  left:0;
  top:47.7%;
  width:28.7%;
}
#page_top .blk_2_1_2 div:nth-of-type(2)::before {
  width: 100%;
  padding:92.5% 0 0 0;
}
#page_top .blk_2_1_2 div:nth-of-type(3) {
  translate: 0 30px;
  left:45%;
  top:29%;
  width:55%;
}
#page_top .blk_2_1_2 div:nth-of-type(3)::before {
  width: 100%;
  padding:94% 0 0 0;
}
/*  */
#page_top .blk_2_2 {
  display:none;
}
/*
*/
#page_top .blk_3 > section {
	max-width: 600px;
}
/*  */
#page_top .blk_3_1 {
  padding: var(--padding_2);
  padding-top:min(100px, 18%);
}
/*  */
#page_top .blk_3_2 {
  max-width: none;
  padding: var(--padding_2);
  padding-top:min(100px, 18%);
  padding-bottom:16vw;
}
#page_top .blk_3_2 > section {
  display: flex;
  flex-direction: column;
  width:100%;
}
#page_top .blk_3_2 > section .blk_i {
  display:block;
  width:100%;
  order:1;
}
#page_top .blk_3_2 > section .blk_c {
  display:block;
  width:100%;
  order:2;
}
/*  */
#page_top .blk_3_2_1 {
  left:0;
  width:100%;
  translate: 0 0;
  margin-bottom: 20%;
}
#page_top .blk_3_2_1 h4 {
  width:100%;
  padding:65% 0 0 0;
}
#page_top .blk_3_2_1 h4 picture {
  translate: 0 -50%;
  width:71%;
  left:30%;
  top:20%;
}
#page_top .blk_3_2_1 h5 {
  width:100%;
  padding:65% 0 0 0;
}
#page_top .blk_3_2_1 h5 picture {
  translate: -100% -100%;
  width:9%;
  left:96%;
  top:100%;
} 
#page_top .blk_3_2_1 .blk_i div {
  width:79%;
  max-width: none;
}
#page_top .blk_3_2_1 .blk_i div::before {
  width:100%;
  padding:83% 0 0 0;
}
#page_top .blk_3_2_1 .blk_c > p {
  padding:4% 0 0 0;
}
#page_top .blk_3_2_1 .psty_btn_1 {
  padding:5px 0 0 0;
}
/*  */
#page_top .blk_3_2_2 {
  left:0;
  width:100%;
  translate: 0 0;
  margin-bottom: 20%;
}
#page_top .blk_3_2_2 h4 {
  width:100%;
  padding:69% 0 0 0;
}
#page_top .blk_3_2_2 h4 picture {
  translate: 0 -50%;
  width:81.4%;
  left:0;
  top:20%;
} 
#page_top .blk_3_2_2 h5 {
  width:100%;
  padding:69% 0 0 0;
}
#page_top .blk_3_2_2 h5 picture {
  translate: -50% -100%;
  width:9%;
  left:9%;
  top:100%;
} 
#page_top .blk_3_2_2 .blk_i div {
  left:18.3%;
  width:81.7%;
  max-width: none;
}
#page_top .blk_3_2_2 .blk_i div::before {
  width:100%;
  padding:85.4% 0 0 0;
}
#page_top .blk_3_2_2 .blk_c > p {
  padding:4% 0 0 0;
}
#page_top .blk_3_2_2 .psty_btn_1 {
  padding:5px 0 0 0;
}
/*  */
#page_top .blk_3_2_3 {
  left:0;
  width:100%;
  translate: 0 0;
  margin-bottom: 20%;
}
#page_top .blk_3_2_3 h4 {
  width:100%;
  padding:59.5% 0 0 0;
}
#page_top .blk_3_2_3 h4 picture {
  translate: 0 0;
  width:11.7%;
  left:5.1%;
  top:-36.4%;
} 
#page_top .blk_3_2_3 h5 {
  width:100%;
  padding:59.5% 0 0 0;
}
#page_top .blk_3_2_3 h5 picture {
  translate: -100% -100%;
  width:21.7%;
  left:98%;
  top:100%;
} 
#page_top .blk_3_2_3 .blk_i div {
  width:71.2%;
  max-width: none;
}
#page_top .blk_3_2_3 .blk_i div::before {
  width:100%;
  padding:83.6% 0 0 0;
}
#page_top .blk_3_2_3 .blk_c > p {
  padding:4% 0 0 0;
}
#page_top .blk_3_2_3 .psty_btn_1 {
  padding:5px 0 0 0;
}
/*  */
#page_top .blk_3_2_4 {
  left:0;
  width:100%;
  translate: 0 0;
  margin-bottom: 20%;
}
#page_top .blk_3_2_4 h4 {
  width:100%;
  padding:69.8% 0 0 0;
}
#page_top .blk_3_2_4 h4 picture {
  translate: 0 0;
  width:75.5%;
  left:9.4%;
  top:10.1%;
} 
#page_top .blk_3_2_4 h5 {
  width:100%;
  padding:69.8% 0 0 0;
}
#page_top .blk_3_2_4 h5 picture {
  translate: -100% -100%;
  width:10.8%;
  left:25.4%;
  top:98%;
} 
#page_top .blk_3_2_4 .blk_i div {
  left:28.5%;
  width:71.5%;
  max-width: none;
}
#page_top .blk_3_2_4 .blk_i div::before {
  width:100%;
  padding:98.4% 0 0 0;
}
#page_top .blk_3_2_4 .blk_c > p {
  padding:4% 0 0 0;
}
#page_top .blk_3_2_4 .psty_btn_1 {
  padding:5px 0 0 0;
}
/*  */
#page_top .blk_3_2_5 {
  left:0;
  width:100%;
  translate: 0 0;
  margin-bottom: 20%;
}
#page_top .blk_3_2_5 h4 {
  width:100%;
  padding:62% 0 0 0;
}
#page_top .blk_3_2_5 h4 picture {
  width:81.5%;
  left:100%;
  top:10%;
  translate:-100% 0;
} 
#page_top .blk_3_2_5 h5 {
  width:100%;
  padding:62% 0 0 0;
}
#page_top .blk_3_2_5 h5 picture {
  translate: -100% -100%;
  width: 8%;
  left:97.5%;
  top:100%;
} 
#page_top .blk_3_2_5 .blk_i div {
  left:0;
  width:84.6%;
  max-width: none;
}
#page_top .blk_3_2_5 .blk_i div::before {
  width:100%;
  padding:73.4% 0 0 0;
}
#page_top .blk_3_2_5 .blk_c > p {
  padding:4% 0 0 0;
}
#page_top .blk_3_2_5 .psty_btn_1 {
  padding:5px 0 0 0;
}
/*  */
#page_top .blk_3_2_6 {
  left:0;
  width:100%;
  translate: 0 0;
  padding:0 0 14% 0;
}
#page_top .blk_3_2_6 h4 {
  width:100%;
  padding:51.9% 0 0 0;
  translate:0 -100%;
}
#page_top .blk_3_2_6.tgt_nm_psa h4 {
  translate:0 calc(-100% - 30px);
}
#page_top .blk_3_2 > .blk_3_2_6.tgt_nm_psa.psa_show h4 {
  animation:blk_3_kf_2 .6s ease-out .4s 1 normal forwards;
}
@keyframes blk_3_kf_2 {
  100% { translate:0 -100%; opacity:1; scale:1 1;}
}
#page_top .blk_3_2_6 h4 picture {
  width:18.2%;
  left:100.5%;
  top:-35%;
  translate:-100% 0;
} 
#page_top .blk_3_2_6 h5 {
  width:100%;
  padding:51.9% 0 0 0;
}
#page_top .blk_3_2_6.tgt_nm_psa h5 {
  translate:0 -10px;
}
#page_top .blk_3_2_6 h5 picture {
  translate: 0 0;
  width: 22.5%;
  max-width: 100px;
  left:6%;
  top:89%;
} 
#page_top .blk_3_2_6 .blk_i div {
  width:100%;
  max-width: none;
}
#page_top .blk_3_2_6 .blk_i div::before {
  width:100%;
  padding:51.9% 0 0 0;
}
#page_top .blk_3_2_6 .blk_c > p {
  padding:4% 0 0 36%;
}
#page_top .blk_3_2_6 .psty_btn_1 {
  padding:5px 0 0 0;
}
/*
*/
#page_top .blk_4 > section {
	max-width:var(--max_wid_2);
  padding:var(--padding_2);
}
#page_top .blk_4 > section > div {
  padding:min(100px, 18%) 0 3% 0;
}
#page_top .blk_4 > section > div > div {
  display: block;
}
/*  */
#page_top .blk_4_1 {
  display: block;
  width:100%;
  padding:0;
}
#page_top .blk_4_1 p {
  display: none;
}
/*  */
#page_top .blk_4_2 {
  display: block;
  padding:20px 0 0 0;
}
#page_top .tgt_nm_psa.psa_show .blk_4_2 {
  animation:blk_4_kf_1 .6s ease-out .6s 1 normal forwards;
}
#page_top .blk_4_2 article a {
  flex-direction: column;
  padding:10px 5%;
}
#page_top .blk_4_2 article a h4 {
  padding:0;
}
#page_top .blk_4_2 article a p {
  padding: 0 0 7px 0;
}
#page_top .blk_4_2 > p {
  display: block;
  text-align: center;
  padding:min(80px, 14%) 0;
}
#page_top .tgt_nm_psa .blk_4_2 > p {
  translate:0 10px;
  opacity:0;
}
#page_top .tgt_nm_psa.psa_show .blk_4_2 > p {
  animation:blk_4_kf_1 .6s ease-out .8s 1 normal forwards;
}
/*
*/
#page_top .blk_5_1 > div {
  max-width: var(--max_wid_2);
}
#page_top .blk_5_1 h3 {
  padding:min(100px, 18%) 0 min(50px, 10%) 0;
}
#page_top .blk_5_1 h3 br {
  display:none;
}
/*  */
#page_top .blk_5_2 {
  height: 30vw;
  min-height: 205px; 
  display: table;
}
#page_top .blk_5_2 h4 {
  position: relative;
  left:0;
  top:0;
  translate:0 0;
  width:100%;
  max-width:none;
  height:100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 0;
  padding:0 10%;
}
#page_top .blk_5_2 h4::before {
  display: inline-block;
  content:'';
  /* width: 63%; */
  width:78.75%;
  max-width: 280px;
  padding:min(30px, 8%) 0 0 0;
  background-image: url('../en-images/top_txt_07.svg');
	background-position: 0 50%;
	background-size: 226% auto;
  background-size: calc(1 / .63 * 141%) auto;
  margin: min(8px, 3%) .8%;
}
#page_top .blk_5_2 h4::after {
  display: inline-block;
  content:'';
  /* width: 75%; */
  width:93.75%;
  max-width: calc(.75 / .63 * 280px);
  padding:min(30px, 8%) 0 0 0;
  background-image: url('../en-images/top_txt_07.svg');
	background-position: 100% 50%;
  background-size: calc(1 / .75 * 141%) auto;
  margin: min(8px, 3%) .8%;
}
#page_top .blk_5_2 h4 img {
  display: none;
}
/*  */
#page_top .blk_5_3 {
  padding:var(--padding_2);
  padding-bottom: min(60px, 14%);
  padding-top:45px;
}
#page_top .blk_5_3::before {
  display: block;
  content:'横にスクロール可能です';
  position: absolute;
  left:50%;
  top:0;
  height: 25px;
  translate: -50% 0;
  font-size: 11px;
  line-height: 23px;
  white-space: nowrap;
  padding: 0 0 0 30px;
  background-image: url('../en-images/top_ill_02.svg');
	background-position: 0 50%;
	background-size: 22px auto;
  display: none;
}
#page_top .tgt_nm_psa .blk_5_3::before {
  opacity:0;
}
#page_top .tgt_nm_psa.psa_show .blk_5_3::before {
  animation:blk_5_kf_2 .4s ease 1.4s 1 normal forwards;
}
@keyframes blk_5_kf_2 {
  100% { opacity:1;}
}
#page_top .blk_5_3 > div {
  width:100%;
  max-width: 600px;
  min-width: 0;
  padding:30px 0 0 0;
  overflow: scroll;
  margin: auto;
  scrollbar-color: #EFECE8 transparent;
  scrollbar-width: thin;
  -webkit-overflow-scrolling:touch;
}
#page_top .blk_5_3 > div > section {
  width:auto;
  height: 125px;
}
#page_top .blk_5_3 > div > section:nth-of-type(1) {
  margin-bottom: 5%;
}
#page_top .blk_5_3 > div > section:nth-of-type(2) {
  margin-bottom: 1%;
}
#page_top .blk_5_3 > div > section h5 span {
  width: 108px;
  padding:0 0 7px 0;
  font-size: 14px;
}
#page_top .blk_5_3 > div > section h5 span::before {
	height: 11px;
}
#page_top .blk_5_3 > div > section > div {
  padding:0 0 0 20px;
}
#page_top .blk_5_3 > div > section > div p {
  width:462px;
  font-size: 11px;
  top:-21px;
  translate: 0 0;
}
#page_top .blk_5_3 > div > section > div p::before {
  display: block;
  content:'';
  width:100%;
	background-position: 0 0;
	background-size: 100% auto;
}
#page_top .blk_5_3 > div > section:nth-of-type(1) > div p::before {
  padding:20% 0 0 0;
  background-image: url('../en-images/top_ill_01_01.svg');
}
#page_top .blk_5_3 > div > section:nth-of-type(2) > div p::before {
  padding:22% 0 0 0;
  background-image: url('../en-images/top_ill_01_02.svg');
}
#page_top .blk_5_3 > div > section:nth-of-type(3) > div p::before {
  padding:13% 0 0 0;
  background-position: 0 100%;
  background-image: url('../en-images/top_ill_01_03.svg');
}
/*
*/
#page_top .blk_6 > section {
	max-width:var(--max_wid_2);
  padding:var(--padding_2);
}
#page_top .blk_6 > section > div {
  padding:min(100px, 18%) 0 0 0;


}
/*  */
#page_top .blk_6_1 {
  padding:0 0 40px 0;
}
#page_top .blk_6_2 .tgt_list li {
  width:100%;
}
/*  */
#page_top .blk_6_2 .tgt_ss_wrap {
  left:50%;
  translate:-50% 0;
  width:100dvw;
}
#page_top .blk_6_2 .tgt_ss {
  width:80%;
}
#page_top .blk_6_2 .ss_btns .btn_prev,
#page_top .blk_6_2 .ss_btns .btn_next {
  width:34px;
  height:34px;
}
#page_top .blk_6_2 .ss_btns .btn_prev::before,
#page_top .blk_6_2 .ss_btns .btn_next::before {
  width:8px;
  height:8px;
}
/*  */
#page_top .blk_6_3 {
  padding:40px 0 60px 0;
}
/*
*/
#page_top .blk_mv {
  top:8%;
  width:87.4%;
  /* width: 85%; */
  height:85%;
  max-width: none;
  animation-delay: 2s;
  translate: -100% 0;
}
#page_top .blk_mv .content {
  width:100%;
  height: 100%;
}
/*  */
}
/*  */
@media screen and (max-width: 1000px)  and (min-width: 750px) {
  #page_top .blk_mv {
    top:6%;
    height:96%;
    width:80%;
  }
}
/*  */
@media screen and (max-width: 685px) {
  /*  */
  #page_top .blk_5_3 {
    padding-top:45px;
  }
  #page_top .blk_5_3::before {
    display: block;
  }
}
/*  */
@media screen and (max-width: 1000px)  and (min-width: 600px) {
  /*  */
  #page_top .blk_6_2 .tgt_ss {
    width:45%;
  }
}