@charset "utf-8";
/***************************************************************************************************
	page_top.css
***************************************************************************************************/
/*  */
#header::before {
  background-color:#ffffff ;
}
#header.bk_hide::before {
	opacity:1;
	transform:translateY(0);
	transition:none;
}
/*
*/
#page_top {
  /* padding:160px 0 0 0; */
  overflow: hidden;
  z-index: 2;
}
/*  */
.blk_page_bk_1 {
  position:fixed;
	display: block;
	width: 100vw;
	height: 100vh;
	left:0;
	top:0;
	background-image: url('../images/top_img_1.png');
	background-position: 50% 0;
	background-size: cover;
  z-index: 1;
}
.blk_page_bk_1.hide {
  display: none;
}
/*
*/
#page_top .blk_1 {
  width:100%;
  padding:160px 0 125px 0;
  background-color: #ffffff;
}
#page_top .blk_1 h2 {
	width: 94%;
	max-width: var(--max_wid_1);
	height:90px;
	margin: auto;
}
#page_top .blk_1 h2 br {
  display:none;
}
#page_top .blk_1 h2 span:nth-of-type(1) {
  display:block;
  font-size: 20px;
  line-height: 1;
  letter-spacing: .1em;
  font-weight: 500;
}
#page_top .blk_1 h2 span:nth-of-type(2) {
  display:block;
  font-size: 28px;
  line-height: 1;
  letter-spacing: .1em;
  font-weight: 700;
  padding:15px 0 0 0;
}
/*  */
#page_top .blk_1_1 {
  width:100%;
  height: calc(100vh - 160px - 90px - 125px);
  min-height: 400px;
}
#page_top .blk_1_1 .blk_i {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
#page_top .blk_1_1 .blk_i .i {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0; 
  transition:opacity 0s 1s;
}
#page_top .blk_1_1 .blk_i .i.hide {
  /* opacity:0;
   */
}
#page_top .blk_1_1 .blk_i .i.show {
  opacity:1;
  transition:opacity 1s ease-out 0s;
  /* z-index: 100; */
}
#page_top .blk_1_1 .blk_i .i img:nth-of-type(1) {
  position: absolute;
  display: block;
  width:calc(100% + 20px);
  height:calc(100% + 20px);
  left:50%;
  top:50%;
  margin: auto;
  object-fit: cover;
  transform:translate(-50%, -50%) scale(1.1);
  transform-origin: 50% 50%;
  filter: blur(8px);
}
#page_top .blk_1_1 .blk_i .i.show img:nth-of-type(1) {
  transform:translate(-50%, -50%) scale(1.2);
  transition:transform 10s linear 0s;
}
#page_top .blk_1_1 .blk_i .i img:nth-of-type(2) {
  position: absolute;
  display: block;
  width:70%;
  min-width: 1100px;
  height:100%;
  left: 50%;
  top:0;
  transform:translateX(-50%);
  object-fit: cover;
  opacity:0;
}
#page_top .blk_1_1 .blk_i .i.show img:nth-of-type(2) {
  opacity:1;
  transition:opacity 0s ease-out .8s;
}
#page_top .blk_1_1 .blk_i .i.show.virgin img:nth-of-type(2) {
  transition:opacity 0s ease-out 1.4s;
}
/*  */
#page_top .blk_1_1 .blk_s {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 25%;
	left:0;
	top:75%;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  
}
/*  */
#page_top .blk_1_1 .blk_t {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
#page_top .blk_1_1 .blk_t p {
  position:absolute;
  width:70%;
  min-width: 1100px;
  height: 100%;
  left:50%;
  top:0;
  transform:translateX(-50%);
}
#page_top .blk_1_1 .blk_t p .b {
  position: absolute;
	display: block;
	left:-1%;
	top:0;
  right:-1%;
  bottom:0;
  transform-origin: 0 0;
  transform: scaleX(0);

}
#page_top .blk_1_1 .blk_t.box_anim_lr p .b {
  /* background-image: linear-gradient(90deg, #22dcfd, #5865b9); */
  background-image:linear-gradient(90deg, #e9f584 0%, #56f291 23%, #38baf6 100%);
	animation:	
  kf_mv_t_1_1 .4s ease-in-out .1s 1 normal forwards,
  kf_mv_t_1_2 .4s ease-in-out .6s 1 normal forwards;
}
#page_top .blk_1_1 .blk_t.box_anim_rl p .b {
  /* background-image: linear-gradient(90deg, #5865b9, #22dcfd); */
  background-image:linear-gradient(90deg, #e9f584 0%, #56f291 23%, #38baf6 100%);
  animation:	
  kf_mv_t_2_1 .4s ease-in-out .1s 1 normal forwards,
  kf_mv_t_2_2 .4s ease-in-out .6s 1 normal forwards;
}
/*  */
@keyframes kf_mv_t_1_1 {
	0% {
		transform: scaleX(0);
    transform-origin: 0 0;
	}
  100% {
    transform: scaleX(1);
    transform-origin: 0 0;
  }
}
@keyframes kf_mv_t_1_2 {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
	100% {
		transform: scaleX(0);
    transform-origin: 100% 0;
	}
}
@keyframes kf_mv_t_2_1 {
	0% {
		transform: scaleX(0);
    transform-origin: 100% 0;
	}
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
}
@keyframes kf_mv_t_2_2 {
  0% {
    transform: scaleX(1);
    transform-origin: 0 0;
  }
	100% {
		transform: scaleX(0);
    transform-origin: 0 0;
	}
}
#page_top .blk_1_1 .blk_t p img {
  display: block;
  width:90%;
  height:65%;
  margin: auto;
  padding:8% 0 0 0;
  transform: translateY(20px);
  opacity: 0;
  margin-top:20px;
  object-fit: contain;
  /* mix-blend-mode:overlay; */
}
#page_top .blk_1_1 .blk_t.text_anim_start p img {
  /* transform: translateY(0); */
  margin-top:0;
  opacity:.8;
  transition: margin-top .4s ease-out .2s, opacity .4s ease-out .2s;
}
#page_top .blk_1_1 .blk_t p .t {
  position: absolute;
  left:50%;
  top:88%;
  display: block;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
  font-weight: 700;
  color:#ffffff;
  transform: translate(-50%, -100%);
  opacity: 0;
  white-space: nowrap;
  margin-top:20px;
}
#page_top .blk_1_1 .blk_t.text_anim_start p .t {
  margin-top:0;
  opacity:1;
  transition: margin-top .4s ease-out .6s, opacity .4s ease-out .6s;
}
#page_top .blk_1_1 .blk_t p .t span {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  color:inherit;
}
/*  */
#page_top .blk_1_2  {
	position: absolute;
	left:50%;
	top:0;
	width: var(--tgt_wid_1);
  max-width: var(--max_wid_1);
  transform:translateX(-50%);
}
#page_top .blk_1_2 .blk_btns {
	position: absolute;
	left:calc(100% - 90px);
	top:160px;
	width: 90px;
	height: 100px;
}
#page_top .blk_1_2 .blk_btns .btn_prev,
#page_top .blk_1_2 .blk_btns .btn_next {
	position: absolute;
	width: 45px;
	height: 45px;
	left:0;
	top:10px;
	cursor: pointer;
}
#page_top .blk_1_2 .blk_btns .btn_next {
	left:calc(100% - 45px);
	transform: scaleX(-1);
}
#page_top .blk_1_2 .blk_btns .btn_prev::after,
#page_top .blk_1_2 .blk_btns .btn_next::after {
	position: absolute;
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	left:7px;
	top:23px;
	border-top: 1px solid #313131;
	border-left: 1px solid #313131;
	transform-origin: 0 0;
	transform: rotate(-45deg);
}
#page_top .blk_1_2 .blk_btns .bar {
	position: absolute;
	left:-5px;
	top:65px;
	width: calc(100% + 10px);
	height: 1px;
	background-color: #b8b8b8;
}
#page_top .blk_1_2 .blk_btns .bar div {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 1px;
	background-color: #313131;
	transform: scaleX(0);
	transition: transform 0s linear 0s;
}
/*  */
#page_top .blk_1 .gsty_blk_scroll {
  position:relative;
  width: 94%;
  max-width: var(--max_wid_1);
  margin: auto;
}
#page_top .blk_1 .gsty_blk_scroll > div {
  left:100%;
}
/*
*/
#page_top .blk_2 {
  width:100%;
  padding:80px 0 170px 0;
  background-color: #ffffff;
}
#page_top .blk_2 section {
	width: var(--tgt_wid_1);
	max-width: var(--max_wid_1);
  margin: auto;
  z-index:2;
}
#page_top .blk_2 section > div {
  width:100%;
}
#page_top .blk_2 section > div::before {
	position: absolute;
	display: block;
	content: '';
	width: 50vw;
	height: calc(100% + 375px);
	left:calc(-50vw + 48px);
	top:-205px;
	background-color: #f2f2f2;
  /* transform:translateX(-100%); */
  transform-origin: 0 0;
}
#page_top .blk_2 section > div.nm_tgt_psa::before {
  opacity:0;
  transform:scaleX(.5);
}
#page_top .blk_2 section > div.nm_tgt_psa.psa_show::before {
  animation:kf_psa_1 .6s 0s 1 normal both;
}
/*  */
#page_top .blk_2 .gsty_tit_1 > span:nth-of-type(1) {
  width:210px;
}
/*  */
#page_top .blk_2 .blk_2_1 {
  padding:100px 0 100px 0;
  font-size:18px;
  line-height: 2;
}
#page_top .blk_2 .blk_2_1.nm_tgt_psa {
  opacity:0;
  transform:translateY(60px);
}
#page_top .blk_2 .blk_2_1.nm_tgt_psa.psa_show {
  animation:kf_psa_1 .8s 0s 1 normal both;
}
#page_top .blk_2 .blk_2_1 span {
  display:inline-block;
  font-size:inherit;
  line-height: inherit;
}
/*  */
#page_top .blk_2 .blk_2_2 {
  width:100%;
  padding:58% 0 0 0;
}
#page_top .blk_2 .blk_2_2 > div {
	position: absolute;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	left:50%;
	top:0;
}
#page_top .blk_2 .blk_2_2.nm_tgt_psa > div {
  transform:translateY(80px);
}
#page_top .blk_2 .blk_2_2.nm_tgt_psa.psa_show > div {
  animation:kf_psa_1 .8s 0s 1 normal both;
}
#page_top .blk_2 .blk_2_2 > div::before {
  position: absolute;
  display:block;
  content:'';
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-image: url('../images/top_pht_1.jpg');
	background-position: 0 0;
	background-size: cover;
  opacity:0;
}
#page_top .blk_2 .blk_2_2.nm_tgt_psa.psa_show > div::before  {
  animation:kf_psa_1 0s .4s 1 normal both;
}
#page_top .blk_2 .blk_2_2 > div::after {
  position: absolute;
  display:block;
  content:'';
  width:calc(100% + 4px);
  height:calc(100% + 4px);
  left:-2px;
  top:-2px;
  transform-origin: 100% 0;
  /* background-image: linear-gradient(90deg, #22dcfd, #5865b9); */
  background-image:linear-gradient(90deg, #e9f584 0%, #56f291 23%, #38baf6 100%);
  transform: scaleX(0);
  transform-origin: 0 0;
}
#page_top .blk_2 .blk_2_2.nm_tgt_psa.psa_show > div::after  {
  animation:
  kf_psa_3_1 .4s .1s 1 normal ease-in-out forwards,
  kf_psa_3_2 .4s .4s 1 normal ease-in-out forwards;
}
#page_top .blk_2 .blk_2_2 p:nth-of-type(1) {
  position: absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
