/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 06 2025 | 00:23:47 */
/* 下層ページ（医療費控除） */

/* トップタイトルエリア */
#body_wrap.page-id-26 h1 {
	display: none;
}
#body_wrap.page-id-26 #top_title_area .c-pageTitle-before-img {
    height: min(400px, 20vw);
}
@media (max-width: 599px) {
	 #body_wrap.page-id-26 #top_title_area .l-topTitleArea__body {
        top: 0;
        transform: translatey(0);
        display: flex;
        flex-direction: column;
        height: 100%;
    }
	#body_wrap.page-id-26 #top_title_area .c-pageTitle-before-img.sp-top {
		margin-top: 10px;
		width: 60vw;
		height: auto;
	}
	#body_wrap.page-id-26 #top_title_area .c-pageTitle-before-img.sp-bottom {
		width: 80vw;
		height: auto;
		margin: auto auto 20px;
	}
}

/* スポーツクラブの月会費が医療費控除の対象に */
.p-iryohi-kojo-top .swell-block-fullWide__inner {
	background-color: #FFFBF3;
	padding: 90px 15px;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-top .swell-block-fullWide__inner {
		padding-top: 60px;
	}
}
.p-iryohi-kojo-top h2 {
	font-weight: normal;
	font-size: calc(32rem / 16);
}
.p-iryohi-kojo-top .border-content {
	width: min(1000px, 100%);
	margin: 0 auto;
}
.p-iryohi-kojo-top .border-content.left-top {
	border: 4px solid var(--color_main);
	background-color: #fff;
	padding: 30px;
	position: relative;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-top .border-content.left-top {
		padding: 30px 15px;
	}
}
.p-iryohi-kojo-top .border-content.left-top .border-left-top {
	position: absolute;
	top: -4px;
	left: -4px;
	width: 28px;
	font-size: 0;
}
.p-iryohi-kojo-top .border-content.left-top .wp-block-group__inner-container {
	width: min(700px, 100%);
	margin: 0 auto;
}
.p-iryohi-kojo-top .border-content.left-top p {
	font-size: calc(24rem / 16);
}
.p-iryohi-kojo-top .border-content.left-top .arrow-under {
	width: min(200px, 40vw);
	margin: 20px auto;
}
.p-iryohi-kojo-top .text-merit {
	font-size: calc(36rem / 16);
}
@media (max-width: 959px) {
	.p-iryohi-kojo-top .text-merit {
		font-size: calc(26rem / 13.5);
	}
}
.p-iryohi-kojo-top .merit-content {
	width: min(940px, 100%);
	margin-left: auto;
	margin-right: auto;
}
.p-iryohi-kojo-top .merit-content p {
	font-size: calc(36rem / 16);
}
@media (max-width: 959px) {
	.p-iryohi-kojo-top .merit-content p {
		font-size: calc(20rem / 13.5);
	}
}
.p-iryohi-kojo-top .border-content.right-top {
	border: 4px solid var(--color_main);
	background-color: #fff;
	padding: 30px;
	position: relative;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-top .border-content.right-top {
		padding: 30px 15px;
	}
}
.p-iryohi-kojo-top .border-content.right-top .border-right-top {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 28px;
	font-size: 0;
}
.p-iryohi-kojo-top .border-content.right-top .wp-block-group__inner-container {
	width: min(900px, 100%);
	margin: 0 auto;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-top .border-content.right-top .wp-block-column:first-of-type {
		order: 2;
	}
	.p-iryohi-kojo-top .border-content.right-top .wp-block-column:last-of-type {
		order: 1;
	}
}
.p-iryohi-kojo-top .border-content.right-top .text-item1 {
	font-size: calc(32rem / 16);
}
@media (max-width: 959px) {
	.p-iryohi-kojo-top .border-content.right-top .text-item1 {
		font-size: calc(24rem / 13.5);
	}
}
.p-iryohi-kojo-top .border-content.right-top .text-item1 img {
	width: 40px;
}


