@charset "utf-8";
/*------------------------------------------------------------
	works detail
------------------------------------------------------------*/
#main {
	padding-top: 20rem;
}
#main .fvBox {
	margin-bottom: 24.2rem;
}
#main .fvBox img {
	width: 100%;
	object-fit: cover;
    object-position: center center;
	max-height: 680px;
}
#main .content {
    width: min(72.9vw, 140rem);
}
#main p {
	line-height: 1.75;
	text-align: justify;
	word-break: break-all;
	word-wrap: break-word;
}
#main .ttlBox {
	margin: 0 min(5.3vw,10rem) 0;
}
#main .ttlBox:has(.tagBox),
#main .ttlBox:has(>p){
	margin-bottom: 19.9rem;
}
#main .ttlBox h2 {
	margin-bottom: 3.7rem;
	font-weight: 900;
	font-size: 2.8rem;
}
#main .ttlBox p {
	margin-bottom: 8.7rem;
	max-width: 60rem;
}
#main .ttlBox .tagBox p {
	margin-bottom: 0.8rem;
	max-width: initial;
	font-size: 1.8rem;
	font-weight: 700;
	color: #808080;
}
#main .ttlBox .tagBox .subBox {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}
#main .ttlBox .tagBox .subBox span {
	padding: 0.3rem 0.6rem;
	line-height: 1.48;
	border: 0.1rem solid #000;
	font-size: 1.6rem;
	font-weight: 500;
}
#main .detailBox {
	margin: 0 min(5.3vw,10rem) 9.3rem;
}
/* #main .detailBox figure {
	margin:0 auto 20px;
} */
/* #main .detailBox figure:last-child {
	margin-bottom: 0;
} */
#main .detailBox figure img {
	width: 100%;
	display: block;
}
#main .detailBox p {
	/* margin: 0 10rem 19.5rem; */
}
#main .detailBox p:last-child {
	margin-bottom: 0;
}
#main .detailBox a:hover {
	opacity: 0.7;
}
#main .back {
	margin: 0 10rem 19.9rem;
}
#main .back a {
	margin-left: auto;
	padding: 1.5rem;
	width: 60rem;
	display: block;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	border: 0.1rem solid #000;
}
#main .back a .txt {
	padding-left: 5.5rem;
	background: url(../img/common/icon01.webp) no-repeat left center / 3.8rem;
}
#main .back a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	#main {
		padding-top: 10.5rem;
	}
	#main .fvBox {
		margin-bottom: 4.1rem;
	}
	#main .fvBox img {
		object-fit: cover;
		aspect-ratio: 75/68;
	}
	#main .content {
		margin: 0 3rem;
	}
	#main p {
		font-size: 1.2rem;
	}
	#main .ttlBox {
		margin: 0 0 7.5rem;
	}
	#main .ttlBox:has(.tagBox), #main .ttlBox:has(>p) {
    margin-bottom: 7.5rem;
}
	#main .ttlBox h2 {
		margin: 0 0 3.7rem;
		font-size: 2.3rem;
		line-height: 1.75;
	}
	#main .ttlBox p {
		margin: 0 0 4.1rem;
		max-width: initial;
	}
	#main .ttlBox .tagBox {
		margin-right: 5%;
	}
	#main .ttlBox .tagBox p {
		margin-bottom: 0.5rem;
		font-size: 1.2rem;
	}
	#main .ttlBox .tagBox .subBox {
		gap: 1rem;
	}
	#main .ttlBox .tagBox .subBox span {
		padding: 0.1rem 0.2rem 0;
		font-size: 1.2rem;
	}
	#main .detailBox {
		margin: 0 0 7rem;
	}
	#main .detailBox figure {
		/* margin: 4.5rem 0; */
	}
	#main .detailBox p {
		
	}
	#main .back {
		margin: 0 0 7.5rem;
	}
	#main .back a {
		margin: 0 auto;
		padding: 1rem 1rem 1.1rem;
		width: 31.5rem;
		max-width: 100%;
		font-size: 1.5rem;
	}
	#main .back a .txt {
		padding-left: 4rem;
		background-size: 2.8rem;
	}
}

.detailBox h1,
.detailBox h2,
.detailBox h3,
.detailBox h4,
.detailBox h5,
.detailBox h6,
.detailBox p,
.wp-block-gallery,
.wp-block-cover,
.wp-block-media-text,
.wp-block-columns,
.wp-block-group.is-vertical,
.wp-block-group.is-nowrap,
.wp-block-group.is-layout-grid,
.wp-block-video{
	margin-bottom: 20px;
}
.wp-block-file {
    margin: 20px 0;
}
.wp-block-file__button {
    background: #32373c;
    color: #fff !important;
    text-decoration: none;
    padding: 5px 10px;
}
/* .wp-block-spacer {
    height: 50px !important;
} */
.wp-block-separator {
    margin: 20px 0;
}
.detailBox .has-small-font-size {
    font-size: 12px !important;
}
.detailBox .has-medium-font-size{
	font-size: 16px!important;
}
.detailBox .has-large-font-size{
	font-size: 32px!important;
}
.detailBox .has-x-large-font-size{
	font-size: 48px!important;
}

@media (max-width: 896px) {
  [style*="font-size: 10px"] {
    font-size: 9px !important;
  }
  [style*="font-size: 12px"] {
    font-size: 10px !important;
  }
  [style*="font-size: 14px"] {
    font-size: 11px !important;
  }
  [style*="font-size: 16px"] {
    font-size: 12px !important;
  }
  [style*="font-size: 20px"] {
    font-size: 15px !important;
  }
  [style*="font-size: 24px"] {
    font-size: 18px !important;
  }
  [style*="font-size: 28px"] {
    font-size: 23px !important;
  }
  [style*="font-size: 32px"] {
    font-size: 26px !important;
  }
  [style*="font-size: 36px"] {
    font-size: 28px !important;
  }
  [style*="font-size: 48px"] {
    font-size: 40px !important;
  }
  [style*="font-size: 60px"] {
    font-size: 50px !important;
  }
  [style*="font-size: 72px"] {
    font-size: 60px !important;
  }
  [style*="font-size: 96px"] {
    font-size: 78px !important;
  }
  .wp-block-file {
    margin: 10px 0;
	}

  .detailBox .has-small-font-size {
    font-size: 10px !important;
  }
  .detailBox .has-medium-font-size{
  	font-size: 12px!important;
  }
  .detailBox .has-large-font-size{
  	font-size: 26px!important;
  }
  .detailBox .has-x-large-font-size{
  	font-size: 40px!important;
  }
    .wp-block-spacer {
    transform: scaleY(0.5);
    transform-origin: top; 
  }
}