@charset 'utf-8';

/* contents style */


.entry-content h1 {
	font-size: 2.4rem;
	letter-spacing: -0.1rem;
	color: var(--color-white);
}

.entry-content h2 {
	font-size: 5rem;
	text-align: center;
}

@media only screen and (max-width: 640px) {
	.entry-content h2 {
		font-size: 4rem;
	}
}

.entry-content h3 {
	font-size: 3.7rem;
	font-weight: var(--font-bold);
}

.entry-content h4 {
	font-size: 2.4rem;
	font-weight: var(--font-bold);
}

.entry-content p {
	font-size: 1.8rem;
}

.entry-content .arrow {
	background: url(../images/arrow.png) no-repeat;
	background-size: contain;
	width: 6.3rem;
	height: 3.3rem;
	margin: 5rem auto;
}

/* top */
.entry-content #c_top {
	background: url(../images/top-bg.webp) no-repeat;
	background-size: 192rem;
	background-position: top var(--header-height-pc) center;
	padding-bottom: 5rem;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_top {
		background-size: contain;
		background-position: top center;
	}
}

.entry-content #c_top .container {
	padding-top: 20rem;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_top .container {
		padding-top: 5rem;
	}
}


.entry-content #c_top h1 {
	font-size: 2.4rem;
	letter-spacing: -0.1rem;
	color: var(--color-white);
}

.entry-content #c_top .c_top-box {
	background-color: var(--color-black);
	color: var(--color-white);
	margin: 10rem 0 0;
	padding: 10rem 3rem;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_top .c_top-box {
		margin: 6rem 0;
		padding: 5rem 3rem;
	}
}

.entry-content #c_top .c_top-box p {
	width: 96rem;
	font-size: 1.8rem;
	margin: 0 auto;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_top .c_top-box p {
		width: 100%;
	}
}

.entry-content #c_top .c_top-flx {
	display: flex;
	gap: 2rem;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_top .c_top-flx {
		flex-direction: column;
	}
}

.entry-content #c_top .c_top-flx>* {
	flex-basis: 50%;
}

.entry-content #c_top .c_top-flx p {
	font-size: 1.8rem;
}


/* issue */
.entry-content #c_issue {
	background-color: var(--color-black);
	padding: 5rem 0 10rem;
	color: var(--color-white);
}

.entry-content #c_issue h2 {
	text-align: left;
}

.entry-content #c_issue .c_issue_flx {
	display: flex;
	gap: 1rem;
	margin-top: 6rem;
}

.entry-content #c_issue .c_issue_flx>div {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.entry-content #c_issue .c_issue_flx .c_issue_head {
	background-color: var(--color-white);
	color: var(--color-black);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 9.4rem;
	font-weight: var(--font-bold);
	font-size: 1.8rem;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_issue .c_issue_flx .c_issue_head {
		height: 5rem;
	}
}

.entry-content #c_issue .c_issue_ans {
	text-align: center;
	font-size: 2.6rem;
	font-weight: var(--font-bold);
}

/* breadcrumbs
.breadcrumbs{
	font-size: 1.5rem !important;
	color: #000;
	margin-bottom: 10rem;
}
.breadcrumbs a{
	color: #000;
} */
 
/* renew */
.entry-content #c_renew .container {
	padding: 5rem 0 10rem;
}

.entry-content #c_renew .c_renew-flx {
	display: flex;
	gap: 2rem;
	margin-top: 8rem;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_renew .c_renew-flx {
		flex-direction: column;
	}
}

.entry-content #c_renew .c_renew-flx>div {
	flex-basis: calc(100% /3);
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_renew .c_renew-flx>div {
		flex-direction: row;
		align-items: center;
	}
}

.entry-content #c_renew .c_renew-flx .c_renew-title {
	font-size: 2.4rem;
	font-weight: var(--font-bold);
	text-align: center;
	margin-bottom: 2rem;
}

.entry-content #c_renew .c_renew-flx .c_renew-txt-wrap {
	padding: 0 1rem;
}

.entry-content #c_renew .c_renew-flx .c_renew-txt-copy {
	font-size: 1.8rem;
	font-weight: var(--font-bold);
}

.entry-content #c_renew .c_renew-flx p {
	font-size: 1.5rem;
}


/* link-btn */
.entry-content .links>div {
	font-size: 1.8rem;
	font-weight: var(--font-bold);
	text-align: center;
	margin: 2rem auto;
}

.entry-content .links>div a {
	height: 10rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2rem;
	position: relative;
	color: var(--color-black);
	background-color: var(--color-pale-gray);
}

.entry-content .links>div a::after {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
	margin: auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
	background-position: 50% 70%;
}



/* probrems */
.entry-content #c_probrems {
	padding: 8rem 0;
}

.entry-content #c_probrems .links {
	display: flex;
	gap: 3rem;
	margin-top: 6rem;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_probrems .links {
		flex-direction: column;
		gap: 0;
		margin-top: 6rem;
	}
}

.entry-content #c_probrems .links>div {
	flex-basis: calc(100% / 3);
}

@media only screen and (max-width: 640px) {
	.entry-content #c_probrems .links>div {
		flex-basis: unset;
		width: 100%;
	}
}

.entry-content #c_probrems .probrems-para {
	font-size: 2.6rem;
	font-weight: var(--font-bold);
	width: 91rem;
	margin: auto;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_probrems .probrems-para {
		font-size: 2rem;
		width: 100%;
	}
}

/* contact */
.entry-content #c_contact {
	padding: 8rem 0;
}

.entry-content #c_contact .h2-sub {
	font-size: 2.4rem;
	font-weight: var(--font-medium);
	text-align: center;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_contact .h2-sub {
		font-size: 1.8rem;
	}
}

.entry-content #c_contact .h2-sub+h2 {
	margin-top: 1.5rem;
}

.entry-content #c_contact .c_contact-flx {
	display: flex;
	gap: 3rem;
}

@media only screen and (max-width: 640px) {
	.entry-content #c_contact .c_contact-flx {
		flex-direction: column;
	}
}

.entry-content #c_contact .c_contact-flx .c_contact_img-wrap {
	flex-basis: 55%;
}

.entry-content #c_contact .c_contact-flx .c_contact_links {
	flex-basis: 45%;
}

.entry-content #c_contact .c_contact-flx .c_contact_links p {
	font-size: 2.4rem;
	font-weight: var(--font-bold);
	text-align: center;
}

.entry-content #c_contact .c_contact-flx .c_contact_links .link-img {
	display: block;
	position: absolute;
	width: 6rem;
	height: 6rem;
	object-fit: contain;
	left: 5rem;
	top: 0;
	bottom: 0;
	margin: auto;
}

.entry-content #c_contact .c_contact-flx .c_contact_links .phone {
	font-family: "Oswald", sans-serif;
	font-size: 2.3rem;
	font-weight: var(--font-bold);
	height: 10rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.entry-content #c_contact .c_contact-flx .c_contact_links .phone::before {
	content: "";
	display: block;
	width: 6rem;
	height: 6rem;
	background: url(../images/contact_ico-03.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 5rem;
	top: 0;
	bottom: 0;
	margin: auto;
}

