@charset "UTF-8";
/*------------------------
    home
------------------------*/
:root {
  --bg_blue:	#005bac;
  --bg_orange:	#e87b21;
  --txt_blue:	#1b467b;
  --txt_black:	#333;
  --txt_orange:	#e67700;
  --txt_light_blue:	#1368b3;
  --txt_deep_blue:	#002258;
}

html {
  overflow-x: hidden;
  overflow-y: hidden;
}
html.start {
  overflow-y: scroll;
}

body {
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.start {
  overflow-y: scroll;
}

.is_pc {
  display: block;
}

.is_sp {
  display: none;
}

#st_tiles {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1000;
}
#st_tiles .st_tile {
  background-color: var(--bg_blue);
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1000;
}
@-webkit-keyframes anime_st_tile {
  0% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
  }
}
@keyframes anime_st_tile {
  0% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
  }
}

/* debug
#debug_bar
{
	background-color:#ccc;
	width:			100%;
	height: 		1px;
	position:		fixed;
	left:			0;
	bottom:			0;
	z-index:		1000;
	display:		none;

	&::before {
		content:			'';
		background-color:	#ccc;
		color:				#fff;
		font-size:			1rem;
		font-weight:		bold;
		line-height:		1.2;
		text-align: 		left;
		padding:			2px 2px;
	}
	&.tanzaku
	{
//background-color:		#f00;
		bottom:					50%;
		&::before {
			content:				'tanzaku_bar';
//background-color:		#f00;
		}
	}
	&.card
	{
//background-color:		#0f0;
		bottom:					40%;
		&::before {
			content:				'card_bar';
//background-color:		#0f0;
		}
	}
	&.yubinose
	{
//background-color:		#00f;
		bottom:					45%;
		&::before {
			content:				'yubinose_bar';
//background-color:		#00f;
		}
	}
}
*/
#contents {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#contents > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#contents::before {
  content: "";
  background-color: var(--bg_blue);
  width: 100%;
  height: 90px;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
}
#contents::after {
  content: "";
  background-image: url("/inspection/hikaritohikaru/assets/home/img/bg_comic_mask.png"), url("/inspection/hikaritohikaru/assets/home/img/bg_light.png"), url("/inspection/hikaritohikaru/assets/home/img/bg_comic.jpg");
  background-repeat: repeat-x, no-repeat, repeat-y;
  background-position: left bottom, left top, 0px -99.67vw, left top;
  background-size: 100% 312px, 93.6428571429% auto, 100% 99.67vw;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 5;
  -webkit-animation: anime_bg_comic 80s linear infinite;
          animation: anime_bg_comic 80s linear infinite;
}
@-webkit-keyframes anime_bg_comic {
  0% {
    background-position: left bottom, left top, 0px 0px;
  }
  100% {
    background-position: left bottom, left top, 0px -99.67vw;
  }
}
@keyframes anime_bg_comic {
  0% {
    background-position: left bottom, left top, 0px 0px;
  }
  100% {
    background-position: left bottom, left top, 0px -99.67vw;
  }
}

#sp_menu_bg {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 150;
}

