@charset "utf-8";
/*----------------------------------共通--------------------------------------*/
.sp{ display: none; }
[id]{ scroll-margin-top: 150px; }
body{min-width: 1300px;}
body{ width: 100%; height: auto; position: relative; }
/*
body .mover_box{overflow: hidden; position: fixed; z-index: -1; top: 0%; right: 0px; left: 0px; width: 100%; height: 100%; }
body .mover_box:before{ z-index: 5; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: linear-gradient(180deg,rgba(22, 53, 181, 1) 0%, rgba(71, 175, 198, 1) 100%); opacity: 0.6; }

.mover_track{ animation: moverPic 80s linear infinite; opacity: 1; height: 100vh; display: flex; will-change: transform; }
.mover_pic{ height: 100vh; width: 150vw; max-width: initial; object-fit: cover; flex-shrink: 0; }
@keyframes moverPic{
	0%{
		transform: translateX(0);
		opacity: 0;
	}
	5%{
		opacity: 1;
	}
	80%{
		opacity: 0.9;
	}
	100%{
		transform: translateX(-50%);
		opacity: 0;
		
	}
}
*/
body .mover_box{overflow: hidden; position: fixed; z-index: -1; top: 0%; right: 0px; left: 0px; width: 100%; height: 100%; background: url(../image/bg_9.jpg) no-repeat center center; background-size: cover;}
body .mover_box .mover_track{display: none;}


#scroll{position: fixed;bottom: 30px; right: 30px; z-index: 1000; transition: 0.5s;}
#scroll a{background: #ffffff; border-radius: 100px; width: 63px ;height: 63px; position: relative;  display: block;transition: 0.5s; }
#scroll a:before{content: ""; display: block; top: 52%; left: 50%; transform: translate(-50%,-50%) rotate(-135deg); -webkit-transform: translate(-50%,-50%) rotate(-135deg); width:  10px; height: 10px; border-bottom: 2px solid #405696;border-right: 2px solid #405696; position: absolute;transition: 0.5s;}

#scroll:after{background:#fff;background-clip: padding-box; width: 75px ;height: 75px; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%) ;top: 50%; left: 50%; position: absolute; content: ""; display: block;border-radius: 100px; z-index: -1; transition: 0.5s; opacity: .0;}
#scroll.thumb-hover:after{transition: 0.5s;  opacity: .5;}


