@charset "utf-8";
h3{font-size: 16px; line-height: 174%;letter-spacing: 0.05em; font-weight: 500; }

.voice ul.list_menu li{margin-bottom: 51px;}
.voice ul.list_menu li:not(:nth-child(3n)){margin-right: 4%;}

#navlink .long ul {width: auto;}

/*----------------------------------#detail--------------------------------------*/
#detail {}
#detail .bg_white .bottom_box{}

#detail .detail_box{max-width: 1344px; padding: 0 60px; margin: 0 auto;}
#detail .bg_white{border-radius: 50px; padding: 117px 0 95px;}
#detail .bg_white .title{ width: 960px; margin: 0 auto; }
#detail .bg_white .title h2{font-size: 16px; letter-spacing: 0.02em;font-family: poppins, sans-serif; font-weight: 600; font-style: normal;}
#detail .bg_white .title h2 span{font-family: 'Noto Sans JP';font-weight: 500;font-size: 48px; background: linear-gradient(to right,  #2852A7 60%, #299C9D 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;letter-spacing: 0.025em; line-height: 160%;}
#detail .bg_white .bottom_box .img_1{margin: 47px 0 0; border-radius: 20px;}
#detail .bg_white .bottom_box h3{font-size: 30px; color: #000; }
#detail .bg_white .bottom_box p.housing{ color: #2952a7; font-weight: 500; padding: 20px 0 0;}
#detail .bg_white .bottom_box p.housing span{display: inline-block; background: #f1f5f9; padding: 10px 22px;  border-radius: 100px; text-align: center; margin: 0 26px 0 0;font-weight: 500; font-size: 14px;}
#detail .bg_white .bottom_box{width: 960px; margin: 0 auto; padding: 61px 0 0;}
#detail .bg_white .bottom_box .ct_box{padding: 47px 0 0;}
#detail .bg_white .bottom_box .text_box{margin: 0 auto; width: 800px; }
#detail .bg_white .bottom_box .text_box.text_box_one{padding: 78px 0 0;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn a { background: #2755B2;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn.btn_bgred a { background: red;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn.btn_bgorange a { background: #EAB501;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn:before{ content: ""; display: block; width: 308px; height: 82px;border-radius: 17px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #84ADFF; border-radius: 10000px; transition: all 0.5s ease-out; opacity: 0;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn.btn_bgblue:before { background: #2755B2;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn.btn_bgred:before { background: red;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn.btn_bgorange:before { background: #EAB501;}

#detail .bg_white .bottom_box .text_box.text_box_one .btn.thumb-hover:before{opacity: 1; transition: all 0.5s ease-out; }


#detail .bg_white .bottom_box .text_box.text_box_one .btn{position: relative; margin: 0 0 48px; }
#detail .bg_white .bottom_box .text_box.text_box_one .btn a{display: block; width: 269px; margin: 76px auto 0; background: #2755B2; border-radius: 31px; font-size: 18px; text-align: center; color: #fff;line-height: 150%;transition: all 0.5s ease-out; padding: 17px 0 18px; position: relative; z-index: 1;}
#helpful_tips .content:not(:last-child) .bdr_bottom{border-bottom: 1px solid #D0D0D0;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn{margin: 0 auto;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn a{border-radius: 17px; font-size: 18px; letter-spacing: 0.05em; margin: 0 auto; width: 288px;}
#detail .bg_white .bottom_box .text_box.text_box_one .btn:before{ width: 308px; height: 82px;border-radius: 17px; }

#detail .bg_white .bottom_box .text_box.text_box_one .art_pic img{margin: 0px;}
#detail .bg_white .bottom_box .text_box.text_box_one img{margin: 60px 0 0; border-radius: 20px;}
#detail .bg_white .bottom_box .text_box.text_box_twe{padding: 65px 0 0;}