#page_top .blk_2 .blk_2_2 p:nth-of-type(1) span {
  display: block;
  width:100%;
  height:100%;
}
#page_top .blk_2 .blk_2_2.nm_tgt_psa  p:nth-of-type(1) span {
  opacity:0;
  transform:translateY(120px);
}
#page_top .blk_2 .blk_2_2.nm_tgt_psa.psa_show p:nth-of-type(1) span {
  animation:kf_psa_1 .8s 0s 1 normal both;
}
#page_top .blk_2 .blk_2_2 p:nth-of-type(1) img {
  display: block;
  width:50vw;
  max-width:660px;
  transform: translateX(-8.5%);
}
#page_top .blk_2 .blk_2_2 p:nth-of-type(2) {
  position:absolute;
  left:100%;
  top:100%;
}
#page_top .blk_2 .blk_2_2.nm_tgt_psa.psa_show p:nth-of-type(2) .gsty_btn_1::before {
  animation-delay:.6s;
}
#page_top .blk_2 .blk_2_2.nm_tgt_psa.psa_show p:nth-of-type(2) .gsty_btn_1 span {
  animation-delay:.6s;
}
/*
*/
#page_top .blk_3 {
  width:100%;
  /* padding:170px 0 0 0; */
}
/*  */
#page_top .blk_3 > div {
  position: relative;
	width: 100%;
	height: auto;
	left:0;
	top:0;
  padding:min(800px, 46%) 0 0 0;
}
#page_top .blk_3 > div::after {
  position: absolute;
  display:block;
  content:'';
  /* width:calc(100% + 4px);
  height:calc(100% + 4px);
  left:-2px;
  top:-2px; */
  width: 100%;
	height: 100%;
	left:0;
	top:0;
  transform-origin: 100% 0;
  /* background-image: linear-gradient(90deg, #22dcfd, #5865b9); */
  background-image:linear-gradient(90deg, #e9f584 0%, #56f291 23%, #38baf6 100%);
  transform: scaleX(0);
  transform-origin: 0 0;
}
#page_top .blk_3.nm_tgt_psa.psa_show > div::after {
  animation:
  kf_psa_3_1 .4s .1s 1 normal ease-in-out forwards,
  kf_psa_3_2 .4s .4s 1 normal ease-in-out forwards;
}
#page_top .blk_3 > div > div {
   position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
  opacity:1;
  background-color: #ffffff;
}
#page_top .blk_3.nm_tgt_psa > div > div {
  opacity:1;
}
#page_top .blk_3.nm_tgt_psa.psa_show > div > div {
  animation:kf_blk_3_a1 0s .4s 1 normal both;
}
@keyframes kf_blk_3_a1 { 100% {opacity: 0;}}
/*  */
#page_top .blk_3 > section {
  width:100%;
  background-color: #ffffff;
}
#page_top .blk_3 > section .blk_bk_2 {
  position: absolute;
  left:50%;
  top:0;
	width: var(--tgt_wid_1);
	max-width: var(--max_wid_1);
  height: 100%;
  transform:translateX(-50%);
}
#page_top .blk_3 > section .blk_bk_2::before {
	position: absolute;
	display: block;
	content: '';
	width: 50vw;
	height: 100%;
	left:calc(-50vw + 48px);
	top:0;
	background-color: #f2f2f2;
  transform-origin: 0 0;
}
#page_top .blk_3.nm_tgt_psa .blk_bk_2::before {
  opacity:0;
  transform:scaleX(.5);
}
#page_top .blk_3.nm_tgt_psa.psa_show .blk_bk_2::before {
  animation:kf_psa_1 .6s 0s 1 normal both;
} 
/*  */
#page_top .blk_3_1 {
	width: var(--tgt_wid_1);
	max-width: var(--max_wid_1);
  margin: auto;
  padding-top:170px;
}
#page_top .blk_3_1 .gsty_tit_1 > span:nth-of-type(1) {
  /* width:140px; */
  width:212px;
}
#page_top .blk_3_1 p:nth-of-type(1) {
  padding:60px 0 0 0;
  font-size: 45px;
  line-height: 1.5;
  font-weight: 700;
  white-space: nowrap;
  vertical-align:text-bottom;
}
#page_top .blk_3_1.nm_tgt_psa p:nth-of-type(1) {
  opacity:0;
  transform:translateY(80px);
}
#page_top .blk_3_1.nm_tgt_psa.psa_show p:nth-of-type(1) {
  animation:kf_psa_1 .8s .1s 1 normal both;
}
#page_top .blk_3_1 p:nth-of-type(1) span {
  font-size: 30px;
  line-height: 1.5;
  font-weight: 700;
  vertical-align:text-bottom;
}
#page_top .blk_3_1 p:nth-of-type(2) {
  padding:80px 0 40px 0;
  font-size: 18px;
  line-height: 1.75;
}
#page_top .blk_3_1.nm_tgt_psa p:nth-of-type(2) {
  opacity:0;
  transform:translateY(80px);
}
#page_top .blk_3_1.nm_tgt_psa.psa_show p:nth-of-type(2) {
  animation:kf_psa_1 .8s .2s 1 normal both;
}
#page_top .blk_3_1 .blk_bk_1 {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events: none;
}
#page_top .blk_3_1 .blk_bk_1_1 {
	position: absolute;
	display: block;
	width: 55%;
	height: auto;
	left:105%;
	top:100%;

  transform:translate(-100%, -100%);
}
#page_top .blk_3_1 .blk_bk_1_1::before {
	display: block;
	content: '';
	width: 100%;
  padding:30% 0 0 0;
}
#page_top .blk_3_1 .blk_bk_1_1::after {
  position: absolute;
  display:block;
  content:'';
  left:0;
  top:0;
  width:100%;
  height:100%;
  /* background-image: linear-gradient(90deg, #22dcfd, #5865b9); */
  background-image:linear-gradient(90deg, #e9f584 0%, #56f291 23%, #38baf6 100%);
  transform-origin: 0 0;
}
#page_top .blk_3_1.nm_tgt_psa .blk_bk_1_1::after {
  opacity:0;
  transform:translateY(60px) scaleX(0);
}
#page_top .blk_3_1.nm_tgt_psa.psa_show .blk_bk_1_1::after {
  animation:kf_psa_1 .8s .5s 1 normal both;
}
#page_top .blk_3_1 .blk_bk_1_2 {
	position: absolute;
	display: block;
	width: 39%;
	height: auto;
	left:100%;
	top:calc(100% - 80px);
  transform:translate(-100%, -100%);
}
#page_top .blk_3_1 .blk_bk_1_2::before {
	display: block;
	content: '';
	width: 100%;
  padding:67% 0 0 0;
}
#page_top .blk_3_1 .blk_bk_1_2 > div {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  overflow: hidden;
}
#page_top .blk_3_1.nm_tgt_psa .blk_bk_1_2 > div {
  transform:translateY(60px);
  width: 0;
}
#page_top .blk_3_1.nm_tgt_psa.psa_show .blk_bk_1_2 > div {
  animation:kf_blk_3_1_a1 .8s .3s 1 normal both;
}
@keyframes kf_blk_3_1_a1 {
  100% {width: 100%; transform:translateY(0);}
}
#page_top .blk_3_1 .blk_bk_1_2 > div::after {
  position: absolute;
  display:block;
  content:'';
  left:0;
  top:0;
  width:min(507px, 33vw);
  height:100%;
	background-image: url('../images/top_pht_2_2.jpg');
	background-position: 50% 0;
	background-size: cover;
  transform-origin: 0 0;
}
/*  */
#page_top .blk_3_2 {
  width:100%;
  height:auto;
  /* max-height: 1200px; */
}
#page_top .blk_3_2 > div {
  width:100%;
  height:auto;
  overflow: hidden;
  padding:28% 0 0 0;
}
#page_top .blk_3_2.nm_tgt_psa > div {
  transform:translateY(100px);
  width:0;
}
#page_top .blk_3_2.nm_tgt_psa.psa_show > div {
  animation:kf_blk_3_2_a1 .8s 0s 1 normal both;
}
@keyframes kf_blk_3_2_a1{
  100% {width: 100%; transform:translateY(0);}
} 
#page_top .blk_3_2 > div::after {
	position: absolute;
	display: block;
	content: '';
	width: 100vw;
	height: 100%;
	left:0;
	top:0;
	background-image: url('../images/top_pht_3_2.jpg');
	background-position: 50% 30%;
	background-size: cover;
}
/*  */
#page_top .blk_3_3 {
  width: var(--tgt_wid_1);
	max-width: var(--max_wid_1);
  margin: auto;
  margin-top: 20px;
}
#page_top .blk_3_3 > div {
  width:100%;
}
#page_top .blk_3_3 p:nth-of-type(1) {
  position: absolute;
  left:100%;
  top:85%;
  z-index: 2;
}
#page_top .blk_3_3.nm_tgt_psa.psa_show p:nth-of-type(1) .gsty_btn_1::before {
  animation-delay:1s;
}
#page_top .blk_3_3.nm_tgt_psa.psa_show p:nth-of-type(1) .gsty_btn_1 span {
  animation-delay:1s;
}
#page_top .blk_3_3 .blk_bk_1 {
  width:100%;
  height:100%;
  z-index: 1;
}
#page_top .blk_3_3 .blk_bk_1_1 {
	position: absolute;
	display: block;
	content: '';
	width: calc(100% - 50px);
	height: 50%;
	left:0;
	top:calc(50% + 40px);
  /* background-image: linear-gradient(90deg, #22dcfd, #5865b9); */
  background-image:linear-gradient(90deg, #e9f584 0%, #56f291 23%, #38baf6 100%);
  /* transform:translateY(-100%); */
  transform-origin: 0 0;
}
#page_top .blk_3_3.nm_tgt_psa .blk_bk_1_1 {
  opacity:0;
  transform: scaleX(0);
}
#page_top .blk_3_3.nm_tgt_psa.psa_show .blk_bk_1_1 {
  animation:kf_psa_1 .8s .5s 1 normal both;
}
#page_top .blk_3_3 .blk_bk_1_2 {
	display: block;
	width: 37%;
	height: auto;
	left:5%;
	top:5%;
}
#page_top .blk_3_3 .blk_bk_1_2 > div:nth-of-type(2) {
	display: block;
	width: 100%;
  padding:103% 0 0 0; 
  overflow: hidden;
}
#page_top .blk_3_3.nm_tgt_psa .blk_bk_1_2 > div:nth-of-type(2) {
  width:0;
}
#page_top .blk_3_3.nm_tgt_psa.psa_show .blk_bk_1_2 > div:nth-of-type(2) {
  animation:kf_blk_3_3_a1 .8s .5s 1 normal both;
}
@keyframes kf_blk_3_3_a1 {
  100% {width: 100%;}
} 
#page_top .blk_3_3 .blk_bk_1_2 > div:nth-of-type(2)::before {
  position: absolute;
	display: block;
	content: '';
	width: 100%;
  height:100%;
  top:0;
  left:0;
	background-image: url('../images/top_pht_4.png');
	background-position: 0 0;
	background-size: auto 100%;
  /* -webkit-mask-image: url('../images/top_pht_4_mask.png');
	mask-image: url('../images/top_pht_4_mask.png');
	-webkit-mask-size:cover;
	mask-size:cover; */
}
#page_top .blk_3_3 .blk_bk_1_2 > div:nth-of-type(1) {
  position: absolute;
	display: block;
	width: 100vw;
  max-width: 1200px;
  height:93%;
  top:100%;
  left:120%;
  transform:translate(-100%, -100%);
}
#page_top .blk_3_3 .blk_bk_1_2 > div:nth-of-type(1)::before {
  position: absolute;
	display: block;
	content: '';
	width: 100%;
  height:100%;
  top:0;
  left:0;
  background-color: #fff100;
  transform-origin: 0 0;
}
#page_top .blk_3_3.nm_tgt_psa .blk_bk_1_2 > div:nth-of-type(1)::before {
  opacity:0;
  transform: translateY(80px) scaleX(0);
}
#page_top .blk_3_3.nm_tgt_psa.psa_show .blk_bk_1_2 > div:nth-of-type(1)::before {
  animation:kf_psa_1 .8s 0s 1 normal both;
}