.explanation_link{display: block; padding: 25px 0 25px 40px; position: relative; box-shadow: -10px -10px 20px 5px rgba( 255,255,255,0.2); border-radius: 100px;  background: #f1f5f9; font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; margin: 53px 0 0; color: #2952a7; transition: 0.5s; }

.explanation_link span{ position: absolute; border-radius: 100px; width: 44px; height: 44px; display: block; background: linear-gradient(140deg, #31b9a2 10%, #222c8f 50%); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 9px; background-position: 5% 50%; background-size: 200% 200%; transition: 0.5s; overflow: hidden;}

.explanation_link span:after{content: ""; display: block; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 50%; left: 48%; transform: translate(-50%,-50%) rotate(-45deg); -webkit-transform: translate(-50%,-50%) rotate(-45deg); z-index: 2}

.explanation_link span:before{content: ""; display: block; background: linear-gradient(140deg, #31b9a2 40% , #222c8f 100%); position: absolute; z-index: 1; top: 0px; right: 0px; width: 100%; height: 100%; border-radius: 100px; transform: translateX(-100%);   transition: transform ease .3s;}
.explanation_link.thumb-hover span:before{transform: translateX(0%); transition: transform ease .3s;}

/*--------------- ホバーボタン --------------*/
 a.btn{display: block; width: 180px; font-size: 14px; text-align: center; padding: 18px 0; border-radius: 1000px; margin: 0 0 24px; transition: 0.5s; font-family: 'Noto-Sans-JP-Medium';}
 a.btn.white{background: #fff; color: #001b8b;  margin: 0 0 19px; position: relative; }
 a.btn.white:before{content: ""; display: block; position: absolute;z-index: -1; background:  #fff;border-radius: 1000px; width: 190px; height: 60px; opacity: 0; top: -5px; left: -5px;transition: all 0.5s ease-out;}
 a.btn.blue{color: #ffffff; background: linear-gradient(90deg, #009bed 0%, #001b8b 30%, #001b8b 70%,#09b794 90% );background-position: 10% 50%; background-size: 200% auto;transition: all 0.5s ease-out; }
 a.btn.white.thumb-hover:before{opacity: 0.5;}
 a.btn.blue.thumb-hover{ transition: all 0.5s ease-out; background-position: 90% 50%;}
 
 a.btn.top_btn{width: 171px;  font-size: 14px; padding: 18px 0;margin: 92px auto 113px ;}
 a.btn.top_btn:before{ width: 181px; height: 60px; }

 

.bg_white{background: #fff;}
.number_tt{font-family: poppins, sans-serif;font-style: normal; }


/*----------------------------------#navlink--------------------------------------*/
.mini_tt{padding: 7px 0 0 19px; font-family: poppins, sans-serif; font-weight: 600; font-style: normal; line-height: 100%;}
.mini_tt.blue{color: #2952a7; background: url(../image/icn_1.png) no-repeat center left; background-size: 13px;}
.mini_tt.white{color: #ffffff; background: url(../image/icn_2.png) no-repeat center left; background-size: 13px;}
.title_box h3{ font-family: 'Noto-Sans-JP-Medium'; font-size: 48px; line-height: 180%;letter-spacing: 0.1em;}

/*----------------------------------#news--------------------------------------*/
.flex_box{display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0 8px;}

.flex_box.white_box{border-bottom: 1px solid #fff;color: #ffffff;}

.list_menu{display: flex; padding: 65px 0 10px; max-width: 1244px; margin: 0 auto;} 

.news{padding: 110px 0 102px; width: 100%; height: auto; /* background: url(../image/bg_4.jpg) no-repeat center top; background-size: cover; */}
.news ul.list_menu li{width: 282px; height: 289px; transition: 0.5s;}
.news ul.list_menu li .img{border-radius: 28px; border: 2px solid #fff;overflow: hidden; will-change: transform; /}
.news ul.list_menu li .img img{width: 100%; height: auto; transition:0.3s;transform-origin: center center; }
.news ul.list_menu li.thumb-hover img{transform:scale(1.1);transition:0.3s;}
.news ul.list_menu li:not(:last-child){ margin: 0 2.8% 0 0;}
.news ul.list_menu li .box{width: 100%; height: auto; }
.news ul.list_menu li .box p.data{font-size: 14px; color: #fff; font-family: 'Noto-Sans-JP-Medium'; padding: 19px 0 6px; line-height: 173%;}
.news ul.list_menu li .box p.data .new{color: #2952a7;font-size: 14px; display: inline-block; padding:7px 13px 4px; font-weight: 600; border-radius: 100px; background: #fff; margin: 0 15px 0 0; line-height: 100%;}
.news ul.list_menu li .box h4{color: #fff;font-family: 'Noto-Sans-JP-Medium'; line-height: 180%; padding: 0 0 5px; transition: 0.5s;display: inline; text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news ul.list_menu li.thumb-hover .box h4{ background:linear-gradient(transparent 96%, #fff 0%);}

	/*----------------------------------.voice--------------------------------------*/
	
	
.voice{padding: 133px 0; }
.voice ul.list_menu li{ width: 375px; height: auto; padding: 33px 35px 45px; border-radius: 30px;background: #f1f5f9; transition: 0.5s; position: relative;}
.voice ul.list_menu li.empty { margin: 0 auto; width: 100%; text-align: center;}
.voice ul.list_menu li:before{content: ""; display: block; border-radius: 30px; background:rgb(255, 255, 255, .5); opacity: 0;width: 105%; height: 104%; position: absolute; top:50%; left: 50%;z-index: -1; transition: 0.5s; transform: translate(-50%,-50%);}
.voice ul.list_menu li:not(:last-child){margin: 0 4.75% 0 0;}
.voice ul.list_menu li .img{width: 305px; overflow: hidden; border-radius: 15px; will-change: transform;}
.voice ul.list_menu li .img img{width: 100%; height: 100%; transition:0.3s;transform-origin: center center; object-fit: cover;aspect-ratio: 3/2;}
.voice ul.list_menu li.thumb-hover img{transform:scale(1.1);transition:0.3s;}

.voice ul.list_menu li .housing{font-size: 14px; font-family: 'Noto-Sans-JP-Medium'; color: #2952a7; background: #ffffff; border-radius: 100px; line-height: 100%; padding: 6px 14px 6px 15px; display: inline-block;width: auto; margin: 39px 0 0; text-align: center;}
.voice ul.list_menu li h4{font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; line-height: 180%; padding: 21px 0 0;}
.voice ul.list_menu li .text{ display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; font-size: 14px; line-height: 170%; padding: 28px 0 0;min-height: 0;}
.voice ul.list_menu li.thumb-hover:before{opacity: 0.8; transition: 0.5s;}

/*----------------------------------#navlink--------------------------------------*/
#navlink{padding: 400px 0 50px;}
#navlink.sab{padding: 194px 0 50px;}
#navlink h2{font-size: 20px; color: #fff; font-family: poppins, sans-serif; font-style: normal;font-weight: 600; line-height: 160%;}
#navlink h2 span{ font-size: 60px; font-family: 'Noto-Sans-JP-Medium'; line-height: 160%;}
#navlink .link_bt{margin: 41px 0 0 ;}
#navlink ul{ width: max-content; padding: 0 75px; justify-content: flex-end; margin: 0 0 0 auto;text-align: right;}
#navlink ul li{display: inline-block; position: relative; padding: 0 20px 0 15px }
#navlink ul li:after{ content: ""; position: absolute; width: 1px; height: 100%; background: #fff; transform: rotate(45deg) translate(0,-50%); right: 10px; top: 50%; }
#navlink ul li:last-of-type:after{ display: none; }
#navlink ul li a,
#navlink ul li span,
#navlink ul li p{  color: #fff; font-size: 14px; letter-spacing: 0.1em; }

/*----------------------------------header--------------------------------------*/
header{display: flex; justify-content: space-between; width: 100%; min-width: 1300px; position: fixed;top: 0px; left: 0px; right: 0px; padding: 23px 21px; z-index: 2000;}
header h1{border-radius: 100px; background: rgba(255,255,255,0.6); padding: 13px 10px;width: clamp(200px,14vw,266px); text-align: center; border: 1px solid #fff;}
header h1 img{display: inline-block;}
header nav{ max-width: 1100px; width: 86%; margin: 0 0 0 20px;display: flex; align-items: center;justify-content: flex-end; background: rgba(255,255,255,0.6); border-radius: 100px; padding: 6px 8px; border: 1px solid #fff; }
header nav ul{display: flex; justify-content: space-between;}
header nav ul.box_ul_1{ width: calc(100% - 460px);min-width: 550px; }
header nav ul li a{font-size: 16px; color: #000;display: inline-block; padding: 10px 0; transition: 0.5s;}
header nav ul li .list_nobu{display: none;}
header nav ul li a.header_link.thumb-hover{background: rgba(255,255,255,0.7);border-radius: 100px; box-shadow: 2px 2px 20px 5px rgba(0,0,0,0.1);transition: 0.5s; padding: 10px 10px;}
header nav ul li.link{ margin-left: 10px; }

header nav .header_box_two{display: none;}
header nav .header_box_two ul{ align-items: flex-start; justify-content: center;}
header nav ul.sale_box{flex-wrap: wrap;padding: 20px 21px; margin: 5px 0 0; }
header nav ul.sale_box li a{padding: 0 15px;font-size: 14px; transition: all 0.5s ease-out;}
header nav ul.sale_box li a.thumb-hover{ color: #14419f;}
header nav ul.sale_box li .header_top{margin: 0 0 13px;}
header nav ul.sale_box li .header_botton{}


.link .contact_btn{display: inline-block; border-radius: 100px; background: linear-gradient(90deg, #009bed 0%, #001b8b 30%, #001b8b 70%,#09b794 90% ); position: relative; padding: 18px 50px 18px 44px; color: #fff; transition: all 0.5s ease-out; background-position: 10% 50%; background-size: 200% auto;text-align: center;}
.link-color .contact_btn{ background: linear-gradient(90deg, #EAB501 0%, #EAB501 30%, #DD9612 70%,#FF5800 90% ); background-position: 10% 50%;background-size: 200% auto; }

.link .contact_btn.thumb-hover{ transition: all 0.5s ease-out; background-position: 90% 50%;}
.link .contact_btn.thumb-hover span{ transition: 0.5s;}
.link .contact_btn.thumb-hover span:after{ transition: 0.5s; }

.link .contact_btn span{border-radius: 100px; background: #fff; position: absolute; width: 26px;height: 26px; display: block;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); right: 17px; transition: 0.5s;}
.link .contact_btn span:after{content: ""; display: block; top: 50%;left: 48%;transform: translate(-50%,-50%) rotate(-45deg);-webkit-transform: translate(-50%,-50%) rotate(-45deg); border-bottom: 2px solid #2952a7; border-right: 2px solid #2952a7;width: 8px ;height: 8px; position: absolute; transition: 0.5s; }

/*----------------------------------header_servoce--------------------------------------*/
.header_servoce{width: 100%; position: fixed; top: 0px; left: 0px; right: 0px; padding: 108px 24px 0; z-index: 1998; min-width: 1300px;}
.header_servoce.header_servoce_SP{display: block;}
.header_servoce .header_servoce_scllor{width: 1184px; margin: 0 0 0 auto; display: none;}
.header_servoce .header_servoce_scllor ul.flex{background: #fff; border-radius: 50px; padding: 49px 52px 45px; display: flex; justify-content: space-between;}
.header_servoce .header_servoce_scllor ul.flex li.box_li{width: 255px; height: auto;}
.header_servoce .header_servoce_scllor ul.flex li.box_li:not(:last-child){margin: 0 20px 0 0;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .img .img_box{overflow: hidden;border-radius: 25px;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .img img {width: 100%; height: auto;border-radius: 25px; }
.header_servoce .header_servoce_scllor ul.flex li.box_li .img span{font-size: 16px;font-family: 'Noto-Sans-JP-Medium'; text-align: center; line-height: 160%; display: block; padding: 8px 0 0;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box{padding: 22px 0 0;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul{width: 100%;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul:not(:last-child){padding: 0 0 25px 0;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li{width: 100%; height: auto;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.top{ background: #F1F5F8;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.top p{color: #2952A7; font-size: 18px;font-family: 'Noto-Sans-JP-Medium'; padding: 8px 0 8px 22px; line-height: 160%;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.link a{display: block; position: relative; padding: 12px 21px 0px; font-size: 14px;font-family: 'Noto-Sans-JP-Medium'; color: #2952A7;line-height: 200%; letter-spacing: 0.05em; transition: 0.5s;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.link a:before{display: block; content: ""; width: 8px; height: 8px; border-bottom: 2px solid #2952A7; border-right: 2px solid #2952A7; position: absolute; top: 75%; transform: translateY(-75%) rotateZ(-45deg); right: 21px; transition: 0.5s;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.link.thumb-hover a{color: #000; transition: 0.5s;}
.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.link.thumb-hover a:before{border-bottom: 2px solid #000; border-right: 2px solid #000; transition: 0.5s;}
/*----------------------------------.cta--------------------------------------*/
.cta .cta_inner{min-width: 1300px; max-width: 1344px; padding: 81px 60px 61px; margin:0 auto;  position: relative; background: url(../image/img_9.png) 0% 30%/380px no-repeat;}
.cta{ background: linear-gradient(180deg, rgba(0,155,237,0.8),rgba(0,27,139,0.8)) ; width: 100%; height: auto; display: block; margin: 0 0 100px;}
/* .cta .contact_bg{ padding: 81px 0 61px; } */
.cta .ct_box .text_box{ text-align: center; padding: 0 0 80px; }
.cta .ct_box h3{font-size: 16px; line-height: 200%; color: #fff;}
.cta .ct_box h3 span{font-size:62px; font-family: 'Noto-Sans-JP-Medium';　font-style: normal;letter-spacing: 0.05em;}
.cta .ct_box .text{font-size: 20px; line-height: 180%; color: #fff; padding: 30px 0 0;}
.cta .ct_box .contact_btn{width: 322px; margin: 0 auto; display: block; font-size: 18px; }

.cta .ct_box .links{ width: 90%;margin: 0 auto; padding: 40px 5%; gap: 170px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 40px; }
.cta .ct_box .links .explanation_link{ margin: 0; }
.cta .ct_box .links p{ padding: 0 0 35px; font-family: 'Noto-Sans-JP-Bold'; font-size: 21px; color: #001B8B; text-align: center; }

.cta .ct_box .contact_btn span{width: 38px;height: 38px;}
.cta .ct_box .contact_btn span::after {width: 10px; height: 10px;}
.cta .ct_box .link-color .contact_btn span::after{ border-bottom: 2px solid #D8702F;  border-right: 2px solid #D8702F;}
	/*----------------------------------footer--------------------------------------*/
footer{ position: relative;}
footer:before{content: ""; display: block; width: 523px; height: 291px; background:url(../image/footer_bg_2.png) no-repeat  right center;background-size: cover; position: absolute; bottom: 0px; right: 0px;}
footer .footer_bg{position: absolute; width: 100%; height: auto; top: 0px; }
footer .top_box{background: #fafafa ; border-radius: 100px 100px 0 0 ;padding: 130px 0 100px; }
footer .footer_list{display: flex; justify-content: space-between; align-items: flex-start;}
footer .footer_list .link_box{ display: flex; justify-content: flex-end; width: 900px; height: auto;}
footer .footer_list .link_box ul:not(:last-child){margin: 0 40px 0 0;}
footer .footer_list .link_box ul li:not(:last-child){padding: 0 0 23px;}
footer .footer_list .link_box ul li a{font-size: 16px; transition: 0.5s; ;}
footer .footer_list .link_box ul li.thumb-hover a{color: #14419f;}
footer .footer_list .link_box ul.lint_therr{padding: 39px 0 0;}
footer .footer_list .link_box .box .link_flex{display: flex; padding: 25px 0 0px;}
footer .bottom_box .fx_box{display: flex; }
footer .bottom_box .fx_box:before{content: ""; display: block; background: #fafafa; height: 206px; width: calc(100%/2 - 735px);}
footer .bottom_box .fx_box:after{content: ""; display: block; background: #fafafa; height: 206px; width: calc(100%/2 - 550px)}
footer .bottom_box .fx_box .logo{max-width: 1480px; min-width: 1300px; margin: 0 auto; }
footer .bottom_box  .mini{text-align: center; font-size: 12px; padding: 87px 0 34px;background: #fafafa ; }

footer .footer_list .footer_information{}
footer .footer_list .footer_information .footer_box_one{padding:54px 0 0; }
footer .footer_list .footer_information .footer_box_one h3{font-size: 14px; font-family: 'Noto-Sans-JP-Bold'; letter-spacing: 0.02em; color: #2d56a5;}
footer .footer_list .footer_information .footer_box_one p{font-size: 14px; font-family: 'Noto-Sans-JP-Medium'; letter-spacing: 0.02em; color: #2d56a5; line-height: 180%; padding: 5px 0 0;}
footer .footer_list .footer_information .footer_box_two{padding:51px 0 0;}
footer .footer_list .footer_information .footer_box_two a{display: block;width: 273px; border: 1px solid #2d56a5; border-radius: 100px; color: #2d56a5; font-family: poppins, sans-serif; font-weight: 600; font-style: normal; position: relative; padding: 14px 0 10px 56px; font-size: 21px;}

footer .footer_list .link_box ul.list_two li a{font-size: 14px; color: #505050;}
footer .footer_list .link_box ul.list_two li.big a{font-size: 16px; font-family: 'Noto-Sans-JP-Medium';transition: 0.5s;color: #000000;}
footer .footer_list .link_box ul.list_two li.thumb-hover a{color: #14419f; transition: 0.5s;}
footer .footer_list .link_box ul.list_two li:not(.big) a{position: relative; padding: 0 0 0 15px;}
footer .footer_list .link_box ul.list_two li:not(.big) a:before{content: ""; display: block; width: 10px; height: 1px; background: #505050; position: absolute; top: 50%; transform: translateY(-50%);transition: 0.5s;}
footer .footer_list .link_box ul.list_two li.thumb-hover a:before{background: #14419f;transition: 0.5s;}

footer .footer_list .footer_information .footer_box_two a img{width: 27px; height: 27px; position: absolute;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 10px;  }
footer .footer_list .footer_information .footer_box_two dl div{display: flex;padding: 12px 0 0;}
footer .footer_list .footer_information .footer_box_two dl dt{font-size: 13px; font-family: 'Noto-Sans-JP-Bold'; color: #2d56a5;padding: 0 14px 0 0;}
footer .footer_list .footer_information .footer_box_two dl dd{font-size: 13px; font-family: 'Noto-Sans-JP-Medium'; color: #2d56a5;}


/*----------------------------------#kv--------------------------------------*/
#kv{ width: 100%; background: linear-gradient(to bottom, transparent 50%, #fff 50%); }
#kv .kv{ width: 100%; height: auto; border-radius: 130px; }



/*----------------------------------voice_two--------------------------------------*/
#voice_two{padding: 133px 0 0;}
/*
#voice{ padding: 220px 0 0; }

.voice-list { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; padding: 60px 0 0; }
.voice-list-item  { width: calc(33.333% - 27px); background: #f4f8fc; border-radius: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05); overflow: hidden; transition: transform 0.3s ease; }
.voice-list-item :hover { transform: translateY(-4px); }

.voice-list a { display: block; text-decoration: none; color: inherit; padding: 24px 8% 40px; }
.voice-list img { width: 100%; height: auto; border-radius: 12px; margin-bottom: 20px; }
.voice-list .cat { display: inline-block; font-size: 14px; color: #2952a7; background: #fff; padding: 5px 14px; border-radius: 100px; margin-bottom: 20px; }
.voice-list-ttl { font-size: 18px; line-height: 2; margin-bottom: 20px; }
.voice-list-txt { font-size: 14px; line-height: 1.8; }
*/




@media only screen and (max-width: 768px) {
	/*----------------------------------#scroll--------------------------------------*/
	.sp{ display: block; }
	.pc{ display: none; }
	[id]{ scroll-margin-top: 100px; }
	body{min-width: auto;}
	body.active{position: fixed;}
	#scroll { bottom: 15px; right: 15px; }
	#scroll a{ width: 50px; height: 50px;}
	#scroll a:before{ top: 52%; left: 50%; width: 10px; height: 10px; }	
	#scroll:after{ width: 60px ;height: 60px;}
	.explanation_link{ padding: 20px 0 20px 0; font-size: 12px; margin: 53px 0 0;  }	
	.explanation_link span{ width: 33px; height: 33px; right: 5px; }
	.explanation_link span:after{ width: 8px; height: 8px; }
	
	a.btn.btn{width: 160px; font-size: 12px; padding: 15px 0;  margin: 0 auto 24px; }
	a.btn.white{margin: 19px auto 0; }
	a.btn.white:before{width: 170px; height: 53px;  top: -5px; left: -5px;}
	a.btn.top_btn{width: 171px;  font-size: 14px; padding: 18px 0;margin: 47px auto 58px ;}
	a.btn.top_btn:before{ width: 181px; height: 60px; }
	
	body .mover_box{background: url(../image/bg_9_sp.jpg) no-repeat center center; background-size: cover;}
	/*----------------------------------.news--------------------------------------*/
	.news{padding: 36px 0 45px;}
	.news .title_box h3{letter-spacing: 0.05em;}
	.news ul.list_menu li{width: 210px; height: 220px; }
	.news ul.list_menu li:not(:last-child){ margin: 0 2.8% 0 0;}
	.news ul.list_menu li .box p.data{font-size: 11px; padding: 15px 0 6px; }
	.news ul.list_menu li .box p.data .new{ font-size: 11px; padding: 7px 0px 4px; margin: 0 15px 0 0; width: 44px; text-align: center;}
	.news ul.list_menu li .box h4{padding: 0 0 5px; font-size: 12px;}
	
	/*----------------------------------.voice--------------------------------------*/
	.mini_tt{padding: 3px 0 0 13px; font-size: 12px;}
	 .mini_tt.blue{background: url(../image/icn_1.png) no-repeat center left; background-size: 10px;}
	 .mini_tt.white{background: url(../image/icn_2.png) no-repeat center left; background-size: 10px;}
	.title_box h3{ font-size: 24px; }
	.scroll_box{overflow-x: scroll;}
	.list_menu{  width: 880px; padding: 28px 25px 0;}
	
	.voice{padding:56px 0 ; }
	.voice .scroll_box{padding: 28px 0 0;}
	.voice ul.list_menu{height: 100%; padding: 0 25px 10px;}
	.voice ul.list_menu li{ width: 271px; height: auto;padding: 25px 25px 20px ; }
	.voice ul.list_menu li.empty { margin: 0; width: 271px;}
	.voice ul.list_menu li .img{width: auto; height: auto; border-radius: 15px;}
	.voice ul.list_menu li:not(:last-child){margin: 0 3.2% 0 0;}
	.voice ul.list_menu li .housing{font-size: 11px; padding: 3px 8px; margin: 13px 0 0; }
	.voice ul.list_menu li h4{font-size: 13px; padding: 11px 0 0;}
	.voice ul.list_menu li .text{ font-size: 11px; padding: 8px 0 0;}
	.voice a.btn{margin: 27px auto 0;}
	
	
	/*----------------------------------#navlink--------------------------------------*/
	#navlink{padding: 178px 0 10px ;}
	#navlink.sab{padding: 140px 0 10px;}
	#navlink h2{font-size: 11px; }
	#navlink h2 span{ display: inline-block; font-size: 30px; padding: 0 0 5px;}
	#navlink .link_bt{overflow-x: scroll; margin: 33px 0 0;width: auto; }
	#navlink ul{padding: 0 25px 5px;}
	#navlink ul li a{font-size: 12px}
	
	/*----------------------------------header--------------------------------------*/
	header{ min-width: auto;  padding: 23px 21px; overflow:hidden; align-items: flex-start;}
	header h1{ padding: 5px 19px; width: 161px; height: 43px; position: relative; z-index: 1; display: flex;}
	header h1 img{width: 100%; height: auto;}
	header nav{position: fixed; height: 100vh; width: 100%; left: 100%; top: 0px; transition: 0.5s;background: #fff url(../image/header_bg_sp.png) no-repeat center bottom; background-size: 100%; margin: 0;display: block; border-radius: 0px; padding: 0px; border: none;}
	header nav.active{left: 0%; overflow-y: scroll; padding: 0 0 100px;}
	header nav ul{display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column;  border-radius: 0px; border: none; background: no;}
	header nav ul.box_ul_1{padding: 100px 25px 0; width: auto; min-width: auto;}
	header nav ul.box_ul_2{padding: 0 25px 0; }
	header nav ul li a{font-size: 15px;  padding: 18px 11px;}
	header nav ul.header_box_one li:nth-child(5) a{margin: 0 ;}
	
	header nav ul.header_box_one li{border-bottom: 1px solid #c5d0e7; width: 100%; }
	header nav ul.header_box_one li a.header_link{width: 100%; position: relative;margin: 0px;}
	header nav ul.header_box_one li a.header_link:before{width: 8px; height: 8px; border-bottom: 1px solid #1945a1; border-right: 1px solid #1945a1; display: block; content: "";top: 50%;transform: translateY(-50%) rotate(-45deg);-webkit-transform: translateY(-50%) rotate(-45deg); right: 0px; position: absolute;}
	header nav ul li a.header_link.thumb-hover { padding: 18px 11px;  background:none; box-shadow: none;}
	
	header nav ul.header_box_one li.link{ border: none; }
	
	header nav ul li .list_nobu .sale_box{display: flex; flex-wrap: wrap;padding: 0 11px 15px;}
	header nav ul li .list_nobu .sale_box a{font-size: 15px; color: #6f6f6f; display: block; width: 50%; padding: 0 0 15px;}
	
	header nav ul li.link{width: 100%; height: auto;text-align: center; margin-left: 0;}
	.link .contact_btn{ width: 217px; padding: 20px 30px 20px 20px; font-size: 13px; margin: 30px auto 0;text-align: center;}
	.link .contact_btn span{ width: 20px;height: 20px; right: 9px; }
	.link .contact_btn span:after{width: 6px ;height: 6px; }
	
	header nav ul.sale_box{padding: 20px 21px; margin: 5px 0 0; }
	header nav ul.sale_box li a{padding: 0 15px;font-size: 14px; }
	header nav ul.sale_box li .header_top{margin: 0 0 13px;}
	
	header .hamburger_btn{background: rgba(255,255,255,0.6); border-radius: 100px;  height: 43px; width: 43px;border: 1px solid #fff; display: flex !important;flex-direction: column; align-items: flex-start;position: relative;z-index: 100;}
	header .hamburger_btn .box{width: 19px; height: 13px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position: absolute;}
	header .hamburger_btn span{display: block; height: 2px; background: #14419f; width: 21px; transition: 0.5s;position: absolute; left: 50%; transform: translateX(-50%);	-webkit-transform: translateX(-50%);}
	header .hamburger_btn span.center{width: 16px;top: 50%; left: 0%; transform: translateY(-50%); 	-webkit-transform: translateY(-50%);}
	header .hamburger_btn span.top{top: 0%;}
	header .hamburger_btn span.botton{bottom: 0%;}
	
	header .hamburger_btn.active .box{height: 19px;}
	header .hamburger_btn.active span.top{transform: rotate(45deg) ;  -webkit-transform: rotate(45deg) ; top: 45%; left: -5%;}
	header .hamburger_btn.active span.center{opacity: 0;}
	header .hamburger_btn.active span.botton{transform: rotate(-45deg) ;  -webkit-transform: rotate(-45deg) ; top: 45%; left: -5%;}
	

	/*----------------------------------header_servoce--------------------------------------*/
	.header_servoce{width: 100%; position: relative; top: auto; left: auto; right: auto; padding: 0;min-width: 100%;} 
	.header_servoce .header_servoce_scllor{width: 100%; margin: 20px 0 0 auto; display: block;}
	.header_servoce .header_servoce_scllor ul.flex{border-radius: 0px; padding: 0 0 30px 25px; display: block; background: no-repeat;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li{width: 100%; height: auto; border: none;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li:not(:last-child){margin: 0 0 30px;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .img{width: 100%; height: auto; display: block; padding: 0;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .img .img_box{border-radius: 15px;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .img img {width: 100%; height: auto;border-radius: 15px; }
	.header_servoce .header_servoce_scllor ul.flex li.box_li .img span{font-size: 14px; padding: 8px 0 0;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box{padding: 20px 0 0;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul{width: 100%;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul:not(:last-child){padding: 0 0 15px 0;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li{width: 100%; height: auto; border: none;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.top p{ font-size: 16px; padding: 5px 0 5px 15px; }
	.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.link a{display: block; position: relative; padding: 6px 15px 0px; font-size: 14px; text-align: left;}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.link a:before{ width: 8px; height: 8px; border-bottom: 1px solid #2952A7; border-right: 1px solid #2952A7; top: 80%; right: 21px; transform: translateY(-80%) rotateZ(-45deg);}
	.header_servoce .header_servoce_scllor ul.flex li.box_li .link_box ul li.link.thumb-hover a:before{border-bottom: 1px solid #000; border-right: 1px solid #000;}
	
	/*----------------------------------.cta--------------------------------------*/
	.cta .cta_inner{width: auto; min-width: auto; padding: 50px 25px 35px;border-radius: 0;background: url(../image/img_9.png) 120% -40px/70% no-repeat;}
	.cta{ padding: 0 0 28px; /* background: none; */ margin: 0 0 30px; }
	.cta .contact_bg{/* background: url(../image/contact_bg_sp.png) no-repeat center center; background-size: cover;  */}
	.cta .ct_box { display: block; justify-content: space-between; width: 100%;}
	.cta .ct_box{padding: 0;}
	.cta .ct_box h3{font-size: 11px; text-align: left;}
	.cta .ct_box h3 span{font-size: 42px; }
	.cta .ct_box p.text{font-size: 12px; padding: 35px 0 0;text-align: left;}
	.cta .ct_box p.explanation_link{width: 240px; margin: 34px auto 0; text-align: center; }
	
	.cta .ct_box .links{ width: 100%; padding: 20px; gap: 30px; flex-direction: column; border-radius: 20px; }
	.cta .ct_box .links .link{ width: 100%; }
	.cta .ct_box .text_box{ padding: 0 0 30px; }
	.cta .ct_box .contact_btn{ width: 100%; max-width: 237px; font-size: 12px; }
	.cta .ct_box .links p{ padding: 0 0 10px; font-size: 11px; line-height: 1.5; }
	
	.cta .ct_box .contact_btn span{width: 28px;height: 28px;}
	.cta .ct_box .contact_btn span::after {width: 8px; height: 8px;}
	
	
	/*----------------------------------footer--------------------------------------*/
	footer:before{ width: 100%; height: 24vh; background:url(../image/footer_bg_sp_2.png) no-repeat  right center;background-size: cover; }
	footer .top_box{padding: 42px 0 85px; border-radius: 50px 50px 0 0 ; }
	
	footer .footer_list {  flex-direction: column; }
	footer .top_box .footer_list img{width: 83px; height: auto;}
	footer .footer_list .link_box{ width: 100%;flex-wrap: wrap;padding: 63px 0 0; display: block;}
	footer .footer_list .link_box .box{width: 100%; padding: 10px 0 0;}
	footer .footer_list .link_box ul:first-child{ margin: 0; width: 50%;}
	footer .footer_list .link_box ul:nth-child(2){margin: 0;}
	footer .footer_list .link_box .box ul.list_two{width: 100%; display: flex ; flex-wrap: wrap; max-width: 400px;}
	
	footer .footer_list .footer_information{}
	footer .footer_list .footer_information .footer_box_one{padding:27px 0 0; }
	footer .footer_list .footer_information .footer_box_one h3{font-size: 12px; }
	footer .footer_list .footer_information .footer_box_one p{font-size: 12px; padding: 5px 0 0;}
	footer .footer_list .footer_information .footer_box_two{padding:41px 0 0;}
	footer .footer_list .footer_information .footer_box_two a{width: 225px; padding: 14px 0 10px 56px; font-size: 17px;}
	footer .footer_list .footer_information .footer_box_two a img{width: 22px; height: 22px; left: 10px;  }
	footer .footer_list .footer_information .footer_box_two dl div{padding: 10px 0 0;}
	footer .footer_list .footer_information .footer_box_two dl dt{font-size: 11px; padding: 0 12px 0 0;}
	footer .footer_list .footer_information .footer_box_two dl dd{font-size: 11px; }
	
	footer .footer_list .link_box ul li:not(:last-child){padding: 0 0 17px;}
	footer .footer_list .link_box ul.list_two li{padding: 0 0 14px;}
	footer .footer_list .link_box ul.list_two li a{font-size: 12px; line-height: 130%; position: relative; }

	footer .footer_list .link_box ul.list_two li:not(.big) a {padding: 0 0 0 13px;}
	footer .footer_list .link_box ul li.thumb-hover a:before{background: #14419f;}
	footer .footer_list .link_box ul.list_two li {width: calc(100% / 2); }
	footer .footer_list .link_box ul.list_two li:not(:nth-child(2n)){padding-right:10px;}
	footer .footer_list .link_box ul.list_two li.big{width: 100%;}
	
	footer .footer_list .link_box ul.list_two li.big a{font-size: 14px; }
	footer .footer_list .link_box ul li a{font-size: 14px; }
	footer .footer_list .link_box ul.lint_therr{padding: 17px 0 0;}
	footer .bottom_box .fx_box:before{display: none;}
	footer .bottom_box .fx_box:after{display: none;}
	footer .bottom_box .fx_box .logo{min-width: auto; }
	footer .bottom_box .fx_box .logo .img{width: 100%; height: auto;}
	footer .bottom_box  .mini{ font-size: 12px; padding: 45px 0 15px; }
	
	
	footer .footer_list .link_box .box .link_flex{display: flex; flex-wrap: wrap; padding: 0;}
	footer .footer_list .link_box ul:not(:last-child) {margin: 0 0 10px;}	
	footer .bottom_box .fx_box{display: flex; }
	/*----------------------------------#kv--------------------------------------*/
	#kv .kv{ min-height: 250px; object-fit: cover; border-radius: 100px; border-radius: 50px; }


	/*----------------------------------voice_two--------------------------------------*/
	#voice_two{padding: 35px 0 0;}
/*
	#voice { padding: 60px 0; }
	#voice .vice-btn{ width: 171px; margin: 70px auto 0; }
	#voice a.btn.btn{ width: 100%; }
	
	.voice-list { width: 100vw; margin: 0 calc(50% - 50vw); display: flex; flex-direction: column; gap: 30px; padding-top: 30px; }
	.voice-list-item { width: 300px; height: 500px !important; margin: 0 10px; }
	.voice-list-item :hover { transform: none; }
	
	.voice-list-item  a { display: flex; flex-direction: column; gap: 20px; }
	.voice-list-item  img { width: 100%; height: auto; border-radius: 10px; }
	.voice-list .text .cat { display: inline-block; font-size: 12px; color: #666; margin-bottom: 8px; }
	.voice-list .text .voice-list-ttl { font-size: 18px; line-height: 1.6; margin-bottom: 10px; }
	.voice-list .text .voice-list-txt { font-size: 14px; line-height: 1.8; color: #333; }
	
	#voice .slick-dots{ z-index: 50; bottom: -40px; }
	#voice .slick-dots li button::before{ background: #fff; border-radius: 100%; opacity: 1; content: ""; width: 10px; height: 10px; }
	#voice .slick-dots li.slick-active button::before{ background: #3A6DB8; opacity: 1; }
	
*/
	
}