/*==============================
  表
==============================*/
.is-style-mob-table01 figcaption, .is-style-mob-table02 figcaption, .is-style-mob-table03 figcaption, .is-style-mob-table04 figcaption, .is-style-mob-table05 figcaption {
	text-align: center;
}
/* 表（見出し列） */
.is-style-mob-table01 th, .is-style-mob-table01 tr:first-child td {
	background-color: #e7f3df;
	font-size: 1.8rem;
}

/* 表（見出し行） */
.is-style-mob-table02 th, .is-style-mob-table02 td:first-child {
	background-color: #e7f3df !important;
	font-size: 1.8rem;
}

/* 表（見出し列・行） */
.is-style-mob-table03 tr:first-child th, .is-style-mob-table03 tr:first-child td {
	background-color: #e7f3df;
	font-size: 1.8rem;
}
.is-style-mob-table03 tr:not(:first-child) th, .is-style-mob-table03 tr:not(:first-child) td:first-child {
	background-color: #e2e5ea;
	font-size: 1.8rem;
}

/* 表（見出しスクロール） */
.is-style-mob-table04 {
	overflow-x: scroll;
	padding-bottom: 5px;
}
.is-style-mob-table04 th, .is-style-mob-table04 td {
	min-width: 206.3px !important;
}
.is-style-mob-table04 tr:first-child th, .is-style-mob-table04 tr:first-child td {
	background-color: #e7f3df;
	font-size: 1.8rem;
}
.is-style-mob-table04 tr:not(:first-child) th, .is-style-mob-table04 tr:not(:first-child) td:first-child {
	background-color: #e2e5ea;
	font-size: 1.8rem;
}

@media screen and (max-width: 750px) {
	/* 表（見出し列） */
	.is-style-mob-table01 th, .is-style-mob-table01 tr:first-child td {
		font-size: calc(24 / 750 * 100vw);
	}

	/* 表（見出し行） */
	.is-style-mob-table02 th, .is-style-mob-table02 td:first-child {
		font-size: calc(24 / 750 * 100vw);
	}
	/* 表（見出し列・行） */
	.is-style-mob-table03 tr:first-child th, .is-style-mob-table03 tr:first-child td {
		font-size: calc(24 / 750 * 100vw);
	}
	.is-style-mob-table03 tr:not(:first-child) th, .is-style-mob-table03 tr:not(:first-child) td:first-child {
		font-size: calc(24 / 750 * 100vw);
	}

	/* 表（見出しスクロール） */
	.is-style-mob-table04 {
		padding-bottom: calc(5 / 750 * 100vw);
	}
	.is-style-mob-table04 th, .is-style-mob-table04 td {
		min-width: calc(166 / 750 * 100vw) !important;
	}
	.is-style-mob-table04 tr:first-child th, .is-style-mob-table04 tr:first-child td {
		font-size: calc(24 / 750 * 100vw);
	}
	.is-style-mob-table04 tr:not(:first-child) th, .is-style-mob-table04 tr:not(:first-child) td:first-child {
		font-size: calc(24 / 750 * 100vw);
	}
}



/*==============================
  FAQ
==============================*/
.wp-block-mob-faq .faq-question {
	background-color: #f1f3f6;
  position: relative;
	border-radius: 10px;
	font-size: 1.8rem;
	font-weight: bold;
}

.wp-block-mob-faq .faq-question::after {
	content: "";
	position: absolute;
	background: url("../images/icon_q.png") no-repeat center center / contain;
	width: 19px;
	height: 27px;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
}

.wp-block-mob-faq .faq-question:hover {
	cursor: pointer;
}

.wp-block-mob-faq .faq-label {
	padding: 20px 70px;
	margin-top: 0;
	margin-bottom: 15px;
}

.wp-block-mob-faq .faq-icon {
	position: absolute;
	top: 50%;
	right: 45px;
	top: calc(50% - 2px);
}
.wp-block-mob-faq .faq-icon::before, .wp-block-mob-faq .faq-icon::after {
	content: '';
	width: 15px;
	height: 1px;
	background-color: #000;
	position: absolute;
	transition: opacity 0.3s, transform 0.3s;
}
.wp-block-mob-faq .faq-icon::after {
	transform: rotate(90deg);
}
.wp-block-mob-faq .faq-question.is_open .faq-icon::before {
	opacity: 0;
}
.wp-block-mob-faq .faq-question.is_open .faq-icon::after {
	transform: rotate(0);
}


.wp-block-mob-faq .faq-content {
	display: none;
}

.wp-block-mob-faq .faq-answer {
	padding-right: 70px;
  padding-left: 70px;
	padding-bottom: 20px;
	position: relative;
}