#detail .bg_white .bottom_box .text_box h4{border-bottom: 1px solid #2952a7; font-size: 24px; padding: 0 0 15px; font-weight: 500; line-height: 160%;}
#detail .bg_white .bottom_box .text_box p{line-height: 170%; font-size: 16px;}
#detail .bg_white .bottom_box .text_box p.text{padding: 42px 0 0;}
#detail .bg_white .bottom_box .text_box p a { padding: 0 ; color:#0059ff; border-bottom: 1px solid #0059ff;}
#detail .bg_white .bottom_box .text_box .youtube{position: relative; width: 100%; height: auto; padding: 56.5% 0 0;}
#detail .bg_white .bottom_box .text_box .youtube iframe{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

#detail .sns_box{ display: flex; align-items: center; padding: 89px 0 0;}

#detail .sns_box h4{letter-spacing: 0.1em; font-size: 20px; color: #000; font-weight: 600; margin: 0 20px 0 0;}
#detail .sns_box a{display: block;}
#detail .sns_box a:not(:last-child){margin: 0 15px 0 0;}


/*----------------------------------#voice_two--------------------------------------*/
#voice_two{padding: 110px 0 0;}
#voice_two ul.list_menu li{margin-bottom: 0px;}
#voice_two ul.list_menu li.empty { width: 100%; text-align: center; padding: 35px; margin: 0 auto;}
#voice_two ul.list_menu li.empty:before { display: none;}
#voice_two ul.list_menu li h4 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.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: 16px; }
	
	.voice ul.list_menu li{margin-bottom: 0px;}
	.voice ul.list_menu li:not(:nth-child(3n)){margin-right: 3.2%;}
	#navlink .long ul {width: max-content; padding: 0 0 15px; }
	
	
	/*----------------------------------#detail--------------------------------------*/
	#detail .detail_box{ padding: 0 15px; }
	#detail .bg_white{border-radius: 30px; padding: 55px 25px 30px;}
	#detail .bg_white .title{ width: 100%; margin: 0 auto; }
	#detail .bg_white .title h2{font-size: 14px;}
	#detail .bg_white .title h2 span {font-size: 31px;}
	#detail .bg_white .bottom_box .img_1{margin: 24px 0 0;}
	#detail .bg_white .bottom_box h3{font-size: 20px; }
	#detail .bg_white .bottom_box p.housing{padding: 20px 0 0; font-size: 13px;}
	#detail .bg_white .bottom_box p.housing span{ padding: 5px 20px; margin: 0 13px 0 0; font-size: 11px;}
	#detail .bg_white .bottom_box{width: 100%; margin: 0 auto; padding: 30px 0 0;}
	#detail .bg_white .bottom_box .ct_box{padding: 23px 0 0;}
	#detail .bg_white .bottom_box .text_box{margin: 0 auto; width: 100%; }
	#detail .bg_white .bottom_box .text_box.text_box_one{padding: 39px 0 0;}
	#detail .bg_white .bottom_box .text_box.text_box_one img{margin: 30px 0 0;}
	#detail .bg_white .bottom_box .text_box.text_box_twe{padding: 32px 0 0;}
	#detail .bg_white .bottom_box .text_box.text_box_one .btn a{width: 172px; border-radius: 7px; margin: 24px auto 0; font-size: 12px;padding: 11px 0 12px;}
	#detail .bg_white .bottom_box .text_box.text_box_one .btn:before{ width: 182px; height: 51px; border-radius: 7px;}

	#detail .bg_white .bottom_box .text_box h4{font-size: 18px; padding: 0 0 15px; line-height: 160%;}
	#detail .bg_white .bottom_box .text_box p{font-size: 14px;}
	#detail .bg_white .bottom_box .text_box p.text{padding: 21px 0 0;}
	
	#detail .sns_box{ padding: 45px 0 0;}
	
	#detail .sns_box h4{font-size: 16px;  margin: 0 10px 0 0;}
	#detail .sns_box a{width: 30px; height: auto;}
	#detail .sns_box a:not(:last-child){margin: 0 8px 0 0; }
	
	
	/*----------------------------------#voice_two--------------------------------------*/
	#voice_two{padding: 55px 0 0;}
	#voice_two ul.list_menu li{margin-bottom: 0px;}
	#voice_two ul.list_menu li.empty { height: auto;}
}