@media (min-width: 900px) {
	.top_link .flex{align-items: start; gap:10px;}
	.top_link a{text-align:left; padding:20px;}
	.top_link a:last-child{text-align:center;}
	.top_link span{line-height:1.2;}
	.top_link b{text-align:center;}

	.gallery .info .txtbox p{font-size:1.1em; line-height:1.2;}
	.company03 .info .txtbox p{font-size:1.4em;}
}


@media (min-width: 900px) and (max-width: 1600px) {
	.b__content{padding-top:22rem;}
	.b__title--hero{font-size:3rem;}
}

@media (max-width: 1200px) {
	.b__title{text-align:center;}
	.gallery .info .txtbox{display:block;}
	.gallery .info .txtbox p{padding:10px;}
	.gallery .info .txtbox button{width:100%;}
	.gallery .info li:hover .txtbox::before {  transform: translateX(100%);}
	.gallery .info li:hover p{color:#333;}	

	.company03 .info .txtbox p{padding:0;}
}


@media (max-width: 900px) {
	.main_con h3	{font-size:1.5em;}
	.quick_wrap > div{font-size:1em;}

    .guide {font-size: 1.8em;}
    .company4 .line_y:nth-child(3) {top: 134px; height: 166px;}


}

.company01 .flex{align-items:start;}
.business01 dl:nth-child(2) dd{margin-top:0;}