@charset "utf-8";

/* single-area.php templte01 */

:root {
	--c-area-key: #00A4F2;
	--c-area-keyDark: #008D3A;
	--c-area-accent: #FD6200;
	--c-area-gray: #f0f0f0;
	--c-area-bg: #F4F4F4;
	--c-area-border: #e1e1e1;
	--c-area-bg-yellow: #fbFFEB;
}

/*
<hierarchy>
section ( header / content )
  - block ( header / content )
	- box
*/

/*
// #common
//
============================================================================================================================== */
.area_template01{
	font-weight: 400;
}
.area_template01 h1,
.area_template01 h2,
.area_template01 h3{
	margin-bottom: 0;
}
.area_template01 table,
.area_template01 th,
.area_template01 td{
	border-width: 0;
}

.areaTemp01__heading01 {
	position: relative;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em !important;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--c-area-key);
	color: var(--c-area-key);
}

.areaTemp01__heading02 {
	font-size: 2.25em;
	font-weight: 700;
	color: var(--c-area-key);
	line-height: 1;
	text-align: center;
}

.areaTemp01__heading02 span {
	position: relative;
	z-index: 1;
}

.areaTemp01__heading02 span.pillow {
	color: #000;
}

.areaTemp01__heading02 br{
	display: none;
}

@media screen and (max-width: 1024px) {
	.area_template01{
		font-size: 1.4rem;
	}
	.areaTemp01__heading01{
		font-size: 1.25em;
	}
	.areaTemp01__heading02{
		font-size: 1.5em;
	}
	.areaTemp01__heading02 span::after{
		height: 0.75em;
	}
	.areaTemp01__heading02 br{
		display: block;
		margin: 0.5em 0;
	}
	.areaTemp01__heading02 span{
		line-height: 1.5;
	}

}



/*
// .contentLayout
//
============================================================================================================================== */
.contentLayout p{
	line-height: 1.7;
	font-size: 1.6rem;
}
.contentLayout p:not(:last-child){
	margin-bottom: 1.6rem;
}

.contentLayout h2{
    position: relative;
	margin-top: 48px;
    margin-bottom: 16px;
    padding: 2.4rem 16px;
    background: #1996E3;
    border-radius: 5px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #FFF;
}
.contentLayout h3{
    position: relative;
	margin-top: 48px;
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #1996E3;
    font-size: 2.4rem;
    font-weight: 700;
    color: #1996E3;
}
@media screen and (max-width: 1024px) {
	.contentLayout p{
		font-size: 1.4rem;
	}
	.contentLayout h3{
		font-size: 2rem;
	}
}


/*
// #areaTemp01Header
//
============================================================================================================================== */
#areaTemp01Header {
	padding: 50px 0;
	background-image: url('../img/area/single/area__title_bg01.jpg');
	background-size: cover;
	background-position: left bottom;
	font-size: 16px;
	position: relative;
	color: #fff;
}
#areaTemp01Header .inner {
	max-width: 1200px;
	width: 92%;
	margin: auto;
}

.areaTemp01Header__pref {
	line-height: 1;
}

.areaTemp01Header__heading {
	display: flex;
	gap: 3em;
	margin-top: .75em;
}

.areaTemp01Header__heading h1 {
	font-size: 48px;
	font-weight: 900;
	line-height: 1;
}

.areaTemp01Header__heading p {
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.04em;
	margin-bottom: 0;
}

.areaTemp01Header__lead {
	font-weight: 700;
	line-height: 1.5;
	font-size: 14px;
	margin-top: 2em;
}

.areaTemp01HeaderHeader__thumbnail {
	position: absolute;
	right: 0;
	top: 0;
	height: 15em;
	width: calc((1200px - 37em) + ((100% - 1200px) / 2));
	border-radius: 0 0 0 8em;
	overflow: hidden;
}

.areaTemp01HeaderHeader__thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.areaTemp01Header__anchor {
	margin-top: 5em;
}

.areaTemp01Header__anchorList {
	display: flex;
	gap: 1.25em;
	margin: 0;
}

.areaTemp01Header__anchorList>li {
	width: 100%;
	line-height: 1;
	position: relative;
}

.areaTemp01Header__anchorList>li>a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5em;
	font-weight: 600;
	border: 1px solid var(--c-area-key);
	background-color: #fff;
	border-radius: 10px;
	transition: 0;
}

