@charset "utf-8";

h2{
	position:relative;
	font-size:3rem;
	letter-spacing:2.2px;
	line-height:4.4rem;
	font-weight:bold;
	margin-bottom:25px;
	text-align:center;
}
h2::before{
	content:attr(data-en);
	display:block;
	color:#1766B6;
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:1.9rem;
	font-family:var(--font_roboto);
	font-weight:normal;
}

section{margin-bottom:90px;}

/*----- mv -----*/
.mv{
	opacity:0;
	width:100%;
}
.mv_area{
	margin-bottom:27px;
}
.mv_copy{display:none;}
.mv_img{width:100%;}

/*----- maker -----*/
.top_maker_area{text-align:center;}
.top_maker_box{margin-top:25px;}
.top_maker_box .column_3{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	max-width:1000px;
	margin:0 auto 22px;
}
.top_maker_box .column_3 div{
	height:124px;
	display:flex;
	align-items:center;
	position: relative;
}
.top_maker_box .column_3 div::before,.top_maker_box .column_3 div:last-child::after{
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	margin: auto;
	height: 70px;
	width: 1px;
	background-color: #DDDDDD;
}
.top_maker_box .column_3 div::before{left: 0;}
.top_maker_box .column_3 div:last-child::after{right: 0;}
.top_maker_box .column_3 img{margin:0 auto;}
.top_maker_box .column_3 div:first-child img{height:60.484%;}
.top_maker_box .column_3 div:nth-child(2n) img{height:24.194%;}
.top_maker_box .column_3 div:last-child img{max-height:70.161%;}
.top_maker_area .link_btn{margin:auto;width:305px;}

/*----- blog -----*/
.top_blog_area{
	margin:0 calc(50% - 50vw)0;
	padding:65px calc(50vw - 50%) 80px;
	background:#E7F2FE;
}
.top_blog_area .blog_list{margin:30px 0;}
.top_blog_area .blog_item{margin-bottom:0;}
.top_blog_area .link_btn{margin:auto;}

/*----- capsule -----*/
.capsule_area{
	position:relative;
	padding:70px 0;
	color:#fff;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	background-color:#1766B6;
}

.capsule_h2{font-size:2.8rem;}
.capsule_txt{
	text-align:center;
	margin-bottom:38px;
	line-height:2.9rem;
}
.capsule_link{
	display:block;
    max-width:600px;
    margin:auto;
	padding-left:0 !important;
    background:none !important;
	position:relative;
	overflow:hidden;
	border-radius:5px;
}

.capsule_link img{transition:transform 0.3s;}
.capsule_link:hover img{transform:scale(1.05);}

/*----- company -----*/
.column_2_544{
	display:flex;
	justify-content:space-between;
	flex-direction: row-reverse;
}
.column_544_img{width:45.5%;}
.column_544_txt{
	width:47.5%;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.column_2_544 h2{text-align:left;}
.column_544_txt p:first-of-type{
	line-height:2.9rem;
	margin-bottom:45px;
}
@media screen and (max-width:1024px){
h2::before{
	font-size:1.1rem;
	letter-spacing:0.88px;
	line-height:1.5rem;
}
p{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.52rem;
}
.top_maker_area .link_btn{width:273px;}

/*----- maker -----*/
.top_maker_box .column_3 div{height:77px;}

/*----- capsule -----*/
.capsule_area{padding:50px 20px !important;}

/*----- company -----*/
.column_544_txt p:first-of-type{margin-bottom: 0;}
}
@media screen and (min-width:768px) and (max-width:1024px){
h2{
	font-size:2.4rem;
	letter-spacing:1.92px;
	line-height:3.5rem;
	margin-bottom:22px;
}

section{margin-bottom:45px;}

/*----- mv -----*/
.mv_area{margin-bottom:60px;}
/*----- maker -----*/
.top_maker_box{
	margin-top:19px;
}
.top_maker_box .column_3 div::before, .top_maker_box .column_3 div:last-child::after{
	height: 50px;
}
/*----- blog -----*/
.top_blog_area{
	padding:43px calc(50vw - 50% ) 18px;
}
.top_blog_area .blog_item{margin-bottom:0;}
.top_blog_area .link_btn{margin:34px auto;}
/*----- capsule -----*/
.capsule_h2{
	font-size:2.2rem;
	letter-spacing:1.76px;
}
/*----- company -----*/
.column_544_img{width:42.2%;}
.column_544_txt{width:53.5%;}
.column_2_544 h2{margin:0 0 15px;}
.column_544_txt p:first-of-type{line-height:2.52rem;}
.column_544_txt p:nth-child(2n){line-height:2.52rem;}
.column_544_txt .link_btn{margin-top:26px;}

}

@media screen and (max-width:767px){
h2{
	font-size:2.2rem;
	letter-spacing:1.76px;
	line-height:3.2rem;
	margin-bottom:20px;
}
h2::before{
	font-size:1.1rem;
	letter-spacing:0.88px;
	line-height:1.5rem;
}
p{line-height:2.7rem;}
section{margin-bottom:43px;}
.link_btn{
	width:182px;
	padding:14px 20px;
}
.link_btn::after{right:12px;}
/*----- mv -----*/
.mv_area{margin-bottom:51px;}


/*----- maker -----*/
.top_maker_area p{text-align:left;}
.top_maker_box{margin-top:25px;}
.top_maker_box .column_3{margin-bottom:20px;}
.top_maker_box .column_3 div::before, .top_maker_box .column_3 div:last-child::after{height: 30px;}
.top_maker_box .column_3 div {height: 50px;}


/*----- blog -----*/
.top_blog_area{
	padding:40px calc(50vw - 50%) 45px;
}
.top_blog_area .blog_list{margin-top:25px;}
.top_blog_area .blog_item{margin-bottom:20px;}

/*----- capsule -----*/
.capsule_h2{
	font-size:2rem;
	letter-spacing:1.6px;
	margin-bottom:10px;
}
.capsule_txt{
	text-align:left;
	margin-bottom:20px;
	line-height:2.7rem;
}

/*----- company -----*/
.column_2_544{display:block;}
.column_544_img{display:none;}
.column_544_txt{width:100%;}
.column_2_544 h2{text-align:center;}
.column_2_544 img{margin-bottom:20px;}
.column_544_txt p:first-of-type {margin-bottom:0;}
.column_2_544 .link_btn{margin:22px  auto 0;}
}

@media screen and (max-width:400px){
/*----- maker -----*/
.top_maker_box .column_3 div{height:43px;}
}