/* color -----
red		#FF0000;		rgba(255, 0, 0, 1)
pink	#E64191;
orange	#f08200;
yellow	#FADC32;		rgba(255, 200, 50, 1)
green	#13ac5e;
blue	#003894;		rgba(0, 185, 245, 1)
grayLL	#F6F6F6;		rgba(246, 246, 246, 1)
grayL	#CCCCCC;		rgba(204, 204, 204, 1)
gray	#999999;		rgba(153, 153, 153, 1)
grayD	#444444;		rgba(68, 68, 68, 1)
black	#000000;		rgba(0, 0, 0, 1)
white	#FFFFFF;		rgba(255, 255, 255, 1)
---------- */



/*ヘッダー*/
#header_area {
	width: 200px;
	height: 115px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	background-color: #fff;
	z-index: 70;
}

#header_area img {
	width: 150px;
}

/*----------*/

body {
	background-color: #FFFF00;
	background-image: none;
}
img {
	height: auto;
	max-width: 100%;
}
.cmn_m-plus {
	font-family: "M PLUS Rounded 1c", sans-serif !important;
	transform: rotate(0.03deg);
}
.spOnly {
	display: none;
}
.gb-container {
	width: 1200px;
	padding-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.information-service,
.information-service * {
	box-sizing: border-box;
}
.information-service {
	width: 1200px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-size: 16px;
	font-weight: 500;
	transform: rotate(0.03deg);
}
.information-service h2,
.information-service h3,
.information-service h4,
.information-service h5,
.information-service h6 {
	font-family: "M PLUS Rounded 1c", sans-serif !important;
	transform: rotate(0.03deg);
	font-weight: bold;
}
.information-service section {
	margin-bottom: 100px;
}
.information-service .h_Ribbon_shadow {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	filter: drop-shadow(10px 0px 0px #000) drop-shadow(-10px 0px 0px #000);
}
.information-service h2 {
	padding-top: 50px;
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 20px;
}
.information-service h2.gb-headline {
	font-weight: bold;
	padding: 7px 30px;
	margin-bottom: 0px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}
.information-service h2.h_Ribbon {
	clip-path: polygon( 100% 0%, calc(100% - 14px) 50%, 100% 100%, 0% 100%, 14px 50%, );
	background-color: #FFF;
	padding: 8px 40px;
	border: 2px solid #000;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: rgb(0, 0, 0);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgb(0, 0, 0);
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 0px;
}
.information-service h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 30px;
	line-height: 1.3;
}
.information-service .headline-caution {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 180px;
}
.information-service .headline-caution .caution {
	max-width: 200px;
	z-index: 2;
	position: relative;
}
.information-service .headline-caution .caution figure {
	margin-top: -90px;
}
.information-service .headline-caution .caution figure img {
	vertical-align: middle;
}
/* CTKが選ばれる理由 -------------------- */
.ctk-choosing .ctk-choosing-content {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 20px;
	padding: 30px 15px 50px;
}
.ctk-choosing .ctk-choosing-content > div {
	width: calc((100% - 20px ) / 2);
}
/* ご相談からご利用までの流れ -------------------- */
.ctk-flow .ctk-flow-content {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	column-gap: 20px;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 15px;
}
.ctk-flow .ctk-flow-content > div {
	width: calc((100% - 10px ) / 4);
}
.ctk-flow .ctk-flow-content h3 {
	color: #003894;
}
.ctk-flow .ctk-flow-content figure {
	height: 320px;
	margin: 0px;
}
/* CTKへのご相談は、ご入居の3ヶ月以上前が目安! ---------- */
.ctk-consultation {
	margin-top: 30px;
	padding-top: 0px;
	padding-bottom: 30px;
	border-radius: 20px;
	border: #000 2px solid;
	background-color: #FFF;
}
.ctk-consultation .ctk-consultation-title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 30px;
	margin-top: 0px;
	margin-bottom: 50px;
	border-radius: 20px;
	background-color: #FADC32;
}
.ctk-consultation .ctk-consultation-title h2 {
	line-height: 1.3em;
	font-weight: bold;
	margin: 0px 0px 20px;
	padding-left: 0px;
	padding-right: 0px;
	color: #003894;
	border: 0px none;
}
.ctk-consultation .ctk-consultation-title h2.bg-pink {
	padding: 10px;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 10px;
	color: #FFF;
	background-color: #E64191;
}
.ctk-consultation .ctk-consultation-title .ctk-consultation-title-img {
	width: 13%;
	padding-left: 20px;
	margin-top: -30px;
}
.ctk-consultation .accordion summary {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 25px;
	background-color: #E64191;
	border: 0px none;
	border-radius: 999px;
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	outline: none;
}
.ctk-consultation .accordion summary:focus {
	outline: none;
}
.ctk-consultation .accordion__content {
	max-width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 35px 45px 100px;
	position: relative;
}
.ctk-consultation .accordion__content::before {
	content: "A";
	width: 42px;
	height: 42px;
	padding-top: 4px;
	color: #003894;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 12px;
	left: 30px;
}
.ctk-consultation .ctk-consultation-content-answer {
	color: #003894;
	font-size: 24px;
	font-weight: bold;
}
.ctk-consultation .ctk-consultation-content-reason {
	display: flex;
	column-gap: 20px;
	padding-top: 30px;
}
.ctk-consultation .ctk-consultation-content-reason > div {
	width: calc((100% - 10px ) / 3);
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
}
.ctk-consultation .ctk-consultation-content-reason figure {
	text-align: center;
}
.ctk-consultation .ctk-consultation-content-reason figure img {
	width: 100px;
}
.ctk-consultation .ctk-consultation-content-reason h3 {
	color: #003894;
	font-size: 24px;
	text-align: left;
}
/* カスタム矢印のスタイル */
.accordion-header::after {
  content: '▼'; /* ここに好きなアイコンを設定できます */
  position: absolute;
  right: 10px; /* ヘッダーから右に10pxの位置 */
  transition: transform 0.2s ease-in-out; /* アニメーション効果 */
}