.areaTemp01Header__anchorList>li>a::after {
	content: '';
	width: 1.25em;
	height: 1.25em;
	background: url('../img/area/single/area__arrow04.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.areaTemp01Header__anchorList>li.is-hover>a {
	border-radius: 10px 10px 0 0 ;
	opacity: 1;
}

.areaTemp01Header__anchorList .areaTemp01Header__anchorList--children {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	margin-left: 0;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
	border: 1px solid var(--c-area-key);
	border-width: 0 1px 1px 1px;
}

.areaTemp01Header__anchorList .areaTemp01Header__anchorList--children li a {
	background-color: #fff;
	color: var(--c-area-key);
	padding: 1em;
	text-align: center;
	line-height: 1.5;
	font-weight: 600;
	display: block;
	opacity: 1;
}

.areaTemp01Header__anchorList .areaTemp01Header__anchorList--children li+li {
	border-top: 1px solid var(--c-area-key);
}

.areaTemp01Header__anchorList .areaTemp01Header__anchorList--children li a:hover {
	background-color: var(--c-area-key);
	color: #fff;
}

@media screen and (max-width: 1024px) {
	#areaTemp01Header {
		padding: 0;
		background-image: none;
	}
	#areaTemp01Header .inner{
		padding: 0;
		width: 100%;
	}
	.areaTemp01Header__text{
		padding: 2em;
		background-image: url('../img/area/single/area__title_bg01.jpg');
	    background-size: cover;
	    background-position: left bottom;
	}
	.areaTemp01Header__heading{
		flex-direction: column;
		gap: 1.5em;
	}
	.areaTemp01Header__heading h1{
		font-size: 2em;
	}
	.areaTemp01Header__lead{
		margin-top: 1.5em;
	}
	.areaTemp01HeaderHeader__thumbnail{
		position: inherit;
		height: 9em;
		width: 100%;
		border-radius: 0;
	}
	.areaTemp01Header__anchor{
		margin-top: 0;
		padding: 2em 4%;
		background-color: var(--c-area-gray);
	}
	.areaTemp01Header__anchorList{
		flex-direction: column;
		gap: 0.5em;
	}
	.areaTemp01Header__anchorList>li>a{
		padding: 1em 1.5em;
		border-radius: 0;
	}
	.areaTemp01Header__anchorList>li>a:hover{
		opacity: 1;
	}
	.areaTemp01Header__anchorList .areaTemp01Header__anchorList--children{
		position: inherit;
		border-radius: 0;
	}
}


/*
// #areaTemp01Content
//
============================================================================================================================== */
/* #areaTemp01Content p,
#areaTemp01Content h1,
#areaTemp01Content h3,
#areaTemp01Content h2{
	margin-bottom: 0;
} */

/*
// .areaTemp01__seciton
//
============================================================================================================================== */

.areaTemp01__seciton {
	padding: 80px 0;
	font-size: 16px;
	display: block;
	word-break: break-all;
}

.areaTemp01__seciton .inner {
	max-width: 1000px;
	width: 1183px;
	margin: auto;
}

.areaTemp01__seciton p{
	line-height: 1.7;
}
.areaTemp01__seciton ul,
.areaTemp01__seciton ol{
	margin-left: 0;
	margin-bottom: 0;
}

.areaTemp01Section__heading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 1em;
	line-height: 1.1;
}

.areaTemp01Section__heading .icon {
	width: 4em;
	height: 4em;
	object-fit: contain;
}
.areaTemp01Section__heading .icon img{
	width: 100%;
	height: 100%;
}

.areaTemp01Section__heading .heading {
	display: flex;
	align-items: center;
	font-size: 2.5em;
	margin-bottom: 0;
}
.areaTemp01Section__heading .heading__area {
	font-weight: 900;
}
.areaTemp01Section__heading .heading__text {
	font-weight: 900;
	color: var(--c-area-key);
}

.areaTemp01Section__header+.areaTemp01Section__content {
	margin-top: 60px;
}

.areaTemp01Section__lead {
	line-height: 1.6;
	max-width: 550px;
	margin: 1em auto 0;
}
.areaTemp01Section__lead a{
	text-decoration: underline;
	color: #2E8CE9;
}

#areaTemp01_definition+#areaTemp01_price {
}

#areaTemp01_price {
	padding-bottom: 0;
	background-color: var(--c-area-bg);
}

#areaTemp01_recommend {
	background-color: var(--c-area-bg);
	padding-bottom: 2.5em;
}

#areaTemp01_recommend .areaTemp01Section__content {
	padding: 3.25em 3em 3em;
	border-radius: 10px;
	background-color: #fff;
}

