@charset "utf-8";
/*------------メインスライド----------------*/
.main_slider_wrap{position: relative;}

.main_slider {
	width:100%;
	height:auto;
    top: 0;
    right: 0;
}
/* */
.main_slider:before {
  content: "";
  display: block;
  padding-top:44vw; 
}
@media screen and (max-width: 767px) {
.main_slider:before {
  padding-top:160vw; 
}
}
.main_slider .swiper-wrapper {
  position: absolute; 
  top: 0;
	    right: 0;
    width: 100%;
}

.main_slider .swiper-slide {
	width:100%;
}

.main_txt {
	position:absolute;width: 100%;
	top: 150px;
	z-index:1;
}
.main_txt .site_wrapper{height: 36vw;}
@media screen and (max-width: 767px) {
	.main_txt {
		width: 100%;
	top: 30px;

	text-align: left;}
}
.main_txt_01 {
}
@media screen and (max-width: 767px) {
	.main_txt_01 {
			max-width: 70%;
		margin: 0 0 0 15px;
}
}
.main_txt_02 {
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (max-width: 767px) {
.main_txt_02 {
	max-width: 50%;
	bottom: auto;
	top: 130%;
	left: 15px;
	right: auto;
}
}
.sp_slider{
	padding-bottom: 260px;
}
.sp_logo{
	background: #fff;
	padding: 10px 20px;
	display: inline-block;
}




.top_main_btn{margin: 80px 0;}
.top_main_btn a{display: block;text-align: center;color: #fff;border-radius: 10px;padding: 20px;font-size: 2.0rem;font-weight: bold;
background-image: url("../img/common/arrow_01.png");
background-position: right 20px center;
background-repeat: no-repeat;
box-shadow: var(--shadow);
}

.top_main_btn a.btn_01{background-color: var(--main);}
.top_main_btn a.btn_02{background-color: var(--sub);}

@media screen and (max-width: 767px) {
.top_main_btn{margin: 40px 15px;}
.top_main_btn a{padding: 15px;
}

	
	
}

.bg_or_01{width: 100%;height: 620px;position: absolute;left: 0;top: 0;z-index: -1;background: var(--gradation);}





.top_what_list > li{position: relative;border-radius: 10px;border: 2px solid var(--sub);padding: 40px;text-align: center;}
.top_what_list > li:nth-child(1):before{content: '';
	position: absolute;
	top: -40px;left: 30px;
  display: inline-block;
  width: 80px;
  height: 80px;
  background-image: url( "../img/top/point_01.png");background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;}
.top_what_list > li:nth-child(2):before{content: '';
	position: absolute;
	top: -40px;left: 30px;
  display: inline-block;
  width: 80px;
  height: 80px;
  background-image: url( "../img/top/point_02.png");background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;}

@media screen and (max-width: 767px) {
	.top_what_list > li{padding: 15px;margin-bottom: 60px;}
	.top_what_list > li:nth-child(1):before{ width: 60px;  height: 60px;top: -30px;left: 15px;}
	.top_what_list > li:nth-child(2):before{ width: 60px;  height: 60px;top: -30px;left: 15px;}
}

.feature{font-size: 1.8rem;}

.feature .tit{font-size: 3.0rem;}
.feature_pd_01{padding: 40px 0;}
.feature_pd_02{padding: 40px;}

@media screen and (max-width: 767px) {
.feature .tit{font-size: 2.4rem;}
.feature_pd_02{padding: 40px 0;}
}

.top_flow{position: relative;background: var(--gradation);}


.top_flow_list{position: relative;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

.top_flow_list dl{text-align: center;}
.top_flow_list dl dt{font-size: 2.4rem;color: #fff;}
.top_flow_list dl dd{margin-bottom: 20px;}
.top_flow_list dl dd figure{margin-bottom: 20px;}
.top_flow_list dl dd .num{background-color: #fff;border-radius: 5px;color: var(--sub);padding: 5px 15px;display: inline-block;}
@media screen and (max-width: 767px) {
.top_flow_list dl{margin-bottom: 60px;}
	.top_flow_list dl dd figure{max-width: 180px;margin: 0 auto 20px auto;}
}

.top_plan_list {text-align: center;}
.top_plan_list.about {text-align: left;}
.top_plan_list li{background-color: var(--bgw);border: 2px solid var(--sub);border-radius: 10px;box-shadow: var(--shadow);padding: 30px;}
.top_plan_list.about li{display: flex; gap: 0px 20px;}
.top_plan_list li figure{margin-bottom: 30px;}
.top_plan_list_txt{min-height: 80px;}
.top_plan_list_fee{font-size: 2.0rem;color: var(--sub);font-weight: bold;}


.bg_or_02{width: 100%;height: 395px;position: absolute;left: 0;top: 0;z-index: -1;background: var(--gradation);}
.top_search{position: relative;padding: 80px 0 0 0;}

.top_search_inbox{background: var(--bgw);border-radius: 10px;padding: 50px 50px 0 50px;}

@media screen and (max-width: 767px) {
.bg_or_02{width: 100%;height: 50%;}
.top_search{position: relative;padding: 80px 5px 0 5px;}

	.top_search_inbox{padding: 15px;}
}
.top_search_inbox > dl {background: var(--bgw);border: 2px solid var(--sub);border-radius: 5px;margin-bottom: 50px;}
.top_search_inbox > dl:last-child{margin-bottom: 0;}
.top_search_inbox > dl > dt{color: #fff;background: var(--sub);font-weight: bold;font-size: 2.4rem;padding: 15px 20px;}
.top_search_inbox > dl > dd{padding: 50px 30px;}
@media screen and (max-width: 767px) {
.top_search_inbox > dl > dd{padding: 30px 15px;}
}


.top_search_list_01{margin-bottom: 50px;}
.top_search_list_01 > ul{position: relative;
display: flex;justify-content: space-around;}

.top_search_list_01 > ul >li{position: relative;width: calc(100%/4);border-right: 1px dotted var(--gray2);}
.top_search_list_01 > ul >li:nth-child(1){border-left: 1px dotted var(--gray2);}
.top_search_list_01 > ul >li a{display: block;text-align: center;padding: 10px;font-weight: bold;font-size: 1.8rem;}
.top_search_list_01 > ul >li a span{display: inline-block;position: relative;}
.top_search_list_01 > ul >li a span::before{display: inline-block;position: relative;content: "";top: 3px;left: -10px;background: url("../img/common/arrow_02.png") no-repeat left center;width: 20px;height: 20px;}

@media screen and (max-width: 767px) {
.top_search_list_01{margin-bottom: 20px;}
	.top_search_list_01 > ul{flex-wrap: wrap;}
	.top_search_list_01 > ul >li{width: 100%; border-top: 1px dotted var(--gray2);border-right: none;}
	.top_search_list_01 > ul >li:nth-child(1){border: none;}
	.top_search_list_01 > ul >li a{text-align: left;padding: 20px 10px;}
}


.top_search_list_02 > ul {position: relative;
display: flex;flex-wrap: wrap;
	justify-content: flex-start;align-items: center;gap: 25px 25px;
}
.top_search_list_02 > ul > li{width: 31.7%;line-height: 1.1;}
.top_search_list_02 > ul > li a{background: url( "../img/common/arrow_02.png")no-repeat right 15px center;display: block;border-radius: 5px;border: 2px solid var(--sub);padding: 15px 20px;font-weight: bold;font-size: 1.8rem;}

@media screen and (max-width: 767px) {
	
.top_search_list_02 > ul {position: relative;
display: flex;flex-wrap: wrap;
	justify-content: flex-start;align-items: center;gap: 15px 15px;
}
.top_search_list_02 > ul > li{width: 100%;}
.top_search_list_02 > ul > li a{}
	
}


.top_search_list_03 > ul{position: relative;
display: flex;flex-wrap: wrap;
	justify-content: flex-start;align-items: center;gap: 15px 15px;}
.top_search_list_03 > ul > li a{background: var(--gray);display: inline-block;padding: 5px 15px;border-radius: 20px;}