@charset "UTF-8";
/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*--------------------------------------------------------------
# Variable
--------------------------------------------------------------*/
/* color */

img {
	width: 100%;
}



p{
  color: #000;
}
.second_keyvisual {
  margin: 0 0 0 5vw;
  clear: both;
  background: no-repeat url("../images/special/kv_01.png");
  background-size: contain;
  width: 100vw;
  height: 35vw;
}
.second_keyvisual_02 {
  margin: 0 0 0 5vw;
  clear: both;
  background: no-repeat url("../images/special/kv_02.png");
  background-size: contain;
  width: 100vw;
  height: 35vw;
}
.second_keyvisual_03 {
  margin: 0 0 0 5vw;
  clear: both;
  background: no-repeat url("../images/special/kv_03.png");
  background-size: contain;
  width: 100vw;
  height: 35vw;
}
.second_keyvisual_catch {
  display: flex;
  justify-content: center;
  align-items: center;
}
.second_keyvisual_catch img {
  position: absolute;
}
.second_keyvisual_catch .first {
  text-align: center;
  top: 13vw;
  width: 55vw;
}
.second_keyvisual_catch .second {
  text-align: center;
  top: 20vw;
  width: 55vw;
}
.second_keyvisual_catch p {
  position: absolute;
	color: #fff;
}
.second_keyvisual_catch .first_text {
  text-align: center;
  top: 8.5vw;
	font-size: 1.8vw;
	font-size: max(1.8vw, 15px)!important;
}
.second_keyvisual_catch .next_text{
	top: 12vw;
  border: 1px solid #fff;
	font-size: 1.2vw;
	font-size: max(1.2vw, 14px)!important;
	padding: 0 1vw;
	margin: 0.2vw;
}
.second_keyvisual_catch .second_text {
  top: 16vw;
	font-size: 2vw;
	font-size: max(1.8vw, 16px)!important;
}
.second_keyvisual_catch .second_text span{
  border: 2px solid #fff;
	font-size: 1.65vw;
	font-size: max(1.65vw, 14px)!important;
	padding: 0 1vw;
	line-height: 0;
	margin: 0.2vw;
}

.second_keyvisual_catch .second_text_02 {
  top: 14vw;
	font-size: 2vw;
	font-size: max(1.8vw, 16px)!important;
}
.second_keyvisual_catch .second_text_02 span{
  border: 1px solid #fff;
	font-size: 1.65vw;
	font-size: max(1.65vw, 14px)!important;
	padding: 0 1vw;
	line-height: 0;
	margin: 0.2vw;
}

.second_keyvisual_catch .second_text_03 {
  top: 14vw;
	font-size: 2vw;
	font-size: max(1.8vw, 16px)!important;
}
.second_keyvisual_catch .second_text_03 span{
  border: 1px solid #fff;
	font-size: 1.65vw;
	font-size: max(1.65vw, 14px)!important;
	padding: 0 1vw;
	line-height: 0;
	margin: 0.2vw;
}


.second_keyvisual_catch .third_text {
  text-align: center;
  top: 18vw;
	font-size: 4vw;
}