/* アコーディオンが開いている時の矢印のスタイル */
.accordion[open] .accordion-header::after {
  transform: rotate(180deg); /* 矢印を180度回転 */
}
/* フッター -------------------- */
#footer-inquiry {
	margin-top: 100px;
	padding: 30px 30px 50px; 
	background-color: #003894;
	position: relative;
}
#footer-inquiry .box {
	display: flex;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 50px;
	border-radius: 20px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	justify-content: space-between;
	flex-wrap: wrap;
}
#footer-inquiry .box h2 {
	width: 100%;
	margin-bottom: 20px;
	color: #FFF;
	text-align: center;
}
#footer-inquiry .box dl {
	width: 47%;
	padding: 20px 15px;
	background-color: #FFF;
	border-radius: 15px;
	color: #003894;
	text-align: center;
}
#footer-inquiry .box dt {
	margin-bottom: 20px;
	color: #003894;
	font-size: 24px;
	font-weight: 500;
	position: relative;
	z-index: 1;
}
#footer-inquiry .box dt::before {
	width: 280px;
	height: 15px;
	border-radius: 9999px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	z-index: -1;
	transform: translateX(-50%);
	content: "";
}
#footer-inquiry .box dl#footer-inquiry-tel dt::before {
	background-color: #FFDCFF;
}
#footer-inquiry .box dl#footer-inquiry-tel dd {
	color: #003894;
	font-size: 36px;
	line-height: 1.3em;
	text-align: center;
}
#footer-inquiry .box dl#footer-inquiry-tel dd a {
	color: #003894;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}
#footer-inquiry .box dl#footer-inquiry-tel dd span {
	display: block;
	font-size: 14px;
	line-height: 1em;
}
#footer-inquiry .box dl#footer-inquiry-web dt::before {
	background-color: #E6F050;
}
#footer-inquiry .box dl#footer-inquiry-web dd a {
	display: block;
	padding: 5px 10px;
	background-color: #003894;
	border-radius: 999px;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
#footer-inquiry .box dl#footer-inquiry-web dd a:hover {
	opacity: .75;
}
#footer-inquiry .footer-inq-logo {
	text-align: center;
}
#footer-inquiry .footer-inq-logo img {
	width: 60%;
	max-width: 450px;
}
#footer-inquiry .copyright {
	margin-top: 20px;
	color: #FFF;
	text-align: center;
}