/*  */
#page_top .blk_3_4 {
  width: var(--tgt_wid_1);
	max-width: var(--max_wid_1);
  margin: auto;
  padding:0 0 160px 0;
}
#page_top .blk_3_4 > div {
  padding:100px 0 0 0;
  width:100%;
  background-color: #ffffff;
}
#page_top .blk_3_4.nm_tgt_psa > div {
  opacity:0;
  transform: translateY(80px);
}
#page_top .blk_3_4.nm_tgt_psa.psa_show > div {
  animation:kf_psa_1 .8s 0s 1 normal both;
}
#page_top .blk_3_4 > div > div {
  width:100%;
  margin: auto;
}
#page_top .blk_3_4 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  border-bottom:1px solid #929292;
}
#page_top .blk_3_4 ul li {
  display: block;
}
#page_top .blk_3_4 ul li p {
  position: absolute;
  transform:translate(-50%, -50%);
}
#page_top .blk_3_4 ul li > p:nth-of-type(1) br {
  display: none;
}
#page_top .blk_3_4 ul li > p:nth-of-type(1) span:nth-of-type(1) {
  display: block;
  text-align: center;
  font-size: 30px;
  line-height: 1;
  white-space: nowrap;
  font-weight: 500;
}
#page_top .blk_3_4 ul li.nm_tgt_psa > p:nth-of-type(1) span:nth-of-type(1) {
  opacity:0;
  transform: translateY(30px);
}
#page_top .blk_3_4 ul li.nm_tgt_psa.psa_show > p:nth-of-type(1) span:nth-of-type(1) {
  animation:kf_psa_1 .8s 0s 1 normal both;
}
#page_top .blk_3_4 ul li > p:nth-of-type(1) span:nth-of-type(2) {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
  font-weight: 700;
  color:#32baf8;
  letter-spacing: .2em;
  padding:10px 0 0 0;
}
#page_top .blk_3_4 ul li.nm_tgt_psa > p:nth-of-type(1) span:nth-of-type(2) {
  opacity:0;
  transform: translateY(60px);
}
#page_top .blk_3_4 ul li.nm_tgt_psa.psa_show > p:nth-of-type(1) span:nth-of-type(2) {
  animation:kf_psa_1 .8s 0s 1 normal both;
}
/*  */
#page_top .blk_3_4 ul li:nth-of-type(1) {
  border-right:1px solid #929292;
  width:35%;
  height:360px;
}
#page_top .blk_3_4 ul li:nth-of-type(1)::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	left:0;
	top:0;
  background-image: url('../images/top_grp_ill_1.jpg');
	background-position: 50% 90px;
	background-size: 120px auto;
}
#page_top .blk_3_4 ul li.nm_tgt_psa:nth-of-type(1)::before {
  opacity:0;
  transform: translateY(40px);
}
#page_top .blk_3_4 ul li.nm_tgt_psa.psa_show:nth-of-type(1)::before {
  animation:kf_psa_1 .8s .2s 1 normal both;
}
#page_top .blk_3_4 ul li:nth-of-type(1)::after {
	position: absolute;
	display: block;
	content: '';
	width: calc(100% - 40px);
	height: 100%;
	left:0;
	top:0;
  border-bottom:1px solid #929292;
}
#page_top .blk_3_4 ul li:nth-of-type(1) p:nth-of-type(1) {
  left:50%;
  top:280px;
}
#page_top .blk_3_4 ul li:nth-of-type(1) p:nth-of-type(2) {
  left:50%;
  top:30px;
}
#page_top .blk_3_4 ul li.nm_tgt_psa:nth-of-type(1) p:nth-of-type(2) {
  opacity:0;
  transform: translateY(30px);
}
#page_top .blk_3_4 ul li.nm_tgt_psa.psa_show:nth-of-type(1) p:nth-of-type(2) {
  animation:kf_psa_1 .8s .6s 1 normal both;
}
#page_top .blk_3_4 ul li:nth-of-type(1) p:nth-of-type(2) > span {
  position: absolute;
  display: block;
  left:0;
  top:0;
  transform:translate(-50%, -50%);
  white-space:nowrap;
}
#page_top .blk_3_4 ul li:nth-of-type(1) p:nth-of-type(2) > span span:nth-of-type(1) {
  display: inline-block;
  font-size: 65px;
  line-height: 1;
  font-weight:700;
  vertical-align: text-bottom;
  padding:0 0 0 10%;
}
#page_top .blk_3_4 ul li:nth-of-type(1) p:nth-of-type(2) > span span:nth-of-type(2) {
  display: inline-block;
  font-size: 25px;
  line-height: 1.25;
  font-weight:700;
  vertical-align: text-bottom;
}
/*  */
#page_top .blk_3_4 ul li:nth-of-type(2) {
  width:65%;
  height:360px;
}
#page_top .blk_3_4 ul li:nth-of-type(2)::after {
	position: absolute;
	display: block;
	content: '';
	width: calc(100% - 40px);
	height: 100%;
	left:40px;
	top:0;
  border-bottom:1px solid #929292;
}
#page_top .blk_3_4 ul li:nth-of-type(2) p:nth-of-type(1) {
  left:28%;
  top:50%;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div {
  position: absolute;
  left:73%;
  top:50%;
  width:135px;
  height:135px;
  transform:translate(-50%, -50%);
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div > div {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	left:0;
	top:0;
  background-image: url('../images/top_grp_ill_2.jpg');
	background-position: 50% 50%;
	background-size: 100% auto;

}
#page_top .blk_3_4 ul li.nm_tgt_psa:nth-of-type(2) > div > div {
  opacity:0;
  transform: translateY(20px);
}
#page_top .blk_3_4 ul li.nm_tgt_psa.psa_show:nth-of-type(2) > div > div {
  animation:kf_psa_1 .8s .2s 1 normal both;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p {
  position: absolute;
}
#page_top .blk_3_4 ul li.nm_tgt_psa:nth-of-type(2) > div p {
  opacity:0;
}
#page_top .blk_3_4 ul li.nm_tgt_psa.psa_show:nth-of-type(2) > div p {
  animation:kf_psa_1 .8s .6s 1 normal both;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p br {
  display: none;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p span {
  position: absolute;
  display:block;
  left:0;
  white-space: nowrap;
  /* -webkit-text-stroke: 1px #ffffff;
  text-stroke: 1px #ffffff; */
  text-shadow:1px 1px 0 #ffffff, -1px -1px 0 #ffffff,
              -1px 1px 0 #ffffff, 1px -1px 0 #ffffff,
              0px 1px 0 #ffffff,  0 -1px 0 #ffffff,
              -1px 0 0 #ffffff, 1px 0 0 #ffffff;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p span:nth-of-type(1) {
  top: -4px;
  transform:translate(-50%, -100%);
  font-size: 36px;
  line-height:1;
  font-weight:700;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p span:nth-of-type(2) {
  top: 4px;
  transform:translate(-50%, 0);
  font-size: 20px;
  line-height:1;
  font-weight:700;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p:nth-of-type(1) {
  left:120%;
  top:-1%;
  transform: translate(-15px, 15px);
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p:nth-of-type(2) {
  left: 71%;
  top: 90%;
  transform: translate(0, -15px);
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p:nth-of-type(2) span:nth-of-type(2) {
  padding:0 0 0 .5em;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p:nth-of-type(3) {
  left: -10%;
  top: 34%;
  transform: translate(15px, 0);
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p:nth-of-type(4) {
  left: 34%;
  top: -35%;
  transform: translate(0, 15px);
}
/*  */
#page_top .blk_3_4 ul li:nth-of-type(3) {
  width:100%;
  height:360px;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > p:nth-of-type(1) {
  left:17.5%;
  top:50%;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div {
  position: absolute;
  left:35%;
  width:65%;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p {
  position: absolute;
  display: inline-block;
  transform:none;
  white-space: nowrap;
}
#page_top .blk_3_4 ul li.nm_tgt_psa:nth-of-type(3) > div p {
  opacity:0;
  transform:translateY(40px);
}
#page_top .blk_3_4 ul li.nm_tgt_psa.psa_show:nth-of-type(3) > div p {
  animation:kf_psa_1 .8s .6s 1 normal both;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p > span {
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p > span:nth-of-type(1) {
  font-size: 25px;
  line-height: .8;
  font-weight: 700;
  padding:0 0 5px 3px;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p > span:nth-of-type(2) {
  font-size: 65px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0;
  padding:0 0 0 3px;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p > span:nth-of-type(3) {
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
  padding:0 0 5px 3px;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div > div {
	position: absolute;
	display: block;
	width: 120px;
	height: 120px;
  top:180px;
	background-position: 0 0;
	background-size: 100% auto;
}
#page_top .blk_3_4 ul li.nm_tgt_psa:nth-of-type(3) > div > div {
  opacity:0;
  transform:translateY(40px);
}
#page_top .blk_3_4 ul li.nm_tgt_psa.psa_show:nth-of-type(3) > div > div {
  animation:kf_psa_1 .8s .2s 1 normal both;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p:nth-of-type(1) {
  left:20%;
  top:70px;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div > div:nth-of-type(1) {
  background-image: url('../images/top_grp_ill_3.jpg');
  left:calc(20% + 5px);
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p:nth-of-type(2) {
  left:65%;
  top:70px;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div > div:nth-of-type(2) {
	background-image: url('../images/top_grp_ill_4.jpg');
  left:calc(65% + 5px);
}
/*
*/
#page_top .blk_4 {
  width:100%;
  z-index: 5;
  /* background-color: #ffffff; */
  background-image: linear-gradient(0deg, #ffffff, #ffffff);
  background-position: 0 11px;
  background-size: 100% 100%;
  margin-top:-20px;
}
#page_top .blk_4 > section {
  width: var(--tgt_wid_1);
	max-width: var(--max_wid_1);
  margin: auto;
  padding:0 0 130px 0;
}
#page_top .blk_4 > section::before {
	position: absolute;
	display: block;
	content: '';
	width: 100vw;
	height: calc(100% - 11px);
	left:calc(50% - 50vw);
	top:11px;
  /* background-image: linear-gradient(90deg, #22dcfd, #5865b9); */
  background-image:linear-gradient(90deg, #e9f584 0%, #56f291 23%, #38baf6 100%);
  /* transform:translateX(-50%); */
  transform-origin: 0 0;
}
#page_top .blk_4.nm_tgt_psa > section::before {
  opacity:0;
  transform:scaleX(0);
}
#page_top .blk_4.nm_tgt_psa.psa_show > section::before {
  animation:kf_psa_1 .8s 0s 1 normal both;
}
/*  */
#page_top .blk_4 .gsty_tit_1 > span:nth-of-type(1) {
  width:165px;
}
#page_top .blk_4 .gsty_tit_1 > span:nth-of-type(2) {
  color:#ffffff;
}
/*  */
#page_top .blk_4 p:nth-of-type(1) {
  font-size: 18px;
  line-height: 1.75;
  color:#ffffff;
  padding:70px 0 70px 0;
}
#page_top .blk_4.nm_tgt_psa p:nth-of-type(1) {
  opacity:0;
  transform:translateY(40px);
}
#page_top .blk_4.nm_tgt_psa.psa_show p:nth-of-type(1) {
  animation:kf_psa_1 .8s .2s 1 normal both;
}
/*  */
#page_top .blk_4 p:nth-of-type(2) {
  position: absolute;
  left:100%;
  top:100%;
}
#page_top .blk_4.nm_tgt_psa.psa_show p:nth-of-type(2) .gsty_btn_1::before {
  animation-delay:.8s;
}
#page_top .blk_4.nm_tgt_psa.psa_show p:nth-of-type(2) .gsty_btn_1 span {
  animation-delay:.8s;
}
/*  */
#page_top .blk_4 .blk_bk_1 {
  width:100%;
  display:flex;
  justify-content: space-between;
}
#page_top .blk_4 .blk_bk_1 > div {
  width:33%;
  padding:22% 0 0 0;
	background-position: 50% 50%;
	background-size: cover;
}
#page_top .blk_4.nm_tgt_psa .blk_bk_1 > div {
  opacity:0;
  transform:translateY(60px);
}
#page_top .blk_4.nm_tgt_psa.psa_show .blk_bk_1 > div {
  animation:kf_psa_1 .8s 0s 1 normal both;
}
#page_top .blk_4 .blk_bk_1 > div:nth-of-type(1) {
	background-image: url('../images/top_pht_5_2.jpg');
}
#page_top .blk_4 .blk_bk_1 > div:nth-of-type(2) {
	background-image: url('../images/top_pht_6_2.jpg');
}
#page_top .blk_4 .blk_bk_1 > div:nth-of-type(3) {
	background-image: url('../images/top_pht_7_2.jpg');
}
#page_top .blk_4.nm_tgt_psa.psa_show .blk_bk_1 > div:nth-of-type(1) {
  animation-delay: .4s;
}
#page_top .blk_4.nm_tgt_psa.psa_show .blk_bk_1 > div:nth-of-type(2) {
  animation-delay: .6s;
}
#page_top .blk_4.nm_tgt_psa.psa_show .blk_bk_1 > div:nth-of-type(3) {
  animation-delay: .8s;
}
/*
*/
#page_top .blk_5 {
  width:100%;
  z-index: 4;
  background-color: #ffffff;
}
#page_top .blk_5 > section {
  width: var(--tgt_wid_1);
	max-width: var(--max_wid_1);
  margin: auto;
  padding-top:200px;
  padding-bottom:145px;
}
#page_top .blk_5 > section::before {
	position: absolute;
	display: block;
	content: '';
	width: 50vw;
	height: 100%;
	left:calc(-50vw + 48px);
	top:0;
	background-color: #f2f2f2;
  transform-origin: 0 0;
}
#page_top .blk_5.nm_tgt_psa > section::before {
  opacity:0;
  transform:scaleX(.5);
}
#page_top .blk_5.nm_tgt_psa.psa_show > section::before {
  animation:kf_psa_1 .6s 0s 1 normal both;
} 
/*  */
#page_top .blk_5 .gsty_tit_1 {
  height:160px;
}
#page_top .blk_5 .gsty_tit_1 > span:nth-of-type(1) {
  width:205px;
}
/*  */
#page_top .blk_5 p:nth-of-type(1) {
  display: flex;
}
#page_top .blk_5 p:nth-of-type(1) span:nth-of-type(1) {
  display: block;
  width:40%;
  font-size: 20px;
  line-height: 2.25;
  padding:20px 0 0 0;
}
#page_top .blk_5.nm_tgt_psa p:nth-of-type(1) span:nth-of-type(1) {
  opacity:0;
  transform:translateY(60px);
}
#page_top .blk_5.nm_tgt_psa.psa_show p:nth-of-type(1) span:nth-of-type(1) {
  animation:kf_psa_1 .8s .2s 1 normal both;
} 
#page_top .blk_5 p:nth-of-type(1) span:nth-of-type(2) {
  display: block;
  width:60%;
  padding:40% 0 0 0;
}
#page_top .blk_5.nm_tgt_psa p:nth-of-type(1) span:nth-of-type(2) {
  opacity:0;
  transform:translateY(60px);
}
#page_top .blk_5.nm_tgt_psa.psa_show p:nth-of-type(1) span:nth-of-type(2) {
  animation:kf_psa_1 .8s .3s 1 normal both;
} 
#page_top .blk_5 p:nth-of-type(1) span:nth-of-type(2)::after {
	position: absolute;
	display: block;
	content: '';
	width: 67%;
	height: auto;
	left:100%;
	top:100%;
	background-image: url('../images/top_pht_8_2.jpg');
	background-position: 50% 50%;
	background-size: cover;
  padding:67% 0 0 0;
  transform:translate(-100%, -100%);
  
}
/*  */
#page_top .blk_5 p:nth-of-type(2) {
  position: absolute;
  left:100%;
  top:100%;
}
#page_top .blk_5.nm_tgt_psa.psa_show p:nth-of-type(2) .gsty_btn_1::before {
  animation-delay:.8s;
}
#page_top .blk_5.nm_tgt_psa.psa_show p:nth-of-type(2) .gsty_btn_1 span {
  animation-delay:.8s;
}
#page_top .blk_5 p:nth-of-type(2) .gsty_btn_1::before {
  background-image: linear-gradient(90deg, #c2cc55, #f5f97f);
}
#page_top .blk_5 p:nth-of-type(2) .gsty_btn_1 > span::before {
  background-color: #0b0b0b;
}
#page_top .blk_5 p:nth-of-type(2) .gsty_btn_1 > span::after {
  background-color: #ffffff;
}
#page_top .blk_5 p:nth-of-type(2) .gsty_btn_1 > span {
  background-image: url('../images/top_btn_text_1_2.svg');
}
#page_top .blk_5 p:nth-of-type(2) .gsty_btn_1 > span > span > span {
  color:#0b0b0b;
}
#page_top .blk_5 p:nth-of-type(2) .gsty_btn_1 > span > span::after {
  color:#0b0b0b;
}
/*  */
#page_top .blk_5 .blk_bk_1 {
  position: absolute;
  left:50%;
  top:0;
  width:100vw;
  height:100%;
  pointer-events: none;
  overflow:hidden;
  transform:translateX(-50%);
}
#page_top .blk_5 .blk_bk_1 > div {
	position: absolute;
	left:0;
	top:215px;
  right:0;
  bottom:0;
  overflow: hidden;
  background-color: #ffffff;
  transform-origin: 0 0;
}
#page_top .blk_5.nm_tgt_psa .blk_bk_1 > div {
  transform:translateX(-100%);
}
#page_top .blk_5.nm_tgt_psa.psa_show .blk_bk_1 > div {
  animation:kf_psa_1 .8s 0s 1 normal both;
} 
#page_top .blk_5 .blk_bk_1 > div::after {
	position: absolute;
	display: block;
	content: '';
	left:0;
	top:0;
  width:110%;
  height:110%;
	background-image: url('../images/top_pht_8.jpg');
	background-position: 50% 50%;
	background-size: cover;
  filter:blur(30px);
  opacity:.7;
  transform-origin: 0 0;
}
#page_top .blk_5.nm_tgt_psa .blk_bk_1 > div::after {
  transform:translateX(90%);
}
#page_top .blk_5.nm_tgt_psa.psa_show .blk_bk_1 > div::after {
  animation:kf_psa_1 .8s 0s 1 normal both;
} 
/*
*/
#page_top .blk_6 {
  width:100%;
  background-color: #ffffff;
}
#page_top .blk_6 > section {
  width: var(--tgt_wid_1);
	max-width: var(--max_wid_1);
  margin: auto;
  padding-top:120px;
  padding-bottom:100px;
  z-index: 2;
}
#page_top .blk_6 > section::before {
	position: absolute;
	display: block;
	content: '';
	width: 50vw;
	height: 135px;
	left:calc(-50vw + 48px);
	top:0;
	background-color: #f2f2f2;
  transform-origin: 0 0;
}
#page_top .blk_6.nm_tgt_psa > section::before {
  opacity:0;
  transform:scaleX(.5);
}
#page_top .blk_6.nm_tgt_psa.psa_show > section::before {
  animation:kf_psa_1 .6s 0s 1 normal both;
}