@media screen and (max-width: 767px) {
  .second_keyvisual {
    margin: 10vw 0 0 10vw;
    clear: both;
    background: no-repeat url("../images/special/kv_01_sp.png");
    background-size: contain;
    width: 105vw;
    height: 150vw;
  }
	.second_keyvisual_02 {
    margin: 10vw 0 0 10vw;
    clear: both;
    background: no-repeat url("../images/special/kv_02_sp.png");
    background-size: contain;
    width: 105vw;
    height: 150vw;
  }
	.second_keyvisual_03 {
    margin: 10vw 0 0 10vw;
    clear: both;
    background: no-repeat url("../images/special/kv_03_sp.png");
    background-size: contain;
    width: 105vw;
    height: 150vw;
  }
  .second_keyvisual_catch {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .second_keyvisual_catch img {
    position: absolute;
  }
  .second_keyvisual_catch .first {
    text-align: center;
    top: 35vw;
    width: 75vw;
  }
  .second_keyvisual_catch .second {
    text-align: center;
    top: 50vw;
    width: 75vw;
  }


	.second_keyvisual_catch .first_text {
	  top: 43vw;
		left: 5vw;
		text-align: left;
		font-size: 3.6vw;
		font-size: max(3.6vw, 12px)!important;
		line-height: 2;
	}
	.second_keyvisual_catch .next_text{
		top: 52vw;
		left: 5vw;
	  border: 2px solid #fff;
		font-size: 2.8vw;
		font-size: max(2.8vw, 12px)!important;
		padding: 0 1vw;
		line-height: 0;
		margin: 0.2vw;

		line-height: 2;
	}
	.second_keyvisual_catch .second_text {
	  top: 63vw;
		left: 5vw;
		display: flex;
	  justify-content: center;
	  align-items: center;
		font-size: 2.8vw;
		font-size: max(2.8vw, 12px)!important;
		line-height: 2;
		flex-direction: column;
	}
	.second_keyvisual_catch .second_text span{
	  border: 2px solid #fff;
		font-size: 2.8vw;
		font-size: max(2.8vw, 12px)!important;
		padding: 0 1vw;
		line-height: 0;
		margin: 0.2vw;
		line-height: 2;
	}
	.second_keyvisual_catch .second_text_02 {
	  top: 51vw;
		left: 5vw;
		display: flex;
	  justify-content: center;
	  align-items: center;
		font-size: 2.8vw;
		font-size: max(2.8vw, 12px)!important;
		line-height: 2;
		flex-direction: column;
	}
	.second_keyvisual_catch .second_text_02 span{
	  border: 2px solid #fff;
		font-size: 2.8vw;
		font-size: max(2.8vw, 12px)!important;
		padding: 0 1vw;
		line-height: 0;
		margin: 0.2vw;
		line-height: 2;
	}
	.second_keyvisual_catch .second_text_03 {
	  top: 51vw;
		left: 5vw;
		display: flex;
	  justify-content: center;
	  align-items: center;
		font-size: 2.8vw;
		font-size: max(2.8vw, 12px)!important;
		line-height: 2;
		flex-direction: column;
	}
	.second_keyvisual_catch .second_text_03 span{
	  border: 2px solid #fff;
		font-size: 2.8vw;
		font-size: max(2.8vw, 12px)!important;
		padding: 0 1vw;
		line-height: 0;
		margin: 0.2vw;
		line-height: 2;
	}

	.second_keyvisual_catch .third_text {
	  top: 78vw;
		left: 5vw;
		text-align: left;
		font-size: 8vw;
		font-size: max(8vw, 16px)!important;
		line-height: 1.3;
	}
	.second_keyvisual_catch .third_text_02 {
	  top: 65vw;
		left: 5vw;
		text-align: left;
		font-size: 8vw;
		font-size: max(8vw, 16px)!important;
		line-height: 1.3;
	}
	.second_keyvisual_catch .third_text_03 {
	  top: 65vw;
		left: 5vw;
		text-align: left;
		font-size: 8vw;
		font-size: max(8vw, 16px)!important;
		line-height: 1.3;
	}



}
/*
.second_keyvisual {
	opacity: 1;
	animation: clipText 1s cubic-bezier(0.8, 0, 0.3, 1) forwards .4s;
}
@keyframes clipText {
	0% {
		clip-path: inset(0 100% 0 0);
	}
	100% {
		clip-path: inset(0);
	}
}
*/

.container.midsize{
  width: 80vw;
}
.special_full{
  padding: 0!important;
}
.special_lead_full{
  padding: 0!important;
	display: flex;
  justify-content: center;
  align-items: center;
}

.special_lead_text {
  padding: 2.5vw 0;
	width: 90vw;
}
.special_lead_text p {
  font-size: 1.1vw;
font-size: max(1.1vw, 15px)!important;
  line-height: 2.4;
}

@media screen and (max-width: 767px) {
	.special_lead_full{
		text-align: left;
	}

  .special_lead_text {
    padding: 0 0 5vw;
		margin-top: -15vw;
		width: 90vw;
  }
  .special_lead_text p {
    font-size: 3vw;
    line-height: 2.5;
    text-align: left;
  }
}


.special_staff_area {
	display: flex;
	flex-direction: column;
}
.special_staff_area img {
	display: flex;
  width: 25vw;
}

.special_staff_area_small {
	display: flex;
	flex-direction: column;
}
.special_staff_area_small img {
	display: flex;
  width: 17.5vw;
}


.special_staff_division {
  font-size: 0.9vw;
	font-size: max(0.9vw, 12px);
  margin-bottom: 0.8vw;
}
.special_staff_name {
  margin-left: 2.5vw;
  font-size: 0.8vw;
	font-size: max(0.8vw, 13px);
  margin-top: -3vw;
  background: #fff;
  padding: 2vw;
  margin-right: -8vw;
  z-index: 999;
  position: relative;
}
.special_staff_name span {
  font-size: 1.2vw;
	font-size: max(1.2vw, 16px);
}
.special_staff_annotation{
	font-size: max(0.8vw, 13px);
	text-align: right;
	margin-top: 1vw;
}
.special_staff_annotation_xsmall{
	font-size: max(0.75vw, 11px)!important;
	text-align: right;
	margin-top: 1vw;
}

@media screen and (max-width: 767px) {
    .special_staff_area {
      position: relative;
      left: -3vw;
  }
    .special_staff_area img{
      width: 80vw;
  }
	.special_staff_area_small {
		position: relative;
		left: -3vw;
}
	.special_staff_area_small img{
		width: 80vw;
}
  .special_staff_division {
    font-size: 2.9vw;
		font-size: max(2.9vw, 14px)!important;
    margin-bottom: 0.8vw;
  }
  .special_staff_name {
    margin-left: 20vw;
    font-size: 3.6vw;
		font-size: max(3.6vw, 15px)!important;
    margin-top: -5vw;
    background: #fff;
    padding: 3vw;
    margin-right: -6vw;
    z-index: 999;
    position: relative;
    width: 60vw;
  }
}

.special_contents_index{
  font-size: 2vw;
	font-size: max(2vw, 18px)!important;
  border-bottom: 2px solid #000;
  margin-right: -30vw;
  margin-bottom: 2.5vw
}
.special_contents_ttl{
  font-size: 1.25vw;
	font-size: max(1.20vw, 14px)!important;
  position: relative;
  left: 2vw;
  margin-bottom: 1vw
}
.special_contents_ttl span{
  padding-right: 2.5vw;
  margin-right: 2.5vw;
  border-right: 1px solid #000;
}
.special_contents_ttl::before{
  content: "　";
  display: inline-block;
  position: absolute;
  background: no-repeat url("../images/special/bg_arrow_right.png");
  background-position: left center;
  background-size: 8px 10px;
  left: -1em;
  top: 0%;
}
.special_contents_ttl:hover{
  opacity: 0.5!important;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

b {
	font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 767px) {
  .special_contents_index{
    font-size: 6vw;
    border-bottom: 2px solid #000;
    margin-right: -15vw;
    margin-bottom: 2.5vw;
		margin-left: -6vw;
  }
  .special_contents_ttl{
    font-size: 4.2vw;
    position: relative;
    left: -2vw;
    margin-bottom: 1vw
  }
  .special_contents_ttl span{
    display: block;
    padding-right: 2.5vw;
    margin-right: 2.5vw;
    border-right: none;
  }
  .special_contents_ttl::before{
    content: "　";
    display: inline-block;
    position: absolute;
    background: no-repeat url("../images/special/bg_arrow_right.png");
    background-position: left center;
    background-size: 8px 10px;
    margin-left: 1vw;
    top: 0%;
  }
}



.special_chapter_01 {
background: no-repeat url("../images/special/bg_chapter_01.jpg");
background-size: contain;
background-position: top 0 right 0;
margin: 5vw 0 0 10vw;
}
.special_chapter_02_1 {
background: no-repeat url("../images/special/bg_chapter_02_1.jpg");
background-size: contain;
background-position: top 0 right 0;
margin: 5vw 0 0 10vw;
}
.special_chapter_03_1 {
background: no-repeat url("../images/special/bg_chapter_03_1.jpg");
background-size: contain;
background-position: top 0 right 0;
margin: 5vw 0 0 10vw;
}
.chapter_ttl {
	font-size: 3vw;
	font-size: max(3vw, 18px)!important;
  padding: 10vw 0 0 0;
	position: relative;
	top: 2vw;
}
.chapter_catch {
  font-size: 1.6vw;
	font-size: max(1.6vw, 17px)!important;
}
.special_box_textarea {
  background: #fff;
  padding: 2.5vw 2.5vw 5vw 0;
  margin: 5vw 0 0 0;
  width: 47vw;
  position: relative;
  z-index: 999!important;
}
.special_box_textarea .main_text p {
  font-size: 1.1vw;
	font-size: max(1.1vw, 15px)!important;
	line-height: 2.8;
}
.special_box_textarea .main_img_01 {
  position: relative;
}
.special_box_textarea .main_img_01 img{
  position: absolute;
  right: 0;
  bottom: 8vw;
  left: 55vw;
  width: 37.5vw;
}

@media screen and (max-width: 767px) {
  .chapter_ttl {
    font-size: 5.8vw;
    padding: 0;
		margin-bottom: 20vw
  }
  .chapter_catch {
    font-size: 4vw;
		font-size: max(4vw, 17px)!important;
		padding-top: 0;
  }
  .special_box_textarea {
    width: 85vw;
  }
  .special_box_textarea .main_text p {
    font-size: 3vw;
		line-height: 2.4;
  }
  .special_box_textarea .main_img_01 img{
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80vw;
  }
}


.special_chapter_02 {
margin: 5vw 0 0 10vw;
float: right;
position: relative;
text-align: right;
}
.special_chapter_02_two {
margin: 5vw 0 0 10vw;
float: right;
position: relative;
text-align: right;
}
.special_chapter_02_three {
margin: 5vw 0 0 10vw;
float: right;
position: relative;
text-align: right;
}


.chapter_ttl_02 {
  font-size: 3vw;
	font-size: max(3vw, 18px)!important;
  padding: 10vw 5vw 0 0;
	position: relative;
	top: 2vw;
}
.chapter_catch_02 {
  font-size: 1.6vw;
	padding-left: 2.5vw;
	text-align: left;
}
.special_box_textarea .main_img_02 {
  position: relative;
  margin-bottom: 30vw;
}
.special_box_textarea .main_img_02 img{
  position: absolute;
  right: 0;
  top: -2.5vw;
  left: -45vw;
  width: 60vw;
  z-index: -1;
}
.over_text_02{
  position: relative;
	text-align: left;
  background: #fff;
  padding: 0 2.5vw 2.5vw 2.5vw;
  margin: 0 -2.5vw -2.5vw 0vw;
}

.special_02_bg{
background: no-repeat url("../images/special/bg_chapter_02.jpg");
background-size: contain;
background-position: top 0 left 0;
background-size: 90vw;
margin-bottom: -5vw
}
.special_02_2bg{
background: no-repeat url("../images/special/bg_chapter_02_2.jpg");
background-size: contain;
background-position: top 0 left 0;
background-size: 90vw;
margin-bottom: -5vw
}
@media screen and (max-width: 767px) {
	.special_02_2bg{
		background-size: 0;
	}
}
.special_03_2bg{
background: no-repeat url("../images/special/bg_chapter_03_2.jpg");
background-size: contain;
background-position: top 0 left 0;
background-size: 90vw;
margin-bottom: -5vw
}
	@media screen and (max-width: 767px) {
		.special_03_2bg{
			background-size: 0;
	}
}
.special_chapter_03 {
background: no-repeat url("../images/special/bg_chapter_03.jpg");
background-size: contain;
background-position: top 0 right -20vw;
position: relative;
top: 2vw;
margin: 5vw 0 5vw 10vw;
padding-bottom: 1vw;
}
.special_chapter_02_3 {
background: no-repeat url("../images/special/bg_chapter_02_3.jpg");
background-size: contain;
background-position: top 0 right -20vw;
position: relative;
top: 2vw;
margin: 5vw 0 5vw 10vw;
padding-bottom: 1vw;
}
.special_chapter_03_3 {
background: no-repeat url("../images/special/bg_chapter_03_3.jpg");
background-size: contain;
background-position: top 0 right -20vw;
position: relative;
top: 2vw;
margin: 5vw 0 5vw 10vw;
padding-bottom: 1vw;
}
.special_box_textarea .main_img_03 {
  position: relative;
  margin-bottom: 30vw;
}
.special_box_textarea .main_img_03 img{
  position: absolute;
  right: 0;
  top: -1vw;
  left: -10vw;
  width: 100vw;
  z-index: -1;
}
.over_text_03{
  position: relative;
  background: #fff;
  padding: 0 2.5vw .5vw 2.5vw;
  margin: 0 -2.5vw -2.5vw -2.5vw;
}
.talk_about h3 {
	font-size: 2.4vw;
}

.special_text_indent {
	text-indent: -1em;
	padding-left:  1em;
	display: inline-block;
}


@media screen and (max-width: 767px) {
  #chapter_02 {
    position: relative;
}
.over_text_02{
  position: relative;
  left: 8vw;
  }
  .chapter_ttl_02 {
		font-size: max(4vw, 20px)!important;
    padding: 20vw 0 0 0;
		margin-bottom: 10vw;
  }
  .chapter_catch_02 {
		font-size: 4vw;
		font-size: max(4vw, 17px)!important;
    text-align: left;
    left: 7vw;
    position: relative;
		background: #fff;
		padding-top: 5vw;
		margin-top: -10vw;
		margin-left: 3px;
		padding-left: 3vw;
  }
  .special_02_bg{
  background: none;
  margin-bottom: -5vw;
  position: relative;
  }
  .special_chapter_02 {
  background: no-repeat url("../images/special/bg_chapter_02.jpg");
  background-size: 80vw;
  background-position: top 0 left -15vw;
  margin: 5vw 0 5vw 5vw;
  padding-bottom: 1vw;
  position: relative;
  left: -15vw;
  }
	.special_chapter_02_two {
  background: no-repeat url("../images/special/bg_chapter_02_2.jpg");
  background-size: 80vw;
  background-position: top 0 left -15vw;
  margin: 5vw 0 5vw 5vw;
  padding-bottom: 1vw;
  position: relative;
  left: -15vw;
  }
	.special_chapter_02_three {
  background: no-repeat url("../images/special/bg_chapter_03_2.jpg");
  background-size: 80vw;
  background-position: top 0 left -15vw;
  margin: 5vw 0 5vw 5vw;
  padding-bottom: 1vw;
  position: relative;
  left: -15vw;
  }




  .special_box_textarea .main_img_02 img{
    position: absolute;
    right: 0;
    top: -2.5vw;
    left: 0;
    width: 80vw;
    z-index: -1;
  }

	.talk_about_height_config_special{
    padding-bottom: 55vw;

  }

}



.fadein_mid {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein_mid.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

/*左からフェードイン*/
.fadeinleft_slow {
  opacity: 0;
  transform : translate(50px, 0px);
  transition : all 2200ms;
}

.fadeinleft_slow.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
/*右からフェードイン*/
.fadeinright_fast {
  opacity: 0;
  transform : translate(-50px, 0px);
  transition : all 2200ms;
}

.fadeinright_fast.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

/*add 20220425*/

.special_box_textarea .main_img_add_right {
  position: relative;
}
.special_box_textarea .main_img_add_right img{
  position: absolute;
  right: 0;
  top: calc(14.1vw + 300px);
  left: 55vw;
  width: 37.5vw;
}
.special_box_textarea .main_img_add_left {
  position: relative;
}
.special_box_textarea .main_img_add_left img{
  position: absolute;
	left: -47.5vw;
  top: calc(14.1vw + 300px);
  width: 37.5vw;
}
.special_box_textarea .pb img{
  padding-bottom: 20px;
}


.special_box_textarea .pc img{
  position: absolute;
	bottom: 2.8vw;
}
.special_box_textarea .pc_r img{
  position: absolute;
	bottom: 2.8vw;
	left: -47.5vw;
}



@media screen and (max-width: 767px) {
  .special_box_textarea .main_img_add_right img{
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80vw;
  }
	.special_box_textarea .main_img_add_left img{
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80vw;
  }
}