/* size */
:root {
	--size-xs: 1rem;
	--size-sm: 2rem;
	--size-md: 3rem;
	--size-lg: 4rem;
	--size-xl: 5rem;

	--fsize-2xs: 0.5rem;
	--fsize-xs: 0.75rem;
	--fsize-sm: 0.8rem;
	--fsize-md: 0.9rem;
	--fsize-lg: 1rem;
	--fsize-xl: 1.5rem;
	--fsize-2xl: 1.75rem;
	--fsize-3xl: 2rem;
}

html,body {
	font-size: 16px;
	line-height: 2;
}
body, input, textarea {
	/* font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, verdana, sans-serif; */
}



/* page */
.page-wrapper {

}
.page-wrapper > main {
	background-size: 100% auto;
	position: relative;
	background-blend-mode: normal;
	background-position: top center;
	background-repeat: no-repeat;	
	z-index: 1;
}


/* body */
.l-body-wrapper {
	overflow: hidden;
	position: relative;
	/* margin-top: calc(-1 * var(--menu-height));
	padding-top: var(--menu-height); */
}

/* section */
.l-section-wrapper {
	position: relative;
}
.l-section-bg {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100%);
	background-image: var(--color-gradation);
	background-color: var(--color-bg);
	background-position: left bottom;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	opacity: .8;
}

.l-section-container {
	position: relative;
	z-index: 2;
	max-width: none;
	padding-top: var(--size-lg);
	padding-bottom: var(--size-lg);
}
.l-section-container > *:nth-child(1){ margin-top: 0; }
.l-section-title-container {
	position: relative;
	margin: 0;
	margin-top: var(--size-md);
}
.l-section-title {
  padding: 0;
  display: block;
  line-height: 1.2;
	color: var(--color-head-text);
	font-size: var(--fsize-xl);
	font-weight: 600;
}
.s-align-center .l-section-title::after {
  content: " ";
  width: 90px;
  height: 5px;
  background-color: var(--color-head-text);
  display: block;
  margin: var(--size-sm) auto 0;
}
.s-align-left .l-section-title {
	display: flex;
}
.l-section-title-container.s-align-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.l-section-title-container.s-align-left::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 1.5em;
	vertical-align: middle;
	background-color: var(--color-head-text);
	margin: 0 10px 0 0;
}
.l-section-message {
	margin-top: var(--size-sm);
}
.l-section-subtitle {
  display: block;
  font-size: var(--fsize-lg);
  margin: .4rem 0;
	color: var(--color-text);
}
.l-section-footer-container {
}
.l-section-footer-container .p-note {
	padding: var(--size-sm);
	margin-top: var(--size-md);
}
.l-section-footer-container .p-btn-container {
	margin-top: var(--size-md);
}

/* content */
.l-content-wrapper {
	margin-top: var(--size-md);
}
.l-content-wrapper > .l-content-container {
	margin: 0;
	padding: 0;
	background-size: cover;
	background-blend-mode: multiply;
}



/* block__form */
.block__form {
	padding-bottom: var(--size-md);
}
.block__form .l-content-container {
	max-width: 1200px;
	margin: auto;	
}
.block__form .p-table {
	width: 100%;
	max-width: none;
	border: 0;
	border-top: 1px solid #eee;
}
.block__form .p-table tr {
	
}
.block__form .p-table tr td {
	vertical-align: middle;
	border: 0;
	border-bottom: 1px solid #eee;
	padding: var(--size-sm);
	font-size: var(--fsize-md);
	text-align: left;
}
.block__form .p-table tr th {
	vertical-align: middle;
	border-bottom: 1px solid #eee;
	padding: var(--size-sm);
	font-size: var(--fsize-md);
	width: 28%;
	text-align: left;
	box-sizing: border-box;
}
.block__form .p-table tr th a {
	color: var(--color-text);
}
.block__form .p-table .after_text {
	display: block;
	white-space: pre-wrap;
}
.block__form .info_text {
	margin-bottom: 2rem;
}
.block__form input[type="text"] {
	font-size: var(--fsize-md);
	padding: .5rem;
	width: 80%;
}
.block__form input[type="text"].tel {
	width: 10rem;
}
.block__form input[type="text"].department {
	width: 30rem;
}
.block__form input[type="text"].position {
	width: 30rem;
}
.block__form input[type="text"].zip {
	width: 5rem;
}
.block__form input[type="text"].split_name {
	width: 25%;
}
.block__form input[type="radio"] {
	display: none;
}

