/* CSS Document */
/*リセット*/
h1, h2, h3, h4, h5, h6 { font-weight:bold; margin:0;}
h1{ margin:0; padding:0;}

ol, ul { margin:0; padding:0}
dl { margin:0; padding:0}
ol li { list-style:none; }
ul li { list-style:none; }
dl, dt, dd{margin:0; padding:0;}
a{margin:0; text-decoration: none;}
p{margin:0; line-height:150%; color: #000;}
a{outline:none;}
button{ outline:none;}
/* --TABLE-- */
th { font-weight:bold; text-align:center; }
table{border-collapse:collapse;}

/* clearfix */
.clearfix:after { content:""; display:block; clear:both; }
	/* for IE6 */
	* html .clearfix { display:inline-block; }
	/* for IE7 */
	*+html .clearfix { display:inline-block; }

img {
    border-style:none;
	height:auto;
	max-width:100%;
}
br{
	letter-spacing:0;}
.clear {
    clear:both; height:0; line-height:0;}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;}  
.clearfix { display: inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */ 

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	text-align: left;
	line-height: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
	box-sizing:border-box;
}

/*スクロール処理*/
.scroll-fade{opacity: 0; transition: all 2s/*処理にかかる時間*/;}
.scroll-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.scroll-up.done, .scroll-fade.done{opacity : 1; transform : translate(0, 0);}
.scroll-updelay01.done, .scroll-updelay02.done, .scroll-updelay03.done{opacity : 1; transform : translate(0, 0);}
.load-fade {opacity : 0; transition : all 3s/*処理にかかる時間*/;}
.load-fade02{opacity : 0; transition : all 3s/*処理にかかる時間*/;}
.load-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.load-up.done, .load-fade.done, .load-fade02.done{opacity : 1; transform : translate(0, 0);}
.m_over:hover{opacity: 0.75;}