/*  */
#page_top .blk_6 .gsty_tit_1 {
  height:120px;
}
#page_top .blk_6 .gsty_tit_1 > span:nth-of-type(1) {
  width:110px;
}
/*  */
#page_top .blk_6 ol {
  width:100%;
  list-style: none;
  border-top:1px solid #e5e5e5;
}
#page_top .blk_6.nm_tgt_psa ol {
  opacity:0;
  transform:translateY(60px);
}
#page_top .blk_6.nm_tgt_psa.psa_show ol {
  animation:kf_psa_1 .8s .3s 1 normal both;
} 


#page_top .blk_6 ol li {
  width:100%;
  border-bottom:1px solid #e5e5e5;
}
#page_top .blk_6 ol li > a {
  width:100%;
  display: table;
}
#page_top .blk_6 ol li > a > p:nth-of-type(1) {
  display: table-cell;
  width:1%;
  font-size: 18px;
  line-height:1;
  color:#00a0e9;
  white-space: nowrap;
  vertical-align: middle;
  padding:40px 0;
}
#page_top .blk_6 ol li > a > p:nth-of-type(2) {
  display: table-cell;
  font-size: 20px;
  line-height:1.5;
  padding:40px 5%;
  vertical-align: top;
}
#page_top .blk_6 ol li > a > span {
  display: table-cell;
  width:150px;
  height:auto;
  vertical-align: middle;
}
#page_top .blk_6 ol li > a > span::after {
	position: absolute;
	display: block;
	content: '';
	width: 45px;
	height: 1px;
	left:100%;
	top:50%;
	background-color: #bbbbbb;
  transform:translate(-100%, 6px);
}
#page_top .blk_6 ol li > a > span::before {
	position: absolute;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 0 10px;
	border-color: transparent transparent transparent #000000;	
	left:100%;
	top:50%;
  transform:translate(-100%, -4px);
}
#page_top .blk_6 ol li > a > span > span {
  position: absolute;
  display: block;
  left:0;
  top:50%;
}
#page_top .blk_6 ol li > a > span > span::after {
  display: block;
	content: 'READ MORE';
  font-size: 16px;
  line-height:1;
  font-family: 'Hind Guntur', sans-serif;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 0 2px 0;
}