.wp-block-mob-faq .faq-answer p {
	line-height: 1.5;
}

.wp-block-mob-faq .faq-answer p:last-child {
	margin-bottom: 0;
}

.wp-block-mob-faq .faq-answer::after {
	content: "";
	position: absolute;
	background: url("../images/icon_a.png") no-repeat center center / contain;
	width: 19px;
	height: 21.77px;
	top: 0px;
	left: 30px;
}

@media screen and (max-width: 750px) {
	.wp-block-mob-faq .faq-question {
		border-radius: calc(10 / 750 * 100vw);
		font-size: calc(28 / 750 * 100vw);
	}
	
	.wp-block-mob-faq .faq-question::after {
		width: calc(25 / 750 * 100vw);
		height: calc(35.5 / 750 * 100vw);
		left: calc(30 / 750 * 100vw);
	}
	
	.wp-block-mob-faq .faq-label {
		padding: calc(20 / 750 * 100vw) calc(70 / 750 * 100vw);
		margin-bottom: calc(15 / 750 * 100vw);
	}
	
	.wp-block-mob-faq .faq-icon {
		right: calc(45 / 750 * 100vw);
		top: calc(50% - calc(2 / 750 * 100vw));
	}
	.wp-block-mob-faq .faq-icon::before, .wp-block-mob-faq .faq-icon::after {
		width: calc(20 / 750 * 100vw);
		height: calc(1 / 750 * 100vw);
	}
	
	.wp-block-mob-faq .faq-answer {
		padding-right: calc(20 / 750 * 100vw);
		padding-left: calc(70 / 750 * 100vw);
		padding-bottom: calc(20 / 750 * 100vw);
		font-size: calc(26 / 750 * 100vw);
	}

	.wp-block-mob-faq .faq-answer::after {
		width: calc(25 / 750 * 100vw);
		height: calc(28.7 / 750 * 100vw);
		left: calc(30 / 750 * 100vw);
	}
}


/*==============================
  チェックリスト
==============================*/
.is-style-mob-list01 {
	list-style-type: none;
	padding-left: 0;
}
.is-style-mob-list01 li {
	padding-left: 25px !important;
	margin-bottom: 5px;
	background-image: url("../images/check2.png");
	background-size: 19px;
	background-position: left 3px;
	background-repeat: no-repeat;

}
.is-style-mob-list01 li::before {
	display: none;
}

@media screen and (max-width: 750px) {
	.is-style-mob-list01 li {
		padding-left: calc(35 / 750 * 100vw) !important;
		margin-bottom: calc(5 / 750 * 100vw);
		background-size: calc(27 / 750 * 100vw);
		background-position: left calc(3 / 750 * 100vw);
	}
}



/*==============================
  見出し付きボックス
==============================*/
/* 共通 */
.wp-block-mob-headingbox {
	margin-bottom: 30px;
  color: #000;
	border: 2px solid #f1f3f6;
  border-radius: 8px;
}
.wp-block-mob-headingbox .box-heading {
	font-size: 2rem;
	padding: 24px 40px 0;
	margin: 0;
	border-bottom: 0;
}
.wp-block-mob-headingbox .box-content {
	padding: 20px 40px;
}
.wp-block-mob-headingbox .box-content p:last-child {
	margin-bottom: 0;
}
.wp-block-mob-headingbox .box-content ul:last-child, .wp-block-mob-headingbox .box-content ol:last-child {
	margin-bottom: 0;
}

/* デフォルト以外共通 */
.wp-block-mob-headingbox.is-style-about .box-heading, .wp-block-mob-headingbox.is-style-warning .box-heading {
	position: relative;
	border-radius: 8px 8px 0 0;
	padding: 12px 40px 12px 90px;
}

.wp-block-mob-headingbox:not(.is-style-default) .box-heading::before {
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 40px;
}

/* 〇〇とは？ */
.wp-block-mob-headingbox.is-style-about {
	border-color: #e7f3df;
}
.wp-block-mob-headingbox.is-style-about .box-heading {
	background-color: #e7f3df;
    
}
.wp-block-mob-headingbox.is-style-about .box-heading::before {
	background-image: url("../images/icon_question.png");
	width: 40px;
	height: 40px;
	top: 6px;
}

/* 警告 */
.wp-block-mob-headingbox.is-style-warning {
	border-color: #feede6;
}
.wp-block-mob-headingbox.is-style-warning .box-heading {
	background-color: #feede6;
}
.wp-block-mob-headingbox.is-style-warning .box-heading::before {
	background-image: url("../images/icon_danger.png");
	width: 40px;
	height: 36.75px;
	top: 10px;
}