.disp_pc{display:block!important;}
.disp_sp{display:none!important;}
.disp_in_pc{display:inline-block;}
.disp_in_sp{display:none;}
.mi{font-family:"Zen Old Mincho", YuMincho, '游明朝',"小塚明朝 Pr6N R","小塚明朝 Pro R", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
body {font-family: Noto Sans JP, sans-serif; background: #fff!important;}
.center{text-align: center;}
@media screen and (max-width: 769px) {
  .disp_pc{display:none!important;}
  .disp_sp{display:block!important;}
  .disp_in_pc{display:none;}
  .disp_in_sp{display:inline-block;}
  img{ max-width:100%;}
}

/*header*/
.head_app p {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 15px;
}
.head_app img{
    max-width:270px;
    min-width:270px;
  }

.head_app h1 {
  border-top: 8px solid #006c60;
  background: #005d60;
  padding: 15px 15px;
}
.head_app h1 span {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
}

/*パンくずリスト*/
.m-breadcrumbs {
  padding: 12px;
}
.m-breadcrumbs-list {
  display: flex;
  flex-wrap: wrap;
  max-width:1200px;
  margin: 0 auto;
  gap: 10px;
}
.m-breadcrumbs-list_item {
  white-space: nowrap;
  position: relative;
}
.m-breadcrumbs_link, .m-breadcrumbs_text {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  color: #8e8e8e;
}
.m-breadcrumbs-list_item:after {
  content: ">";
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  color: #8e8e8e;;
}
.m-breadcrumbs_current {
  font-weight: 700;
  color: #006c60;
}
.m-breadcrumbs-list_item:last-child:after {
  display: none
}

@media screen and (max-width: 769px) {
/*header*/
  .head_app p {
    max-width: 48%;
    padding: 3vw 4vw;
    margin: 0;
    background: #fff;
  }
  .head_app img{
    max-width:200px;
    min-width:200px;
  }
  .m-breadcrumbs-list_item {
    white-space: wrap;
  }

}


/*mv*/
.mv {
  margin: 50px auto 0;
  max-width: 1320px;
  display: flex;
}
.mv .mv01{
  width: 40.1%;
  padding-left: 4%;
}
.mv .mv02{
  width: 25.1%;
  margin-top: 2%;
  animation: fadeIn 1s ease 0s 1 normal;
  opacity: 0;
  animation-fill-mode: forwards;
}
.mv .mv03{
  width: 34.8%;
  animation: fadeIn 1s ease 0s 1 normal;
  opacity: 0;
  animation-fill-mode: forwards;
}
.mv01 h2 {
  position: relative;
  margin-top: 30px;
}
.mv01 h2 .ab01{
  position: absolute;
  top: 0;
  right: 6%;
  width: 38%;
  animation: fadeIn 1s ease 0s 1 normal;
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.mv01 h2 .ab02{
  position: absolute;
  top: 36%;
  left: 42.4%;
  width: 36.6%;
  animation: fadeIn 1s ease 0s 1 normal;
  animation-delay: 1.4s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.mv01 h2 .ab03{
  position: absolute;
  bottom: 0;
  left: 42.7%;
  width: 18.5%;
  animation: fadeIn 1s ease 0s 1 normal;
  animation-delay: 2.1s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.mv_btn {
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
}
.mv_btn li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 49.6%;
  margin-right: 3%;
}
.mv_btn li:first-child {
  width: 42.6%;
  margin-right: 0;
}
.mv_btn li .mvb01 {
  width: 69.4%;
}
.mv_btn li .mvb02 {
  width: 73.6%;
}
.mv_btn_txt {
  margin-top: 5px;
  margin-right: 3%;
}
.mv_btn_txt li{
  color: #404040;
  font-size: 13px;
  padding-left:1em;
  text-indent:-1em;
  line-height: 120%;
}
.mv_btn_txt li.ind{
  color: #404040;
  font-size: 13px;
  padding-left:2em;
  text-indent:-2em;
}
.i-svg {
  width: 80px;
  max-width: 80px;
}
/* fadeIn */
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 769px) {
  .mv {
    margin: 3vw 5vw 0;
    max-width: 100%;
    display: block;
  }
  .mv .mv01{
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  .mv .mv02{
    width: 100%;
    margin-top: 0;
  }
  .mv01 h2 {
    position: relative;
    margin-top: 1.5vw;
    text-align: center;
  }
  .mv01 h2 .ab01{
    top: 0;
    right: 19%;
    width: 27%;
  }
  .mv01 h2 .ab02{
    top: 35%;
    left: 44.4%;
    width: 26.6%;
  }
  .mv01 h2 .ab03{
    bottom: 0;
    left: 50.7%;
    width: 12.5%;
  }
}

/*anc_list*/
.anc_list {
  margin: 80px auto 0;
  max-width: 1200px;
}
.anc_list ul {
  display: flex;
  justify-content: space-between;
}
.anc_list ul li{
  width: 24%;
  display: flex;
}
.anc_list ul li a{
  display: block;
  border:2px solid #006c60;
  display: flex;
  align-items: center;
  width: 100%;
  background:url("/images/corporate/service/sp_app/arrow01.png") no-repeat scroll center 92% #006c60;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 40px 10px;
  border-radius: 10px;
}
.anc_list ul li a:hover{
  background:url("/images/corporate/service/sp_app/arrow01_o.png") no-repeat scroll center 92% #fff;
  color: #006c60;
}
.anc_list ul li a span{
  width: 100%;
  display: block;
  text-align: center;
}
.anc_list ul .ac01 b {
  padding-left: 40px;
  background: url(/images/corporate/service/sp_app/anc_icon01_o.png) no-repeat scroll 6px center;
  display: inline-block;
  background-size: 25px auto;
  text-align: center;
}
.anc_list ul .ac01 a:hover b {
  background: url("/images/corporate/service/sp_app/anc_icon01.png") no-repeat scroll 6px center;
  background-size: 25px auto;
}
.anc_list ul .ac02 b {
  background: url(/images/corporate/service/sp_app/anc_icon02_o.png) no-repeat scroll 0px center;
  display: inline-block;
  background-size: 31px auto;
  text-align: center;
  padding: 5px 0 5px 40px;
}
.anc_list ul .ac02 a:hover b {
  background: url("/images/corporate/service/sp_app/anc_icon02.png") no-repeat scroll 0px center;
  background-size: 31px auto;
}
.anc_list ul .ac03 b {
  background: url(/images/corporate/service/sp_app/anc_icon03_o.png) no-repeat scroll 0px center;
  display: inline-block;
  background-size: 41px auto;
  text-align: center;
  padding: 5px 0 5px 50px;
}
.anc_list ul .ac03 a:hover b {
  background: url("/images/corporate/service/sp_app/anc_icon03.png") no-repeat scroll 0px center;
  background-size: 41px auto;
}
.anc_list ul .ac04 b {
  background: url(/images/corporate/service/sp_app/anc_icon04_o.png) no-repeat scroll 0px center;
  display: inline-block;
  background-size: 31px auto;
  text-align: center;
  padding: 5px 0 5px 46px;
}
.anc_list ul .ac04 a:hover b {
  background: url("/images/corporate/service/sp_app/anc_icon04.png") no-repeat scroll 0px center;
  background-size: 36px auto;
}

@media screen and (max-width: 769px) {
  .anc_list {
    margin: 9vw auto 0;
    max-width: 92%;
  }
  .anc_list ul {
    flex-wrap: wrap;
  }
  .anc_list ul li{
    width: 49%;
    margin-bottom: 2.5vw;
  }
  .anc_list ul li a{
    font-size: 3.2vw;
    padding: 0vw 2vw 4.5vw;
    background-size: 3vw auto;
  }
  .anc_list ul li a:hover{
    background-size: 3vw auto;
  }
  .anc_list ul .ac01 b {
    padding-left: 0;
    padding-top: 12vw;
    background-position: center 1vw;
    background-size: 5vw auto;
    text-align: center;
  }
  .anc_list ul .ac01 a:hover b {
    background-position: center 1vw;
    background-size: 5vw auto;
  }
  .anc_list ul .ac02 b {
    padding-left: 0;
    padding-top: 12vw;
    background-position: center 1vw;
    background-size: 7.5vw auto;
    text-align: center;
  }
  .anc_list ul .ac02 a:hover b {
    background-position: center 1vw;
    background-size: 7.5vw auto;
  }
  .anc_list ul .ac03 b {
    padding-left: 0;
    padding-top: 12vw;
    background-position: center 4vw;
    background-size: 10.5vw auto;
    text-align: center;
  }
  .anc_list ul .ac03 a:hover b {
    background-position: center 4vw;
    background-size: 10.5vw auto;
  }
  .anc_list ul .ac04 b {
    padding-left: 0;
    padding-top: 12vw;
    background-position: center 2vw;
    background-size: 7.9vw auto;
    text-align: center;
  }
  .anc_list ul .ac04 a:hover b {
    background-position: center 2vw;
    background-size: 7.9vw auto;
  }
}

/**cont01**/
.cont01 {
  margin-top: 60px;
  padding: 100px 0;
  background: url("/images/corporate/service/sp_app/cobg.png") repeat scroll 0 0;
  overflow: hidden;
}
.w_box01 {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  padding: 70px 0 80px;
  border-radius: 0 50px 0 0;
  position: relative;
  z-index: 1;
}
.w_box01::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 0;
  right: 0;
  border-radius: 0 50px 0 0;
  width: calc(50vw + 50%);
}
.w_box_inner01 {
  max-width: 815px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.bg_w {
  padding: 35px 30px;
  background: url("/images/corporate/service/sp_app/cobg02.png") no-repeat scroll 0 0;
  background-size: 100%;
}
.bg_w h3 {
  text-align: center;
  font-weight: 900;
  color: #00b09c;
  font-size: 36px;
}
.bg_w p {
  margin-top: 40px;
  font-size: 24px;
  font-weight: bold;
  line-height: 220%;
  text-align: center;
}
.bg_w p span {
  border-bottom: 1px solid #00b09c;
}
.btn_area {
  margin: 0 auto;
  max-width: 600px;
}
.btn_area li{
  margin:30px 0 0 0;
}
.btn_area li a{
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background:url("/images/corporate/service/sp_app/arrow02.png") no-repeat scroll 90% center #ff9000;
  border-radius: 40px;
  padding: 15px;
}

@media screen and (max-width: 769px) {
  /**cont01**/
  .cont01 {
    margin-top: 9vw;
    padding: 8vw 0;
  }
  .w_box01 {
    max-width: 95%;
    margin: 0;
    padding: 8vw 0 8vw;
    border-radius: 0 25px 0 0;
  }
  .w_box01::before {
    content: none;
  }
  .w_box_inner01 {
    max-width: 90%;
    margin: 0 auto;
  }
  .bg_w {
    padding: 4vw 5vw;
    background: url("/images/corporate/service/sp_app/cobg02_sp.png") no-repeat scroll 0 0;
    background-size: 100%;
  }
  .bg_w h3 {
   font-size: 6vw;
   line-height: 120%;
  }
  .bg_w p {
    margin-top: 2vw;
    font-size: 3.733vw;
    line-height: 210%;
  }
  .bg_w p span {
    border-bottom: 1px solid #00b09c;
    display: inline-block;
    width: 85%;
    text-align: center;
  }
  .btn_area {
    margin: 0 auto;
    max-width: 80%;
  }
  .btn_area li{
    margin:4vw 0 0 0;
  }
  .btn_area li a{
    display: block;
    font-size: 3.2vw;
    padding: 2.5vw;
    background-position: 95% center;
    background-size: 3vw auto;
  }
}

.w_box02 {
  max-width: 1200px;
  margin: 115px auto 0;
  background: #fff;
  padding: 70px 0 80px;
  border-radius: 50px 0 0 0;
  position: relative;
  z-index: 1;
}
.w_box02::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 0;
  left: 0;
  border-radius: 50px 0 0 0;
  width: calc(50vw + 50%);
}
.w_box_inner02 {
  max-width: 1100px;
  margin: 0 0 0 8.3%;
  position: relative;
  z-index: 1;
}
.w_box_inner02 h3 {
  background: #00b09c;
  padding: 20px 0 20px 12%;
  font-size: 38px;
  font-weight: bold;
  color: #fff;
  line-height: 100%;
}
.w_box_inner03 {
  max-width: 950px;
  margin: 0 auto;
}
.wb_box {
  margin-top: 50px;
  padding-bottom: 40px;
  border-bottom:1px solid #00b09c;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.wb_box_item01 {
  width: 67.7%;
}
.wb_box_item01.wid01 {
  width: 69.7%;
}
.wb_box_item02 {
  width: 27.37%;
}
.wb_box_ttl {
  display: flex;
  align-items: center;
}
.wb_num {
  border-radius: 50%;
  padding: 20px 14px;
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  background: #00b09c;
  margin-right: 2%;
}
.wb_txt{
  font-size: 30px;
  font-weight: bold;
  color: #00b09c;
  line-height: 150%;
}
.wb_txt span{
  font-size: 40px;
  font-weight: bold;
  color: #ff9000;
}
.wb_txt02 {
  margin-top: 40px;
  font-size: 24px;
  font-weight: bold;
  line-height: 150%;
}
.wb_txt02 span{
  font-size: 28px;
  color: #00b09c;
}
.wb_txt03 {
  margin-top: 40px;
  font-size: 18px;
  line-height: 150%;
}
.wb_txt03 span{
  font-size: 24px;
  color: #00b09c;
  font-weight: bold;
}
.wb_txt03 b {
  font-weight: normal;
  text-decoration: underline;
}
.wb_txt04 {
  margin-top: 20px;
  font-size: 14px;
  line-height: 150%;
}
.wb_b_box {
  margin-top: 40px;
  padding: 20px;
  background: #e5f7f5;
}
.wb_b_box p {
  font-weight: bold;
  color: #00b09c;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
}
.wb_b_box p span{
  font-size: 24px;
  color: #ff9000;
}
.wb_b_box p span.fs01{
  font-size: 30px;
}
.wb_b_box p span.fs02{
  font-size: 18px;
}
.wb_b_box p b{
  text-decoration: underline;
}
.wb_notelist {
  margin-top: 20px;
}
.wb_notelist li{
  padding-left:1em;
  text-indent:-1em;
  font-size: 14px;
  line-height: 120%;
}
.wb_notelist li.ind3{
  padding-left:2.2em;
  text-indent:-2.2em;
}
.wb_txt.l-s {
  letter-spacing: -1px;
}
.wb_box_item03 {
  width: 100%;
  margin-top: 20px;
  background: #e5f7f5;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wb_box_item03 p{
  margin: 0 1%;
  font-size: 16px;
}
.wb_txt05 {
  margin-top: 40px;
  font-size: 18px;
  line-height: 150%;
}
.wb_box_last {
  border: none;
}
@media screen and (max-width: 769px) {
  .w_box02 {
    max-width: 95%;
    margin: 10vw 0 0 5%;
    padding: 8vw 0 8vw;
    border-radius: 25px 0 0 0;
  }
  .w_box02::before {
    content: none;
  }
  .w_box_inner02 {
    max-width: 90%;
    margin: 0 auto;
  }
  .w_box_inner02 h3 {
    font-size: 6vw;
    text-align: center;
    padding: 2.5vw;
    line-height: 150%;
  }
  .w_box_inner03 {
    max-width: 100%;
    margin: 0 auto;
  }
  .wb_box {
    margin-top: 6vw;
    padding-bottom: 6vw;
    display: block;
  }
  .wb_box_item01 {
    width: 100%;
  }
  .wb_box_item01.wid01 {
    width: 100%;
  }
  .wb_num {
    border-radius: 50%;
    padding: 3vw 3vw;
    font-size: 5.466vw;
  }
  .wb_txt{
    font-size: 5.2vw;
  }
  .wb_txt span{
    font-size: 6.933vw;
  }
  .wb_txt02 {
    margin-top: 4vw;
    font-size: 4.133vw;
    text-align: center;
  }
  .wb_txt02 span{
    font-size: 4.8vw;
  }
  .wb_txt02.l-s {
    letter-spacing: -0.5px;
  }
  .wb_txt03 {
    margin-top: 4vw;
    font-size: 3.2vw;
    text-align: center;
  }
  .wb_txt03 span{
    font-size: 4.133vw;
  }
  .wb_txt05 {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
  .wb_txt04 {
    margin-top: 3vw;
    font-size: 2.533vw;
  }
  .wb_b_box {
    margin-top: 4vw;
    padding: 3vw;
  }
  .wb_b_box p {
    font-size: 3.2vw;
    line-height: 160%;
  }
  .wb_b_box p span{
    font-size: 4.133vw;
  }
  .wb_b_box p span.fs01{
    font-size: 5.066vw;
  }
  .wb_b_box p span.fs02{
    font-size: 3.2vw;
  }
  .wb_notelist {
    margin-top: 3vw;
  }
  .wb_notelist li{
    padding-left:1em;
    text-indent:-1em;
    font-size: 2.533vw;
  }
  .sp_wid01 {
    width: 50%;
    margin: 3vw auto;
  }
  .wb_box_item03 {
    width: 100%;
    margin-top: 6vw;
    padding: 4vw 1vw;
  }
  .wb_box_item03 p{
    margin: 0 1%;
    font-size: 3.2vw;
    line-height: 120%;
  }
  .wb_box_item03 p:first-child{
    width: 28%;
  }
}

/*slide*/
.slide_area {
  margin: 60px auto 0;
  max-width: 1000px;
}
.slide_area h3 {
  text-align: center;
  font-weight: bold;
  font-size: 38px;
  color: #ffffff;
  padding: 20px;
  background: url("/images/corporate/service/sp_app/slide_ttl.png") no-repeat scroll 0 0;
}
.slide__container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.slide-slick {
    width: auto;
    max-width: 940px;
    margin: 15px auto;
}
.slide-slick__item img {
    height: auto;
    width: 100%;
}
.slide-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.slide-nav__btn {
  width: 19%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px;
  text-align: center;
  color: #fff;
  background-color: #006c60;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 30px;
  border: 1px solid #006c60;
  line-height: 120%;
  display: flex;
  align-items: center;
}
.slide-nav__btn.l-3 {
  padding: 26px 5px;
}
.slide-nav__btn.current {
  background-color: #fff;
  color: #006c60;
}
.slide-nav__btn span{
  display: block;
  width: 100%;
  text-align: center;
}
.slick_flex {
  display: flex;
}
.slick_flex_item01 {
  width: 41.5%;
  margin-left: 3%;
}
.slick_flex_item02 {
  width: 55.5%;
}
.slick_flex_item03 {
  width: 26.6%;
  margin-left: 5%;
}
.slick_flex_item04 {
  width: 68.4%;
}
.slide_ttl {
  margin-top: 60px;
  text-align: center;
  font-size: 37px;
  font-weight: bold;
  color: #ff9000;
  line-height: 100%;
}
.slide_txt {
  margin-top: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  line-height: 220%;
}
.slide_txt02 {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  text-align: center;
}

@media screen and (max-width: 769px) {
  .slide_area {
    margin: 8vw auto 0;
    max-width: 100%;
  }
  .slide_area h3 {
    font-size: 6vw;
    color: #ffffff;
    padding: 0.8vw 2vw 1vw;
    background: url("/images/corporate/service/sp_app/slide_ttl_sp.png") no-repeat scroll 0 0;
    background-size: 100%;
  }
  .slide__container {
    padding-top: 7vw;
    padding-bottom: 0;
  }
  .slide-slick {
      width: auto;
      max-width: 100%;
      margin: 0;
  }
  .slide-slick__item img {
      height: auto;
      width: 100%;
  }
  .slick_flex {
    display: block;
  }
  .slick_flex_item01 {
    width: 58.2%;
    margin: 0 auto;
  }
  .slick_flex_item02 {
    width: 100%;
  }
  .slick_flex_item03 {
    width: 37.31%;
    margin: 0 auto;
  }
  .slick_flex_item04 {
    width: 100%;
  }
  .slide_ttl {
    margin-top: 4vw;
    font-size: 5.333vw;
  }
  .slide_txt {
    margin-top: 4vw;
    font-size: 2.800vw;
  }
  .slide_txt02 {
    margin-top: 4vw;
    font-size: 2.800vw;
  }
}

.wbox_u {
  margin-top: 60px;
}
.w_box_inner04 {
  max-width: 1090px;
  z-index: 1;
  position: relative;
}
.w_box_inner04 h3 {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 20px 10px;
  background: #00b09c;
}
.flow_box {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.flow_box li {
  width: 22%;
  background: #e5f7f5;
  padding: 25px 10px 40px;
  position: relative;
}
.flow_box li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
}
.flow_box li::before{
  right: -26px;
  top: calc(50% - 18px);
  width: 18px;
  height: 18px;
  border-top: 7px solid #006c60;
  border-right: 7px solid #006c60;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 5px;
}
.flow_box li:last-child:before{
  content: none;
}
.flow_img {
  text-align: center;
}
.flow_img img{
  display: inline;
}
.flow_txt p{
  margin-top: 20px;
  font-size: 18px;
}
.flow_txt .ft{
  text-align: center;
  font-weight: bold;
  color: #00b09c;
  font-size: 19px;
}
.scroll-updelay01{
  opacity: 0; 
  transform: translateY(100px); 
  transition: all 2s;
  transition-delay: 0.7s;
}
.scroll-updelay02{
  opacity: 0; 
  transform: translateY(100px); 
  transition: all 2s;
  transition-delay: 1.4s;
}
.scroll-updelay03{
  opacity: 0; 
  transform: translateY(100px); 
  transition: all 2s;
  transition-delay: 2.1s;
}
.f_ttl {
  margin-top: 60px;
  text-align: center;
}
.f_ttl img{
  display: inline;
}
.pdf_btnlist {
  margin: 40px 0 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pdf_btnlist li {
  width: 48%;
  margin-bottom: 25px;
}
.pdf_btnlist li a{
  display: block;
  padding: 0.8em 30px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.pdf_btnlist .pdf_btn01 a {
  background:url("/images/corporate/service/sp_app/btn_icon01.png") no-repeat scroll 5% center #395ea2;
  padding: 1.55em 30px;
}
.pdf_btnlist .pdf_btn02 a {
  background:url("/images/corporate/service/sp_app/btn_icon02.png") no-repeat scroll 5% center #4bacd9;
  line-height: 150%;
}
.pdf_btnlist .pdf_btn03 a {
  background:url("/images/corporate/service/sp_app/btn_icon03.png") no-repeat scroll 5% center #4f5e9f;
  padding: 1.55em 30px;
}
.pdf_btnlist .pdf_btn04 a {
  background:url("/images/corporate/service/sp_app/btn_icon04.png") no-repeat scroll 5% center #2e6a62;
  padding: 1.55em 30px;
}

@media screen and (max-width: 769px) {
  .wbox_u {
    margin-top: 8vw;
  }
  .w_box_inner04 {
    max-width: 90%;
    margin: 0 auto;
  }
  .w_box_inner04 h3 {
    font-size: 6.533vw;
    padding: 3.5vw 2vw;;
    margin-top: 8vw;
  }
  .flow_box {
    margin-top: 5vw;
    display: block;
  }
  .flow_box li {
    width: 100%;
    padding: 3vw 4vw;
    position: relative;
    display: flex;
    margin-bottom: 12vw;
  }
  .flow_box li::before{
    right: calc(50% - 18px);
    top: auto;
    bottom: -8vw;
    width: 18px;
    height: 18px;
    border-top: 7px solid #006c60;
    border-right: 7px solid #006c60;
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
    border-radius: 5px;
  }
  .flow_box li:last-child:before{
    content: none;
  }
  .flow_img {
    width: 15%;
    margin-right: 3vw;
  }
  .flow_img img{
    display: inline;
  }
  .flow_txt p{
    margin-top: 1vw;
    font-size: 3.2vw;
  }
  .flow_txt .ft{
    font-size: 3.466vw;
    margin-top: 0;
    text-align: left;
  }
  .scroll-updelay01{
    transition-delay: 0s;
  }
  .scroll-updelay02{
    transition-delay: 0s;
  }
  .scroll-updelay03{
    transition-delay: 0s;
  }
  .f_ttl {
    margin-top: 0;
    text-align: center;
  }
  .f_ttl img{
    display: inline;
  }
  .pdf_btnlist {
    margin: 9vw auto 0;
    display: block;
    width: 88%;
  }
  .pdf_btnlist li {
    width: 100%;
    margin-bottom: 4vw;
  }
  .pdf_btnlist li a{
    display: block;
    padding: 2vw 5vw;
    border-radius: 50px;
    font-size: 3.2vw;
  }
  .pdf_btnlist .pdf_btn01 a {
    background-size: 6vw auto;
    padding: 4vw 5vw;
  }
  .pdf_btnlist .pdf_btn02 a {
    background-size: 6vw auto;
    line-height: 150%;
  }
  .pdf_btnlist .pdf_btn03 a {
    background-size: 6vw auto;
    padding: 4vw 5vw;
  }
  .pdf_btnlist .pdf_btn04 a {
    background-size: 6vw auto;
    padding: 4vw 5vw;
  }
}


.blk__section {
  background: #f1f6f6;
  width: 100%!important;
  margin: 0!important;
  padding: 50px 0;
}
main {
  padding-block-end: 0rem!important;
}

.faq_btn {
  text-align: center;
  margin: 40px 0;
}
.faq_btn img{
  display: inline;
}
.dl_box {
  padding: 30px 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}
.dl_box ul {
  display: flex;
  align-items: center;
  margin-left: 4%;
}
.dl_box ul li{
  margin: 0 2%;
}
.cont_top {
  margin:60px auto 110px;
  max-width: 590px;
}
.cont_top a{
  background: #fff;
  color: #637f91;
  border: 1px solid #637f91;
  border-radius: 100px;
  box-shadow: 2px 2px 6px 2px #0000001a;
  padding: 30px 32px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  position: relative;
  display: block;
  text-align: center;
}
.cont_top a::before,
.cont_top a::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.cont_top a::before{
  right: 14px;
  width: 15px;
  height: 2px;
  background: #637f91;
}
.cont_top a::after{
  right: 14px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #637f91;
  border-right: 2px solid #637f91;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 769px) {
  .faq_btn {
    text-align: center;
    margin: 8vw auto 12vw;
    max-width: 75%;
  }
  .dl_box {
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 90%;
    margin: 0 auto;
  }
  .dl_box ul {
    margin-left: 0;
    width: 32.6%;
  }
  .dl_box ul:last-child{
    margin-left: 5%;
    width: 40.29%;
  }
  .dl_box ul li{
    margin: 0;
  }
  .dl_txt {
    margin: 5vw auto 0;
    max-width: 90%;
  }
  .dl_txt li{
    font-size: 3.2vw;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 130%;
  }
  .dl_txt li.ind {
    font-size: 3.2vw;
    text-indent: -2em;
    padding-left: 2em;
  }
  .cont_top {
    margin:10vw auto 25vw;
    max-width: 90%;
  }
  .cont_top a{
    padding: 3vw 2vw;
    font-size: 4.8vw;
  }
  .mt6v {
    margin-top: 6vw;
  }
}

/*footer*/
.foot {
  padding: 10px;
  background: #005d60;
  font-size: 10px;
  text-align: center;
  color: #fff;
}

/*fix_btn*/
.fix_btn {
  position: fixed;
  right: 0;
  z-index: 2;
  top: calc(50% - 178px);
}
@media screen and (max-width: 769px) {
  .fix_btn {
    top: calc(50% - 30vw);
    width: 12vw;
  }
}

/*よくある質問部分*/
:root {
  --color-black: #333;
  --color-white: #fff;
  --color-gray: gray;
  --color-green: #006c60;
  --color-green-light: #f1f6f6;
  --color-orange: #fb4a4a;
  --color-corporate: var(--color-green);
  --color-background: var(--color-green-light);
  --color-background-dark: var(--color-corporate);
  --color-background-white: var(--color-white);
  --color-border: var(--color-corporate);
  --color-border-white: var(--color-white);
  --color-text: var(--color-black);
  --color-text-corporate: var(--color-corporate);
  --color-text-white: var(--color-white);
  --color-text-gray: var(--color-gray);
  /*--font: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;*/
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --radius-corner: 24px;
  --radius-corner-small: 16px;
  --radius-circle: 100%;
  --radius-pill: 9999px;
  --size-width-min: 375px;
  --size-width-max: 1440px;
  --header-height: 75px;
  scroll-padding-block-start: var(--header-height);
}

@media screen and (width >= 641px) {
  :root {
    --header-height: 0;
  }
}

* {
  margin: 0;
  padding: 0;
  line-height: calc(.5rem + 1em);
}

*, :before, :after {
  box-sizing: border-box;
}

:where(:not(fieldset, progress, meter)) {
  background-repeat: no-repeat;
  background-origin: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  -webkit-text-size-adjust: none;
  scroll-behavior: smooth;
  block-size: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}

body {
  text-rendering: optimizespeed;
  min-block-size: 100%;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

:where(svg) {
  stroke: none;
  fill: currentColor;
}

:where(svg):where(:not([fill])) {
  stroke-linecap: round;
  stroke-linejoin: round;
}

:where(input, button, textarea, select) {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
}

:where(input[type="file"])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
}

:where(textarea) {
  resize: vertical;
}

@supports (resize: block) {
  :where(textarea) {
    resize: block;
  }
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

h1 {
  font-size: 2em;
}

:where(ul, ol) {
  list-style-position: inside;
}

:where(ul, ol)[role="list"] {
  list-style: none;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type="file"]) {
  cursor: auto;
}

:where(input[type="file"])::-webkit-file-upload-button {
  cursor: pointer;
}

:where(input[type="file"])::file-selector-button {
  cursor: pointer;
}

@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    transition: outline-offset .145s cubic-bezier(.25, 0, .4, 1);
  }

  :where(:not(:active)):focus-visible {
    transition-duration: .25s;
  }
}

:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"]) {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
}

:where(input[type="file"])::-webkit-file-upload-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
}

:where(input[type="file"])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
}

:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"])[disabled] {
  cursor: not-allowed;
}