@media (min-width: 769px) {
	a[href^="tel:"] {
		pointer-events: none !important;
	}
}
@media (max-width: 768px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: inherit;
	}

/*ヘッダー*/
	#header_area {
		width: 100%;
		height: auto;
		display: block;
		position: fixed;
		padding: 10px 15px;
	}

	#header_area a {
		text-decoration: none;
		font-size: 16px;
		font-family: "M PLUS Rounded 1c", serif;
	}

	#header_area .area_a {
		display: flex;
		column-gap: 10px;
		margin-bottom: 10px;
	}

	#header_area .area_a img {
		width: 235px;
	}

	#header_area .area_a .contact a {
		width: 150px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 5px;
		color: #fff;
		background: #003894;
		border-radius: 50px;
	}

	#header_area .area_b {
		display: flex;
		column-gap: 10px;
	}

	#header_area .area_b > div {
		width: calc((100% - 20px) * 0.333)
	}

	#header_area .area_b a {
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #003894;
		background: #f490c0;
		padding-top: 10px;
		padding-bottom: 5px;
		text-align: center;
		border-radius: 3px;
	}

	#header_area .area_b .service a {
		background: #fabe14;
	}

	#header_area .area_b .consider a {
		background: #84ccc8;
	}

	#header_area .area_b img {
		width: 20px;
	}

/*----------*/

	#wrapper {
		padding-top: 125px;
	}
	.information-service {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.information-service h2 {
		font-size: 23px;
	}
	.information-service .headline-caution {
		padding-left: 0px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.information-service .headline-caution .caution {
		width: 100%;
		max-width: 100%;
		margin-bottom: -15px;
		text-align: left;
	}
	.information-service .headline-caution .caution figure {
		width: 100px;
	}
/* CTKが選ばれる理由 */
	.ctk-choosing .ctk-choosing-content {
		display: block;
	}
	.ctk-choosing .ctk-choosing-content > div {
		width: 100%;
		margin-bottom: 20px;
	}
/* ご相談からご利用までの流れ */
	.ctk-flow .ctk-flow-content {
		display: block;
	}
	.ctk-flow .ctk-flow-content > div {
		width: 100%;
		margin-bottom: 20px;
	}
	.ctk-flow .ctk-flow-content > div figure {
		width: 95%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
/* CTKへのご相談は、ご入居の3ヶ月以上前が目安! */
	.ctk-consultation .ctk-consultation-title {
		padding-bottom: 5px;
		flex-wrap: wrap;
	}
	.ctk-consultation .ctk-consultation-title h2 {
		position: relative;
	}
	.ctk-consultation .ctk-consultation-title .ctk-consultation-title-img {
		width: 20%;
	}
	.ctk-consultation-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	.ctk-consultation .accordion summary {
		width: 100%;
		font-size: 20px;
	}
	.ctk-consultation .accordion__content {
		padding: 20px;
	}
	.ctk-consultation .accordion__content::before {
		width: 0px;
		font-size: 17px;
		left: 0px;
		top: 17px;
	}
	.ctk-consultation .ctk-consultation-content-answer {
		font-size: 17px;
	}
	.ctk-consultation .ctk-consultation-content-answer .keiko_red {
		background: linear-gradient(transparent 50%, rgba(255, 88, 88, 0.24) 50%);
	}
	.ctk-consultation .ctk-consultation-content-reason {
		display: block;
	}
	.ctk-consultation .ctk-consultation-content-reason > div {
		width: 100%;
		margin-bottom: 30px;
		border-right: 0px none;
	}
	.ctk-consultation .ctk-consultation-content-reason h3 {
		padding-top: 15px;
		font-size: 20px;
	}
	.ctk-consultation .ctk-consultation-content-reason h3 + p {
		font-size: 14px;
	}
/* フッター */
	#footer-inquiry {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	#footer-inquiry .box {
		display: block;
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	#footer-inquiry .box dl {
		width: 100%;
		margin-bottom: 10px;
	}
	#footer-inquiry .box dl#footer-inquiry-tel dd {
		font-size: 26px;
	}
	#footer-inquiry .box dl#footer-inquiry-web dd {
		font-size: 14px;
	}
}