/***************************************************************************************************
  responsive
***************************************************************************************************/

@media screen and (max-width: 1000px) {
/*
*/
#page_top {
  /* padding:120px 0 0 0; */
}
/*
*/
#page_top .blk_1 {
  padding:120px 0 85px 0;
}
#page_top .blk_1 h2 {
	width: var(--tgt_wid_2);
	max-width: none;
	height:65px;
}
#page_top .blk_1 h2 span:nth-of-type(1) {
  font-size: 15px;
}
#page_top .blk_1 h2 span:nth-of-type(2) {
  font-size: 20px;
  padding:10px 0 0 0;
}
/*  */
#page_top .blk_1_1 {
  height: calc(100vh - 120px - 65px - 85px);
  min-height: 300px;
}
#page_top .blk_1_1 .blk_i .i img:nth-of-type(1) {
  display: none;
}
#page_top .blk_1_1 .blk_i .i img:nth-of-type(2) {
  object-fit: cover;
  width: 100%;
  min-width: 0;
  left:0;
  top:0;
  transform:none;
}
#page_top .blk_1_1 .blk_i .i.show.virgin img:nth-of-type(2) {
  transition:opacity 0s ease-out 0s;
}
/*  */
#page_top .blk_1_1 .blk_t p {
  width:100%;
  min-width: 0;
  height: 100%;
  left:0;
  top:0;
  transform:none;
}
#page_top .blk_1_1 .blk_t p img {
  display: block;
  position: absolute;
  width:80%;
  height:auto;
  left:50%;
  top:48%;
  padding: 0;
  transform: translate(-50%, -50%);
}
#page_top .blk_1_1 .blk_t p .t {
  font-size: 16px;
  width:100%;
  top:85%;
  white-space: normal;
  transform: translate(-50%, -50%);
  padding:0 5%;
  text-align: center;
}
#page_top .blk_1_1 .blk_t p .t span {
  display: inline-block;
  white-space: nowrap;
}
/*  */
#page_top .blk_1_2  {
	width: var(--tgt_wid_2);
  max-width: none;
}
#page_top .blk_1_2 .blk_btns {
	left:calc(100% - 60px);
  top:115px;
	width: 60px;
	height: 60px;
}
#page_top .blk_1_2 .blk_btns .btn_prev,
#page_top .blk_1_2 .blk_btns .btn_next {
	width: 25px;
	height: 35px;
	left:0;
	top:5px;
}
#page_top .blk_1_2 .blk_btns .btn_next {
	left:calc(100% - 25px);
	transform: scaleX(-1);
}
#page_top .blk_1_2 .blk_btns .btn_prev::after,
#page_top .blk_1_2 .blk_btns .btn_next::after {
	width: 14px;
	height: 14px;
	left:4px;
	top:16px;
}
#page_top .blk_1_2 .blk_btns .bar {
	position: absolute;
	left:-3px;
	top:45px;
	width: calc(100% + 6px);
}
/*  */
#page_top .blk_1 .blk_scroll {
  width: var(--tgt_wid_2);
  max-width: none;
} 
/*
*/
#page_top .blk_2 {
  padding:60px 0 120px 0;
}
#page_top .blk_2 section {
	width: var(--tgt_wid_2);
	max-width: none;
}
#page_top .blk_2 section > div {
  width:100%;
}
#page_top .blk_2 section > div::before {
  width:min(160px, 33%);
	height: calc(100% + 265px);
	left:-10%;
	top:-145px;
}
/*  */
#page_top .blk_2 .gsty_tit_1 > span:nth-of-type(1) {
  width:126px;
}
/*  */
#page_top .blk_2 .blk_2_1 {
  padding:30px 0 40px 0;
  font-size:14px;
  line-height: 2;
}
/*  */
#page_top .blk_2 .blk_2_2 {
  width:100%;
  padding:58% 0 0 0;
}
#page_top .blk_2 .blk_2_2 p:nth-of-type(1) img {
  width:70vw;
  max-width:none;
}
#page_top .blk_2 .blk_2_2.nm_tgt_psa  p:nth-of-type(1) span {
  transform:translateY(60px);
}
/*
*/
#page_top .blk_3 {
  /* padding:100px 0 0 0; */
  padding:0;
}
/*  */
#page_top .blk_3 > div {
  padding:70% 0 0 0;
}
#page_top .blk_3 > div > div::after {
	display: none;
}
/*  */
#page_top .blk_3 > section {
  width:100%;
}
#page_top .blk_3 > section .blk_bk_2 {
	width: var(--tgt_wid_2);
	max-width: none;
}
#page_top .blk_3 > section .blk_bk_2::before {
  width:min(160px, 33%);
  left:-10%;
}
/*  */
#page_top .blk_3_1 {
	width: var(--tgt_wid_2);
	max-width: none;
  margin: auto;
  padding-top:80px;
}
#page_top .blk_3_1::before {
	left:72px;
}
#page_top .blk_3_1 .gsty_tit_1 > span:nth-of-type(1) {
  /* width:84px; */
  width:127px;
}
#page_top .blk_3_1 p:nth-of-type(1) {
  padding:30px 0 0 0;
  font-size: 27px;
}
#page_top .blk_3_1 p:nth-of-type(1) span {
  font-size: 18px;
}
#page_top .blk_3_1 p:nth-of-type(2) {
  padding:30px 0 80px 0;
  font-size: 14px;
  line-height: 1.75;
}
#page_top .blk_3_1 .blk_bk_1_1 {
	width: 73%;
	left:110%;
}
#page_top .blk_3_1 .blk_bk_1_1::before {
  padding:32% 0 0 0;
}
#page_top .blk_3_1.nm_tgt_psa.psa_show .blk_bk_1_1::after {
  animation-delay: 0s;
}
#page_top .blk_3_1 .blk_bk_1_2 {
	width: 60%;
	left:110%;
	top:93%;
}
#page_top .blk_3_1.nm_tgt_psa.psa_show .blk_bk_1_2 > div {
  animation-delay: 0s;
}
#page_top .blk_3_1 .blk_bk_1_2 > div::after {
  width:51.6vw;
}
/*  */
#page_top .blk_3_2 {
  width:100%;
  height:auto;
}