/* header
================================================ */
header {
  width: 42.8571428571%;
  position: fixed;
  z-index: 10;
}
header .site_title {
  background-color: var(--bg_blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 0;
}
header .site_title .logo_corp {
  width: 140px;
  margin: 20px 0 10px 38px;
}
header .site_title .logo_corp img {
  width: 100%;
  height: auto;
}
header .site_title .title {
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
  vertical-align: middle;
  margin: 0px 0 0 28px;
  padding: 2px 8px;
}
header .logo_comic {
  width: 241px;
  margin-top: clamp(30px, 46.12vw - 544.64px, 241px);
  margin-left: auto;
  margin-right: auto;
}
header .logo_comic img {
  width: 100%;
  height: auto;
}
header .btn_inq {
  display: none;
  margin-top: 42px;
}
header .btn_inq a {
  border: 5px solid var(--bg_blue);
  border-radius: 100vmax;
  background-color: #fff;
  background-image: url("/inspection/hikaritohikaru/assets/home/img/icon_arrow_inq.png");
  background-repeat: no-repeat;
  background-position: center bottom 12px;
  background-size: 30px auto;
  width: 153px;
  height: 153px;
  color: var(--bg_blue);
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  padding-top: 42px;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}
header .btn_inq a:hover {
  opacity: 0.8;
}

/* main_wrapper
================================================ */
.main_wrapper {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 63px 7px rgba(0, 50, 75, 0.52);
          box-shadow: 0px 0px 63px 7px rgba(0, 50, 75, 0.52);
  width: 375px;
  min-width: 375px;
  position: relative;
  z-index: 100;
  margin: 0;
  padding: 0;
  min-height: 100%;
  overflow-x: hidden;
  margin-left: 42.8571428571%;
}
.main_wrapper.no_scroll {
  overflow-y: hidden;
}
.main_wrapper main {
  padding: 0;
}
.main_wrapper .sec_mv {
  width: 100%;
  position: relative;
}
.main_wrapper .sec_mv .visual {
  width: 100%;
}
.main_wrapper .sec_mv .visual img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_mv .tt {
  color: var(--txt_blue);
  font-size: 3.2rem;
  font-style: italic;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: -180px;
  margin-left: 10px;
  padding-bottom: 32px;
}
.main_wrapper .sec_mv .tt .fs_m {
  font-size: 3.4rem;
}
.main_wrapper .sec_mv .tt .fs_l {
  font-size: 4rem;
}
.main_wrapper .sec_mv .tt .marker {
  background-image: url("/inspection/hikaritohikaru/assets/home/img/mv_tt_marker.png");
  background-repeat: no-repeat;
  background-position: 0.4em bottom;
  background-size: 90% auto;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
}
.main_wrapper .sec_mv .lead {
  color: var(--txt_blue);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 0px;
  padding-left: 0px;
}
.main_wrapper {
  /* sec_tanzaku
  ================================================ */
}
.main_wrapper .sec_tanzaku {
  position: relative;
  overflow: hidden;
  margin: 36px 0 56px 0;
  padding: 0px 0 38px 0;
}
.main_wrapper .sec_tanzaku .tanzaku_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0 2px;
  position: relative;
  z-index: 20;
}
.main_wrapper .sec_tanzaku .tanzaku_list li {
  width: 19.4666666667%;
  position: relative;
  margin-top: 0px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.main_wrapper .sec_tanzaku .tanzaku_list li img {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  opacity: 0;
}
.main_wrapper .sec_tanzaku .tanzaku_list li:nth-child(even) {
  margin-top: 28px;
}
.main_wrapper .sec_tanzaku .tanzaku_list .tanzaku1 {
  width: 19.7333333333%;
}
.main_wrapper .sec_tanzaku .tanzaku_list .tanzaku5 {
  width: 19.7333333333%;
}
.main_wrapper .sec_tanzaku .bg_box {
  position: absolute;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0;
}
.main_wrapper .sec_tanzaku .bg_box_blue {
  background-color: #213c73;
  width: 85.3333333333%;
  aspect-ratio: 320/250;
  left: 20px;
  top: 31px;
  z-index: 15;
  -webkit-transform: rotate(7.8deg);
          transform: rotate(7.8deg);
}
.main_wrapper .sec_tanzaku .bg_box_brown {
  background-color: #9e8a00;
  width: 89.6%;
  aspect-ratio: 336/262;
  left: 95px;
  top: 12px;
  z-index: 10;
  -webkit-transform: rotate(-7.46deg);
          transform: rotate(-7.46deg);
}
.main_wrapper .sec_tanzaku .bg_box_green {
  background-color: #a9dc3c;
  width: 94.4%;
  aspect-ratio: 354/263;
  left: -48px;
  top: 40px;
  z-index: 5;
  -webkit-transform: rotate(5.66deg);
          transform: rotate(5.66deg);
}
.main_wrapper .sec_tanzaku.anime .tanzaku1 img {
  -webkit-animation: anime_tanzaku_to_right 1s 0.5s cubic-bezier(0.22, 1, 0.36, 1);
          animation: anime_tanzaku_to_right 1s 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_tanzaku.anime .tanzaku2 img {
  -webkit-animation: anime_tanzaku_to_top 1s 0.75s cubic-bezier(0.22, 1, 0.36, 1);
          animation: anime_tanzaku_to_top 1s 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_tanzaku.anime .tanzaku3 img {
  -webkit-animation: anime_tanzaku_to_right 1s 1s cubic-bezier(0.22, 1, 0.36, 1);
          animation: anime_tanzaku_to_right 1s 1s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_tanzaku.anime .tanzaku4 img {
  -webkit-animation: anime_tanzaku_to_bottom 1s 1.25s cubic-bezier(0.22, 1, 0.36, 1);
          animation: anime_tanzaku_to_bottom 1s 1.25s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_tanzaku.anime .tanzaku5 img {
  -webkit-animation: anime_tanzaku_to_left 1s 1.5s cubic-bezier(0.22, 1, 0.36, 1);
          animation: anime_tanzaku_to_left 1s 1.5s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anime_tanzaku_to_top {
  0% {
    top: 100%;
    opacity: 0.5;
  }
  100% {
    top: 0%;
    opacity: 1;
  }
}
@keyframes anime_tanzaku_to_top {
  0% {
    top: 100%;
    opacity: 0.5;
  }
  100% {
    top: 0%;
    opacity: 1;
  }
}
@-webkit-keyframes anime_tanzaku_to_bottom {
  0% {
    top: -100%;
    opacity: 0.5;
  }
  100% {
    top: 0%;
    opacity: 1;
  }
}
@keyframes anime_tanzaku_to_bottom {
  0% {
    top: -100%;
    opacity: 0.5;
  }
  100% {
    top: 0%;
    opacity: 1;
  }
}
@-webkit-keyframes anime_tanzaku_to_left {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 0%;
    opacity: 1;
  }
}
@keyframes anime_tanzaku_to_left {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 0%;
    opacity: 1;
  }
}
@-webkit-keyframes anime_tanzaku_to_right {
  0% {
    left: -100%;
    opacity: 0;
  }
  100% {
    left: 0%;
    opacity: 1;
  }
}
@keyframes anime_tanzaku_to_right {
  0% {
    left: -100%;
    opacity: 0;
  }
  100% {
    left: 0%;
    opacity: 1;
  }
}
.main_wrapper .sec_tanzaku.anime .bg_box_blue {
  -webkit-animation: bg_box_blue 2s 0.25s linear forwards;
          animation: bg_box_blue 2s 0.25s linear forwards;
}
.main_wrapper .sec_tanzaku.anime .bg_box_brown {
  -webkit-animation: bg_box_brown 3s linear forwards;
          animation: bg_box_brown 3s linear forwards;
}
.main_wrapper .sec_tanzaku.anime .bg_box_green {
  -webkit-animation: bg_box_green 3s linear forwards;
          animation: bg_box_green 3s linear forwards;
}
@-webkit-keyframes bg_box_blue {
  0% {
    -webkit-transform: rotate(-7.8deg);
            transform: rotate(-7.8deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(7.8deg);
            transform: rotate(7.8deg);
    opacity: 1;
  }
}
@keyframes bg_box_blue {
  0% {
    -webkit-transform: rotate(-7.8deg);
            transform: rotate(-7.8deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(7.8deg);
            transform: rotate(7.8deg);
    opacity: 1;
  }
}
@-webkit-keyframes bg_box_brown {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(-7.46deg);
            transform: rotate(-7.46deg);
    opacity: 1;
  }
}
@keyframes bg_box_brown {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(-7.46deg);
            transform: rotate(-7.46deg);
    opacity: 1;
  }
}
@-webkit-keyframes bg_box_green {
  0% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(5.66deg);
            transform: rotate(5.66deg);
    opacity: 1;
  }
}
@keyframes bg_box_green {
  0% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(5.66deg);
            transform: rotate(5.66deg);
    opacity: 1;
  }
}
.main_wrapper {
  /* sec_task
  ================================================ */
}
.main_wrapper .sec_task {
  background-image: url("/inspection/hikaritohikaru/assets/home/img/txt_01_task.png");
  background-repeat: no-repeat;
  background-position: right -2px top;
  background-size: 13.1578947368%;
  position: relative;
  z-index: 5;
}
.main_wrapper .sec_task .tt {
  color: var(--txt_blue);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  letter-spacing: -0.02em;
  padding-bottom: 20px;
}
.main_wrapper .sec_task .tt .marker {
  background-color: var(--txt_blue);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  display: block;
  letter-spacing: 0.1em;
  margin: 0 auto;
  padding: 1px 12px 3px 12px;
}
.main_wrapper .sec_task .tt .fs_s {
  font-size: 2.6rem;
}
.main_wrapper .sec_task .lead {
  color: var(--txt_black);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 24px;
}
.main_wrapper .sec_task .card_list {
  margin-bottom: 86px;
}
.main_wrapper .sec_task .card_list li {
  width: 82.6666666667%;
  position: relative;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  margin: 0 auto 45px auto;
}
.main_wrapper .sec_task .card_list li .card_fb {
  position: relative;
  aspect-ratio: 310/400;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.main_wrapper .sec_task .card_list li .card_fb.flip_back {
  -webkit-animation: flip_back 1s ease-in-out;
          animation: flip_back 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_task .card_list li .card_fb.flip_front {
  -webkit-animation: flip_front 1s ease-in-out;
          animation: flip_front 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_task .card_list li .card_fb .card {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.main_wrapper .sec_task .card_list li .card_fb .card img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_task .card_list li .card_fb .card_back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.main_wrapper .sec_task .card_list li .card_fb .link1, .main_wrapper .sec_task .card_list li .card_fb .link2 {
  background-color: rgba(255, 255, 255, 0);
  width: 84.35%;
  height: 10.87%;
  display: block;
  position: absolute;
  left: 6.94%;
  top: 83%;
  z-index: 20;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.main_wrapper .sec_task .card_list li .card_fb .link1:hover, .main_wrapper .sec_task .card_list li .card_fb .link2:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.main_wrapper .sec_task .card_list li .card_fb .link2 {
  top: 84.7%;
}
.main_wrapper .sec_task .card_list li.card1 .card_fb.anime_first {
  -webkit-animation: anime_gaku 4s linear(0, 0.223 11.7%, 0.392 18.4%, 0.619 24.8%, 0.999 33.3%, 0.748 40%, 0.691 42.7%, 0.672 45.3%, 0.69 47.8%, 0.743 50.4%, 0.999 57.7%, 0.883 61.8%, 0.856 63.6%, 0.848 65.3%, 0.855 67%, 0.879 68.8%, 0.999 74.5%, 0.953 77.5%, 0.94 80.2%, 0.95 82.7%, 1 88.2%, 0.987 91.9%, 1);
          animation: anime_gaku 4s linear(0, 0.223 11.7%, 0.392 18.4%, 0.619 24.8%, 0.999 33.3%, 0.748 40%, 0.691 42.7%, 0.672 45.3%, 0.69 47.8%, 0.743 50.4%, 0.999 57.7%, 0.883 61.8%, 0.856 63.6%, 0.848 65.3%, 0.855 67%, 0.879 68.8%, 0.999 74.5%, 0.953 77.5%, 0.94 80.2%, 0.95 82.7%, 1 88.2%, 0.987 91.9%, 1);
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_task .card_list li.card2 .card_fb.anime_first {
  -webkit-animation: anime_wooo 4s linear(0, 0.015 0.5%, 0.056 1%, 0.208 2%, 1.008 5.4%, 1.259 6.7%, 1.407 7.9%, 1.447 8.5%, 1.466 9.1%, 1.465 9.6%, 1.451 10.1%, 1.38 11.2%, 0.998 14.7%, 0.873 16.1%, 0.811 17.2%, 0.783 18.4%, 0.789 19.4%, 0.822 20.5%, 1.005 24.1%, 1.059 25.4%, 1.09 26.6%, 1.101 27.7%, 1.099 28.7%, 1.084 29.8%, 0.973 34.7%, 0.953 37%, 0.958 38.8%, 1.009 43.6%, 1.022 46.3%, 0.99 55.6%, 1.005 64.8%, 0.998 74.1%, 1);
          animation: anime_wooo 4s linear(0, 0.015 0.5%, 0.056 1%, 0.208 2%, 1.008 5.4%, 1.259 6.7%, 1.407 7.9%, 1.447 8.5%, 1.466 9.1%, 1.465 9.6%, 1.451 10.1%, 1.38 11.2%, 0.998 14.7%, 0.873 16.1%, 0.811 17.2%, 0.783 18.4%, 0.789 19.4%, 0.822 20.5%, 1.005 24.1%, 1.059 25.4%, 1.09 26.6%, 1.101 27.7%, 1.099 28.7%, 1.084 29.8%, 0.973 34.7%, 0.953 37%, 0.958 38.8%, 1.009 43.6%, 1.022 46.3%, 0.99 55.6%, 1.005 64.8%, 0.998 74.1%, 1);
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes flip_back {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}
@keyframes flip_back {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}
@-webkit-keyframes flip_front {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }
}
@keyframes flip_front {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }
}
@-webkit-keyframes anime_gaku {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes anime_gaku {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes anime_wooo {
  0% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes anime_wooo {
  0% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.main_wrapper .sec_task .card_list li .btn_card {
  position: absolute;
  right: -1px;
  bottom: -12px;
  z-index: 20;
}
.main_wrapper .sec_task .card_list li .btn_card .btn {
  border: 4px solid var(--txt_light_blue);
  border-radius: 100vmax;
  background-color: #fff;
  color: var(--txt_light_blue);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 2px 38px 2px 12px;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  margin: 0 0 0 auto;
}
.main_wrapper .sec_task .card_list li .btn_card .btn:hover {
  opacity: 0.8;
}
.main_wrapper .sec_task .card_list li .btn_card .btn::after {
  content: "＋";
  border: 4px solid #fff;
  border-radius: 100vmax;
  background-color: var(--txt_light_blue);
  width: 42px;
  height: 42px;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 800;
  text-align: center;
  display: inline-block;
  aspect-ratio: 1/1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  right: -4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-bottom: 0px;
  padding-left: 0px;
}
.main_wrapper {
  /* sec_know
  ================================================ */
}
.main_wrapper .sec_know {
  position: relative;
  z-index: 1;
  clip-path: polygon(0 0, 100% 145px, 100% 100%, 0% calc(100% - 145px));
  margin-top: -145px;
  padding: 145px 0 145px 0;
}
.main_wrapper .sec_know::before {
  content: "";
  background-color: #f0e7c6;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  display: block;
  clip-path: polygon(0 0, 100% 145px, 100% calc(100% - 100.05px), 0% calc(100% - 246.5px));
}
.main_wrapper .sec_know .comic_obis .comic_obi_l {
  background-image: url("/inspection/hikaritohikaru/assets/home/img/comic_obi.jpg");
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-size: auto 100%;
  width: 300%;
  height: auto;
  aspect-ratio: 2289/196;
  position: absolute;
  left: 0px;
  bottom: 256px;
  z-index: 10;
  display: block;
  -webkit-transform: translateX(-25%) rotate(21.8deg);
          transform: translateX(-25%) rotate(21.8deg);
  -webkit-animation: anime_comic_obi_l 160s linear infinite;
          animation: anime_comic_obi_l 160s linear infinite;
}
.main_wrapper .sec_know .comic_obis .comic_obi_l::after {
  content: "";
  background-color: #f0e7c6;
  width: 100%;
  height: auto;
  aspect-ratio: 2289/196;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 12;
  display: block;
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
}
.main_wrapper .sec_know .comic_obis .comic_obi_r {
  background-image: url("/inspection/hikaritohikaru/assets/home/img/comic_obi.jpg");
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-size: auto 100%;
  width: 300%;
  height: auto;
  aspect-ratio: 2289/196;
  position: absolute;
  left: 0px;
  bottom: 256px;
  z-index: 20;
  display: block;
  -webkit-transform: translate(-25%, 114%) rotate(21.8deg);
          transform: translate(-25%, 114%) rotate(21.8deg);
  -webkit-animation: anime_comic_obi_r 200s linear infinite;
          animation: anime_comic_obi_r 200s linear infinite;
}
.main_wrapper .sec_know .comic_obis .comic_obi_r::after {
  content: "";
  background-color: #f0e7c6;
  width: 100%;
  height: auto;
  aspect-ratio: 2289/196;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 12;
  display: block;
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
.main_wrapper .sec_know .comic_obis.anime_appear_comic_obis .comic_obi_l::after {
  -webkit-animation: anime_appear_comic_obi_l 0.4s cubic-bezier(0.22, 1, 0.36, 1);
          animation: anime_appear_comic_obi_l 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_know .comic_obis.anime_appear_comic_obis .comic_obi_r::after {
  -webkit-animation: anime_appear_comic_obi_r 1.2s 0.6s cubic-bezier(0.22, 1, 0.36, 1);
          animation: anime_appear_comic_obi_r 1.2s 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anime_appear_comic_obi_l {
  0% {
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
  }
  100% {
    -webkit-transform: translateX(-80%);
            transform: translateX(-80%);
  }
}
@keyframes anime_appear_comic_obi_l {
  0% {
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
  }
  100% {
    -webkit-transform: translateX(-80%);
            transform: translateX(-80%);
  }
}
@-webkit-keyframes anime_appear_comic_obi_r {
  0% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
  100% {
    -webkit-transform: translateX(70%);
            transform: translateX(70%);
  }
}
@keyframes anime_appear_comic_obi_r {
  0% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
  100% {
    -webkit-transform: translateX(70%);
            transform: translateX(70%);
  }
}
@-webkit-keyframes anime_comic_obi_l {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -2289px 0px;
  }
}
@keyframes anime_comic_obi_l {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -2289px 0px;
  }
}
@-webkit-keyframes anime_comic_obi_r {
  0% {
    background-position: -1144.5px 0px;
  }
  100% {
    background-position: 1144.5px 0px;
  }
}
@keyframes anime_comic_obi_r {
  0% {
    background-position: -1144.5px 0px;
  }
  100% {
    background-position: 1144.5px 0px;
  }
}
.main_wrapper .sec_know .no_tt {
  width: 11.4666666667%;
  height: auto;
  position: absolute;
  left: -2px;
  top: 76px;
  z-index: 1;
  display: block;
}
.main_wrapper .sec_know .no_tt img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_know .tt {
  color: var(--txt_blue);
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  letter-spacing: -0.02em;
  padding-bottom: 20px;
}
.main_wrapper .sec_know .tt .marker {
  background-color: var(--txt_blue);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  display: block;
  letter-spacing: 0.1em;
  margin: 0 auto;
  padding: 1px 12px 3px 12px;
}
.main_wrapper .sec_know .tt .fs_s {
  font-size: 2.6rem;
}
.main_wrapper .sec_know .one_min_slider {
  margin-bottom: 42px;
}
.main_wrapper .sec_know .one_min_slider .one_min_slider_prev,
.main_wrapper .sec_know .one_min_slider .one_min_slider_next {
  top: 38%;
}
.main_wrapper .sec_know .one_min_slider .one_min_slide {
  display: block;
}
.main_wrapper .sec_know .one_min_slider .one_min_slide figure {
  border: 2px solid var(--txt_blue);
  border-top: 4px solid var(--txt_blue);
  border-bottom: 4px solid var(--txt_blue);
  background-color: #fff;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px 14px;
}
.main_wrapper .sec_know .one_min_slider .one_min_slide figure img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_know .one_min_slider .one_min_slide .cap {
  color: var(--txt_black);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  padding: 4px 12px 0px 12px;
}
.main_wrapper .sec_know .one_min_slider .one_min_slide.swiper-slide-active figure::before {
  content: "";
  border-top: 10px solid var(--txt_blue);
  border-left: 10px solid var(--txt_blue);
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  -webkit-transition: left 0.2s, top 0.2s;
  transition: left 0.2s, top 0.2s;
}
.main_wrapper .sec_know .one_min_slider .one_min_slide.swiper-slide-active figure::after {
  content: "";
  border-bottom: 10px solid var(--txt_blue);
  border-right: 10px solid var(--txt_blue);
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  -webkit-transition: right 0.2s, bottom 0.2s;
  transition: right 0.2s, bottom 0.2s;
}
.main_wrapper .sec_know .one_min_slider .one_min_slide.js-modal-video figure img {
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.main_wrapper .sec_know .one_min_slider .one_min_slide.js-modal-video:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.main_wrapper .sec_know .one_min_slider .one_min_slide.js-modal-video:hover figure::before {
  left: 5px;
  top: 5px;
}
.main_wrapper .sec_know .one_min_slider .one_min_slide.js-modal-video:hover figure::after {
  right: 5px;
  bottom: 5px;
}
.main_wrapper .sec_know .char_yubinose {
  width: 90.1333333333%;
  position: relative;
  left: 100%;
  z-index: 30;
}
.main_wrapper .sec_know .char_yubinose img {
  width: 100%;
  height: auto;
  position: relative;
  left: 6.4%;
  top: 0px;
}
.main_wrapper .sec_know .char_yubinose::after {
  content: "";
  background-image: url("/inspection/hikaritohikaru/assets/home/img/char_yubinose_shadow.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 6.4%;
  top: -3.2%;
  z-index: -1;
}
.main_wrapper .sec_know .char_yubinose.anime_char_yubinose {
  -webkit-animation: anime_char_yubinose 0.2s 1.2s cubic-bezier(0.5, 0, 0.75, 0);
          animation: anime_char_yubinose 0.2s 1.2s cubic-bezier(0.5, 0, 0.75, 0);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_know .char_yubinose.anime_char_yubinose img {
  -webkit-animation: anime_char_yubinose_img 4s 0.15s linear;
          animation: anime_char_yubinose_img 4s 0.15s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_know .char_yubinose.anime_char_yubinose::after {
  -webkit-animation: anime_char_yubinose_shadow 4s 0.15s linear;
          animation: anime_char_yubinose_shadow 4s 0.15s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anime_char_yubinose {
  0% {
    left: 100%;
  }
  100% {
    left: 0%;
  }
}
@keyframes anime_char_yubinose {
  0% {
    left: 100%;
  }
  100% {
    left: 0%;
  }
}
@-webkit-keyframes anime_char_yubinose_img {
  0% {
    left: 6.4%;
    top: 0px;
  }
  100% {
    left: 0px;
    top: 0px;
  }
}
@keyframes anime_char_yubinose_img {
  0% {
    left: 6.4%;
    top: 0px;
  }
  100% {
    left: 0px;
    top: 0px;
  }
}
@-webkit-keyframes anime_char_yubinose_shadow {
  0% {
    left: 6.4%;
    top: -3.2%;
  }
  100% {
    left: 3.2%;
    top: 0px;
  }
}
@keyframes anime_char_yubinose_shadow {
  0% {
    left: 6.4%;
    top: -3.2%;
  }
  100% {
    left: 3.2%;
    top: 0px;
  }
}
.main_wrapper {
  /* sec_case
  ================================================ */
}
.main_wrapper .sec_case {
  background-image: linear-gradient(to bottom, transparent 0%, transparent 192px, #4297e1 192px, #4297e1 100%);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  overflow: visible;
  position: relative;
  z-index: 5;
  margin-top: -285px;
  padding: 36% 0 0 0;
}
.main_wrapper .sec_case::after {
  content: "";
  background-color: #4297e1;
  width: 100%;
  height: 195px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  display: block;
  clip-path: polygon(-1px 145px, 100% 0px, 100% 100%, -1px 100%);
}
.main_wrapper .sec_case .no_tt {
  width: 11.4666666667%;
  height: auto;
  position: absolute;
  right: -2px;
  top: 26px;
  z-index: 10;
  display: block;
}
.main_wrapper .sec_case .no_tt img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_case .tt .marker {
  background-color: var(--txt_blue);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  display: block;
  letter-spacing: 0.1em;
  margin: 0 auto 6px auto;
  padding: 1px 12px 3px 12px;
}
.main_wrapper .sec_case .lead {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 6.4%;
}
.main_wrapper .sec_case .char_sd_hikari {
  width: 20%;
  position: absolute;
  right: 5.3333333333%;
  top: 12px;
  z-index: 10;
  opacity: 1;
}
.main_wrapper .sec_case .char_sd_hikari img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_case .char_sd_hikari::after {
  content: "";
  border-radius: 50%;
  background-color: #3182c8;
  width: 84%;
  aspect-ratio: 63/20;
  position: absolute;
  left: 13%;
  bottom: -5px;
  z-index: -1;
}
.main_wrapper .sec_case .char_sd_hikari.anime_char_sd_hikari {
  opacity: 1;
  -webkit-animation: anime_char_sd_hikari_x 0.5s ease-in-out;
          animation: anime_char_sd_hikari_x 0.5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_case .char_sd_hikari.anime_char_sd_hikari img {
  -webkit-animation: anime_char_sd_hikari_img_y 0.5s ease-in-out;
          animation: anime_char_sd_hikari_img_y 0.5s ease-in-out; /* 垂直移動: 放物線 */
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_case .char_sd_hikari.anime_char_sd_hikari::after {
  -webkit-animation: anime_char_sd_hikari_shadow 0.5s ease-in-out;
          animation: anime_char_sd_hikari_shadow 0.5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_case {
  /* 水平方向の動き (左から右へ一定速度) */
}
@-webkit-keyframes anime_char_sd_hikari_x {
  0% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
  50% {
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
  } /* 移動距離 */
  70% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  } /* 移動距離 */
}
@keyframes anime_char_sd_hikari_x {
  0% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
  50% {
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
  } /* 移動距離 */
  70% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  } /* 移動距離 */
}
.main_wrapper .sec_case {
  /* 垂直方向の動き (上に飛んで下に落ちる) */
}
@-webkit-keyframes anime_char_sd_hikari_img_y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  45% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  } /* 最高到達点 */
  55% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  } /* 最高到達点 */
  70% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(0%) scaleY(100%);
            transform: translateY(0%) scaleY(100%);
  }
  90% {
    -webkit-transform: translateY(0%) scaleY(90%);
            transform: translateY(0%) scaleY(90%);
  }
  100% {
    -webkit-transform: translateY(0%) scaleY(100%);
            transform: translateY(0%) scaleY(100%);
  }
}
@keyframes anime_char_sd_hikari_img_y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  45% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  } /* 最高到達点 */
  55% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  } /* 最高到達点 */
  70% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(0%) scaleY(100%);
            transform: translateY(0%) scaleY(100%);
  }
  90% {
    -webkit-transform: translateY(0%) scaleY(90%);
            transform: translateY(0%) scaleY(90%);
  }
  100% {
    -webkit-transform: translateY(0%) scaleY(100%);
            transform: translateY(0%) scaleY(100%);
  }
}
@-webkit-keyframes anime_char_sd_hikari_shadow {
  0% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(100%);
            transform: scale(100%);
    opacity: 0;
  }
  45% {
    -webkit-transform: scale(30%);
            transform: scale(30%);
  }
  50% {
    -webkit-transform: scale(30%);
            transform: scale(30%);
  }
  55% {
    -webkit-transform: scale(30%);
            transform: scale(30%);
  }
  70% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
  80% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
  90% {
    -webkit-transform: scale(110%);
            transform: scale(110%);
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
    opacity: 0.8;
  }
}
@keyframes anime_char_sd_hikari_shadow {
  0% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(100%);
            transform: scale(100%);
    opacity: 0;
  }
  45% {
    -webkit-transform: scale(30%);
            transform: scale(30%);
  }
  50% {
    -webkit-transform: scale(30%);
            transform: scale(30%);
  }
  55% {
    -webkit-transform: scale(30%);
            transform: scale(30%);
  }
  70% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
  80% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
  90% {
    -webkit-transform: scale(110%);
            transform: scale(110%);
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
    opacity: 0.8;
  }
}
.main_wrapper .sec_case .case_slider {
  position: relative;
  z-index: 30;
  padding-bottom: 48px;
}
.main_wrapper .sec_case .case_slider .case_slide {
  border-radius: 10px;
  background-color: #fff;
  height: auto;
  padding: 4px;
}
.main_wrapper .sec_case .case_slider .case_slide .case_img {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.main_wrapper .sec_case .case_slider .case_slide .case_img img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner {
  padding: 20px 16px 8px 16px;
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .case_tt {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  margin-bottom: 10px;
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .case_ct .case_txt {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  text-align: left;
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .before_after_list {
  margin: 20px 0 0px 0;
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .before_after_list li {
  border-top: 2px dotted #b4b4b4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0 0;
  padding: 7px 0;
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .before_after_list li .icon {
  border-radius: 100vmax;
  width: 44px;
  height: 44px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  aspect-raito: 1/1;
  padding: 0.6em 0 0 0;
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .before_after_list li.before .icon {
  background-color: var(--bg_blue);
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .before_after_list li.after .icon {
  background-color: var(--bg_orange);
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .before_after_list li .prd {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 0 0 6px;
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .before_after_list li .prd .prd_tt {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 0px;
}
.main_wrapper .sec_case .case_slider .case_slide .case_slide_inner .before_after_list li .prd .prd_txt {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
.main_wrapper .sec_case .case_slider .case_slider_ctrl {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0 10px;
  margin-top: 20px;
}
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_prev,
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_next {
  border-radius: 100vmax;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.1);
  width: 34px;
  height: 34px;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_prev:hover,
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_next:hover {
  opacity: 0.5;
}
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_prev:focus,
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_next:focus {
  outline: none;
}
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_prev {
  padding-right: 2px;
}
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_next {
  padding-left: 2px;
}
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_page .current {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  vertical-align: baseline;
}
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_page .total {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  vertical-align: baseline;
}
.main_wrapper .sec_case .case_slider .case_slider_ctrl .case_slider_page .total::before {
  content: "／";
  font-size: 1.8rem;
}
.main_wrapper .sec_case .sec_case_white {
  background-color: #fff;
  background-image: url("/inspection/hikaritohikaru/assets/home/img/bg_case.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
  position: relative;
  padding: 50px 0 92px 0;
}
.main_wrapper .sec_case .sec_case_white::before {
  content: "";
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  opacity: 0.7;
  display: block;
}
.main_wrapper .sec_case .sec_case_white .char_sd_yuki1 {
  background-image: url("/inspection/hikaritohikaru/assets/home/img/char_sd_yuki1.png");
  background-repeat: no-repeat;
  background-position: left 100%;
  background-size: 100% auto;
  width: 212px;
  aspect-ratio: 424/408;
  display: block;
  position: absolute;
  right: -68px;
  top: -65px;
  z-index: 20;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  opacity: 0;
}
.main_wrapper .sec_case .sec_case_white .char_sd_yuki1 img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_case .sec_case_white.anime_sec_case_white .char_sd_yuki1 {
  -webkit-animation: anime_char_sd_yuki1 0.6s ease-out, anime_char_sd_yuki1_off_on 0.4s 0.8s linear;
          animation: anime_char_sd_yuki1 0.6s ease-out, anime_char_sd_yuki1_off_on 0.4s 0.8s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  animation-composition: add;
}
.main_wrapper .sec_case .sec_case_white.anime_sec_case_white::before {
  -webkit-animation: fade_out 0.4s 0.8s linear;
          animation: fade_out 0.4s 0.8s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anime_char_sd_yuki1 {
  0% {
    -webkit-transform: translateX(200%) rotate(40deg);
            transform: translateX(200%) rotate(40deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) rotate(0deg);
            transform: translateX(0%) rotate(0deg);
    opacity: 1;
  }
}
@keyframes anime_char_sd_yuki1 {
  0% {
    -webkit-transform: translateX(200%) rotate(40deg);
            transform: translateX(200%) rotate(40deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) rotate(0deg);
            transform: translateX(0%) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes anime_char_sd_yuki1_off_on {
  0% {
    background-position: -0.5px calc(-100% + 1px);
  }
  100% {
    background-position: -0.5px calc(-100% + 1px);
  }
}
@keyframes anime_char_sd_yuki1_off_on {
  0% {
    background-position: -0.5px calc(-100% + 1px);
  }
  100% {
    background-position: -0.5px calc(-100% + 1px);
  }
}
@-webkit-keyframes fade_out {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
@keyframes fade_out {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
.main_wrapper .sec_case .sec_case_white .no_tt {
  width: 11.4666666667%;
  height: auto;
  position: absolute;
  left: -2px;
  top: 10px;
  z-index: 5;
  display: block;
}
.main_wrapper .sec_case .sec_case_white .no_tt img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_case .sec_case_white .st {
  background-image: url("/inspection/hikaritohikaru/assets/home/img/sec4_tt_deco.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 75.4666666667% auto;
  color: var(--txt_blue);
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 10;
  margin-bottom: 18px;
  padding: 0 0 38px 0;
}
.main_wrapper .sec_case .sec_case_white .ct {
  width: 75.4666666667%;
  margin: 0 auto;
}
.main_wrapper .sec_case .sec_case_white .ct .txt {
  color: #333;
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: left;
}
.main_wrapper .sec_case .sec_case_white .ct .kome_note {
  color: #333;
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: left;
  margin-top: 10px;
}
.main_wrapper .sec_case .sec_case_white .btns {
  width: 69.3333333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px 0;
  margin: 24px auto 0 auto;
}
.main_wrapper .sec_case .sec_case_white .btns li {
  width: 100%;
}
.main_wrapper .sec_case .sec_case_white .btns li.btn {
  width: 100%;
}
.main_wrapper .sec_case .sec_case_white .btns li.btn a {
  border-radius: 100vmax;
  background-repeat: no-repeat;
  background-position: left center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
  padding: 14px 0 14px 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.main_wrapper .sec_case .sec_case_white .btns li.btn a:hover {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(28, 37, 50, 0.32);
          box-shadow: 0px 1px 4px 0px rgba(28, 37, 50, 0.32);
  top: 4px;
}
.main_wrapper .sec_case .sec_case_white .btns li.btn_dl a {
  background-color: var(--bg_blue);
  background-image: url("/inspection/hikaritohikaru/assets/home/img/icon_material.png");
  background-position: 38px center;
  background-size: 22px auto;
  padding-left: 70px;
}
.main_wrapper .sec_case .sec_case_white .btns li.btn_seminar a {
  background-color: #78b000;
  background-image: url("/inspection/hikaritohikaru/assets/home/img/icon_seminar.png");
  background-position: 30px center;
  background-size: 41px auto;
  padding-left: 81px;
}
.main_wrapper .sec_case .sec_case_white .btns li.btn_ask a {
  background-color: var(--bg_orange);
  background-image: url("/inspection/hikaritohikaru/assets/home/img/icon_ask.png");
  background-position: 35px center;
  background-size: 33px auto;
  padding-left: 78px;
}
.main_wrapper .sec_case .sec_case_white .btns li.btn_contact_us a {
  border: 4px solid #fff;
  background-color: var(--bg_orange);
  -webkit-box-shadow: 0px 1px 8px 0px rgba(28, 37, 50, 0.32);
          box-shadow: 0px 1px 8px 0px rgba(28, 37, 50, 0.32);
  text-align: center;
}
.main_wrapper {
  /* sec_reason
  ================================================ */
}
.main_wrapper .sec_reason {
  /*
  background-image:	linear-gradient(
  							to bottom,
  							transparent 0%,
  							transparent 222px,
  							rgb(255,255,255) 222px,
  							rgb(255,255,255) 100%
  						);
  */
  position: relative;
  z-index: 30;
  overflow: hidden;
  margin-top: -52px;
  padding: 92px 0 0 0;
}
.main_wrapper .sec_reason::before {
  content: "";
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgb(255, 255, 255)), color-stop(20%, rgb(194, 216, 235)), color-stop(30%, rgb(133, 177, 215)), color-stop(40%, rgb(76, 140, 197)), color-stop(53%, rgb(19, 103, 178)), color-stop(77%, rgb(0, 91, 172)), to(rgb(0, 91, 172)));
  background-image: linear-gradient(to top, rgb(255, 255, 255) 10%, rgb(194, 216, 235) 20%, rgb(133, 177, 215) 30%, rgb(76, 140, 197) 40%, rgb(19, 103, 178) 53%, rgb(0, 91, 172) 77%, rgb(0, 91, 172) 100%);
  background-repeat: no-repeat;
  background-position: left 0px;
  background-size: 100% auto;
  width: 100%;
  height: 222px;
  clip-path: polygon(0% 0%, 50% 52px, 100% 0%, 100% 100%, 0% 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.main_wrapper .sec_reason .no_tt {
  width: 11.4666666667%;
  height: auto;
  position: absolute;
  left: -2px;
  top: 46px;
  z-index: 5;
  display: block;
}
.main_wrapper .sec_reason .no_tt img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_reason > .tt {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  position: relative;
  z-index: 15;
  margin-bottom: 82px;
}
.main_wrapper .sec_reason > .tt .fs_m {
  font-size: 2.6rem;
  font-weight: 600;
}
.main_wrapper .sec_reason > .tt .marker {
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--txt_blue);
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  display: block;
  letter-spacing: 0.1em;
  margin: 0 auto 6px auto;
  padding: 1px 12px 3px 12px;
}
.main_wrapper .sec_reason .char_sd_hikaru1 {
  width: 67px;
  aspect-ratio: 67/189;
  position: absolute;
  left: 24px;
  top: 0px;
  z-index: 10;
}
.main_wrapper .sec_reason .char_sd_hikaru1 .char_sd_hikaru1_inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}
.main_wrapper .sec_reason .char_sd_hikaru1 .char_sd_hikaru1_inner .char_sd_hikaru1_fb {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: relative;
  -webkit-transform: translateY(110%);
          transform: translateY(110%);
}
.main_wrapper .sec_reason .char_sd_hikaru1 .char_sd_hikaru1_inner .char_sd_hikaru1_fb .char_sd_hikaru1_face {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 5;
}
.main_wrapper .sec_reason .char_sd_hikaru1 .char_sd_hikaru1_inner .char_sd_hikaru1_fb .char_sd_hikaru1_body {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 10;
  margin-top: -6px;
}
.main_wrapper .sec_reason .char_sd_hikaru1 .char_sd_hikaru1_inner .char_sd_hikaru1_fb img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_reason .char_sd_hikaru1::after {
  content: "";
  border-radius: 50%;
  background-color: #3182c8;
  width: 94.0298507463%;
  aspect-ratio: 63/20;
  position: absolute;
  left: 7%;
  bottom: -10px;
  z-index: -1;
  opacity: 0.35;
}
.main_wrapper .sec_reason .char_sd_hikaru1.anime_char_sd_hikaru1::after {
  -webkit-animation: anime_char_sd_hikaru1_shadow_appear 1s ease-out;
          animation: anime_char_sd_hikaru1_shadow_appear 1s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_reason .char_sd_hikaru1.anime_char_sd_hikaru1 .char_sd_hikaru1_fb {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: anime_char_sd_hikaru1_fb_y 4s 1s ease-out, anime_char_sd_hikaru1_fb_unun 4s 5s ease-in infinite;
          animation: anime_char_sd_hikaru1_fb_y 4s 1s ease-out, anime_char_sd_hikaru1_fb_unun 4s 5s ease-in infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  animation-composition: add;
}
.main_wrapper .sec_reason .char_sd_hikaru1.anime_char_sd_hikaru1 .char_sd_hikaru1_face {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: anime_char_sd_hikaru1_face_unun 2s 5s ease-in infinite;
          animation: anime_char_sd_hikaru1_face_unun 2s 5s ease-in infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  animation-composition: add;
}
@-webkit-keyframes anime_char_sd_hikaru1_shadow_appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0%);
            transform: scale(0%);
  }
  100% {
    opacity: 0.35;
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
}
@keyframes anime_char_sd_hikaru1_shadow_appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0%);
            transform: scale(0%);
  }
  100% {
    opacity: 0.35;
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
}
@-webkit-keyframes anime_char_sd_hikaru1_fb_y {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  70% {
    -webkit-transform: translateY(-110%);
            transform: translateY(-110%);
  }
  75% {
    -webkit-transform: translateY(-111%);
            transform: translateY(-111%);
  }
  77% {
    -webkit-transform: translateY(-110%);
            transform: translateY(-110%);
  }
  100% {
    -webkit-transform: translateY(-110%);
            transform: translateY(-110%);
  }
}
@keyframes anime_char_sd_hikaru1_fb_y {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  70% {
    -webkit-transform: translateY(-110%);
            transform: translateY(-110%);
  }
  75% {
    -webkit-transform: translateY(-111%);
            transform: translateY(-111%);
  }
  77% {
    -webkit-transform: translateY(-110%);
            transform: translateY(-110%);
  }
  100% {
    -webkit-transform: translateY(-110%);
            transform: translateY(-110%);
  }
}
@-webkit-keyframes anime_char_sd_hikaru1_fb_unun {
  0% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
  20% {
    -webkit-transform: scaleY(99%);
            transform: scaleY(99%);
  }
  30% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
  40% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
  50% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
  100% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
}
@keyframes anime_char_sd_hikaru1_fb_unun {
  0% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
  20% {
    -webkit-transform: scaleY(99%);
            transform: scaleY(99%);
  }
  30% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
  40% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
  50% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
  100% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
}
@-webkit-keyframes anime_char_sd_hikaru1_face_unun {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  30% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes anime_char_sd_hikaru1_face_unun {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  30% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.main_wrapper .sec_reason .box_reason {
  background-image: url("/inspection/hikaritohikaru/assets/home/img/bg_grid_gray.png");
  background-repeat: repeat;
  background-position: left top;
  background-size: 32px auto;
  width: 86.6666666667%;
  height: 100%;
  position: relative;
  z-index: 50;
  margin-left: auto;
  margin-bottom: 60px;
  padding: 24px 0 24px 0;
}
.main_wrapper .sec_reason .box_reason .box_tt {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  position: relative;
  z-index: 10;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  left: -18px;
  top: -27px;
  margin: 0;
}
.main_wrapper .sec_reason .box_reason .box_tt .reason {
  border-radius: 100vmax;
  border: 4px solid #1b467b;
  background-color: #4297e1;
  width: 56px;
  height: auto;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  aspect-ratio: 1/1;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 0 0 0;
}
.main_wrapper .sec_reason .box_reason .box_tt .reason::after {
  content: "";
  border-radius: 100vmax;
  border: 4px solid #fff;
  background-color: #fff;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: -1;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.main_wrapper .sec_reason .box_reason .box_tt .reason .no {
  font-size: 1.6rem;
}
.main_wrapper .sec_reason .box_reason .box_tt .tt {
  border-radius: 0 100vmax 100vmax 0;
  border: 4px solid #fff;
  border-left: 0 none;
  background-color: #1b467b;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  position: relative;
  z-index: -1;
  margin: 0 0 0 -10px;
  padding: 4px 15px 6px 15px;
}
.main_wrapper .sec_reason .box_reason .comic {
  width: 324px;
  opacity: 0;
  margin-left: -22px;
  margin-bottom: 16px;
}
.main_wrapper .sec_reason .box_reason .comic img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_reason .box_reason .box_reason_inner {
  padding: 0 28px 0 22px;
}
.main_wrapper .sec_reason .box_reason .box_reason_inner .comic_tt {
  color: var(--txt_blue);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  opacity: 0;
  margin-bottom: 14px;
}
.main_wrapper .sec_reason .box_reason .box_reason_inner .comic_tt .orange {
  color: var(--txt_orange);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}
.main_wrapper .sec_reason .box_reason .box_reason_inner .comic_exp {
  opacity: 0;
}
.main_wrapper .sec_reason .box_reason .box_reason_inner .comic_exp .txt {
  color: var(--txt_black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
  text-align: left;
}
.main_wrapper .sec_reason .box_reason .box_reason_inner .comic_exp a {
  border-bottom: 1px solid #aaa;
  color: #333;
  text-decoration: none;
  display: inline;
  padding: 0 2px 0 2px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.main_wrapper .sec_reason .box_reason .box_reason_inner .comic_exp a:hover {
  border-color: transparent;
  color: #666;
}
.main_wrapper .sec_reason .box_reason:nth-child(odd) {
  margin-left: 0;
  margin-right: auto;
}
.main_wrapper .sec_reason .box_reason:nth-child(odd) .box_tt {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  right: -18px;
}
.main_wrapper .sec_reason .box_reason:nth-child(odd) .box_tt .tt {
  border-radius: 100vmax 0 0 100vmax;
  border-right: 0 none;
  z-index: -1;
  margin: 0 -10px 0 0;
}
.main_wrapper .sec_reason .box_reason:nth-child(odd) .comic {
  margin-left: auto;
  margin-right: -22px;
  margin-bottom: 16px;
}
.main_wrapper .sec_reason .box_reason:nth-child(odd) .box_reason_inner {
  padding: 0 22px 0 28px;
}
.main_wrapper .sec_reason .box_reason.box_reason1 {
  padding-top: 24px;
}
.main_wrapper .sec_reason .box_reason.box_reason1 .comic {
  width: 86.4%;
}
.main_wrapper .sec_reason .box_reason.box_reason2 {
  padding-top: 45px;
}
.main_wrapper .sec_reason .box_reason.box_reason2 .comic {
  width: 84.2666666667%;
}
.main_wrapper .sec_reason .box_reason.box_reason3 {
  padding-top: 36px;
}
.main_wrapper .sec_reason .box_reason.box_reason3 .comic {
  width: 85.8666666667%;
}
.main_wrapper .sec_reason .box_reason.box_reason4 {
  padding-top: 48px;
}
.main_wrapper .sec_reason .box_reason.box_reason4 .comic {
  width: 84.5333333333%;
}
.main_wrapper .sec_reason .box_reason.anime_box_reason .box_tt {
  -webkit-animation: anime_box_reason_box_tt 0.6s 0.6s ease-out;
          animation: anime_box_reason_box_tt 0.6s 0.6s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_reason .box_reason.anime_box_reason {
  /*
  .comic {
  	animation: 
  		anime_box_reason_comic_tol 0.6s 0.6s ease-out;
  	animation-fill-mode:forwards;
  }
  */
}
.main_wrapper .sec_reason .box_reason.anime_box_reason .comic_tt {
  -webkit-animation: anime_box_reason_comic_tt 0.6s 1s ease-out;
          animation: anime_box_reason_comic_tt 0.6s 1s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_reason .box_reason.anime_box_reason .comic_exp {
  -webkit-animation: anime_box_reason_comic_exp 0.6s 1.4s ease-out;
          animation: anime_box_reason_comic_exp 0.6s 1.4s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_reason .box_reason {
  /*
  &:nth-of-type(odd)
  {
  	&.anime_box_reason
  	{
  		.comic {
  			animation: 
  				anime_box_reason_comic_tol 0.6s 0.6s ease-out;
  			animation-fill-mode:forwards;
  		}
  	}
  }
  */
}
.main_wrapper .sec_reason .box_reason:nth-of-type(odd) {
  clip-path: polygon(-25% -30%, 100% 0%, 100% 0%, -25% -30%);
}
.main_wrapper .sec_reason .box_reason:nth-of-type(odd).anime_box_reason {
  -webkit-animation: anime_box_reason_clip_odd 1s ease-in;
          animation: anime_box_reason_clip_odd 1s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_reason .box_reason:nth-of-type(odd).anime_box_reason .comic {
  -webkit-animation: anime_box_reason_comic_tol 0.4s 0.4s ease-out;
          animation: anime_box_reason_comic_tol 0.4s 0.4s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_reason .box_reason:nth-of-type(even) {
  clip-path: polygon(-25% 0%, 125% -30%, 125% -30%, -25% 0%);
}
.main_wrapper .sec_reason .box_reason:nth-of-type(even).anime_box_reason {
  -webkit-animation: anime_box_reason_clip_even 1s ease-in;
          animation: anime_box_reason_clip_even 1s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_reason .box_reason:nth-of-type(even).anime_box_reason .comic {
  -webkit-animation: anime_box_reason_comic_tor 0.4s 0.4s ease-out;
          animation: anime_box_reason_comic_tor 0.4s 0.4s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anime_box_reason_clip_odd {
  0% {
    clip-path: polygon(-25% -30%, 100% 0%, 100% 0%, -25% -30%);
  }
  100% {
    clip-path: polygon(-25% -30%, 100% 0%, 100% 130%, -25% 100%);
  }
}
@keyframes anime_box_reason_clip_odd {
  0% {
    clip-path: polygon(-25% -30%, 100% 0%, 100% 0%, -25% -30%);
  }
  100% {
    clip-path: polygon(-25% -30%, 100% 0%, 100% 130%, -25% 100%);
  }
}
@-webkit-keyframes anime_box_reason_clip_even {
  0% {
    clip-path: polygon(-25% 0%, 125% -30%, 125% -30%, -25% 0%);
  }
  100% {
    clip-path: polygon(-25% 0%, 125% -30%, 125% 100%, -25% 130%);
  }
}
@keyframes anime_box_reason_clip_even {
  0% {
    clip-path: polygon(-25% 0%, 125% -30%, 125% -30%, -25% 0%);
  }
  100% {
    clip-path: polygon(-25% 0%, 125% -30%, 125% 100%, -25% 130%);
  }
}
@-webkit-keyframes anime_box_reason_box_tt {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anime_box_reason_box_tt {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes anime_box_reason_comic_tor {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes anime_box_reason_comic_tor {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes anime_box_reason_comic_tol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes anime_box_reason_comic_tol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes anime_box_reason_comic_tt {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anime_box_reason_comic_tt {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes anime_box_reason_comic_exp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anime_box_reason_comic_exp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main_wrapper {
  /* sec_material_dl
  ================================================ */
}
.main_wrapper .sec_material_dl {
  background-color: #fff;
  position: relative;
  left: 0;
  top: 0;
  z-index: 10;
  padding: 42px 0 45px 0;
}
.main_wrapper .sec_material_dl::before {
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, rgb(88, 172, 228)), color-stop(61%, rgb(0, 91, 172)));
  background-image: linear-gradient(to bottom, rgb(88, 172, 228) 21%, rgb(0, 91, 172) 61%);
  background-position: left top;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 95px;
  z-index: -5;
}
.main_wrapper .sec_material_dl .tt {
  width: 56%;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  color: var(--txt_blue);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: right;
  text-indent: 14px;
  -webkit-transform: scaleY(0%);
          transform: scaleY(0%);
  display: block;
  margin-bottom: 35px;
  padding: 0 0 0 0;
}
.main_wrapper .sec_material_dl .tt .marker {
  width: 100%;
  color: #fff;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-top: 4px;
  padding: 0 24px 2px 0px;
}
.main_wrapper .sec_material_dl .tt .marker::before {
  content: "";
  background-color: var(--txt_blue);
  clip-path: polygon(0px 0px, calc(100% - 3px) 0px, calc(100% - 13px) 100%, 0% 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.main_wrapper .sec_material_dl .tt .marker::after {
  content: "";
  background-color: #fff;
  clip-path: polygon(-3px -3px, 100% -3px, calc(100% - 13px) 100%, -3px 100%);
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  position: absolute;
  left: -3px;
  top: -3px;
  z-index: -2;
}
@-webkit-keyframes anime_sec_material_dl_tt {
  0% {
    -webkit-transform: scaleY(0%);
            transform: scaleY(0%);
  }
  100% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
}
@keyframes anime_sec_material_dl_tt {
  0% {
    -webkit-transform: scaleY(0%);
            transform: scaleY(0%);
  }
  100% {
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
}
.main_wrapper .sec_material_dl .char_sd_hikari2 {
  width: 92px;
  aspect-ratio: 92/173;
  position: absolute;
  left: 68.5333333333%;
  top: 0;
  z-index: -10;
  opacity: 0;
}
.main_wrapper .sec_material_dl .char_sd_hikari2 img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_material_dl .char_sd_hikari2 .char_sd_hikari2_eye {
  background-image: url("/inspection/hikaritohikaru/assets/home/img/char_sd_hikari2_eye.png");
  background-repeat: no-repeat;
  background-position: 0px top;
  background-size: 368px 173px;
  width: 92px;
  height: 100%;
  position: absolute;
  display: block;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  opacity: 0;
}
@-webkit-keyframes anime_char_sd_hikari2_eye_appear {
  0% {
    opacity: 1;
    -webkit-transform: translateY(100%) scale(30%, 100%);
            transform: translateY(100%) scale(30%, 100%);
  }
  /*
  70% {
  	transform:			translateY(0%) scale(95%, 105%);
  }*/
  80% {
    -webkit-transform: translateY(-5%) scale(98%, 102%);
            transform: translateY(-5%) scale(98%, 102%);
  }
  90% {
    -webkit-transform: translateY(-5%) scale(100%, 100%);
            transform: translateY(-5%) scale(100%, 100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%) scale(100%, 100%);
            transform: translateY(0%) scale(100%, 100%);
  }
}
@keyframes anime_char_sd_hikari2_eye_appear {
  0% {
    opacity: 1;
    -webkit-transform: translateY(100%) scale(30%, 100%);
            transform: translateY(100%) scale(30%, 100%);
  }
  /*
  70% {
  	transform:			translateY(0%) scale(95%, 105%);
  }*/
  80% {
    -webkit-transform: translateY(-5%) scale(98%, 102%);
            transform: translateY(-5%) scale(98%, 102%);
  }
  90% {
    -webkit-transform: translateY(-5%) scale(100%, 100%);
            transform: translateY(-5%) scale(100%, 100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%) scale(100%, 100%);
            transform: translateY(0%) scale(100%, 100%);
  }
}
@-webkit-keyframes anime_char_sd_hikari2_eye_wakuwaku {
  0% {
    -webkit-transform: scale(100%, 100%);
            transform: scale(100%, 100%);
  }
  50% {
    -webkit-transform: scale(98%, 102%);
            transform: scale(98%, 102%);
  }
  100% {
    -webkit-transform: scale(100%, 100%);
            transform: scale(100%, 100%);
  }
}
@keyframes anime_char_sd_hikari2_eye_wakuwaku {
  0% {
    -webkit-transform: scale(100%, 100%);
            transform: scale(100%, 100%);
  }
  50% {
    -webkit-transform: scale(98%, 102%);
            transform: scale(98%, 102%);
  }
  100% {
    -webkit-transform: scale(100%, 100%);
            transform: scale(100%, 100%);
  }
}
@-webkit-keyframes anime_char_sd_hikari2_eye {
  to {
    background-position: left -368px top;
  }
}
@keyframes anime_char_sd_hikari2_eye {
  to {
    background-position: left -368px top;
  }
}
.main_wrapper .sec_material_dl .char_sd_hikari2 .char_sd_hikari2_kirakira img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_material_dl .char_sd_hikari2 .char_sd_hikari2_kirakira .char_sd_hikari2_kira {
  display: block;
  position: absolute;
}
.main_wrapper .sec_material_dl .char_sd_hikari2 .char_sd_hikari2_kirakira .char_sd_hikari2_kira.char_sd_hikari2_kira1 {
  width: 11px;
  opacity: 0;
}
.main_wrapper .sec_material_dl .char_sd_hikari2 .char_sd_hikari2_kirakira .char_sd_hikari2_kira.char_sd_hikari2_kira2 {
  width: 9px;
  opacity: 0;
}
.main_wrapper .sec_material_dl .char_sd_hikari2 .char_sd_hikari2_kirakira .char_sd_hikari2_kira.char_sd_hikari2_kira3 {
  width: 6px;
  opacity: 0;
}
@-webkit-keyframes anime_kira_a {
  0% {
    opacity: 0;
    -webkit-transform: translate(10px, 61px) scale(50%);
            transform: translate(10px, 61px) scale(50%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0px, 41px) scale(100%);
            transform: translate(0px, 41px) scale(100%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translate(-4px, 31px) scale(100%);
            transform: translate(-4px, 31px) scale(100%);
  }
}
@keyframes anime_kira_a {
  0% {
    opacity: 0;
    -webkit-transform: translate(10px, 61px) scale(50%);
            transform: translate(10px, 61px) scale(50%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0px, 41px) scale(100%);
            transform: translate(0px, 41px) scale(100%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translate(-4px, 31px) scale(100%);
            transform: translate(-4px, 31px) scale(100%);
  }
}
@-webkit-keyframes anime_kira_b {
  0% {
    opacity: 0;
    -webkit-transform: translate(73px, 34px) scale(50%);
            transform: translate(73px, 34px) scale(50%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(83px, 24px) scale(100%);
            transform: translate(83px, 24px) scale(100%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translate(88px, 14px) scale(100%);
            transform: translate(88px, 14px) scale(100%);
  }
}
@keyframes anime_kira_b {
  0% {
    opacity: 0;
    -webkit-transform: translate(73px, 34px) scale(50%);
            transform: translate(73px, 34px) scale(50%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(83px, 24px) scale(100%);
            transform: translate(83px, 24px) scale(100%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translate(88px, 14px) scale(100%);
            transform: translate(88px, 14px) scale(100%);
  }
}
@-webkit-keyframes anime_kira_c {
  0% {
    opacity: 0;
    -webkit-transform: translate(72px, 55px) scale(50%);
            transform: translate(72px, 55px) scale(50%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(78px, 50px) scale(100%);
            transform: translate(78px, 50px) scale(100%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translate(85px, 42px) scale(100%);
            transform: translate(85px, 42px) scale(100%);
  }
}
@keyframes anime_kira_c {
  0% {
    opacity: 0;
    -webkit-transform: translate(72px, 55px) scale(50%);
            transform: translate(72px, 55px) scale(50%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(78px, 50px) scale(100%);
            transform: translate(78px, 50px) scale(100%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translate(85px, 42px) scale(100%);
            transform: translate(85px, 42px) scale(100%);
  }
}
.main_wrapper .sec_material_dl .img_materials {
  width: 100%;
  position: relative;
  opacity: 0;
  margin: 0 auto 5.3333333333% auto;
}
@-webkit-keyframes anime_img_materials {
  0% {
    -webkit-transform: scale(0%);
            transform: scale(0%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
    opacity: 1;
  }
}
@keyframes anime_img_materials {
  0% {
    -webkit-transform: scale(0%);
            transform: scale(0%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
    opacity: 1;
  }
}
.main_wrapper .sec_material_dl .img_materials .img_materials_pg {
  width: 69.6%;
  height: auto;
  aspect-ratio: 1/1;
  position: relative;
  display: block;
  left: 0px;
  top: 0px;
  z-index: 30;
  margin: 0 auto;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-116deg);
          transform: rotate(-116deg);
}
.main_wrapper .sec_material_dl .img_materials .img_materials_pg::after {
  content: "";
  background-image: url("/inspection/hikaritohikaru/assets/home/img/txt_materials.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 113.4099616858%;
  aspect-ratio: 1/1;
  display: block;
  position: absolute;
  left: -6.7049808429%;
  top: -6.7049808429%;
  z-index: 5;
  opacity: 0;
}
.main_wrapper .sec_material_dl .img_materials .img_materials_pg::after img {
  width: 100%;
  height: auto;
}
@-webkit-keyframes txt_mat_appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes txt_mat_appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes txt_mat_round {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes txt_mat_round {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@-webkit-keyframes anime_img_materials_pg {
  0% {
    -webkit-transform: rotateZ(-116deg);
            transform: rotateZ(-116deg);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
}
@keyframes anime_img_materials_pg {
  0% {
    -webkit-transform: rotateZ(-116deg);
            transform: rotateZ(-116deg);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
}
.main_wrapper .sec_material_dl .img_materials .img_materials_h1 {
  width: 43.7333333333%;
  height: auto;
  aspect-ratio: 164/224;
  line-height: 0%;
  display: block;
  position: absolute;
  right: 37.3333333333%;
  bottom: 7.4666666667%;
  z-index: 50;
  -webkit-transform-origin: calc(100% - 40px) 100%;
          transform-origin: calc(100% - 40px) 100%;
}
@-webkit-keyframes anime_img_materials_h1 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.27);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.27);
    -webkit-transform-origin: calc(100% - 40px) 100%;
            transform-origin: calc(100% - 40px) 100%;
    -webkit-transform: translate(20%, -30%) rotate(0deg);
            transform: translate(20%, -30%) rotate(0deg);
  }
  100% {
    -webkit-box-shadow: 10px 10px 6px 0px rgba(0, 0, 0, 0.27);
            box-shadow: 10px 10px 6px 0px rgba(0, 0, 0, 0.27);
    -webkit-transform-origin: calc(100% - 40px) 100%;
            transform-origin: calc(100% - 40px) 100%;
    -webkit-transform: translate(0%, 0%) rotate(-12.7deg);
            transform: translate(0%, 0%) rotate(-12.7deg);
  }
}
@keyframes anime_img_materials_h1 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.27);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.27);
    -webkit-transform-origin: calc(100% - 40px) 100%;
            transform-origin: calc(100% - 40px) 100%;
    -webkit-transform: translate(20%, -30%) rotate(0deg);
            transform: translate(20%, -30%) rotate(0deg);
  }
  100% {
    -webkit-box-shadow: 10px 10px 6px 0px rgba(0, 0, 0, 0.27);
            box-shadow: 10px 10px 6px 0px rgba(0, 0, 0, 0.27);
    -webkit-transform-origin: calc(100% - 40px) 100%;
            transform-origin: calc(100% - 40px) 100%;
    -webkit-transform: translate(0%, 0%) rotate(-12.7deg);
            transform: translate(0%, 0%) rotate(-12.7deg);
  }
}
@-webkit-keyframes anime_img_materials_h1_scale {
  0% {
    -webkit-transform: scale(80%);
            transform: scale(80%);
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
}
@keyframes anime_img_materials_h1_scale {
  0% {
    -webkit-transform: scale(80%);
            transform: scale(80%);
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
}
.main_wrapper .sec_material_dl .img_materials img {
  width: 100%;
  height: auto;
}
.main_wrapper .sec_material_dl .material_list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 84%;
  margin: 0 auto 28px auto;
}
.main_wrapper .sec_material_dl .material_list li {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  text-indent: -1rem;
  margin-bottom: 8px;
  padding-left: calc(1rem + 4px);
  clip-path: polygon(-1em 0%, -1em 0%, -1em 100%, -1em 100%);
}
.main_wrapper .sec_material_dl .material_list li::before {
  content: "●";
  color: #91cbff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  display: inline-block;
  margin-right: 4px;
}
@-webkit-keyframes anime_material_list_li_appear {
  0% {
    clip-path: polygon(-1em 0%, -1em 0%, -1em 100%, -1em 100%);
  }
  100% {
    clip-path: polygon(-1em 0%, 100% 0%, 100% 100%, -1em 100%);
  }
}
@keyframes anime_material_list_li_appear {
  0% {
    clip-path: polygon(-1em 0%, -1em 0%, -1em 100%, -1em 100%);
  }
  100% {
    clip-path: polygon(-1em 0%, 100% 0%, 100% 100%, -1em 100%);
  }
}
.main_wrapper .sec_material_dl .btn_dl {
  border-radius: 100vmax;
  width: 16%;
  height: 60px;
  overflow: hidden;
  margin: 0 auto;
  opacity: 0;
}
.main_wrapper .sec_material_dl .btn_dl a {
  background-color: #fff;
  border-radius: 100vmax;
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 0 auto;
  width: 100%;
  color: #005bac;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  -webkit-box-shadow: 0px 6px 4.85px 0.15px rgba(6, 24, 40, 0.27);
          box-shadow: 0px 6px 4.85px 0.15px rgba(6, 24, 40, 0.27);
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding: 14px 46px 14px 26px;
  -webkit-transition: position 0.4s;
  transition: position 0.4s;
}
.main_wrapper .sec_material_dl .btn_dl a:hover {
  -webkit-box-shadow: 0px 6px 1.85px 0.15px rgba(6, 24, 40, 0.27);
          box-shadow: 0px 6px 1.85px 0.15px rgba(6, 24, 40, 0.27);
  top: 3px;
}
.main_wrapper .sec_material_dl .btn_dl a .txt {
  opacity: 0;
}
.main_wrapper .sec_material_dl .btn_dl a::after {
  content: "";
  background-image: url("/inspection/hikaritohikaru/assets/home/img/icon_dl.png");
  background-repeat: no-repeat;
  background-position: 0% top;
  background-size: 200% 100%;
  width: 5.6%;
  aspect-ratio: 21/18;
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  -webkit-animation: btn_dl_dl 10s steps(2) 0.05s infinite;
          animation: btn_dl_dl 10s steps(2) 0.05s infinite;
}
@-webkit-keyframes btn_dl_dl {
  0% {
    background-position: left 0% top;
  }
  95% {
    background-position: left 0% top;
  }
  100% {
    background-position: left 200% top;
  }
}
@keyframes btn_dl_dl {
  0% {
    background-position: left 0% top;
  }
  95% {
    background-position: left 0% top;
  }
  100% {
    background-position: left 200% top;
  }
}
.main_wrapper .sec_material_dl .btn_dl a::before {
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(194, 216, 235, 0)), color-stop(50%, rgba(250, 250, 255, 0.8)), color-stop(75%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(194, 216, 235, 0) 25%, rgba(250, 250, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 5;
  -webkit-transform: skewX(-15deg);
          transform: skewX(-15deg);
  -webkit-animation: btn_dl_shine 10s linear infinite;
          animation: btn_dl_shine 10s linear infinite;
}
@-webkit-keyframes btn_dl_shine {
  0% {
    left: -100%;
  }
  90% {
    left: -100%;
  }
  95% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes btn_dl_shine {
  0% {
    left: -100%;
  }
  90% {
    left: -100%;
  }
  95% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes animate_btn_dl_appear {
  0% {
    width: 16%;
    opacity: 0;
  }
  50%, 100% {
    width: 74.6666666667%;
    opacity: 1;
  }
}
@keyframes animate_btn_dl_appear {
  0% {
    width: 16%;
    opacity: 0;
  }
  50%, 100% {
    width: 74.6666666667%;
    opacity: 1;
  }
}
@-webkit-keyframes animate_btn_dl_a_appear {
  0% {
    background-size: 0 auto;
    font-size: 0;
    opacity: 1;
  }
  50%, 100% {
    background-size: 21px auto;
    font-size: 1.8rem;
    opacity: 1;
  }
}
@keyframes animate_btn_dl_a_appear {
  0% {
    background-size: 0 auto;
    font-size: 0;
    opacity: 1;
  }
  50%, 100% {
    background-size: 21px auto;
    font-size: 1.8rem;
    opacity: 1;
  }
}
@-webkit-keyframes animate_btn_dl_a_txt_appear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate_btn_dl_a_txt_appear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .tt {
  -webkit-animation: anime_sec_material_dl_tt 0.6s ease-out;
          animation: anime_sec_material_dl_tt 0.6s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .char_sd_hikari2 {
  opacity: 1;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .char_sd_hikari2 .char_sd_hikari2_eye {
  -webkit-animation: anime_char_sd_hikari2_eye_appear 0.8s 0.6s linear(0, 0.417 25.5%, 0.867 49.4%, 1 57.7%, 0.925 65.1%, 0.908 68.6%, 0.902 72.2%, 0.916 78.2%, 0.988 92.1%, 1), anime_char_sd_hikari2_eye_wakuwaku 2s 2s ease-in-out infinite, anime_char_sd_hikari2_eye 1s steps(4) 2s infinite;
          animation: anime_char_sd_hikari2_eye_appear 0.8s 0.6s linear(0, 0.417 25.5%, 0.867 49.4%, 1 57.7%, 0.925 65.1%, 0.908 68.6%, 0.902 72.2%, 0.916 78.2%, 0.988 92.1%, 1), anime_char_sd_hikari2_eye_wakuwaku 2s 2s ease-in-out infinite, anime_char_sd_hikari2_eye 1s steps(4) 2s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  animation-composition: accumulate;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .char_sd_hikari2 .char_sd_hikari2_kira.char_sd_hikari2_kira1 {
  -webkit-animation: anime_kira_a 1.5s 2.8s linear infinite;
          animation: anime_kira_a 1.5s 2.8s linear infinite;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .char_sd_hikari2 .char_sd_hikari2_kira.char_sd_hikari2_kira2 {
  -webkit-animation: anime_kira_b 2s 2.6s linear infinite;
          animation: anime_kira_b 2s 2.6s linear infinite;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .char_sd_hikari2 .char_sd_hikari2_kira.char_sd_hikari2_kira3 {
  -webkit-animation: anime_kira_c 1.2s 3s linear infinite;
          animation: anime_kira_c 1.2s 3s linear infinite;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .img_materials {
  -webkit-animation: anime_img_materials 1s linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1);
          animation: anime_img_materials 1s linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .img_materials_pg {
  -webkit-animation: anime_img_materials_pg 1s linear;
          animation: anime_img_materials_pg 1s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .img_materials_pg::after {
  -webkit-animation: txt_mat_appear 0.4s 1s linear forwards, txt_mat_round 10s 0.5s linear infinite;
          animation: txt_mat_appear 0.4s 1s linear forwards, txt_mat_round 10s 0.5s linear infinite;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .img_materials_h1 {
  -webkit-animation: anime_img_materials_h1 1s linear, anime_img_materials_h1_scale 1s ease-out;
          animation: anime_img_materials_h1 1s linear, anime_img_materials_h1_scale 1s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  animation-composition: replace, add;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .material_list li:nth-child(1) {
  -webkit-animation: anime_material_list_li_appear 0.2s 1s ease-out;
          animation: anime_material_list_li_appear 0.2s 1s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .material_list li:nth-child(2) {
  -webkit-animation: anime_material_list_li_appear 0.2s 1.2s ease-out;
          animation: anime_material_list_li_appear 0.2s 1.2s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .btn_dl {
  -webkit-animation: animate_btn_dl_appear 0.6s 1.4s ease-out;
          animation: animate_btn_dl_appear 0.6s 1.4s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .btn_dl a {
  -webkit-animation: animate_btn_dl_a_appear 0.6s 1.4s ease-out;
          animation: animate_btn_dl_a_appear 0.6s 1.4s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper .sec_material_dl.anime_sec_material_dl .btn_dl a .txt {
  -webkit-animation: animate_btn_dl_a_txt_appear 0.6s 1.4s ease-out;
          animation: animate_btn_dl_a_txt_appear 0.6s 1.4s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main_wrapper {
  /* footer
  ================================================ */
}
.main_wrapper footer {
  background-color: #fff;
  position: relative;
  z-index: 10;
}
.main_wrapper footer .logo_corp {
  width: 41.8666666667%;
  margin: 0 auto;
  padding: 24px 10px 18px 10px;
}
.main_wrapper footer .logo_corp img {
  width: 100%;
  height: auto;
}
.main_wrapper footer .copyright {
  background-color: var(--bg_blue);
  color: #96c8ee;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  display: block;
  padding: 16px 10px 12px 10px;
}
.main_wrapper .tt.nav_index br.tt_br {
  display: block;
}
.main_wrapper .tt.nav_index br.nav_br {
  display: none;
}

/* pop_contact_us
================================================ */
#pop_contact_us_content {
  width: 375px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  display: none;
  position: fixed;
  left: 0;
  top: 1%;
  z-index: 1000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 10px;
  margin-left: 42.8571428571%;
}
#pop_contact_us_content .btn_close {
  width: 86.6666666667%;
  overflow: hidden;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: right;
  margin: 0 auto 4px auto;
}
#pop_contact_us_content .btn_close .btn {
  position: relative;
  cursor: pointer;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
#pop_contact_us_content .btn_close .btn .icon {
  font-size: 2.4rem;
  position: relative;
  top: 3px;
}
#pop_contact_us_content .btn_close .btn:hover {
  opacity: 0.7;
}
#pop_contact_us_content .pop_inner {
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 63px 7px rgba(0, 50, 75, 0.52);
          box-shadow: 0px 0px 63px 7px rgba(0, 50, 75, 0.52);
  width: 86.6666666667%;
  overflow: hidden;
  margin: 0 auto;
  padding: 8px 0 0 0;
}
#pop_contact_us_content .tt {
  background-color: var(--bg_blue);
  border-radius: 10px;
  width: calc(100% - 16px);
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 0 auto;
  padding: 15px;
}
#pop_contact_us_content .pop_ct_inner {
  width: 80.5333333333%;
  margin: 0 auto;
  padding: 10px 0 15px 0;
}
#pop_contact_us_content .pop_ct_inner .txt {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
}
#pop_contact_us_content .pop_ct_inner .fig {
  margin: 15px 0 12px 0;
}
#pop_contact_us_content .pop_ct_inner .fig img {
  width: 100%;
  height: auto;
}
#pop_contact_us_content .btns {
  background-color: #eee;
  width: 100%;
  /*
  display: 			-webkit-flex;
  display: 			flex;
  align-items:		stretch;		// 縦位置
  align-content: 		flex-start;		// 横位置
  justify-content:	space-between;	// 並べ方
  flex-wrap: 			wrap;
  flex-direction: 	column;
  gap:				18px 0;
  */
  margin: 0;
  padding: 20px 0;
}
#pop_contact_us_content .btns li {
  width: 100%;
}
#pop_contact_us_content .btns .btn {
  border-radius: 100vmax;
  background-repeat: no-repeat;
  background-position: left center;
  width: 80.2469135802%;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  text-decoration: none;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  padding: 14px 0 14px 0;
}
#pop_contact_us_content .btns .btn_contact_us {
  border: 4px solid #fff;
  background-color: var(--bg_orange);
  -webkit-box-shadow: 0px 1px 8px 0px rgba(28, 37, 50, 0.32);
          box-shadow: 0px 1px 8px 0px rgba(28, 37, 50, 0.32);
  text-align: center;
}

#pop_bg {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}

.main_wrapper.debug {
  overflow-x: visible;
}

/* side_area
================================================ */
.side_area {
  width: 30.3571428571%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: clamp(12px, 5.12vw - 10.96px, 276px);
  padding-left: 5.5%;
}
.side_area .nav_list {
  border: 4px solid #fff;
  border-right: 0px none;
  border-radius: 11px 0px 0px 11px;
  background-color: rgba(0, 70, 133, 0.6);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 28px 23px 14px 34px;
}
.side_area .nav_list li {
  position: relative;
}
.side_area .nav_list li::before {
  content: "";
  border-radius: 3px;
  background-color: #fff;
  width: 4px;
  height: calc(100% - 24px);
  position: absolute;
  left: 4px;
  top: 12px;
  margin-right: 12px;
}
.side_area .nav_list li a {
  border-bottom: 1px dotted #fff;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  display: block;
  padding: 12px 0 12px 20px;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.side_area .nav_list li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.side_area .nav_list li a br.tt_br {
  display: none;
}
.side_area .nav_list li a br.nav_br {
  display: block;
}
.side_area .nav_list li a .marker,
.side_area .nav_list li a .nav_marker {
  font-size: 2.2rem;
}
.side_area .nav_list li:last-child {
  border-bottom: none;
}
.side_area .nav_list li a.active {
  background-color: rgba(255, 255, 255, 0.3);
}
.side_area .btn_inq {
  margin-top: 42px;
  margin-left: 20.7058823529%;
}
.side_area .btn_inq .inner {
  display: table;
}
.side_area .btn_inq a {
  border: 5px solid var(--bg_blue);
  border-radius: 100vmax;
  background-color: #fff;
  background-image: url("/inspection/hikaritohikaru/assets/home/img/icon_arrow_inq.png");
  background-repeat: no-repeat;
  background-position: center bottom 12px;
  background-size: 30px auto;
  width: 153px;
  height: 153px;
  color: var(--bg_blue);
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 42px;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}
.side_area .btn_inq a:hover {
  opacity: 0.8;
}

@media (width <= 1214px) {
  header .site_title .logo_corp {
    margin: 20px 0 10px 20px;
  }
  header .site_title .title {
    font-size: 1.1rem;
    margin: 12px 0 10px 10px;
    padding: 2px 4px;
  }
  header .btn_inq {
    display: block;
  }
  .side_area {
    display: none;
  }
}
@media (width <= 800px) {
  header .site_title .logo_corp {
    width: 120px;
  }
  header .site_title .title {
    font-size: 1.1rem;
    margin: 12px 0 10px 10px;
    padding: 2px 4px;
  }
}
@media (width <= 700px) {
  .is_pc {
    display: none;
  }
  .is_sp {
    display: block;
  }
  #contents::before {
    display: none;
  }
  #contents::after {
    display: none;
  }
  header {
    background-color: var(--bg_blue);
    width: 100%;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 120;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px 10px 5px 10px;
  }
  header .site_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0 3%;
  }
  header .site_title .logo_corp {
    width: 35%;
    min-width: 66.5px;
    margin: 5px 0 0 0;
  }
  header .site_title .title {
    border: 1px solid #fff;
    color: #fff;
    font-size: clamp(0.9rem, 1.2vw + 0.39rem, 1.3rem);
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0px 0 0 0;
    padding: 2px 4px;
  }
  header .btns_sp {
    width: 43.2432432432%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0 1%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0;
  }
  header .btns_sp .btn_inq_sp a {
    border: 5px solid var(--bg_blue);
    border-radius: 100vmax;
    background-color: #fff;
    color: var(--bg_blue);
    font-size: clamp(0.8rem, 1.6vw + 0.39rem, 1.9rem);
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    margin: 0 auto;
    padding: 2px 10px;
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
  }
  header .btns_sp .btn_inq_sp a:hover {
    opacity: 0.8;
  }
  header .btns_sp .btn_menu {
    border-radius: 100vmax;
    background-color: #fff;
    width: 18.125%;
    min-width: 38px;
    color: var(--bg_blue);
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
  }
  header .btns_sp .btn_menu:hover {
    opacity: 0.8;
  }
  header .btns_sp .btn_menu .bar {
    background-color: var(--bg_blue);
    width: 46.5517241379%;
    min-width: 22px;
    height: 3px;
    margin: 0 auto 0 auto;
  }
  header .logo_comic {
    display: none;
  }
  header .btn_inq {
    display: none;
  }
  .main_wrapper {
    -webkit-box-shadow: unset;
            box-shadow: unset;
    width: 100%;
    min-width: unset;
    margin-left: 0;
  }
  .main_wrapper main {
    padding-top: 70px;
  }
  .main_wrapper .sec_know::before {
    clip-path: polygon(0 0, 100% 145px, 100% 100%, 0% calc(100% - 246.5px));
  }
  .main_wrapper .sec_case .sec_case_white {
    padding-bottom: 28vw;
  }
  .main_wrapper {
    /* sec_reason
    ================================================ */
  }
  .main_wrapper .sec_reason {
    margin-top: -13vw;
  }
  .main_wrapper .sec_reason::before {
    clip-path: polygon(0% 0%, 50% 13vw, 100% 0%, 100% 100%, 0% 100%);
  }
  .side_area {
    background-color: var(--bg_blue);
    width: 77.8666666667%;
    height: 100vh;
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 200;
    overflow-y: scroll;
    padding: 0 0 32px 0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .side_area.disp_on {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .side_area .menu_head_inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 10px;
  }
  .side_area .menu_head_inner .site_title {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0 3%;
  }
  .side_area .menu_head_inner .site_title .logo_corp {
    width: 22.9965156794%;
    min-width: 66.5px;
    margin: 0;
    padding-top: 4px;
  }
  .side_area .menu_head_inner .site_title .logo_corp img {
    width: 100%;
    height: auto;
  }
  .side_area .menu_head_inner .site_title .title {
    border: 1px solid #fff;
    color: #fff;
    font-size: clamp(0.9rem, 1.2vw + 0.39rem, 1.3rem);
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0px 0 0 0;
    padding: 2px 4px;
  }
  .side_area .menu_head_inner .btn_close {
    border-radius: 50%;
    background-color: #fff;
    width: 29px;
    min-width: 29px;
    height: 29px;
    aspect-ratio: 1/1;
    color: var(--bg_blue);
    font-size: 2rem;
    text-align: center;
    vertical-align: middle;
    line-height: 27px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .side_area .menu_head .logo_comic {
    width: 32.5342465753%;
    margin: 10px auto 0 auto;
  }
  .side_area .menu_head .logo_comic img {
    width: 100%;
    height: auto;
  }
  .side_area .side_nav .nav_list {
    border: 0 none;
    border-radius: 0;
    background-color: transparent;
  }
  .side_area .btn_inq {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 10px auto 0 auto;
  }
  .side_area .btn_inq a {
    border: 5px solid var(--txt_deep_blue);
  }
  #pop_contact_us_content {
    width: 86.6666666667%;
    height: 100vh;
    margin: 0;
    padding: 10px 0 60px 0;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
  }
  #pop_contact_us_content .btn_close {
    width: 100%;
  }
  #pop_contact_us_content .pop_inner {
    width: 100%;
  }
  #pop_contact_us_content .tt {
    font-size: 2rem;
  }
}
@media (width <= 375px) {
  body {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: top left;
            transform-origin: top left; /* 拡大縮小の基点を上中央に設定 */
    width: 125%; /* 0.8で割って元の幅に戻す（1 / 0.8 = 1.25） */
  }
}
@media (width <= 275px) {
  header .site_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}