@charset "UTF-8";
/* CSS Document */
:root {
	--red: #fb3722;
	--black: #17162f;
	--white: #ffffff;
	--gray_light: #f5f5f5;
	--wave_color: #0057aa;
}
*{box-sizing: border-box;}
img {max-width: 100%;}
.inner {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}
.flexbox {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	gap: 30px 4%;
}
.sp {display: none;}
.wrapper {position: relative;}

h3{
	color:#0057aa;
	font-weight: 600;
	font-size: 50px;
	margin: 10px auto;
	
}
h3 span{
	font-style: italic;
	display: block;
	font-size: .5em;
}

.box{margin: 0 auto 80px;}
@media (max-width: 850px) {
	h3 {
		font-size: 42px;
		margin: 10px auto 20px;
	}
}
/* ===============================================================
   RESPONSIVE — タブレット（850px〜1024px）
=============================================================== */
@media (max-width: 1024px) {}

/* ===============================================================
   RESPONSIVE — スマートフォン（〜850px）
=============================================================== */
@media (max-width: 850px) {}

/* ===============================================================
   RESPONSIVE — 小さいスマートフォン（〜480px）
=============================================================== */
@media (max-width: 480px) {}

/********************************************************************************************************/
.ttl01{
	max-width: 460px;
	margin-bottom: 50px;
}
@media (max-width: 850px) {
	.ttl01{
		width: 80%;
        min-width: 288px;
	}
}
/********************************************************************************************************/
.business_box,.flex{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.business_box{margin-bottom: 50px;}
.business_box>div{
	max-width: 800px;
	width: 90%;
}
.business_box p{margin-bottom: 1.5em;line-height: 2.25;}
.flex{width: 100%;}
.flex img{width: calc(50% - 10px);}
.flex img:last-of-type{margin-top: 50px;}
.business_num{max-width: 22.5px;height: auto;
}
@media (max-width: 850px) {
	.business_box{margin-bottom: 50px;flex-direction: column;}
	.business_box>div{width: 100%;}
	.business_num{max-width: 130px;width: 50%;}
	.business_box p{margin-bottom: 20px;}
	
	.flex{width: 100%;}
	.flex img{width: calc(50% - 5px);}
	.flex img:last-of-type{margin-top: 0;}
	
}