#areaTemp01_arrow {
	height: 5em;
	padding: 0;
	background-color: #1996E3;
	background-image: url('../img/area/single/area__arrow03.svg');
	background-position: top -1px center;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (max-width: 1024px) {
	.areaTemp01__seciton{
		padding: 2em 0;
		font-size: 1.4rem;
	}
	.areaTemp01__seciton .inner {
		max-width: 100%;
		width: 92%;
	}
	.areaTemp01Section__heading{
		flex-direction: column;
		text-align: center;
		gap: 1em;
		padding: 0;
	}
	.areaTemp01Section__heading .icon{
		width: 6rem;
		height: 6rem;
	}
	.areaTemp01Section__heading .heading{
		flex-direction: column;
		text-align: center;
	}
	.areaTemp01Section__heading .heading__area{
		font-size: 3.2rem;
	}
	.areaTemp01Section__heading .heading__text{
		font-size: 3.2rem;
	}
	.areaTemp01Section__header+.areaTemp01Section__content{
		margin-top: 2em;
		padding-top: 2em;
		border-top: 1px
		solid var(--c-area-border);
	}
	#areaTemp01_price .areaTemp01Section__header+.areaTemp01Section__content{
		margin-top: 0;
		padding-top: 2em;
		border-top: 0;
	}
	.areaTemp01Section__lead{
		margin-top: 1.25em;
	}
	#areaTemp01_definition{
		padding-bottom: 0;
	}
	#areaTemp01_definition+#areaTemp01_price{
		padding-top: 2em;
		margin-top: 0;
	}
	#areaTemp01_price{
	}
}



/*
// .areaTemp01__block
//
============================================================================================================================== */

/* #definition_true / #definition_false */
#definition_true,
#definition_false {
	display: flex;
}

#definition_false {
	margin-top: 50px;
}

#definition_true+#definition_false {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid var(--c-area-border);
}

#definition_false .areaTemp01Block__header,
#definition_true .areaTemp01Block__header {
	width: 16em;
	font-weight: 900;
	color: var(--c-area-key);
	display: flex;
	gap: 24px;
	flex-shrink: 0;
	font-size: 24px;
}

#definition_false .areaTemp01Block__header {
	color: var(--c-area-accent);
}

#definition_false .areaTemp01Block__header .heading__text,
#definition_true .areaTemp01Block__header .heading__text {
	font-weight: 900;
}

#definition_false .areaTemp01Block__header .heading__icon,
#definition_true .areaTemp01Block__header .heading__icon {
	width: 80px;
	object-fit: contain;
}

#areaTemp01_definition .areaTemp01Block__content{
	width: 100%;
}

#definition_false .areaTemp01Block__content .contentLayout,
#definition_true .areaTemp01Block__content .contentLayout {
	font-weight: 500;
	padding: 0;
	line-height: 1.6;
}


/* #areaTemp01_price */
.areaTemp01Section__cta+#price_howto02,
.areaTemp01Section__cta+#price_howto03 {
	margin-top: 3.5em;
}

#price_howto01 .inner,
#price_howto02 .inner,
#price_howto03 .inner {
	background-color: #fff;
	padding: 3em;
	border-radius: 10px;
}

#price_howto01 .areaTemp01Block__header,
#price_howto02 .areaTemp01Block__header,
#price_howto03 .areaTemp01Block__header {
	text-align: center;
}

#price_howto01 .areaTemp01Block__heading,
#price_howto02 .areaTemp01Block__heading,
#price_howto03 .areaTemp01Block__heading {
	display: flex;
	justify-content: center;
	gap: 1.25em;
	line-height: 1;
	align-items: flex-end;
}

#price_howto01 .areaTemp01Block__heading .heading__label,
#price_howto02 .areaTemp01Block__heading .heading__label,
#price_howto03 .areaTemp01Block__heading .heading__label {
	color: var(--c-area-key);
	font-weight: 900;
	display: flex;
	align-items: flex-end;
	gap: 0.25em;
}

#price_howto01 .areaTemp01Block__heading .heading__labelText,
#price_howto02 .areaTemp01Block__heading .heading__labelText,
#price_howto03 .areaTemp01Block__heading .heading__labelText {
	font-size: 1.75em;
}

#price_howto01 .areaTemp01Block__heading .heading__labelNum,
#price_howto02 .areaTemp01Block__heading .heading__labelNum,
#price_howto03 .areaTemp01Block__heading .heading__labelNum {
	font-size: 3em;
	font-weight: 800;
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	line-height: 0.75;
}

