@charset "utf-8";
h3{font-size: 16px; line-height: 180%;letter-spacing: 0.1em; font-family: poppins, sans-serif; font-weight: 600; font-style: normal; }
h3 span{font-size: 48px; font-family: 'Noto-Sans-JP-Medium';background: linear-gradient(to right,  #2852A7 60%, #299C9D 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;letter-spacing: 0.05em; line-height: 160%;}
/*----------------------------------#voice--------------------------------------*/
#voice{border-radius: 100px; padding: 162px 0 130px;}
#voice .top_box{position: relative;}
#voice .top_box .box{display: flex; justify-content: space-between; width: 100%; height: auto;}
#voice .top_box .box img{border-radius: 20px;}
#voice .top_box h3{position: absolute; top: 0px; left: 0px;}
#voice .top_box .box .text h4{line-height: 170%; font-size: 30px; font-family: 'Noto-Sans-JP-Medium'; padding: 144px 0 0;}
#voice .top_box .box .text p{font-size: 14px; font-family: 'Noto-Sans-JP-Medium'; padding: 11px 22px 11px 23px; border-radius: 100px; background: #f1f5f9; text-align: center;margin: 27px 0 0; color: #2952a7; position: absolute; transition: 0.5s;}
#voice .top_box .box .img{margin: 0 0 0 auto;} 
#voice .top_box .slick-dots{width: auto;bottom:-33px; text-align: left;}
#voice .top_box .slick-dotted.slick-slider{margin: 0px; }
#voice .top_box .slick-dots li button{width: 9px; height: 9px; padding: 0px;}
#voice .top_box .slick-dots li button:before{width: 9px; height: 9px; border-radius: 100px; background: #becce8; content: ""; opacity: 1;}
#voice .top_box .slick-dots .slick-active button:before{background: #2855b2; }
#voice .top_box .slick-dotted.slick-slider a.thumb-hover p{background: #2952a7; color: #f1f5f9; transition: 0.5s;}


#voice .bottom_box {padding: 162px 0 0;}
#voice .bottom_box h3{text-align: center; border-bottom: 1px solid #2855b2; padding: 0 0 19px;}
#voice .bottom_box form{}
#voice .bottom_box form .fm_list{ display: flex; flex-wrap: wrap; padding: 43px 65px 70px; justify-content: center;}
#voice .bottom_box form label div{width: 144px; height: auto; }
#voice .bottom_box form label{margin-bottom: 27px; }
#voice .bottom_box form label:not(:last-child,:nth-child(6n)){margin-right: 46px;}
#voice .bottom_box form label span { line-height: 120%; font-size: 16px; position: relative; padding: 10px 22px; display: inline-block; font-family: 'Noto-Sans-JP-Medium'; color: #2952a7; border: 1px solid #2952a7; text-align: center; border-radius: 100px; background: #fff;letter-spacing: 0.02em; }
#voice .bottom_box form label input{ display: none; }
#voice .bottom_box form input:checked + span{  background: #2952a7; color:#fff; }
#voice.voice ul.list_menu li:before {background: rgb(207, 213, 223, .5); z-index: 0}
#voice.voice ul.list_menu li a{z-index: 1; position: relative;}

#voice.voice ul.list_menu li .list_box{width: 100%; height: 100%; padding: 33px 35px 45px; border-radius: 30px;background: #f1f5f9; transition: 0.5s; z-index: 1; position: relative;}
.voice ul.list_menu li{ position: relative; width: auto; height: auto; padding: 0px; border-radius: 0px;background: none; transition: 0.5s;}

.voice ul.list_menu{display: flex; flex-wrap: wrap; }
.voice ul.list_menu li:not(:nth-child(3n)){margin-right: 4% !important;}
.voice ul.list_menu li:not(:last-child) { margin: 0;}
.voice ul.list_menu li{margin-bottom: 51px !important; width: 30.66%;}
.voice ul.list_menu li.empty { width: 100%; text-align: center; padding: 35px; margin: 0 !important;}

.voice ul.list_menu li h4 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

#voice .link_box{display: flex; width: 281px; height: auto; margin: 0 auto; padding: 38px 0 0;}
#voice .link_box .link_btn{display: block;border-radius: 100px; border: 1px solid #2855b2; color: #2855b2; background: #fff; font-size: 18px; width: 37px; height: 37px;text-align: center; padding: 8px 0; font-family: 'Noto-Sans-JP-Medium';line-height: 100%;}
#voice .link_box .link_btn:not(:last-child){margin: 0 24px 0 0;}
#voice .link_box .link_btn.top{color: #fff; background: #2855b2;}
#voice .link_box .tab{font-size: 30px; line-height: 100%; display: block; color: #2855b2; border: none;padding: 0px;}


.cta .ct_box h3 span{background: none; -webkit-text-fill-color: #fff; line-height: 100%;}
@media only screen and (max-width: 768px) {
	h3{font-size: 11px; line-height: 180%;letter-spacing: 0.1em; }
	h3 span {font-size: 31px;}
	#navlink ul {width: max-content;}
	/*----------------------------------#voice--------------------------------------*/
	#voice{border-radius: 30px; padding: 50px 0 40px;}
	#voice .top_box .box.tt_two{padding: 0 0 34px;}
	#voice .top_box .box{ width: 100%; height: auto; flex-direction: column-reverse;}
	#voice .top_box .box .text h4{ font-size: 20px; padding: 34px 0 0;}
	#voice .top_box .box .text p{font-size: 11px;  padding: 6px 0; width: 100px;  margin: 15px 0 0; position: relative;}
	#voice .top_box .box .img{margin: 0 0 0 auto;}
	#voice .top_box h3 { position: relative; top: auto; left: auto; padding: 0 0 15px;}
	#voice .top_box .slick-dots{width: max-content;bottom:0px; }
	#voice .top_box .slick-dotted.slick-slider img{width: 100%; height: auto;}
	#voice .top_box .slick-dotted.slick-slider{padding: 0 0 30px; }
	#voice .top_box .slick-list{}
	.slick-dots li {width: 9px; height: 9px; margin: 0 5px;}
	#voice .top_box .slick-dots li button{width: 9px; height: 9px; padding: 0px;}
	#voice .top_box .slick-dots li button:before{width: 9px; height: 9px; }
	#voice .bottom_box {padding: 50px 0 0;}
	#voice .bottom_box h3{padding: 0 0 9px; width: 100%; text-align: center;}
	#voice .bottom_box h3 img{width: 130px; height: auto;}
	#voice .bottom_box form .fm_list{ display: flex; flex-wrap: wrap; padding: 21px 0 0px; justify-content: flex-start; max-width: 600px; margin: 0 auto;}
	#voice .bottom_box form label div{width: 92px; height: auto;     text-align: center;}
	#voice .bottom_box form label{margin-bottom: 14px;  margin: 0 2.3% 14px;}
	#voice .bottom_box form label:not(:last-child,:nth-child(6n)){ margin: 0 2.3% 14px;}
	#voice .bottom_box form label span { font-size: 11px; padding: 5px 11px; }
	
	
	.scroll_box {overflow-x: auto;}
	.voice ul.list_menu{display: flex; flex-wrap: wrap;flex-direction: column; height: auto;width: 100%; padding: 0px 15px;}
	.voice ul.list_menu li:not(:nth-child(3n)){margin-right: 0px !important;}
	.voice ul.list_menu li:not(:last-child) { margin: 0; }
	.voice ul.list_menu li{margin-bottom: 25px !important;height: auto;width: 100%;}
	
	#voice .link_box{display: flex; justify-content: center; width: auto; height: auto; margin: 0 auto; padding: 19px 0 0;}
	#voice .link_box .link_btn{ font-size: 17px; width: 31px; height: 31px; padding: 8px 0;}
	#voice .link_box .link_btn:not(:last-child){margin: 0 12px 0 0;}
	#voice .link_box .tab{font-size: 24px; padding: 2px 0;}
	.voice ul.list_menu li .housing {font-size: 14px; padding: 6px 20px;}
	.voice ul.list_menu li h4 {font-size: 16px;}
	.voice ul.list_menu li .text {font-size: 14px;}
	
	#voice.voice ul.list_menu li .list_box{width: 100%; height: auto; padding: 25px 25px 20px; }
}

@media only screen and (max-width: 647px) {
	
	#voice .bottom_box form .fm_list{ max-width: 452px; }
}
@media only screen and (max-width: 500px) {
	
	#voice .bottom_box form .fm_list{ max-width: 321px; }
}