/* 控除を受けるための3つの条件 */
.p-iryohi-kojo-3terms .swell-block-fullWide__inner {
	background-color: #F3FAFD;
	padding: 90px 60px;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-3terms .swell-block-fullWide__inner {
		padding: 90px 15px;
	}
}
.p-iryohi-kojo-3terms .content-3terms {
	background-color: #fff;
	border: 4px solid #FFFBF3;
	padding: 60px 40px 30px 40px;
	position: relative;
	width: min(1100px, 100%);
	margin: 0 auto;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-3terms .content-3terms {
		padding: 40px 15px 30px 15px;
	}
}
.p-iryohi-kojo-3terms h2.title {
	font-size: calc(36rem / 16);
	position: absolute;
	width: 100%;
	top: -35px;
	left: 50%;
	transform: translatex(-50%);
	  text-shadow:
     2px 2px 0 #FFFBF3,
    -2px 2px 0 #FFFBF3,
     2px -2px 0 #FFFBF3,
    -2px -2px 0 #FFFBF3,
     2px 0 0 #FFFBF3,
    -2px 0 0 #FFFBF3,
     0 2px 0 #FFFBF3,
     0 -2px 0 #FFFBF3;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-3terms h2.title {
		font-size: calc(22rem / 13.5);
		top: -28px;
	}
}
.p-iryohi-kojo-3terms p {
	font-size: calc(24rem / 16);
}
.p-iryohi-kojo-3terms h3 {
	font-size: calc(36rem / 16);
}
@media (max-width: 959px) {
	.p-iryohi-kojo-3terms h3 {
		font-size: calc(26rem / 13.5);
		margin-bottom: 20px!important;
	}
}
.p-iryohi-kojo-3terms .circle-wrap {
	width: min(600px, 100%);
	margin: 0 auto;
}
.p-iryohi-kojo-3terms .circle-wrap .item {
	border-radius: 50%;
	aspect-ratio: 1;
	background-color: #FFFBF3;
	display: grid;
	place-items: center;
}
.p-iryohi-kojo-3terms .clinic-content {
	width: min(900px, 100%);
	margin-left: auto;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-3terms .clinic-content * {
		text-align: center!important;
	}
}
.p-iryohi-kojo-3terms .clinic-content h4 {
	font-size: calc(32rem / 16);
	font-weight: normal;
	margin-bottom: 10px;
}
.p-iryohi-kojo-3terms .content p {
	font-size: calc(32rem / 16);
}
@media (max-width: 959px) {
	.p-iryohi-kojo-3terms .content p {
		font-size: calc(22rem / 13.5);
	}
}
.p-iryohi-kojo-3terms .teikei-content {
	background: #fff;
	padding: 60px 40px;
	border: 4px solid #FFFBF3;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-3terms .teikei-content {
		padding: 40px 15px;
	}
}
.p-iryohi-kojo-3terms .teikei-content .text-top {
	width: fit-content;
	margin: 0 auto 40px;
	font-size: calc(24rem / 16);
}
.p-iryohi-kojo-3terms .teikei-content .text-access {
	font-size: calc(20rem / 16);
}
.p-iryohi-kojo-3terms .teikei-content .swl-inline-icon::after {
	background: var(--color_main);
}
.p-iryohi-kojo-3terms .teikei-content a {
	border-bottom: 1px solid var(--color_main);
}
@media (max-width: 959px) {
	.p-iryohi-kojo-3terms .teikei-content p {
		font-size: calc(18rem / 13.5);
	}
}
.p-iryohi-kojo-3terms .shitei-content {
	background-color: #fff;
	border: 4px solid #FFFBF3;
	padding: 60px 30px;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-3terms .shitei-content {
		padding: 40px 15px;
	}
	.p-iryohi-kojo-3terms .shitei-content p {
		font-size: calc(18rem / 13.5);
	}
}
.p-iryohi-kojo-only-flex .arrow-under {
	transform: translatey(-20px);
	margin: 0 auto;
	width: min(200px, 40vw);
}
.p-iryohi-kojo-only-flex .banner-only-flex {
	margin: 40px auto 0;
	width: min(600px, 100%);
}
.p-iryohi-kojo-only-flex .banner-crown {
	margin: 40px auto 0;
	width: min(900px, 100%);
}
@media (max-width: 959px) {
	.p-iryohi-kojo-only-flex .banner-crown-sp {
		margin: 0 auto;
	}
}

/* 医療費控除を受けるまでの流れ */
.p-iryohi-kojo-flow h2 {
	font-size: calc(36rem / 16);
	font-weight: normal;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-flow h2 {
		text-align: left!important;
	}
}
.p-iryohi-kojo-flow .text-jissai {
	font-size: calc(24rem / 16);
	width: fit-content;
	margin: 0 auto;
}
.p-iryohi-kojo-flow .content {
	background: #fff;
	padding: 60px 20px;  
	position: relative;
}
.p-iryohi-kojo-flow .content .wp-block-columns {
	width: min(1000px, 100%);
	margin: 0 auto;
	gap: 60px!important;
}
.p-iryohi-kojo-flow .content::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 6px;
	background: linear-gradient(45deg, #9AA0B6 0%, #34467D 50%, #9AA0B6 100%);
  -webkit-mask:
    linear-gradient(#000 0%, #000 100%) content-box,
    linear-gradient(#000 0%, #000 100%); 
  -webkit-mask-composite: xor;   /* Safari用 */
  mask:
    linear-gradient(#000 0%, #000 100%) content-box,
    linear-gradient(#000 0%, #000 100%);
	mask-composite: exclude;
}
.p-iryohi-kojo-flow .content .item {
	position: relative;
}
@media (max-width: 781px) {
	.p-iryohi-kojo-flow .content .item:not(:last-of-type)::before {
		content: "";
		position: absolute;
		bottom: -30px;
		left: 50%;
		width: 20px;
		height: 20px;
		transform: translatex(-50%);
		background-image: url(https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/10/arrow-under-blue.webp);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
}
.p-iryohi-kojo-flow .content .item h3 {
	margin-top: 10px;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-flow .content .item h3 {
		margin-bottom: 20px;
	}
}
.p-iryohi-kojo-flow .content .item figure {
	position: relative;
}
@media (max-width: 959px) {
	.p-iryohi-kojo-flow .content .item figure {
		width: 70%;
		margin: 0 auto;
	}
}
@media (min-width: 782px) {
.p-iryohi-kojo-flow .content .item:not(:last-of-type) figure::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -40px;
	width: 20px;
	height: 20px;
	transform: translatey(-50%);
	background-image: url(https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/10/arrow-right-blue.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}