@media screen and (max-width: 750px) {
	/* 共通 */
.wp-block-mob-headingbox {
	margin-bottom: calc(75 / 750 * 100vw);
  border-radius: calc(8 / 750 * 100vw);
}
.wp-block-mob-headingbox .box-heading {
	font-size: calc(30 / 750 * 100vw);
	padding: calc(24 / 750 * 100vw) calc(40 / 750 * 100vw) 0;
}
.wp-block-mob-headingbox .box-content {
	padding: calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
	font-size: calc(26 / 750 * 100vw);
}

/* デフォルト以外共通 */
.wp-block-mob-headingbox.is-style-about .box-heading, .wp-block-mob-headingbox.is-style-warning .box-heading {
	border-radius: calc(8 / 750 * 100vw) calc(8 / 750 * 100vw) 0 0;
	padding: calc(12 / 750 * 100vw) calc(40 / 750 * 100vw) calc(12 / 750 * 100vw) calc(110 / 750 * 100vw);
}

.wp-block-mob-headingbox:not(.is-style-default) .box-heading::before {
	left: calc(40 / 750 * 100vw);
}

/* 〇〇とは？ */
.wp-block-mob-headingbox.is-style-about {
	border-color: #e7f3df;
}
.wp-block-mob-headingbox.is-style-about .box-heading {
	background-color: #e7f3df;
    
}
.wp-block-mob-headingbox.is-style-about .box-heading::before {
	background-image: url("../images/icon_question.png");
	width: calc(50 / 750 * 100vw);
	height: calc(50 / 750 * 100vw);
	top: calc(10 / 750 * 100vw);
}

/* 警告 */
.wp-block-mob-headingbox.is-style-warning {
	border-color: #feede6;
}
.wp-block-mob-headingbox.is-style-warning .box-heading {
	background-color: #feede6;
}
.wp-block-mob-headingbox.is-style-warning .box-heading::before {
	background-image: url("../images/icon_danger.png");
	width: calc(50 / 750 * 100vw);
	height: calc(46 / 750 * 100vw);
	top: calc(10 / 750 * 100vw);
}

}

/*==============================
  ブログカード
==============================*/
.wp-block-mob-card .bottomArticle_date {
	margin-bottom: 5px;
}
.wp-block-mob-card .bottomArticle_txt {
	margin-bottom: 10px;
}
.wp-block-mob-card .card-url {
	margin: 0;
}
.wp-block-mob-card .bottomArticle {
	display: block;
	border: 2px solid #d7dadf;
	border-radius: 20px;
	padding: 30px;
	width: 100%;
	color: inherit;
	text-decoration: none;
	transition: 0.3s;
}
.wp-block-mob-card .bottomArticle:hover {
	background-color: #f2f3f7;
}
/* .article .media（共通スタイル）が当たるため打ち消す */
.wp-block-mob-card .media {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
	width: auto;
}
.wp-block-mob-card .media_img {
	/* width:100% は min-width:auto 経由で最小幅を親いっぱいに広げ flex-basis を無効化するため使わない */
	flex: 0 0 auto;
	width: 257px;
	height: auto;
	/* 縦横比を固定して差し替え画像でも崩れないようにする */
	aspect-ratio: 257 / 144;
	object-fit: cover;
}
.wp-block-mob-card .media_body {
	display: block;
	flex: 1;
	padding-top: 10px;
}
.wp-block-mob-card .bottomArticle_date {
	display: block;
	color: #595757;
	font-family: "century-gothic", sans-serif;
	font-size: 1.5rem;
}
.wp-block-mob-card .bottomArticle_txt {
	display: block;
}
.wp-block-mob-card .bottomArticle_link {
	display: block;
	margin-bottom: 0;
}

@media screen and (max-width: 750px) {
	.wp-block-mob-card .bottomArticle {
		padding: 5.3333333333vw;
		width: 100%;
	}
	/* SPは画像を全幅で見せるため縦積みにする（横並びのまま width:100% にすると
	   min-width:auto が最小幅を親幅まで押し上げ、本文が潰れる） */
	.wp-block-mob-card .media {
		flex-direction: column;
		gap: 4vw;
		padding: 0;
		margin: 0;
		width: auto;
	}
	.wp-block-mob-card .media_img {
		width: 100%;
		height: auto;
	}
	.wp-block-mob-card .media_body {
		padding-top: 0;
	}
	.wp-block-mob-card .bottomArticle_date {
		font-size: 12px;
	}
	.wp-block-mob-card .bottomArticle_txt {
		font-size: 14px;
	}
}