#price_howto01 .areaTemp01Block__heading .heading__text,
#price_howto02 .areaTemp01Block__heading .heading__text,
#price_howto03 .areaTemp01Block__heading .heading__text {
	font-size: 1.75em;
	font-weight: 700;
	color: var(--c-area-accent);
	margin-bottom: 0;
}

#price_howto01 .areaTemp01Block__lead,
#price_howto02 .areaTemp01Block__lead,
#price_howto03 .areaTemp01Block__lead {
	margin-top: 1.5em;
}

#price_howto01 .areaTemp01Block__header,
#price_howto02 .areaTemp01Block__header,
#price_howto03 .areaTemp01Block__header,
#price_comparison .areaTemp01Block__header,
#price_discount .areaTemp01Block__header {
	margin-bottom: 2.5em;
}

#price_howto01 .areaTemp01Block__content>div+div,
#price_howto02 .areaTemp01Block__content>div+div,
#price_howto03 .areaTemp01Block__content>div+div,
#price_comparison .areaTemp01Block__content>div+div {
	margin-top: 3.75em;
}

#price_comparison,
#price_discount {
	position: relative;
	padding-top: 5em;
	margin-top: 5em;
	background-color: #FFF4DA;
}

#price_comparison+#price_discount {
	margin-top: 0;
	padding-top: 1.5em;
}

#price_comparison .inner,
#price_discount .inner {
	background-color: #fff;
	padding: 3em;
	border-radius: 10px;
}

#areaTemp01_price .areaTemp01Section__Block:last-of-type {
	padding-bottom: 5em;
}

/* #areaTemp01_skt */
#areaTemp01_skt .areaTemp01Block__header {
	text-align: center;
}

#areaTemp01_skt .areaTemp01Block__content {
	margin-top: 2.5em;
}

/* cta */
.areaTemp01Section__cta {
	margin-top: 3.5em;
}

.areaTemp01Section__cta .inner {
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
}

.areaTemp01Section__cta .topicsCta02 {
	margin-bottom: 0;
}

/* recommend */
#areaTemp01_recommend .areaTemp01Section__heading {
	padding: 0;
}

@media screen and (max-width: 1024px) {
	#definition_true, #definition_false{
		flex-direction: column;
		gap: 1.25em;
	}
	#definition_true+#definition_false{
		margin-top: 2em;
		padding-top: 2em;
	}
	#definition_false .areaTemp01Block__header, #definition_true .areaTemp01Block__header{
		font-size: 1.25em;
		width: inherit;
		justify-content: center;
		align-items: center;
	}
	#definition_false .areaTemp01Block__header .heading__icon,
	#definition_true .areaTemp01Block__header .heading__icon{
		width: 6rem;
		height: 6rem;
	}
	#definition_false .areaTemp01Block__header .heading__text,
	#definition_true .areaTemp01Block__header .heading__text{
		font-size: 2.0rem;
	}
	.areaTemp01Section__cta{
		margin-top: 2.5em;
	}

	#price_howto01 .inner, #price_howto02 .inner, #price_howto03 .inner{
		padding: 2.5em 1.5em;
	}
	#price_howto01 .areaTemp01Block__heading, #price_howto02 .areaTemp01Block__heading, #price_howto03 .areaTemp01Block__heading{
		flex-direction: column;
		align-items: center;
	}
	#price_howto01 .areaTemp01Block__heading .heading__labelText, #price_howto02 .areaTemp01Block__heading .heading__labelText, #price_howto03 .areaTemp01Block__heading .heading__labelText{
		font-size: 1.375em;
	}
	#price_howto01 .areaTemp01Block__heading .heading__text, #price_howto02 .areaTemp01Block__heading .heading__text, #price_howto03 .areaTemp01Block__heading .heading__text{
		font-size: 1.5em;
	}
	.areaTemp01Section__cta+#price_howto02,
	.areaTemp01Section__cta+#price_howto03,
	#price_howto01 + .areaTemp01Section__cta,
	#price_howto02 + .areaTemp01Section__cta,
	#price_howto03 + .areaTemp01Section__cta{
		margin-top: 1em;
	}

	#price_comparison,
	#price_discount{
		margin-left: -3.8%;
		margin-right: -3.8%;
		padding-left: 3.8%;
		padding-right: 3.8%;
		padding-top: 4em;
		margin-top: 4em;
	}
	#price_comparison .inner, #price_discount .inner{
		padding: 3.5em 1.5em;
	}
	#areaTemp01_arrow{
		height: 2em;
	}
	#areaTemp01_recommend .areaTemp01Section__content{
		padding: 3.25em 1.5em;
	}
}