/* required */
.required,
.p-required {
	background-color: var(--alert-def-bg);
	font-size: .8rem;
	padding: 3px 5px;
	border-radius: 3px;
}
.required::after,
.p-required::after {
	content: "必須";
	color: var(--alert-def-text);
}
.s-required-type2 .required,
.s-required-type2 .p-required {
	background-color: unset;
	font-size: 1rem;
	padding: 0 5px;
	vertical-align: middle;
}
.s-required-type2 .required::after,
.s-required-type2 .p-required::after {
	content: "*";
	color: red;
}

.block__form input[type="radio"] + span{
  padding-left: calc(var(--fsize-md) * 1.5);
  position:relative;
  margin-right: var(--fsize-md);
  line-height: var(--fsize-xl);
  font-size: var(--fsize-md);
}
.block__form input[type="radio"] + span::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--fsize-md);
  height: var(--fsize-md);
  border: 1px solid var(--em-def-bg);
  border-radius: 50%;
  background-color: var(--em-def-bg);
	opacity: .3;
}
.block__form input[type="radio"]:checked + span{
}
.block__form input[type="radio"]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(var(--fsize-md) - 4px);
  height: calc(var(--fsize-md) - 4px);
  background: var(--em-def-bg);
  border-radius: 50%;
}
.block__form textarea {
	font-size: var(--fsize-md);
	padding: .5rem;
	width: 80%;
}
.block__form .info_image .container {
	display: flex;
	justify-content: space-around;
}
.block__form .info_image .container figure {
	display: block;
	padding: 0 1rem;
	box-sizing: border-box;
}
.block__form .info_image .container figure img {
	max-width: 100%;
}
.block__form .info_image .container > p {
	display: block;
	padding: 0 1rem;
	max-width: 50%;
	box-sizing: border-box;
}


.l-side-content-wrapper {
	margin-bottom: 1.5rem!important;
	padding: 1.5rem 1rem 1rem;
	background-color: #fff;
	border-radius: var(--s-box-radius);
}
.l-side-header h3 {
	font-family: var(--font-pri-sans-serif);
	font-weight: 700;
	font-size: calc(1rem * 9 / 6);
	line-height: calc(1em * 54 / 40);
	letter-spacing: -.025em;
	margin: 0;
}
.l-side-content {
	margin-top: 1rem;
}
.l-side-content > ul {
	font-weight: 600;
	font-size: 0.9rem;
	line-height: calc(1em * 60 / 40);
}
.l-side-content > ul > li:not(:first-child) {
	border-top: 1px solid #e6e6e6;
}
.l-side-content > ul > li > a {
	display: flex;
	padding-top: 1rem;
	padding-bottom: 1rem;
	align-items: center;
	justify-content: space-between;
	/* flex-wrap: wrap; */
	margin: -0.5rem;
}
.l-side-content > ul > li > a > .text-body {
	margin: 0.5rem;
}
.l-side-content > ul > li > a > .fas {
	width: 1em;
	height: 1em;
	display: block;
	color: var(--base-baseColor);
	line-height: 1;
	transition: transform .4s cubic-bezier(.1,.2,.3,1);
	transform: translateZ(0);
}
.l-side-content > ul > li > a:hover > .fas {
transform: translate3d(.4em, 0, 0) scale(1.2);
}
@media (min-width: 48em) {
	.l-side-header h3 {
		font-family: var(--font-pri-sans-serif);
		font-weight: 600;
	}
}