@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  共通タイトル pc / sp
**************************************************
--------------------------------------------------*/
@media (min-width: 768px) {
	.common_title {
		width:100%;
		height:500px;
		background:url(../imgs/common/h1_bg_pc.jpg) no-repeat center left / cover;
		position:relative;
		padding-left:5%;
	}

	.common_title.add_thumb {
		display: flex;
		justify-content: space-between;
		gap: 20px;
		padding-inline: 5%;
	}

	.common_title h1 {
		padding-top:120px;
		font-size:5rem;
		font-weight:800;
	}
	.common_title p.sub {
		margin-top:20px;
		font-size:2rem;
		font-weight:700;
		line-height:2;
	}
	.common_title p.en {
		position:absolute;
		bottom:-2rem;
		font-size:12rem;
		font-family:Roboto;
		font-weight:800;
		font-style:italic;
		color:#22AFC3;
		line-height:1;
	}
	.common_title.add_thumb .image {
		position: relative;
	}
}

@media (max-width: 767px) {
	.common_title {
		width:100%;
		background:url(../imgs/common/h1_bg_sp.jpg) no-repeat center left / cover;
		position:relative;
		aspect-ratio: 750 / 620;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		padding:40px 20px;
	}

	.common_title.add_thumb {
		aspect-ratio: auto;
		display: block;
	}

	.common_title.add_thumb .text {
		position: relative;
		z-index: 1;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		height: 100%;
	}

	.common_title h1 {
		font-size:2.6rem;
		font-weight:800;
	}
	.common_title p.sub {
		margin-top:15px;
		margin-bottom:auto;
		font-size:1.4rem;
		font-weight:600;
		line-height:1.6;
	}

	.common_title.add_thumb p.sub {
		margin-bottom: 150px;
	}

	.common_title p.en {
		font-size:6rem;
		font-family:Roboto;
		font-weight:800;
		font-style:italic;
		color:#22AFC3;
		line-height:1;
	}

	.common_title.add_thumb .image {
		position: absolute;
		right: 5%;
		bottom: 45px;
		z-index: 0;
		width: 65%;
	}
}


/* -- 共通h2 -- */
section h2 {
	text-align:center;
	font-weight:800;
	font-size:5.6rem;
}
section h2 span {
	font-family:Roboto;
	display:block;
	font-size:16rem;
	font-style:italic;
	color:#22AFC3;
	line-height:1;
	letter-spacing:-0.02em;
	margin-bottom:10px;
}
@media screen and (max-width: 767px) {
	section h2 {
		font-size:2.4rem;
	}
	section h2 span {
		font-size:5rem;
	}
}


/*--------------------------------------------------
**************************************************
  マージン
**************************************************
--------------------------------------------------*/
.mt120-60 {
	margin-top:120px !important;
}
.mb160-80 {
	margin-bottom:160px !important;
}
.mb120-60 {
	margin-bottom:120px !important;
}
@media screen and (max-width: 767px) {
	.mt120-60 {
		margin-top:60px !important;
	}
	.mb160-80 {
		margin-bottom:80px !important;
	}
	.mb120-60 {
		margin-bottom:60px !important;
	}
}


/*--------------------------------------------------
**************************************************
  コンテンツ
**************************************************
--------------------------------------------------*/
.contents_inner {
	width:var(--content-pc-width-1);
	max-width:var(--content-sp-width-1);
	margin-left:auto;
	margin-right:auto;
}
.contents_inner p {
	line-height:2.125;
}


/*--------------------------------------------------
**************************************************
  404
**************************************************
--------------------------------------------------*/
#p404 {
	margin-top:120px;
	margin-bottom:160px;
}
#p404 p {
	width:90%;
	margin:0 auto;
	font-size:2.4rem;
	text-align:center;
	font-weight:800;
	line-height:2;
}
.p404_link_box {
	width:90%;
	margin:100px auto 0;
	display:flex;
	justify-content:center;
	gap:40px;
}

@media screen and (max-width: 767px) {
	#p404 {
		margin-top:60px;
		margin-bottom:80px;
	}
	#p404 p {
		font-size:1.6rem;
		text-align:left;
	}
	.p404_link_box {
		margin:50px auto 0;
		display:flex;
		justify-content:center;
		flex-direction:column;
		gap:30px;
	}
}


/*--------------------------------------------------
**************************************************
  Page Navi
**************************************************
--------------------------------------------------*/
.wp-pagenavi {
	margin-top:40px;
	padding:0;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:0 30px;
}
.wp-pagenavi a,
.wp-pagenavi .current {
	font-family:Roboto;
	font-style:italic;
	font-size:2rem;
	font-weight:500;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current {
	color: var(--green-1);
}
.previouspostslink {
	width:50px;
	height:50px;
	background:url(../imgs/common/arrow_4.svg) no-repeat center / cover;
	text-indent:-99999px;
	overflow:hidden;
}
.nextpostslink {
	width:50px;
	height:50px;
	background:url(../imgs/common/arrow_3.svg) no-repeat center / cover;
	text-indent:-99999px;
	overflow:hidden;
}


@media screen and (max-width: 767px) {
	.wp-pagenavi {
		margin-top:30px;
		padding:0;
		display:flex;
		justify-content:center;
		align-items:center;
		gap:0 6vw;
	}
	.wp-pagenavi a,
	.wp-pagenavi .current {
		font-family:Roboto;
		font-style:italic;
		font-size:1.6rem;
		font-weight:500;
	}
	.wp-pagenavi a:hover,
	.wp-pagenavi .current {
		color: var(--green-1);
	}
	.previouspostslink {
		width:10vw;
		height:10vw;
		background:url(../imgs/common/arrow_4.svg) no-repeat center / cover;
		text-indent:-99999px;
		overflow:hidden;
		aspect-ratio:1 / 1;
	}
	.nextpostslink {
		width:10vw;
		height:10vw;
		background:url(../imgs/common/arrow_3.svg) no-repeat center / cover;
		text-indent:-99999px;
		overflow:hidden;
		aspect-ratio:1 / 1;
	}
}