a {
  color: var(--color-text-corporate);
}

a:active, a:focus, a:hover {
  text-decoration: none;
}

a:not([class]):not(:has(img))[target="_blank"]:after {
  aspect-ratio: 1;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23006c60%22%20d%3D%22M1.48%2012c-.41%200-.76-.14-1.05-.43-.29-.29-.43-.64-.43-1.05V1.48C0%201.07.14.72.43.43.72.14%201.07%200%201.48%200H6v1.48H1.48v9.03h9.03V5.99h1.48v4.52c0%20.41-.14.76-.43%201.05-.29.29-.64.43-1.05.43H1.48Zm3.14-3.59L3.59%207.38l5.89-5.9H7.3V0H12v4.7h-1.48V2.52l-5.9%205.9Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: .75rem;
  margin-inline: .25em;
  display: inline-flex;
}

@media screen and (width >= 641px) {
  a:not([class]):not(:has(img))[target="_blank"]:after {
    margin-block-start: 1px;
  }
}

p.caution {
  text-indent: -1em;
  padding-left: 1em;
}

p + h4, p + p {
  margin-block-start: .5rem;
}

.btn-link {
  background-color: var(--color-orange);
  border-radius: var(--radius-corner);
  color: var(--color-text-white);
  font-size: .75rem;
  font-weight: var(--font-weight-bold);
  filter: drop-shadow(0 3px #00234426);
  text-align: center;
  justify-content: center;
  align-items: center;
  column-gap: .375rem;
  min-width: 14.375rem;
  padding: .75rem;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
  position: relative;
}

@media screen and (width >= 641px) {
  .btn-link {
    min-width: 25rem;
    padding: .75rem;
    font-size: 1rem;
    line-height: 1.5;
  }
}

.btn-link[target="_blank"]:after {
  aspect-ratio: 1;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.48%2012c-.41%200-.76-.14-1.05-.43-.29-.29-.43-.64-.43-1.05V1.48C0%201.07.14.72.43.43.72.14%201.07%200%201.48%200H6v1.48H1.48v9.03h9.03V5.99h1.48v4.52c0%20.41-.14.76-.43%201.05-.29.29-.64.43-1.05.43H1.48Zm3.14-3.59L3.59%207.38l5.89-5.9H7.3V0H12v4.7h-1.48V2.52l-5.9%205.9Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: .75rem;
}

@media screen and (width >= 641px) {
  .btn-link[target="_blank"]:after {
    margin-block-start: 1px;
  }
}

.lst__anchor {
  display: flex;
}

@media screen and (width <= 640px) {
  .lst__anchor {
    flex-direction: column;
    row-gap: .75rem;
  }
}

@media screen and (width >= 641px) {
  .lst__anchor {
    flex-wrap: wrap;
    gap: 1.625rem .875rem;
    max-width: 654px;
    margin-inline: auto;
  }
}

.lst__anchor > li {
  display: flex;
}

@media screen and (width >= 641px) {
  .lst__anchor > li {
    flex-basis: calc(50% - .4375rem);
  }
}

.lst__anchor a {
  border: 1px solid var(--color-corporate);
  border-radius: var(--radius-pill);
  color: var(--color-corporate);
  font-size: .75rem;
  font-weight: var(--font-weight-bold);
  filter: drop-shadow(0 3px #00234426);
  background-color: #fff;
  flex-grow: 1;
  justify-content: center;
  padding: .5rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

@media screen and (width >= 641px) {
  .lst__anchor a {
    border-width: 2px;
    padding: .75rem;
    font-size: 1rem;
  }
}

.lst__manual {
  display: flex;
}

@media screen and (width <= 640px) {
  .lst__manual {
    flex-direction: column;
    row-gap: .75rem;
  }
}

@media screen and (width >= 641px) {
  .lst__manual {
    flex-wrap: wrap;
    gap: 1.25rem .5rem;
    max-width: 680px;
    margin-inline: auto;
  }
}

.lst__manual > li {
  display: flex;
}

@media screen and (width >= 641px) {
  .lst__manual > li {
    flex-basis: calc(50% - .25rem);
  }
}

.lst__manual a {
  background-color: var(--color-orange);
  border-radius: var(--radius-corner);
  color: var(--color-text-white);
  font-size: .75rem;
  font-weight: var(--font-weight-bold);
  filter: drop-shadow(0 3px #00234426);
  text-align: center;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  min-height: calc(2lh + 1rem);
  padding: .5rem 2.5rem;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
  position: relative;
}

@media screen and (width >= 641px) {
  .lst__manual a {
    font-size: 1rem;
  }
}

@media screen and (width >= 981px) {
  .lst__manual a {
    min-height: calc(2lh + 1.5rem);
    padding: .75rem 3.25rem .75rem 2rem;
  }
}

@media screen and (width >= 641px) and (width <= 980px) {
  .lst__manual a > br {
    display: none;
  }
}

.lst__manual a:after {
  aspect-ratio: 1;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.25rem;
  position: absolute;
  inset: calc(50% - .625rem) .625rem auto auto;
}

@media screen and (width >= 981px) {
  .lst__manual a:after {
    width: 1.5rem;
    inset: calc(50% - .75rem) 1.25rem auto auto;
  }
}

.lst__manual a.plus-s:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.05%209.01h1.98c0-2.75-2.22-4.98-4.96-4.98v1.99c1.64%200%202.97%201.34%202.97%202.99ZM15.08.04v1.99c3.84%200%206.94%203.12%206.94%206.98H24c0-4.95-4-8.97-8.92-8.97Zm-2.49%209.61c1.14%200%202.07.93%202.07%202.08v9.08c0%201.14-.93%202.08-2.07%202.08H5.13c-1.14%200-2.07-.93-2.07-2.08v-9.08c0-1.14.93-2.08%202.07-2.08h7.46Zm0-2.08H5.13C2.86%207.57%201%209.44%201%2011.72v9.08c0%202.28%201.86%204.15%204.13%204.15h7.46c2.27%200%204.13-1.87%204.13-4.15v-9.08c0-2.28-1.86-4.15-4.13-4.15Zm-3.41%203.62c-.57%200-1.03.47-1.03%201.04s.46%201.04%201.03%201.04%201.03-.47%201.03-1.04-.46-1.04-1.03-1.04Zm2.85%200c-.57%200-1.03.47-1.03%201.04s.46%201.04%201.03%201.04%201.03-.47%201.03-1.04-.46-1.04-1.03-1.04Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lst__manual a.plus:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.83%2022.06v-7.85h.01c.36.05.72.04%201.08.02.3-.01.61-.03.91%200v7.99c0%20.48-.19.9-.57%201.27-.38.35-.81.54-1.28.54H2.85c-.49%200-.92-.18-1.29-.55A1.7%201.7%200%200%201%201%2022.21V8.47c0-.46.19-.89.55-1.26.36-.38.8-.56%201.29-.56h5.44c0-.68.56-1.23%201.25-1.23h1.74V3.15H9.18c-.61%200-1.11-.48-1.11-1.09S8.56.97%209.18.97h6.33c.61%200%201.11.48%201.11%201.09s-.49%201.09-1.11%201.09h-2.09v2.27h1.74c.69%200%201.25.55%201.25%201.23v.62c2.18.42%203.83%202.33%203.83%204.63h-1.89c0-1.57-1.26-2.83-2.83-2.83v-.46H2.98v13.46h17.84ZM8.64%2015.27c0-.91.31-1.69.92-2.29.61-.6%201.4-.9%202.33-.9s1.72.3%202.34.9c.62.6.94%201.38.94%202.29s-.32%201.69-.94%202.3c-.62.61-1.41.92-2.34.92s-1.72-.31-2.33-.92c-.61-.61-.92-1.39-.92-2.3ZM24%2011.89h-1.89c0-3.65-2.95-6.6-6.6-6.6V3.4C20.2%203.4%2024%207.2%2024%2011.89Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lst__manual a.car:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.01%204.09v2c1.65%200%203%201.34%203%203h2c0-2.76-2.24-4.99-4.99-4.99Zm0-4v2c3.87%200%206.99%203.13%206.99%206.99h2c.01-4.96-4.02-8.99-8.99-8.99Zm2.53%2011.41h-.81c-.08-.21-.15-.4-.19-.51-.6-2.01-2.38-3.3-4.54-3.3H7.78c-2.11%200-3.93%201.32-4.54%203.3-.03.11-.1.31-.19.51h-.81C1%2011.5-.01%2012.51-.01%2013.75v1.02c0%20.77.38%201.45.97%201.85v5.49c0%201.63%201.17%202.79%202.81%202.8h.87c1.46-.02%202.54-.97%202.73-2.36h6.01c.2%201.38%201.27%202.34%202.73%202.36h.87c1.64-.01%202.8-1.17%202.81-2.8v-5.49c.58-.41.97-1.08.97-1.85v-1.02c0-1.24-1.01-2.25-2.25-2.25h.02Zm.48%203.26c0%20.26-.22.48-.48.48h-.72c.19.34.23.76.23%201.19v5.67c0%20.69-.36%201.04-1.05%201.04h-.84c-.63%200-1-.36-1.01-1.01v-1.35H5.66v1.35c-.02.65-.37%201-1.01%201.01h-.84c-.69%200-1.04-.36-1.05-1.04v-5.67c0-.43.04-.84.23-1.19h-.72c-.26%200-.48-.22-.48-.48v-1.02c0-.26.22-.48.48-.48h1.98s.55-1.26.71-1.77c.37-1.22%201.5-2.04%202.84-2.04h5.22c1.38%200%202.47.82%202.84%202.04.16.51.67%201.77.71%201.77h1.98c.26%200%20.48.22.48.48v1.02Zm-4.55-3.38c-.21-.6-.54-.79-1.11-.79H7.37c-.47%200-.79.19-.96.61-.28.73-.52%201.28-.79%202.04h9.56c-.06-.18-.53-1.33-.71-1.86Zm-8.84%204.74c-.77%200-1.35.58-1.35%201.36s.57%201.35%201.35%201.35%201.36-.58%201.36-1.35c0-.37-.14-.72-.4-.97-.25-.25-.59-.4-.97-.4Zm9.54%200h-.03c-.78.02-1.34.6-1.33%201.38%200%20.77.58%201.33%201.36%201.33.38%200%20.73-.15.98-.4.25-.26.38-.6.37-.98-.01-.75-.6-1.33-1.35-1.33Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lst__manual a.house:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.77%2014.95v1.23h-1.23v1.49h1.23v1.23h1.49v-1.23h1.23v-1.49h-1.23v-1.23h-1.49ZM12.5%202.38%201.04%2011.11l1.21%201.61%201.92-1.47v9.87h8.47l-.12-.33a3.98%203.98%200%200%201-.17-.68c-.03-.25-.07-.52-.1-.78l-.03-.22H6.16V9.72l6.32-4.81%2010.25%207.81%201.21-1.58L12.5%202.38Zm5.01%209.32-4.36%201.64-.08.03v3.28c0%201.35.41%202.61%201.2%203.74.81%201.14%201.86%201.88%203.12%202.2l.12.03.12-.03c1.26-.32%202.31-1.05%203.12-2.2.79-1.13%201.2-2.39%201.2-3.74v-3.28l-4.4-1.65-.04-.02Zm2.7%204.95c0%20.97-.27%201.85-.8%202.64-.51.73-1.13%201.24-1.9%201.53-.76-.29-1.41-.8-1.9-1.53-.54-.78-.8-1.67-.8-2.64v-2.07l2.71-1.02%202.71%201.02v2.07Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lst__faq {
  list-style: none;
}

.lst__faq:not(.is-active) {
  display: none;
}

.lst__faq > li {
  margin-bottom: 1rem;
}

.lst__faq > li details {
  padding: 1.5rem;
}

@media screen and (width <= 640px) {
  .lst__faq > li details {
    border-radius: var(--radius-corner-small);
  }
}

@media screen and (width >= 641px) {
  .lst__faq > li details {
    padding: 2rem;
  }
}

.lst__faq > li details[open] :where(summary):after {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3Ctitle%3Eminus%3C%2Ftitle%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22minus%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Path%22%20fill%3D%22%23006C60%22%20fill-rule%3D%22nonzero%22%20points%3D%2213.5%2011%204%2011%204%2013%2020%2013%2020%2011%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
  animation: .2s linear rotateAnimation;
}

.lst__faq > li details :where(summary), .lst__faq > li details .answer {
  column-gap: .5rem;
  display: flex;
}

.lst__faq > li details :where(summary) > .marker, .lst__faq > li details :where(summary):after, .lst__faq > li details .answer > .marker, .lst__faq > li details .answer:after {
  flex-shrink: 0;
}

.lst__faq > li details :where(summary) > .marker, .lst__faq > li details .answer > .marker {
  color: var(--color-text-corporate);
  font-family: DIN Alternate, Akshar, sans-serif;
  font-size: 1.125rem;
  font-weight: var(--font-weight-bold);
  flex-basis: 2em;
  line-height: 1.4;
}

@media screen and (width >= 641px) {
  .lst__faq > li details :where(summary) > .marker, .lst__faq > li details .answer > .marker {
    font-size: 1.625rem;
    line-height: 1;
  }
}

.lst__faq > li details :where(summary) {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-size: .875rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.8;
  list-style-type: none;
}

@media screen and (width >= 641px) {
  .lst__faq > li details :where(summary) {
    font-size: 1rem;
    line-height: 1.625;
  }
}

.lst__faq > li details :where(summary)::-webkit-details-marker {
  display: none;
}

.lst__faq > li details :where(summary):after {
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3Ctitle%3Eplus%3C%2Ftitle%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22plus%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Path%22%20fill%3D%22%23006C60%22%20fill-rule%3D%22nonzero%22%20points%3D%2220%2011%2013%2011%2013%204%2011%204%2011%2011%204%2011%204%2013%2011%2013%2011%2020%2013%2020%2013%2013%2020%2013%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline-start: auto;
  animation: .2s linear rotateAnimation2;
  display: block;
}

.lst__faq > li details .answer {
  margin-block-start: 1.5rem;
  font-size: .875rem;
  line-height: 2;
}

@media screen and (width >= 641px) {
  .lst__faq > li details .answer {
    margin-block-start: 2.5rem;
    font-size: 1rem;
  }
}

.lst__faq > li details .answer p {
  line-height: 1.5;
}

.lst__faq > li details .answer p.indent {
  padding-left: 1em;
}

.lst__faq > li details .answer h4, .lst__faq > li details .answer h5 {
  font-size: .875rem;
}

@media screen and (width >= 641px) {
  .lst__faq > li details .answer h4, .lst__faq > li details .answer h5 {
    font-size: 1rem;
  }
}

.lst__faq > li details .answer h4.indent, .lst__faq > li details .answer h5.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.lst__faq > li details .answer h5 {
  font-weight: 400;
}

.lst__attention {
  margin-top: 1rem;
  font-size: .8125em;
  list-style: none;
}

.lst__attention > li {
  text-indent: -1em;
  margin-bottom: .5rem;
  padding-left: 1em;
}

@keyframes rotateAnimation {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotateAnimation2 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.nav__global {
  padding-inline: .125rem;
}

.nav__store {
  justify-content: center;
  column-gap: 1.25rem;
  max-width: 80%;
  margin-inline: auto;
  display: flex;
}

@media screen and (width >= 641px) {
  .nav__store {
    max-width: 425px;
  }
}

dl.nav__pill dt {
  color: #333;
  font-size: .75rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.5;
}

@media screen and (width >= 641px) {
  dl.nav__pill dt {
    font-size: 1rem;
  }
}

dl.nav__pill dt + dd {
  margin-block-start: .875rem;
}

@media screen and (width >= 641px) {
  dl.nav__pill dt + dd {
    margin-block-start: 1.5rem;
  }
}

dl.nav__pill ul, ul.nav__pill {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

@media screen and (width >= 641px) {
  dl.nav__pill ul, ul.nav__pill {
    column-gap: 1rem;
  }
}

@media screen and (width <= 640px) {
  dl.nav__pill ul > li, ul.nav__pill > li {
    flex: 1;
  }
}

dl.nav__pill ul > li.is-active a, ul.nav__pill > li.is-active a {
  background-color: var(--color-background-dark);
  color: var(--color-text-white);
}

dl.nav__pill ul a, ul.nav__pill a {
  background-color: var(--color-background-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  color: var(--color-text-corporate);
  font-size: .75rem;
  font-weight: var(--font-weight-bold);
  filter: drop-shadow(0 2px #00234426);
  justify-content: center;
  align-items: center;
  padding: .5rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

@media screen and (width >= 641px) {
  dl.nav__pill ul a, ul.nav__pill a {
    min-width: 10rem;
    padding: 1rem 1.5rem;
    font-size: 1rem;
  }
}

dl.nav__check {
  margin-block-end: .25rem;
}

dl.nav__check > div:before {
  content: "";
  border: 1px solid var(--color-border);
  margin-block-end: .875rem;
  display: block;
}

@media screen and (width >= 641px) {
  dl.nav__check > div:before {
    margin-block-end: 1.5rem;
    margin-inline: 3.75rem;
  }
}

dl.nav__check dt {
  color: #333;
  font-size: .75rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.5;
}

@media screen and (width >= 641px) {
  dl.nav__check dt {
    font-size: 1rem;
  }
}

dl.nav__check dt + dd {
  margin-block-start: .875rem;
}

@media screen and (width >= 641px) {
  dl.nav__check dt + dd {
    margin-block-start: 1.5rem;
  }
}

dl.nav__check ul, ul.nav__check {
  row-gap: .5rem;
  display: flex;
}

@media screen and (width <= 640px) {
  dl.nav__check ul, ul.nav__check {
    flex-direction: column;
  }
}

@media screen and (width >= 641px) {
  dl.nav__check ul, ul.nav__check {
    flex-wrap: wrap;
    gap: 1.25rem;
  }
}

dl.nav__check ul > li, ul.nav__check > li {
  display: flex;
}

@media screen and (width >= 641px) {
  dl.nav__check ul > li, ul.nav__check > li {
    flex: 0 0 calc(50% - .625rem);
  }
}

dl.nav__check ul > li:has(.is-hidden) {
  display: none;
}

ul.nav__check > li:has(.is-hidden) {
  display: none;
}

dl.nav__check ul a, ul.nav__check a {
  background-color: var(--color-background-white);
  border: 1px solid var(--color-border);
  color: var(--color-text-corporate);
  font-size: .75rem;
  font-weight: var(--font-weight-bold);
  border-radius: .1875rem;
  flex-grow: 1;
  align-items: center;
  column-gap: .5rem;
  padding: .25rem .75rem;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

@media screen and (width >= 641px) {
  dl.nav__check ul a, ul.nav__check a {
    justify-content: space-between;
    min-height: calc(2lh + 1rem);
    padding: .5rem 1.25rem;
    font-size: 1rem;
  }
}

dl.nav__check ul a:before, dl.nav__check ul a:after, ul.nav__check a:before, ul.nav__check a:after {
  aspect-ratio: 1;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 1rem;
}

@media screen and (width >= 641px) {
  dl.nav__check ul a:before, dl.nav__check ul a:after, ul.nav__check a:before, ul.nav__check a:after {
    width: 1.125rem;
  }
}

@media screen and (width <= 640px) {
  dl.nav__check ul a:after, ul.nav__check a:after {
    margin-inline-start: auto;
  }
}

dl.nav__check ul a.is-check:before, ul.nav__check a.is-check:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23006c60%22%20d%3D%22m1.08%204.16.8-.8L3.2%204.65l2.92-2.91.81.8-3.72%203.7-2.12-2.09Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

dl.nav__check ul a[data-target="plus-s"]:after, ul.nav__check a[data-target="plus-s"]:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23006c60%22%20d%3D%22M18.05%209.01h1.98c0-2.75-2.22-4.98-4.96-4.98v1.99c1.64%200%202.97%201.34%202.97%202.99ZM15.08.04v1.99c3.84%200%206.94%203.12%206.94%206.98H24c0-4.95-4-8.97-8.92-8.97Zm-2.49%209.61c1.14%200%202.07.93%202.07%202.08v9.08c0%201.14-.93%202.08-2.07%202.08H5.13c-1.14%200-2.07-.93-2.07-2.08v-9.08c0-1.14.93-2.08%202.07-2.08h7.46Zm0-2.08H5.13C2.86%207.57%201%209.44%201%2011.72v9.08c0%202.28%201.86%204.15%204.13%204.15h7.46c2.27%200%204.13-1.87%204.13-4.15v-9.08c0-2.28-1.86-4.15-4.13-4.15Zm-3.41%203.62c-.57%200-1.03.47-1.03%201.04s.46%201.04%201.03%201.04%201.03-.47%201.03-1.04-.46-1.04-1.03-1.04Zm2.85%200c-.57%200-1.03.47-1.03%201.04s.46%201.04%201.03%201.04%201.03-.47%201.03-1.04-.46-1.04-1.03-1.04Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

dl.nav__check ul a[data-target="plus"]:after, ul.nav__check a[data-target="plus"]:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23006c60%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.83%2022.06v-7.85h.01c.36.05.72.04%201.08.02.3-.01.61-.03.91%200v7.99c0%20.48-.19.9-.57%201.27-.38.35-.81.54-1.28.54H2.85c-.49%200-.92-.18-1.29-.55A1.7%201.7%200%200%201%201%2022.21V8.47c0-.46.19-.89.55-1.26.36-.38.8-.56%201.29-.56h5.44c0-.68.56-1.23%201.25-1.23h1.74V3.15H9.18c-.61%200-1.11-.48-1.11-1.09S8.56.97%209.18.97h6.33c.61%200%201.11.48%201.11%201.09s-.49%201.09-1.11%201.09h-2.09v2.27h1.74c.69%200%201.25.55%201.25%201.23v.62c2.18.42%203.83%202.33%203.83%204.63h-1.89c0-1.57-1.26-2.83-2.83-2.83v-.46H2.98v13.46h17.84ZM8.64%2015.27c0-.91.31-1.69.92-2.29.61-.6%201.4-.9%202.33-.9s1.72.3%202.34.9c.62.6.94%201.38.94%202.29s-.32%201.69-.94%202.3c-.62.61-1.41.92-2.34.92s-1.72-.31-2.33-.92c-.61-.61-.92-1.39-.92-2.3ZM24%2011.89h-1.89c0-3.65-2.95-6.6-6.6-6.6V3.4C20.2%203.4%2024%207.2%2024%2011.89Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

dl.nav__check ul a[data-target="car"]:after, ul.nav__check a[data-target="car"]:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23006c60%22%20d%3D%22M16.01%204.09v2c1.65%200%203%201.34%203%203h2c0-2.76-2.24-4.99-4.99-4.99Zm0-4v2c3.87%200%206.99%203.13%206.99%206.99h2c.01-4.96-4.02-8.99-8.99-8.99Zm2.53%2011.41h-.81c-.08-.21-.15-.4-.19-.51-.6-2.01-2.38-3.3-4.54-3.3H7.78c-2.11%200-3.93%201.32-4.54%203.3-.03.11-.1.31-.19.51h-.81C1%2011.5-.01%2012.51-.01%2013.75v1.02c0%20.77.38%201.45.97%201.85v5.49c0%201.63%201.17%202.79%202.81%202.8h.87c1.46-.02%202.54-.97%202.73-2.36h6.01c.2%201.38%201.27%202.34%202.73%202.36h.87c1.64-.01%202.8-1.17%202.81-2.8v-5.49c.58-.41.97-1.08.97-1.85v-1.02c0-1.24-1.01-2.25-2.25-2.25h.02Zm.48%203.26c0%20.26-.22.48-.48.48h-.72c.19.34.23.76.23%201.19v5.67c0%20.69-.36%201.04-1.05%201.04h-.84c-.63%200-1-.36-1.01-1.01v-1.35H5.66v1.35c-.02.65-.37%201-1.01%201.01h-.84c-.69%200-1.04-.36-1.05-1.04v-5.67c0-.43.04-.84.23-1.19h-.72c-.26%200-.48-.22-.48-.48v-1.02c0-.26.22-.48.48-.48h1.98s.55-1.26.71-1.77c.37-1.22%201.5-2.04%202.84-2.04h5.22c1.38%200%202.47.82%202.84%202.04.16.51.67%201.77.71%201.77h1.98c.26%200%20.48.22.48.48v1.02Zm-4.55-3.38c-.21-.6-.54-.79-1.11-.79H7.37c-.47%200-.79.19-.96.61-.28.73-.52%201.28-.79%202.04h9.56c-.06-.18-.53-1.33-.71-1.86Zm-8.84%204.74c-.77%200-1.35.58-1.35%201.36s.57%201.35%201.35%201.35%201.36-.58%201.36-1.35c0-.37-.14-.72-.4-.97-.25-.25-.59-.4-.97-.4Zm9.54%200h-.03c-.78.02-1.34.6-1.33%201.38%200%20.77.58%201.33%201.36%201.33.38%200%20.73-.15.98-.4.25-.26.38-.6.37-.98-.01-.75-.6-1.33-1.35-1.33Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

dl.nav__check ul a[data-target="house"]:after, ul.nav__check a[data-target="house"]:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23006c60%22%20d%3D%22M16.77%2014.95v1.23h-1.23v1.49h1.23v1.23h1.49v-1.23h1.23v-1.49h-1.23v-1.23h-1.49ZM12.5%202.38%201.04%2011.11l1.21%201.61%201.92-1.47v9.87h8.47l-.12-.33a3.98%203.98%200%200%201-.17-.68c-.03-.25-.07-.52-.1-.78l-.03-.22H6.16V9.72l6.32-4.81%2010.25%207.81%201.21-1.58L12.5%202.38Zm5.01%209.32-4.36%201.64-.08.03v3.28c0%201.35.41%202.61%201.2%203.74.81%201.14%201.86%201.88%203.12%202.2l.12.03.12-.03c1.26-.32%202.31-1.05%203.12-2.2.79-1.13%201.2-2.39%201.2-3.74v-3.28l-4.4-1.65-.04-.02Zm2.7%204.95c0%20.97-.27%201.85-.8%202.64-.51.73-1.13%201.24-1.9%201.53-.76-.29-1.41-.8-1.9-1.53-.54-.78-.8-1.67-.8-2.64v-2.07l2.71-1.02%202.71%201.02v2.07Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.tab-content {
  display: none;
}

.tab-content.is-active {
  display: block;
}

.nav__attention {
  font-size: .8125em;
}

.nav__attention > a {
  text-decoration: none;
}

.nav__attention > a:link, .nav__attention > a:visited, .nav__attention > a:hover, .nav__attention > a:active {
  color: inherit;
}

.nav__toIndex {
  z-index: 10000;
  width: 100%;
  position: sticky;
  inset: auto auto 0 0;
}

.nav__toIndex > .container {
  position: relative;
}

.nav__toIndex a {
  aspect-ratio: 1;
  background-color: var(--color-background-dark);
  border: 1px solid var(--color-border-white);
  color: var(--color-text-white);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: .25rem;
  width: 3rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto .625rem .625rem auto;
}

@media screen and (width >= 641px) {
  .nav__toIndex a {
    width: 3.25rem;
    inset: auto 0 1rem auto;
  }
}

.nav__toIndex a:before {
  aspect-ratio: 2;
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%227%22%20viewBox%3D%220%200%2014%207%22%3E%3Cpolygon%20points%3D%2214%206.27%207.02%200%207.02%200%207.02%200%200%206.24%20.67%206.97%207.01%201.33%2013.33%207%2014%206.27%22%20style%3D%22fill%3A%20%23fff%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.25rem;
}

.box__contents {
  background-color: var(--color-background-white);
  border-radius: var(--radius-corner);
  padding: 2.5rem;
  box-shadow: 0 0 40px #0023440d;
  container-type: inline-size;
}

@media screen and (width >= 641px) {
  .box__contents {
    padding: 3.75rem;
  }
}

.box__contents.--movie {
  aspect-ratio: 896 / 504;
  z-index: 1000;
  width: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.box__contents > dl {
  gap: .5rem 1.5rem;
  display: flex;
}

@media screen and (width <= 640px) {
  .box__contents > dl {
    flex-direction: column;
  }
}

@media screen and (width >= 641px) {
  .box__contents > dl {
    align-items: center;
  }

  @container (width <= 700px) {
    .box__contents > dl {
      flex-wrap: wrap;
    }
  }
}

.box__contents > dl > div {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.box__contents > dl > div > dt {
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
  letter-spacing: .05em;
  line-height: 1.6;
}

@media screen and (width >= 641px) {
  .box__contents > dl > div > dt {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

.box__contents > dl > div > dd {
  letter-spacing: .02em;
  font-size: .875rem;
  line-height: 2;
}

@media screen and (width >= 641px) {
  .box__contents > dl > div > dd {
    font-size: 1rem;
  }
}

.box__contents > dl > dd {
  flex-basis: 263px;
  align-self: center;
}

@media screen and (width >= 641px) {
  .box__contents > dl > dd {
    flex-basis: 375px;
    min-width: min(26.0417vw, 375px);
    margin-inline: auto;
  }
}

body {
  background-color: var(--color-background);
  color: var(--color-text);
  /*font-family: var(--font);*/
  min-width: var(--size-width-min);
}

.container {
  max-width: var(--size-width-max);
  margin-inline: auto;
  padding-inline: 1rem;
}

@media screen and (width >= 641px) {
  .container {
    padding-inline: 2.5rem;
  }
}

@media screen and (width <= 640px) {
  :where(header) {
    z-index: 4000;
    inset: 0 0 auto;
    box-shadow: 0 0 2px #006c60;
  }
}

:where(header) .blk__logo {
  padding: 1.25rem .25rem;
}

@media screen and (width <= 640px) {
  :where(header) .blk__logo {
    width: 12.5rem;
  }
}

@media screen and (width >= 641px) {
  :where(header) .blk__logo {
    padding: 1.875rem 0;
  }
}

:where(main) {
  padding-block-end: 3.5rem;
}

@media screen and (width >= 641px) {
  :where(main) {
    padding-block-end: 6.25rem;
  }
}

:where(main) .blk__mainvisual {
  flex-direction: column;
  margin-block-start: var(--header-height);
  display: flex;
}

@media screen and (width <= 640px) {
  :where(main) .blk__mainvisual {
    background-color: var(--color-background-dark);
    row-gap: .875rem;
    margin-block-end: clamp(3.125rem, 16.4286vw - .5714rem, 6rem);
    margin-inline: -1rem;
    padding: 2rem 1.5rem 0;
  }
}

@media screen and (width >= 641px) {
  :where(main) .blk__mainvisual {
    background-color: var(--color-background-dark);
    border-radius: var(--radius-corner);
    justify-content: center;
    align-items: flex-start;
    row-gap: min(2.77778vw, 40px);
    height: min(34.7222vw, 500px);
    padding: min(2.22222vw, 32px) min(1.66667vw, 24px) min(2.22222vw, 32px) min(8.05556vw, 116px);
    position: relative;
  }
}

:where(main) .blk__mainvisual > .heading {
  color: var(--color-text-white);
  flex-direction: column;
  display: flex;
}

@media screen and (width <= 640px) {
  :where(main) .blk__mainvisual > .heading {
    align-items: center;
    row-gap: .75rem;
  }
}

@media screen and (width >= 641px) {
  :where(main) .blk__mainvisual > .heading {
    row-gap: min(.833333vw, 12px);
  }
}

:where(main) .blk__mainvisual > .heading > :where(h1) {
  font-weight: var(--font-weight-bold);
  letter-spacing: -.04em;
}

@media screen and (width <= 640px) {
  :where(main) .blk__mainvisual > .heading > :where(h1) {
    text-align: center;
    font-size: clamp(1.25rem, 7.5472vw - .5189rem, 2.5rem);
  }
}

@media screen and (width >= 641px) {
  :where(main) .blk__mainvisual > .heading > :where(h1) {
    font-size: min(3.88889vw, 3.5rem);
  }
}

@media screen and (width <= 640px) {
  :where(main) .blk__mainvisual > .heading > :where(h1) > br {
    display: none;
  }
}

:where(main) .blk__mainvisual > .heading > :where(p) {
  font-size: clamp(.625rem, .1429rem + 2.1429vw, 1rem);
  font-weight: var(--font-weight-bold);
  order: -1;
  line-height: 2;
}

@media screen and (width >= 641px) {
  :where(main) .blk__mainvisual > .heading > :where(p) {
    font-size: min(1.11111vw, 1rem);
  }
}

:where(main) .blk__mainvisual > .heading > :where(p) > :where(em) {
  background-color: #f89044;
  margin-inline-end: .25rem;
  padding: .5rem;
  font-style: normal;
  line-height: 1;
}

@media screen and (width >= 641px) {
  :where(main) .blk__mainvisual > .heading > :where(p) > :where(em) {
    margin-inline-end: min(.277778vw, 4px);
    padding: min(.555556vw, 8px);
  }
}

@media screen and (width <= 640px) {
  :where(main) .blk__mainvisual > :where(picture) {
    margin: 0 auto calc(-1 * clamp(1.25rem, 7.1429vw - .3571rem, 2.5rem));
    width: clamp(15.625rem, 82.1429vw - 2.8571rem, 30rem);
    margin: 0 auto calc(-1 * clamp(3.125rem, 16.4286vw - .5714rem, 6rem));
  }
}

@media screen and (width >= 641px) {
  :where(main) .blk__mainvisual > :where(picture) {
    z-index: 4001;
    width: min(48.6111vw, 700px);
    position: absolute;
    inset: max(-3.47222vw, -50px) min(3.47222vw, 50px) auto auto;
  }
}

@media screen and (width <= 640px) {
  :where(main) .blk__mainvisual + .nav__global {
    padding-block-start: .5rem;
  }
}

@media screen and (width >= 641px) {
  :where(main) .blk__mainvisual + .nav__global {
    margin-block-start: clamp(4rem, 10vw, 9rem);
  }
}

:where(main) .nav__global + .blk__section {
  margin-block-start: 2.5rem;
}

@media screen and (width >= 641px) {
  :where(main) .nav__global + .blk__section {
    margin-block-start: 6.25rem;
  }

  :where(main) .blk__section .nav__global {
    inset: var(--header-height) auto auto 0;
    margin-inline-start: -208px;
    position: sticky;
  }

  :where(main) .blk__section .nav__global > :where(ul) {
    position: absolute;
    inset: 0 auto auto 0;
  }
}

:where(main) .blk__section > :where(section) {
  outline: 0;
  flex-direction: column;
  row-gap: 1.5rem;
  display: flex;
}

@media screen and (width >= 641px) {
  :where(main) .blk__section > :where(section) {
    row-gap: 2.5rem;
    width: 56rem;
    max-width: 100%;
    margin-inline: auto;
  }
}

:where(main) .blk__section > :where(section) :where(h2) {
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.5;
}

@media screen and (width >= 641px) {
  :where(main) .blk__section > :where(section) :where(h2) {
    font-size: 2.125rem;
  }
}

:where(main) .blk__section > :where(section) .txt__lead {
  color: var(--color-text-corporate);
  font-size: 1.125rem;
  font-weight: var(--font-weight-bold);
  font-family: Overpass, sans-serif;
  line-height: 1.2;
}

@media screen and (width >= 641px) {
  :where(main) .blk__section > :where(section) .txt__lead {
    font-size: 1.75rem;
  }
}

:where(main) .blk__section > :where(section) > .contents {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

@media screen and (width >= 641px) {
  :where(main) .blk__section > :where(section) > .contents {
    row-gap: 1.5rem;
  }
}

:where(main) .blk__section > :where(section) + :where(section) {
  margin-block-start: 5rem;
}

@media screen and (width >= 641px) {
  :where(main) .blk__section > :where(section) + :where(section) {
    margin-block-start: 5.625rem;
  }
}

:where(main) .blk__section #manual {
  background-color: var(--color-background-white);
  border-radius: var(--radius-corner);
  padding: 1.5rem .75rem 2rem;
}

@media screen and (width >= 981px) {
  :where(main) .blk__section #manual {
    padding: 3rem 1.5rem 3.5rem;
  }
}

:where(main) .blk__section #manual :where(h2) {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
  display: flex;
}

@media screen and (width <= 640px) {
  :where(main) .blk__section #manual :where(h2) {
    font-size: 1.125rem;
  }
}

:where(main) .blk__section #manual :where(h2) > small {
  column-gap: .5rem;
  font-size: .75rem;
  line-height: 1;
  display: flex;
}

:where(main) .blk__section #manual :where(h2) > small:before, :where(main) .blk__section #manual :where(h2) > small:after {
  content: "";
  width: .5rem;
}

:where(main) .blk__section #manual :where(h2) > small:before {
  background-image: linear-gradient(to bottom left, #0000 calc(50% - 1px), #333 50%, #0000 calc(50% + 1px));
}

:where(main) .blk__section #manual :where(h2) > small:after {
  background-image: linear-gradient(to bottom right, #0000 calc(50% - 1px), #333 50%, #0000 calc(50% + 1px));
}

@media screen and (width >= 641px) {
  :where(main) .blk__section #manual :where(h2) > small {
    font-size: 1rem;
  }
}

:where(main) .blk__section #manual .txt__lead {
  color: var(--color-text);
  font-size: .75rem;
  font-weight: var(--font-weight-normal);
  line-height: 1.2;
  /*font-family: var(--font);*/
  text-align: center;
}

@media screen and (width >= 641px) {
  :where(main) .blk__section #manual .txt__lead {
    font-size: 1rem;
  }

  :where(main) .blk__section #faq > .contents {
    row-gap: 2.75rem;
  }
}

:where(main) .blk__section #faq > .contents .blk__button {
  justify-content: center;
  display: flex;
}

:where(footer) {
  background-color: var(--color-background-dark);
  justify-content: center;
  display: flex;
}

:where(footer) .copyright {
  color: var(--color-text-white);
  font-size: .5rem;
  font-weight: var(--font-weight-bold);
  padding-block: 1.0625rem;
  line-height: 1.5;
}

@media screen and (width >= 641px) {
  :where(footer) .copyright {
    padding-block: .875rem;
    font-size: .875rem;
    line-height: 1.7;
  }
}

.d-hidden {
  display: none;
}

@media screen and (width <= 640px) {
  .d-hidden--sm {
    display: none;
  }
}

@media screen and (width >= 641px) {
  .d-hidden--md {
    display: none;
  }
}

.d-block {
  display: block;
}

@media screen and (width <= 640px) {
  .d-block--sm {
    display: block;
  }
}

@media screen and (width >= 641px) {
  .d-block--md {
    display: block;
  }
}

.d-flex {
  display: flex;
}

@media screen and (width <= 640px) {
  .d-flex--sm {
    display: flex;
  }
}

@media screen and (width >= 641px) {
  .d-flex--md {
    display: flex;
  }
}

.d-inherit {
  display: inherit;
}

@media screen and (width <= 640px) {
  .d-inherit--sm {
    display: inherit;
  }
}

@media screen and (width >= 641px) {
  .d-inherit--md {
    display: inherit;
  }
}

/*# sourceMappingURL=index.css.map */

#faq {
  background: #f1f6f6;
}
.f_inner {
  max-width: 1200px;
  margin: 0 auto;
}
.blk__button {
  max-width: 400px;
  margin: 0 auto 0;
}
.u_cont {
  background: #f1f6f6;
  padding: 50px 0 10px;
}
@media screen and (max-width: 769px) {
  #faq {
  padding: 0 4vw;
}
}

.rtxt {
  max-width: 1200px;
  margin: 20px auto 0;
  text-align: right;
  font-size: 16px;
}

@media screen and (max-width: 769px) {
  .rtxt {
      max-width: 90%;
      margin: 20px auto 0;
      text-align: right;
      font-size: 3.466vw;
  }
}