/*
// areaTemp01__<box>
//
============================================================================================================================== */

/* common */
.areaTemp01Block__content>div+div {
	margin-top: 1.5em;
}

.areaTemp01Block__content>.contentLayout {
	padding: 0;
}

/* accordion */
.areaTemp01__accordion01 {}

.areaTemp01Accordion01__label,
.areaTemp01Accordion02__label {
	background-color: var(--c-area-gray);
	display: flex;
	align-items: center;
	line-height: 1;
	justify-content: space-between;
	padding: 1.5em;
	font-weight: 600;
	cursor: pointer;
	gap: 1em;
}

.areaTemp01Accordion01__label::after,
.areaTemp01Accordion02__label::after {
	content: '';
	width: 1.5em;
	height: 1.5em;
	background-image: url('../img/area/single/area__icon-plus01.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.areaTemp01Accordion01__label.is-open::after,
.areaTemp01Accordion02__label.is-open::after {
	background-image: url('../img/area/single/area__icon-minus01.svg');
}

.areaTemp01Accordion01__content,
.areaTemp01Accordion02__content {
	border: 1px solid var(--c-area-gray);
	display: none;
}

.areaTemp01Accordion01__content table {
	border-collapse: collapse;
	width: 100%;
	vertical-align: top;
	margin-bottom: 0;
}

.areaTemp01Accordion01__content tr th {
	padding: 1.5em;
	width: 11em;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
}

.areaTemp01Accordion01__content tr td {
	padding: 1.5em 1.5em 1.5em 0;
	font-weight: 400;
	line-height: 1.7;
}

.areaTemp01Accordion01__content tr+tr {
	border-top: 1px solid var(--c-area-gray);
}

.areaTemp01Accordion02__content {
	padding: 1.5em;
}

.areaTemp01Accordion02__content ul {
	column-count: 2;
	line-height: 1.7;
	list-style-type: disc;
	padding-left: 1.5em;
}

.areaTemp01Accordion02__content ul li {
	padding-right: 1em;
}

/* box */
.areaTemp01__falseBox01 {
	font-size: 0.875em;
	line-height: 1.7;
}

/* flow */
.areaTemp01__flowList01 {
	display: flex;
	gap: 2.25em;
	align-items: flex-start;
}
.areaTemp01__flowList01--col3{
	flex-wrap: wrap;
}

.areaTemp01__flowList01>li {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}
.areaTemp01__flowList01--col3>li{
	width: calc( (100% - 4.5em) / 3 );
}

.areaTemp01__flowList01>li+li::before {
	position: absolute;
	top: 50%;
	left: calc((-2.25em + 0.25em) / 2);
	transform: translate(-50%, -50%);
	content: '';
	background-image: url('../img/area/single/area__arrow01.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 0.5em;
	height: 1.5em;
}

.areaTemp01FlowList01__heading {
	display: flex;
	gap: 0.5em;
	align-items: center;
	justify-content: center;
	padding: 0.625em;
	font-family: 'Manrope', sans-serif;
	background-color: var(--c-area-key);
	font-weight: 800;
	color: #fff;
	letter-spacing: 0.1em;
	border-radius: 0.875em 0.875em 0 0;
}

.areaTemp01FlowList01__heading .heading__num {
	font-size: 1.5em;
}

.areaTemp01FlowList01__content {
	padding: 1.5em 1.25em;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	font-size: 0.875em;
	border-radius: 0 0 0.875em 0.875em;
	flex-grow: 1;
	border: 1px solid var(--c-area-key);
}

.areaTemp01FlowList01__wapper {
	flex-grow: 1;
}

.areaTemp01FlowList01__title {
	text-align: center;
	font-weight: 700;
	font-size: 1em;
}

.areaTemp01FlowList01__summary,
.areaTemp01FlowList01__detail {
	margin-top: 1.5em;
}

.areaTemp01FlowList01__detail {
	display: none;
}

.areaTemp01FlowList01__readmore {
	display: flex;
	color: var(--c-area-accent);
	gap: 0.5em;
	align-items: center;
	justify-content: center;
	margin-top: 1.5em;
	cursor: pointer;
}

.areaTemp01FlowList01__readmore::before {
	content: '詳細を確認する';
}

.areaTemp01FlowList01__readmore.is-open::before {
	content: '閉じる';
}

.areaTemp01FlowList01__readmore::after {
	content: '';
	width: 0.75em;
	height: 0.75em;
	background-image: url('../img/area/single/area__arrow02.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: 0.3s;
}

.areaTemp01FlowList01__readmore.is-open::after {
	transform: rotate(180deg);
}

/* note */
.areaTemp01__noteList01 {
	padding-left: 1.5em;
	list-style-type: disc;
}

.areaTemp01__noteList01>li {
	line-height: 1.5;
}

.areaTemp01__noteList01>li+li {
	margin-top: 0.5em;
}

/* place */
.areaTemp01__place01__item+.areaTemp01__place01__item {
	margin-top: 3em;
}

.areaTemp01__place01__itemHeading {
	display: flex;
	gap: 0.625em;
}

.areaTemp01__place01__itemHeading .icon {
	background-image: url('../img/area/single/area__icon-map01.svg');
	width: 2.25em;
	height: 2.25em;
	background-repeat: no-repeat;
	background-size: contain;
}

.areaTemp01__place01__itemHeading h4 {
	font-weight: 700;
	font-size: 1.35em;
}

.areaTemp01__place01__itemLead,
.areaTemp01__place01__itemTable {
	margin-top: 1.5em;
}

.areaTemp01__place01__itemLead {
	font-size: 0.875em;
	font-weight: 400;
}

.areaTemp01__place01__itemTable table {
	width: 100%;
	border: none;
}

.areaTemp01__place01__itemTable table tr th,
.areaTemp01__place01__itemTable table tr td {
	padding: 1em;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
}

.areaTemp01__place01__itemTable table tr:last-of-type th,
.areaTemp01__place01__itemTable table tr:last-of-type td {
	border-width: 1px 0;
}

.areaTemp01__place01__itemTable table tr th {
	padding-right: 0;
	width: 11em;
	font-weight: 600;
	text-align: left;
}

.areaTemp01__place01__itemTable table tr td {
	font-weight: 400;
}

.areaTemp01__place01__itemTable table tr td a {
	color: var(--c-area-key);
	text-decoration: underline;
}

.areaTemp01__place01__itemTable table tr td .tel a {
	font-size: 1.35em;
	letter-spacing: 0.04em;
	font-weight: 700;
}

/* table */
.areaTemp01__comparisonTable01 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
	vertical-align: middle;
	table-layout: fixed;
	text-align: center;
}

.areaTemp01__comparisonTable01 table thead tr th,
.areaTemp01__comparisonTable01 table tbody tr th {
	padding: 1.75em 0;
	font-weight: 700;
}

.areaTemp01__comparisonTable01 table thead tr td {
	width: 200px;
}

.areaTemp01__comparisonTable01 table thead tr th {
	background-color: var(--c-area-key);
	color: #fff;
	font-size: 1.1em;
}

.areaTemp01__comparisonTable01 table tbody tr th {
	background-color: var(--c-area-border);
}

.areaTemp01__comparisonTable01 table tbody tr td {
	padding: 1em;
}

.areaTemp01__comparisonTable01 table tbody tr td .icon {
	display: block;
	width: 2em;
	height: 2em;
	margin: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.areaTemp01__comparisonTable01 table tbody tr td .icon.evaluation--01 {
	background-image: url('../img/area/single/area__evaluation--01.svg');
}

.areaTemp01__comparisonTable01 table tbody tr td .icon.evaluation--02 {
	background-image: url('../img/area/single/area__evaluation--02.svg');
}

.areaTemp01__comparisonTable01 table tbody tr td .icon.evaluation--03 {
	background-image: url('../img/area/single/area__evaluation--03.svg');
}

.areaTemp01__comparisonTable01 table tbody tr td .icon.evaluation--04 {
	background-image: url('../img/area/single/area__evaluation--04.svg');
}

.areaTemp01__comparisonTable01 table tbody tr td .note {
	line-height: 1;
	font-size: 0.9em;
	font-weight: 600;
	display: block;
}

.areaTemp01__comparisonTable01 table tbody tr td .icon+.note {
	margin-top: 0.5em;
}

/* areaTemp01__wysiwyg */
.areaTemp01__wysiwyg01 {}


@media screen and (max-width: 1024px) {
	.areaTemp01Accordion01__content tr th,
	.areaTemp01Accordion01__content tr td{
		display: block;
		width: 100%;
		padding: 1em;
	}
	.areaTemp01Accordion01__content tr th{
		padding-bottom:  0.25em;
		font-weight: 700;
	}
	.areaTemp01Accordion01__content tr td{
		padding-top: 0.25em;
	}
	.areaTemp01Accordion02__content ul{
		column-count: 1;
		font-weight: 400;
	}

	/* flow */
	.areaTemp01__flowList01{
		margin-right: -1.5em;
		padding-bottom: 1em;
		overflow-x: scroll;
		scrollbar-color: var(--c-area-key) #fff;
	}
	.areaTemp01__flowList01--col3{
		flex-wrap: nowrap;
	}
	.areaTemp01__flowList01>li{
		width: 80%;
		flex-shrink: 0;
	}
	.areaTemp01__flowList01>li:last-of-type{
		margin-right: 1.5em;
	}

	/* table */
	.areaTemp01__place01__itemTable table tr th,
	.areaTemp01__place01__itemTable table tr td{
		padding: 1em 0;
		font-size: 0.875em;
		display: block;
		width: 100%;
	}
	.areaTemp01__place01__itemTable table tr th{
		font-weight: 700;
		padding-bottom: 0.25em;
	}
	.areaTemp01__place01__itemTable table tr td{
		padding-top: 0.25em;
		border-top: 0;
	}
	.areaTemp01__place01__itemTable table tr:last-of-type th{
		border-bottom-width: 0;
	}

	/* place */
	.areaTemp01__place01__itemHeading .icon{
		width: 2em;
		height: 2em;
	}
	.areaTemp01__place01__itemHeading h4{
		font-size: 1.125em;
	}

	/* c */
	.areaTemp01__comparisonTable01{
		margin-right: -1.5em;
		padding-bottom: 1.5em;
		overflow-x: scroll;
		scrollbar-color: var(--c-area-key) #fff;
		padding-right: 1.5em;
	}
	.areaTemp01__comparisonTable01 table{
		min-width: 100%;
	}
	.areaTemp01__comparisonTable01 table thead tr th{
        width: 50vw;
	}
}



/*
// CTA
//
============================================================================================================================== */
.areaTemp01Section__cta {
	margin-bottom: 43px;
	position: relative;
}
.areaTemp01SectionCta__container {
	background-color: var(--c-area-key);
	padding: 2.0rem;
	border-radius: 10px;
	overflow: hidden;
}
.areaTemp01SectionCta__tag{
	display: flex;
	align-items: center;
	gap: 1.6rem;
}
.areaTemp01SectionCta__tag li{
	width: 100%;
	border-radius: 100px;
	border: 1px solid #fff;
	color: #fff;
	line-height: 1;
	padding: 0.8rem;
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
}
.areaTemp01SectionCta__content{
	background-color: #fff;
	border: 5px solid #006BAC;
	padding: 2.4rem 4.8rem;
	margin-top: 2.0rem;
}
.areaTemp01SectionCta__content > * + *{
	margin-top : 1.6rem;
}
.areaTemp01SectionCta__content h2{
	font-weight: 900;
	font-size: 2.8rem;
	text-align: center;
}
.areaTemp01SectionCta__tel{
	border: 5px solid var(--c-area-key);
	border-width: 5px 0 ;
	padding: 0.8rem 0;
}
.areaTemp01SectionCta__tel dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.areaTemp01SectionCta__tel dl dt span{
	font-size: 2.8rem;
}
.areaTemp01SectionCta__tel dl dd{
	display: flex;
	align-items: center;
	font-weight: 900;
	margin: 0;
	gap: 1.6rem;
}
.areaTemp01SectionCta__buttonList{
	display: flex;
	gap: 1.6rem;
}
.areaTemp01SectionCta__buttonList li{
	width: 100%;
}
.areaTemp01SectionCta__buttonList li a{
	display: flex;
	align-items: center;
	gap: 1.6rem;
	justify-content: center;
    background: linear-gradient(180deg, rgba(255, 129, 0, 1) 0%, rgba(255, 13, 0, 1) 100%);
    box-shadow: 0 6px 0 rgb(88 89 88 / 22%);
    font-size: 2.0rem;
    color: #ffff0e;
    font-weight: bold;
    padding: 2.0rem 0;
    border-radius: 5px;
    letter-spacing: -1.2px;
}
.areaTemp01SectionCta__buttonList li.line a{
    background: linear-gradient(180deg, rgba(22, 208, 22, 1) 0%, rgba(0, 165, 0, 1) 100%);
}
.areaTemp01SectionCta__buttonList li a img{
	width: auto;
	height: 3.2rem;
}
.areaTemp01SectionCta__extraInfo{
	display: flex;
	gap: 1.6rem;
	margin-top: 2.0rem;
}
.areaTemp01SectionCta__extraInfo{
	display: flex;
	gap: 1.6rem;
}
.areaTemp01SectionCta__extraInfo > li{
	display: flex;
	border-radius: 4px;
	overflow: hidden;
	text-align: center;
	align-items: stretch;
	flex-grow: 1;
}
.areaTemp01SectionCta__extraInfo > li .label,
.areaTemp01SectionCta__extraInfo > li .text{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.6rem;
	font-weight: 500;
	flex-grow: 1;
	line-height: 1;
	border: 1px solid var(--c-area-gray);
}
.areaTemp01SectionCta__extraInfo > li .label{
	background-color:  var(--c-area-gray);
}
.areaTemp01SectionCta__payment .text img{
	height: 1.6rem;
	width: auto;
}
.areaTemp01SectionCta__note{
	width: 100%;
	text-align: right;
	font-size: 1.2rem;
}

@media screen and (min-width: 1025px) {

	.areaTemp01Section__cta .for-sp {
		display: none !important;
	}
	.areaTemp01SectionCta__tel dl dd{
		font-size: 7.2rem;
	}
	.areaTemp01SectionCta__tel dl dd::before{
		content: '';
		width: 7.2rem;
		height: 7.2rem;
		background: url(../img/common/free.svg) no-repeat center / contain;
	}
	.areaTemp01SectionCta__tel dl dd a{
		pointer-events: none;
	}

}

@media screen and (max-width: 1024px) {
	.areaTemp01Section__cta .for-pc {
		display: none !important;
	}
	.areaTemp01SectionCta__container{
		border-radius: 0;
		padding: 2em 4%;
	}
	.areaTemp01SectionCta__tag{
		flex-wrap: wrap;
		gap: 1rem;
	}
	.areaTemp01SectionCta__tag li{
		width: calc(50% - 0.5rem);
		font-size: 1.4rem;
	}
	.areaTemp01SectionCta__content{
		padding: 2rem;
	}
	.areaTemp01SectionCta__content h2{
		font-size: 1.4rem;
	}
	.areaTemp01SectionCta__tel{
		border-bottom: none;
		padding-bottom: 0;
	}
	.areaTemp01SectionCta__tel dl{
		flex-direction: column;
	}
	.areaTemp01SectionCta__tel dl dt,
	.areaTemp01SectionCta__tel dl dt span{
		font-size: 1.4rem !important;
	}
	.areaTemp01SectionCta__tel dl dd{
		margin-top: 1.6rem;
	}
	.areaTemp01SectionCta__tel dl dd a{
		position: relative;
	}
	.areaTemp01SectionCta__tel dl dd a span{
        position: absolute;
        top: 36%;
        left: 17%;
        transform: translateY(-50%);
        font-size: 8vw;
        font-weight: 900;
        color: #FFF;
	}
	.areaTemp01SectionCta__buttonList{
		flex-direction: column;
		margin-top: 0;
	}
	.areaTemp01SectionCta__buttonList li a{
		padding: 1rem 0;
	}
	.areaTemp01SectionCta__buttonList li a img{
		height: 2rem;
	}
	.areaTemp01SectionCta__extraInfo{
		flex-direction: column;
	}
	.areaTemp01SectionCta__extraInfo li{
		flex-direction: column;
	}
	.areaTemp01SectionCta__extraInfo > li .label{
		padding: 0.5rem 0;
		font-size: 1.2rem;
	}
	.areaTemp01SectionCta__extraInfo > .areaTemp01SectionCta__payment .text{
		font-size: 1.2rem;
		flex-direction: column;
		gap: 1rem;
	}
	.areaTemp01SectionCta__payment .text img{
		margin-top: 0.5rem;
	}
	.areaTemp01SectionCta__note{
		font-size: 1rem;
		text-align: center;
	}

	#areaTemp01_definition .areaTemp01Section__cta{
		margin-bottom: 0;
	}
	#areaTemp01_definition .areaTemp01Section__cta,
	.inner .areaTemp01Section__cta{
		width: 108%;
		margin-left: -4%;
		margin-right: -4%;
	}
	#areaTemp01_definition .areaTemp01Section__cta .inner,
	#areaTemp01_price .areaTemp01Section__cta .inner,
	.inner .areaTemp01Section__cta .inner{
		width: 100%;
		border-radius: 0;
	}
}

/* //END TOPICS CTA 01 */