@charset "UTF-8";
* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all;
}
html,body{
	width: 100%;
	height: 100%;
}
body {
	position: relative;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: normal;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0.02em;
	background: #fff;
	color: #000;
	animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.blinking{
	-webkit-animation:blink 1.5s infinite;
    -moz-animation:blink 1.5s infinite;
    animation:blink 1.5s infinite;}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
img{
	display:block;
	width: 100%;
	height: auto;
}
video{
	display: block!important;
	width: 100%;
	vertical-align: bottom;
}
.pc{
	display: none;
}
.sp{
	display: block;
}
@media screen and (min-width: 750px) {
.pc{
	display: block;
}
.sp{
	display: none;
}
}
.relative{
	position: relative;
	z-index: 1;
	vertical-align: middle;
}
.contents{
	max-width: 750px;
	margin: 0 auto;
	overflow: hidden;
}
/*---------------------------
マージン用
---------------------------*/
.mt3{
	margin-top: 3%!important;
}
.mt6{
	margin-top: 6%!important;
}
.mt10{
	margin-top: 10%!important;
}
/*---------------------------
CTA
---------------------------*/
.ctaarea .cta_1 {
  position: relative;
}
.ctaarea .cta_1 .btn_1 {
  position: absolute;
  bottom: 23.5%;
  width: 90%;
  left: 5%;
}
.ctaarea .cta_1 .btn_2 {
  position: absolute;
  bottom: 11.5%;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}
.cta_zoom {
  animation: btnZoom 1s ease 0s infinite alternate;
  -webkit-animation: btnZoom 1s ease 0s infinite alternate;
}
@keyframes btnZoom {
  from {
    transform: scale(0.9, 0.9);
  }
  to {
    transform: scale(1, 1);
  }
}

/*---------------------------
メイン以外のCVボタン
---------------------------*/
.cv_bt{
	position: absolute;
	z-index: 1;
	width: 97.466%;
	bottom: 3%;
	left: 0;
	right: 0;
	margin: auto;
}
.cv_bt_normal{
	width: 97.466%;
	margin: 0 auto;
}
.cv_bt a,
.cv_bt_normal a{
	display: block;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
/*---------------------------
 Q&A
---------------------------*/
.qa_wrap{
	background: url("../img/faq_bg.webp")no-repeat center top;
	background-size: cover;
	padding: 0 0 6%;
}
.faq_tit{
	width: 41.066667%;
	margin: 0 auto;
	padding: 10% 0 6%;
}
.accordion-area{
    list-style: none;
	width: 90.6666%;
	margin: 0 auto;
}
.accordion-area li{
    margin: 0 0 5%;
	border-radius: 8px;
	overflow: hidden;
}
.title {
    position: relative;
    cursor: pointer;
    transition: all .2s ease;
	z-index: 1;
}
.title img {
	transition: .3s;
}
.title:hover img {
    filter: brightness(1.1);
}
.title.close{
	background: #333333;
	color: #fff;
}
.title::before{
    position: absolute;
	transition: .2s;
	content: "";
	top: 0;
	bottom: 0;
	right: 3%;
	width: 8%;
	padding: 8% 0 0;
	height: 0;
	background: url("../img/faq_open.webp")no-repeat center center;
	background-size: cover;
	margin: auto;
	z-index: 2;
}
.title.close::before{
	background: url("../img/faq_close.webp")no-repeat center center;
	background-size: cover;
}
.box {
    display: none;
}

/*---------------------------
 動画（c4_06）
---------------------------*/
.c4_06_wrap{
	position: relative;
	position: -webkit-relative;
	vertical-align: middle;
	z-index: 1;
	padding: 30% 0 75%!important;
	margin: -12% 0 5%!important;
}

.c4_06{
	position: absolute!important;
	position: -webkit-absolute;
	z-index: 2;
	top: 0!important;
	left: 0;
	right: 0;
}

.c4_07{
	position: absolute!important;
	position: -webkit-absolute;
	z-index: 2;
	bottom: 0!important;
	left: 0;
	right: 0;
}
/*---------------------------
 動画（c5_04）
---------------------------*/
.c5_04{
	position: absolute!important;
	position: -webkit-absolute;
	z-index: -1;
	top: 18%!important;
	left: 0;
	right: 0;
}
/*---------------------------
 下部固定バナー
---------------------------*/
.btm_bnr {
	max-width: 658px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
	padding: 0 0;
  position: fixed;
  bottom: -200px;
  left: 0;
	right: 0;
	margin: auto;
  z-index: 10;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.is-in .btm_bnr {
	bottom: 5px;
}
.footer_btn_img{
	margin: auto;
	width: 100%;
}
.footer_btn_img a{
	display: block;
}
/*---------------------------
footer
---------------------------*/
div#footer {
background:#FFFFFF;
font-size:12px;
text-align:left;
}
.copy p {
 text-align: center;
}
div#footer ul#footerNavi01 {
text-align: center;
width: 100%;
margin: 0 auto 5px auto;
padding: 20px 0 0 0;
}
div#footer ul#footerNavi01 li {
display: inline;
border-right: 1px solid #333333;
line-height: 1.1;
}
div#footer ul#footerNavi01 li.last_ {
border: none;
}
div#footer ul#footerNavi01 li a {
margin: 0 5px;
color: #1aa4c9;
}
div#site_footer,
div#site_footer a {
color: #4C4C4C;
}