@charset "utf-8";
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body {
  font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#000;
  line-height: 1.5em;
}
ul,ol {
  list-style-type:none;
}
a:hover {
  opacity:1.0;
}
a:focus {
  outline: none;
}
.content_article {
  width: 100%;
  min-height:100svh;
}
.content_article:before {
  position: fixed;
  content: "";
  z-index: -2;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: url(../images/bg.jpg) left top/750px repeat;
}
.content_wrap {
  max-width: 750px;
  margin:0 auto;
  overflow: hidden;
}
.content_wrap img {
  display: block;
  height: auto;
  vertical-align:top;
  border: 0;
  max-width: 100%;
}
.content_wrap video {
  width: 100%;
  display: block;
  height: auto;
  vertical-align:top;
  border: 0;
  outline: none;
}
.content_wrap a {
  display: block;
}
.content_wrap .rl {
  position: relative;
}
.content_wrap .video01 {
  position: absolute;
  z-index: -1;
  left:0;
  top:0;
  width: 100%;
}
.content_wrap .video02 {
  position: absolute;
  z-index: -1;
  left:0;
  top:0;
  width: 100%;
}
.content_wrap .sld {
  opacity: 0;
  transition: opacity .3s linear;
}
.content_wrap .sld.slick-initialized {
  opacity: 1;
}
.content_wrap .sld01 {
  position: absolute!important;
  padding-left:3%;
  width: 100%;
  top:3.5%;
}
.content_wrap .sld01.sld01-2 {
  top:41.5%;
}
.content_wrap .sld01.sld01-3 {
  top:33.4%;
}
.content_wrap .sld01 .slick-slide {
  margin:0 15px;
  position: relative;

}
.content_wrap .sld01.sld01-2 .slick-slide img {
  border-radius: min(2.66vw,20px);
  margin:1% 0 3%;
  box-shadow: 5px 6px 17px rgba(0,0,0,0.25);
}
.content_wrap .sld01 .slick-list {
  padding:0 9.4% 0 0!important;
}
.content_wrap .sld01 .slick-prev {
  left: 0.5%;
  background: url(../images/sld01-prev.png) left top/100% no-repeat;
  background-size: 100%;
  content: "";
}
.content_wrap .sld01 .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 75px;
  height: 76px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  text-indent: -9999px;
  z-index: 100;
  cursor: pointer;
}
.content_wrap .sld01 .slick-next {
  right: 5.86%;
  background: url(../images/sld01-next.png) left top/100% no-repeat;
  background-size: 100%;
  content: "";
}
.content_wrap .video03 {
  position: absolute;
  width: 96.5%;
  left:1.7%;
  top:13.6%;
}
.content_wrap .btn01 {
  position: absolute;
  width: calc( 85.86% + 4px );
  top:68.3%;
  left:8.7%;
}
.content_wrap .hikari {
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}
.content_wrap .hikari:before {
  content: "";
  animation: hikari 4s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #fff;
  width: 140%;
  height: 100%;
  transform: skewX(-45deg);
  top: 0;
  left: -160%;
  opacity: 0.5;
  position: absolute;
}
@keyframes hikari {
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}
.content_wrap .tab-list {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.content_wrap .tab-list li {
  width: 24.2%;
  cursor: pointer;
  background: #99b5dd;
  border-top-left-radius: min(2vw,15px);
  border-top-right-radius: min(2vw,15px);
}
.content_wrap [role="tab"][aria-selected="true"] {
  background-color: #0045aa;
}
.content_wrap .panel-wrap {
  width: 100%;
  margin:0 auto;
  background: #0045aa;
  padding:min(2.66vw,20px);
}
.content_wrap .tab-container {
  position: relative;
  width: 92%;
  margin:0 auto;
}
.content_wrap .tab-container.group-b-wrap {
  margin-bottom:min(12vw,90px);
}
.content_wrap .tab-container .prev-tab-btn {
  position: absolute;
  cursor: pointer;
  width: min(10.53vw,79px);
  height: min(10.53vw,80px);
  background: url(../images/tab-prev.png) left top/100% no-repeat;
  top:50.5%;
  left:-3%;
  outline: none;
  border: 0;
}
.content_wrap .tab-container .next-tab-btn {
  position: absolute;
  cursor: pointer;
  width: min(10.53vw,79px);
  height: min(10.53vw,80px);
  background: url(../images/tab-next.png) left top/100% no-repeat;
  top:50.5%;
  right:-3%;
  outline: none;
  border: 0;
}
.content_wrap .pt01 {
  position: absolute;
  width:28.66%;
  top:19.8%;
  left:1.6%;
}
.content_wrap .pt01-shine {
  position: absolute;
  content:"";
  display: block;
  border-radius: 50%;
  left:1.6%;
  top:19.8%;
  width:26.8%;
  height:min(26.8vw,201px);
  background-image:linear-gradient(
		70deg,
		rgb(255, 255, 255, 0)  45%,
		#fff 50%,
		rgb(255, 255, 255, 0) 55%
	);
	 background-size: 400% 100%;
   animation: shine 4s infinite;
}
@keyframes shine {
	0% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.content_wrap .pt02 {
  position: absolute;
  width: 61.46%;
  top:6.35%;
  left:30.66%;
}
.content_wrap .pt02-shine {
  position: absolute;
  content:"";
  display: block;
  width: 61.46%;
  top:6.35%;
  left:30.66%;
  height: min(18.4vw,138px);
  background-image: linear-gradient(
      -45deg,rgb(255, 255, 255, 0) 45%,
      #fff 50%,rgb(255, 255, 255, 0) 55%
    );
	 background-size: 400% 100%;
   animation: shine 4s infinite;
}
.content_wrap .b_txt01 {
  position: absolute;
  width: 100%;
  padding:0 8%;
  text-align: justify;
  top:42.9%;
  font-size:min(2vw,15px);
  line-height: 1.65em;
  color:#000;
}
.content_wrap .tel_txt a {
  color:#000!important;
  text-decoration: none!important;
  display: inline;
}
.content_wrap .btn02 {
  position: absolute;
  width: calc( 85.86% + 4px );
  top:66.9%;
  left:8.7%;
}
.content_wrap .btm-fix {
  position: fixed;
  left:50%;
  margin-left:-375px;
  bottom:0;
  width: 750px;
  height:180px;
  z-index: 100000;
  display: none;
}
.content_wrap .btm-fix a {
  display: block;
}
.content_wrap .btm-fix .btm_btn {
  position: absolute;
  width: 31.73%;
  top:2%;
  right:1.73%;
}
.content_wrap .tab-wrap {
  width: 89.33%;
  margin:0 auto;
  padding-bottom:min(17.33vw,130px);
}
.content_wrap .tab-wrap .tab-area {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.content_wrap .tab-wrap .tab-area .tab {
  width: 49.55%;
  height:min(10.66vw,80px);
  text-indent: -9999px;
  cursor: pointer;
}
.content_wrap .tab-wrap .tab-area li:nth-of-type(1) {
  background: url(../images/qa1_2.png) left top/100% no-repeat;
}
.content_wrap .tab-wrap .tab-area li:nth-of-type(2) {
  background: url(../images/qa2_2.png) left top/100% no-repeat;
}
.content_wrap .tab-wrap .tab-area li:nth-of-type(1).active {
  background: url(../images/qa1_1.png) left top/100% no-repeat;
}
.content_wrap .tab-wrap .tab-area li:nth-of-type(2).active {
  background: url(../images/qa2_1.png) left top/100% no-repeat;
}
.content_wrap .tab-wrap .panel {
  display: none;
  position: relative;
}
.content_wrap .tab-wrap .panel.active {
  display: block;
}
.content_wrap .tab-wrap dl {

}
.content_wrap .tab-wrap .panel-area dl:nth-of-type(1) {
  margin-top:min(4.66vw,35px);
}
.content_wrap .tab-wrap dl dt {
  position: relative;
  padding-top:min(5.33vw,40px);
  padding-bottom:min(2.26vw,17px);
  padding-left:min(6vw,45px);
  padding-right:min(4.8vw,36px);
  font-size:min(4vw,30px);
  font-weight: bold;
  color:#0046aa;
  line-height: 1.4em;
  cursor: pointer;
  letter-spacing: 0.1em;
  border-bottom:1px solid #0046aa;
  background: url(../images/q_icon.png) top 65% left 0/min(4.66vw,35px) no-repeat;
}
.content_wrap .tab-wrap dl dt.ngy {
  background: url(../images/q_icon.png) top 40% left 0/min(4.66vw,35px) no-repeat;
}
.content_wrap .tab-wrap .accordionlist dt:before {
  position: absolute;
  content: "";
  top: 0;
  width: min(4.53vw,34px);
  background: #0046aa;
  height: 1px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  top: 57%;
  right: 0;
  transition: .3s all;
}
.content_wrap .tab-wrap .accordionlist dt:after {
  position: absolute;
  content: "";
  top: 0;
  width: min(4.53vw,34px);
  background: #0046aa;
  height: 1px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  top: 57%;
  right: 0;
  transition: .3s all;
}
.content_wrap .tab-wrap .accordionlist dt.active:before {
  display: none;
}

.content_wrap .tab-wrap .accordionlist dt.active:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.content_wrap .tab-wrap dl dd {
  text-align: justify;
  font-size:min(3.2vw,19px);
  color:#000;
  line-height: 1.7em;
  display: none;
  padding-left:min(17px,2.26vw);
  padding-right:min(17px,2.26vw);
  padding-top:min(20px,2.66vw);
}
.content_wrap .tab-wrap dl dd .ktxt {
  text-align: right;
  font-size:min(2.4vw,15px);
}
.content_wrap .tab-wrap dl dd .btxt {
  font-weight: bold;
}
.content_wrap .tab-wrap dl dd .rtxt {
  color:#e70017;
  font-weight: bold;
}
.content_wrap .tab-wrap dl dt .stxt {
  font-size:min(2.66vw,20px);
}
.content_wrap .video04 {
  position: absolute;
  width: 89.33%;
  top:42.9%;
  left:5.35%;
}
.content_wrap .video05 {
  position: absolute;
  width: 80%;
  left:10%;
  top:50%;
}
.content_wrap .video06 {
  position: absolute;
  width: 80%;
  left:10%;
  top:30%;
}
.content_wrap .video07 {
  position: absolute;
  z-index: -1;
  width: 100%;
  left:0;
  top:0;
  clip-path: inset(0 0 20% 0);
}
.content_wrap .video08 {
  position: absolute;
  z-index: -1;
  width: 100%;
  top:25.3%;
  left:0;
}
.content_wrap .video09 {
  position: absolute;
  width: 80.8%;
  left:9.6%;
  top:38.3%;
}
.content_wrap .sld01-txt01,.content_wrap .sld01-txt03 {
  position: absolute;
  width: 84.4%;
  top:81.9%;
  left:4%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.content_wrap .sld01-txt01.is-active,.content_wrap .sld01-txt03.is-active {
  opacity: 1;
  visibility: visible;
}
@media(max-width:749px) {
 .content_wrap img {
   width: 100%;
 }
 .content_article:before {
   background: url(../images/bg.jpg) left top/100% repeat;
 }
 .content_wrap .sld01 .slick-slide {
   margin:0 2vw;
 }
 .content_wrap .sld01 .slick-arrow {
   width: 10vw;
   height: 10.13vw;
 }
 .content_wrap .btm-fix {
   left:0;
   margin-left:0;
   width: 100%;
   height:24vw;
 }
 .content_wrap .sld01.sld01-2 .slick-slide img {
   box-shadow: 0.7vw 0.85vw 2.3vw rgba(0,0,0,0.25);
 }
}