#page_top .blk_3_2 > div::before {
  padding:60% 0 0 0;
}
/*  */
#page_top .blk_3_3 {
  width: var(--tgt_wid_2);
  margin-top: 10px;
}
#page_top .blk_3_3::before {
	height: calc(100% + 10px);
	left:72px;
	top:-10px;
}
#page_top .blk_3_3 p:nth-of-type(1) {
  top:80%;
}
#page_top .blk_3_3 .blk_bk_1_1 {
	width: calc(100% - 40px + 5vw);
	height: 70%;
  left:-5vw;
	top:calc(30% + 20px);
}
#page_top .blk_3_3 .blk_bk_1_2 {
	width: 55%;
	left:5%;
	top:5%;
}
#page_top .blk_3_3.nm_tgt_psa .blk_bk_1_2 > div:nth-of-type(1)::before {
  transform: translateY(40px) scaleX(0);
}
/*  */
#page_top .blk_3_4 {
  width: 100%;
	max-width: none;
  padding:0 0 100px 0;
}
#page_top .blk_3_4::before {
  left:72px;
}
#page_top .blk_3_4 > div {
  width: 100%;
  margin: auto;
  padding:60px 0 0 0;
}
#page_top .blk_3_4 > div > div {
  width: var(--tgt_wid_2);
  padding:0 0 40px 0;
  border-bottom:1px solid #929292;
}
#page_top .blk_3_4 ul {
  border-bottom: none;
  margin: auto;
  display: block;
  padding:140% 0 0 0;
}
#page_top .blk_3_4 ul li {
  position: absolute;
}
#page_top .blk_3_4 ul li p {
  position: absolute;
}
#page_top .blk_3_4 ul li > p:nth-of-type(1) span:nth-of-type(1) {
  font-size: max(20px, 3.2vw);
}
#page_top .blk_3_4 ul li > p:nth-of-type(1) span:nth-of-type(2) {
  font-size: max(14px, 2.24vw);
  padding:.5em 0 0 0;
}
/*  */
#page_top .blk_3_4 ul li:nth-of-type(1) {
  left:0;
  top:0;
  border-right:none;
  width:50%;
  height:50%;

}
#page_top .blk_3_4 ul li:nth-of-type(1)::before {
  background-image: url('../images/top_grp_ill_1.jpg');
	background-position: 50% 43%;
	background-size: 45% auto;
}
#page_top .blk_3_4 ul li:nth-of-type(1)::after {
	width: calc(100% - 40px);
  left:15px;
}
#page_top .blk_3_4 ul li:nth-of-type(1) p:nth-of-type(1) {
  left:50%;
  top:80%;
}
#page_top .blk_3_4 ul li:nth-of-type(1) p:nth-of-type(2) {
  left:50%;
  top:12%;
  transform:translate(-50%, -50%);
  white-space:nowrap;
}
#page_top .blk_3_4 ul li:nth-of-type(1) p:nth-of-type(2) > span span:nth-of-type(1) {
  font-size: max(8vw, 40px);

}
#page_top .blk_3_4 ul li:nth-of-type(1) p:nth-of-type(2) > span span:nth-of-type(2) {
  font-size: max(4vw, 20px);
}
/*  */
#page_top .blk_3_4 ul li:nth-of-type(2) {
  left:0;
  top:50%;
  width:50%;
  height:50%;
}
#page_top .blk_3_4 ul li:nth-of-type(2)::after {
  display: none;
}
#page_top .blk_3_4 ul li:nth-of-type(2) p:nth-of-type(1) {
  left:50%;
  top:90%;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div {
  left:50%;
  top:45%;
  width:50%;
  height:50%;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p span:nth-of-type(1) {
  font-size: min(48px, 6vw);
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p span:nth-of-type(2) {
  top: 0;
  font-size: min(24px, 3vw);
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p:nth-of-type(1) {
  left: 105%;
  top: 30%;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p:nth-of-type(2) {
  left: 71%;
  top: 90%;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p:nth-of-type(3) {
  left: -10%;
  top: 48%;
}
#page_top .blk_3_4 ul li:nth-of-type(2) > div p:nth-of-type(4) {
  left: 32%;
  top: 3%;
}
/*  */
#page_top .blk_3_4 ul li:nth-of-type(3) {
  left:50%;
  top:0;
  width:50%;
  height:100%;
}
#page_top .blk_3_4 ul li:nth-of-type(3)::after {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: calc(100% - 20px);
	left:0;
	top:10px;
  border-right:1px solid #929292;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > p:nth-of-type(1) {
  left:50%;
  top:95%;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div {
  left:0;
  width:100%;
  height:100%;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p {
  display: block;
  width:100%;
  text-align: center;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p::before {
	width: 25vw;
	height: auto;
  padding:25vw 0 0 0;
  transform:translate(-50%, 15%);
  background-position: 50% 0;
	background-size: min(180px, 100%) auto;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p > span:nth-of-type(1) {
  font-size: max(14px, 3vw);
  line-height: 1;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p > span:nth-of-type(2) {
  font-size: max(40px, 8vw);
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p > span:nth-of-type(3) {
  font-size: max(14px, 3vw);
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p:nth-of-type(1) {
  left:0;
  top:5%;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div p:nth-of-type(2) {
  left:0;
  top:50%;
}
#page_top .blk_3_4 ul li:nth-of-type(3) > div > div {
	width: 50%;
	height: auto;
  padding:200% 0 0 0;
}

#page_top .blk_3_4 ul li:nth-of-type(3) > div > div:nth-of-type(1) {
  left:25%;
  top:20%;
}

#page_top .blk_3_4 ul li:nth-of-type(3) > div > div:nth-of-type(2) {
  left:25%;
  top:65%;
}
/*
*/
#page_top .blk_4 > section {
  width: var(--tgt_wid_2);
	max-width: none;
  padding:0 0 80px 0;
}
#page_top .blk_4 > section::before {
	height: calc(100% - 8px);
	top:8px;
}
/*  */
#page_top .blk_4 .gsty_tit_1 > span:nth-of-type(1) {
  width:100px;
}
/*  */
#page_top .blk_4 p:nth-of-type(1) {
  font-size: 14px;
  padding:50px 0 40px 0;
}
/*  */
#page_top .blk_4 p:nth-of-type(2) {
  position: absolute;
  left:100%;
  top:100%;
}
/*  */
#page_top .blk_4 .blk_bk_1 > div {
  width:32.5%;
}
#page_top .blk_4.nm_tgt_psa .blk_bk_1 > div {
  transform:translateY(40px);
}
/*
*/
#page_top .blk_5 {
  padding:0 0 100px 0;
}
#page_top .blk_5 > section {
  width: var(--tgt_wid_2);
	max-width: none;
  padding-top:120px;
}
#page_top .blk_5 > section::before {
  width:min(160px, 33%);
	height: 130px;
	left:-10%;
}
/*  */
#page_top .blk_5 .gsty_tit_1 {
  height:100px;
}
#page_top .blk_5 .gsty_tit_1 > span:nth-of-type(1) {
  width:125px;
}
/*  */
#page_top .blk_5 p:nth-of-type(1) {
  display: block;
}
#page_top .blk_5 p:nth-of-type(1) span:nth-of-type(1) {
  width:100%;
  font-size: 14px;
  line-height: 2;
  padding:0 0 40px 0;
}
#page_top .blk_5 p:nth-of-type(1) span:nth-of-type(1) br {
  display:none;
}
#page_top .blk_5 p:nth-of-type(1) span:nth-of-type(2) {
  display: block;
  width:100%;
  padding:0 0 0 0;
}
#page_top .blk_5 p:nth-of-type(1) span:nth-of-type(2)::after {
	position: relative;
	width: 100%;
	height: auto;
	left:0;
	top:0;
  padding:100% 0 0 0;
  transform:none;
}
/*  */
#page_top .blk_5 p:nth-of-type(2) {
  position: absolute;
  left:100%;
  top:100%;
}
/*  */
#page_top .blk_5 .blk_bk_1 > div {
	position: absolute;
	left:0;
	top:130px;
  right:0;
  bottom:0;
  overflow: hidden;
  background-color: #ffffff;
}
/*
*/
#page_top .blk_6 {
  z-index: 6;
}
#page_top .blk_6 > section {
  width: var(--tgt_wid_2);
	max-width: none;
  padding:0 0 100px 0;
}
#page_top .blk_6 > section::before {
  width:min(160px, 33%);
	height: 45%;
	left:-10%;
  top:-100px;
}
/*  */
#page_top .blk_6 .gsty_tit_1 {
  height:80px;
}
#page_top .blk_6 .gsty_tit_1 > span:nth-of-type(1) {
  width:70px;
}
#page_top .blk_6 ol {
}
#page_top .blk_6 ol li {
}
#page_top .blk_6 ol li > a {
}
#page_top .blk_6 ol li > a > p:nth-of-type(1) {
  display: block;
  width:100%;
  font-size: 14px;
  padding:30px 0 0 0;
}
#page_top .blk_6 ol li > a > p:nth-of-type(2) {
  display: block;
  width:100%;
  font-size: 14px;
  line-height:1.5;
  padding:10px 0 5px 0;
}
#page_top .blk_6 ol li > a > span {
  display: block;
  width:100%;
  height:35px;
}
#page_top .blk_6 ol li > a > span::after {
	width: 30px;
  top:20px;
  transform:translateX(-100%);
}
#page_top .blk_6 ol li > a > span::before {
	border-width: 7px 0 0 7px;
  top:13px;
  transform:translateX(-100%);
}
#page_top .blk_6 ol li > a > span > span {
  display: block;
  left: calc(100% - 40px);
  transform:translateX(-100%);
}
#page_top .blk_6 ol li > a > span > span::after {
  font-size: 12px;
}




/*  */
}