@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
/*
font-family: "Noto Sans JP", sans-serif;
font-family: "Zen Maru Gothic", sans-serif;
*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

input, select,button {
    vertical-align:middle;
	font-size: var(--font-size-m);
	letter-spacing: 0.1em;
}
:root {
	--font-size-xs: 0.75rem; /* 12px */
    --font-size-s: 0.875rem; /* 14px */
    --font-size-m: 1rem;    /* 16px base */
    --font-size-l: 1.25rem;  /* 20px */
    --font-size-xl: 1.5rem;  /* 24px */
    --font-size-xxl: 2.25rem;  /* 36px */
    --section-base-pt:7.5rem;    
	--space-s: 2.25rem;/*36*/
    --space-m: 3.75rem;/*60*/
    --space-l: 5rem;/*80*/
    --space-xl: 6.5rem;/*100*/
    --space-xxl: 7.5rem;/*120*/	
	--color-gray:#f3f3f3;
	--color-d-gray:#aaaaaa;
	--color-green:#22ac38;	
	--color-red:#bb0000;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Noto Sans JP', sans-serif;
	-ms-font-feature-settings: "normal";
	color: #000;
	letter-spacing: 0.1em;
	overflow-x: hidden;
}
input {
	font-family: 'Noto Sans JP', sans-serif;
}
a {
	outline:none;
}
a:link,
a:visited {
	color:#000;
	text-decoration:underline;	
}
a:hover {
	color:#000;
	text-decoration:none;
}
.pc-only {
	display:block;
}
img.pc-only {
	margin:0 auto;
	display:inline-block;
}
.sp-only {
	display:none;
}
img {
	max-width: 100%;
}
/*default page setting*/
#wrapper {
	position:relative;
	opacity: 0;
	animation: fadeIn 1.2s ease forwards;
}
@keyframes fadeIn {
  to { opacity: 1; }
}
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.is-active {
  opacity: 1;
  transform: translateY(0);
}
header {
	border-top: solid 8px var(--color-green);
	padding: 2.18rem 0;
	text-align: center;
	position: relative;
	z-index: 2;
}
header::after,
#workcare .outer::before,
#support::before,
#inq::before {
	content: "";
	display: block;
	width: 100%;
	height: 1.625rem;
	background-image: url(../img/clip-top.png);
	background-position: center bottom;
	position: absolute;
	left: 0;
	bottom: -1.625rem;
}
header h1 {
	font-size: var(--font-size-m);
	font-weight: 400;
	letter-spacing: 0.04em;
}
header h1 span {
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: var(--font-size-xxl);
	font-weight: 500;
	margin-left: 0.8em;
}
.swiper {
	width: 100%;
	height: auto;
}
.swiper::after,
#workcare::after,
#support::after {
	content: "";
	display: block;
	width: 100%;
	height: 4rem;
	background-image: url(../img/clip-bottom.png);
	background-position: center top;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.swiper-wrapper {
	display: flex !important;	
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
}
.swiper-slide picture {
	display: block;
    width: 100%;
    height: 100%;
}
.swiper-slide img {
  width: 100% !important;
  height: auto;
  display: block;
  vertical-align: bottom;
}
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
	margin: 0 4px !important;
}
.swiper-pagination-bullet-active {
    background: var(--color-green) !important;
}
#leadwrap {
	padding: 6rem 0 6.875rem;
	position: relative;
	text-align: center;
	z-index: 1;
}
/*deco item*/
#leadwrap::before,
#workcare::before,
#craftworks::before,
#support .outer::before,
#inq .outer::before {
	content: "";
	display: block;
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	--scale: 1;
	width: calc(var(--base-width) * var(--scale));
	height: calc(var(--base-height) * var(--scale));
}
#leadwrap::before {
	background-image: url(../img/leadwrap-deco1.png);
	--base-width: 217px;
	--base-height: 262px;	
	left: 4vw;
	top: 0;
}
#workcare .outer::before {
	height: 1.25rem;
	top: 0;
	z-index: 2;
}
#leadwrap h2 {
	margin-bottom: 2.6rem;
}
.accent-txt {
	font-size: var(--font-size-l);
	line-height: 2;
}
#leadwrap .accent-txt {
	margin-bottom: 2.8rem;
}
.btn a:link,
.btn a:visited {
	text-decoration: none;
	transition: opacity 0.3s ease;
	border: solid 1px #aaaaaa;
	box-shadow: 3px 3px 0 var(--color-d-gray);
	font-size: var(--font-size-l);
	line-height: 1.5;
	padding: 0.5em 1em 0.5em 0.9em;
	background-color: #fff;
	display: inline-block;
}
.btn a span::after,
#inq .btn-wrap .next::after,
#inq .btn-wrap .back::after,
.info-wrap > div li::before {
	content: "";
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #000;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);    
    vertical-align: 0.1em;
    margin-left: 0.9rem;
}
a.insta span,
a.pdf span {
	background-image: url(../img/insta-icon.png);
	background-size: 1.5em;
	padding-left: 2.4em;
	background-repeat: no-repeat;
	background-position: left center;
}
a.pdf span {
	background-image: url(../img/pdf-icon.png);
	background-size: 3.15em auto;
	padding-left: 4.2em;
}
#workcare {
	background-color: var(--color-gray);
	padding: var(--space-xxl) 0 calc(var(--space-xxl) + 1.25rem);
	position: relative;
}
#workcare::before {
	background-image: url(../img/workcare-deco1.png);
	--base-width: 263px;
	--base-height: 410px;
	right: 3.57vw;
	top: -280px;
	z-index: 3;
}
#workcare::after,
#support::after {
	height: 1.25rem;
}
.content-m {
	max-width: 980px;
	margin: 0 auto;
}
.d-header {
	font-size: 3.125rem;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 500;
	text-align: center;
	margin-bottom: 3.75rem;
	line-height: 1;
}
.d-header span {
	font-size: var(--font-size-l);
	display: block;
	margin-top: 1.5rem;
}
.al-center {
	text-align: center;
}
.al-right {
	text-align: right;
}
ul.figs {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 2.87rem auto 1.5rem;
}
ul.figs li img {
	border-radius: 1.25rem;
	vertical-align: baseline;
}
.map-adress {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.g-map {
	position: relative;
	width: 56.63%;
	height: 0;
	padding-top: 26.56%;
}
.g-map iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.map-adress dl {
	width: 37.75%;
	line-height: 1.875;
}
.map-adress dt {
	font-size: var(--font-size-l);
	font-weight: 700;
}
.map-adress dt span {
	font-size: var(--font-size-m);
	font-weight: 400;
}
.map-adress dd p + p {
	margin-top: 2em;
}
#craftworks {
	padding: var(--space-xxl) 0;
	position: relative;
	z-index: 1;
}
#craftworks::before {
	background-image: url(../img/craftworks-deco1.png);
	--base-width: 170px;
	--base-height: 299px;
	top: -220px;
	right: 3.5vw;
	z-index: 3;
}
#support .outer::before {
	background-image: url(../img/craftworks-deco2.png);
	--base-width: 198px;
	--base-height: 237px;
	left: 2.85vw;
	top: -118px;
	z-index: 3;
}
#craftworks .btn {
	margin-top: 2rem;
	text-align: center;
}
#craftworks .map-adress .indent {
	margin-left: 6.5em;
}
.onlineshop {
	margin-top: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 2.5rem;
}
.onlineshop dt {
	font-weight: 600;
}
.onlineshop dd {
	display: flex;
	gap: 0 1.25rem;
}
.onlineshop dd p img {
	vertical-align: bottom;
}
.onlineshop a {
	transition: opacity 0.3s ease;
 }
#support {
	padding: calc(var(--space-xxl) + 1.25rem) 0;
	background-color: var(--color-gray);
	position: relative;
}
#support::before,
#inq::before {
	top: 0;
	bottom: inherit;
}
#support figure {
	margin: 4rem auto;
	text-align: center;
}
#qa {
	padding: var(--space-xl) 0;
	position: relative;
	z-index: 1;
}
#inq .outer::before {
	background-image: url(../img/qa-deco1.png);
	--base-width: 175px;
	--base-height: 175px;
	left: 3.57vw;
	top: -87px;
	z-index: 3;
}
#qa dl {
	max-width: 800px;
	margin: 0 auto;
	font-size: var(--font-size-l);
	line-height: 1.8;
}
#qa dt {
	font-weight: 600;
	padding-left: 3.8em;
	background-image: url(../img/q-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.9;
}
#qa dd {
	padding-left: 3.8em;
	margin: 1em 0 3em;
}
#inq {
	padding: var(--space-xxl) 0 640px;
	position: relative;
	background-color: var(--color-gray);
	background-image: url(../img/footer-bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#inq dl {
	max-width: 800px;
	margin: 0 auto var( --space-l);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#inq dt {
	padding-left: 4.37rem;
	position: relative;
	width: 44%;
	padding-bottom: 2.5rem;
}
#inq dt span {
	position: absolute;
	left: 0;
	top: 0.2em;
	font-size: var(--font-size-xs);
	color: #fff;
	background-color: var(--color-red);
	padding: 0.4em 0.8em;
	line-height: 1;
	border-radius: 5px;
}
#inq dd {
	width: 56%;
	padding-bottom: 2.5rem;
}
#inq dd p + p {
	margin-top: 1rem;
}
#inq input[type=text],
#inq input[type=email],
#inq input[type=tel],
#inq textarea {
	font-size: var(--font-size-m);
	line-height: 2.2;
	border: solid 1px var(--color-d-gray);
	width: 63%;
}
#inq input[name=zip] {
	margin-left: 0.8em;
	width: 30%;
}
#inq input[name=adress] {
	margin-left: 1.9em;
	width: calc(100% - 1.9em);
}
#inq input[type=email] {
	width: 85%;
}
#inq textarea {
	width: 100%;
	height: 15em;
}
#inq .btn-wrap {
	display: flex;
	justify-content: center;
	gap: 0 2rem;
}
#inq .btn-wrap button {
	position: relative;
	transition: opacity 0.3s ease;
	cursor: pointer;
	background-color: var(--color-green);
	box-shadow: 4px 4px 0 #8acf95;
	color: #fff;
	border: none;
	padding: 2em;
	min-width: 15rem;
	line-height: 1;
}
#inq .btn-wrap .next::after,
#inq .btn-wrap .back::after {
	width: 0.45em;
	height: 0.55em;
	background-color: #fff;
	position: absolute;
	right: 3em;
	top: 50%;
	margin-top: -0.2em;
}
#inq .btn-wrap .back::after {
	right: inherit;
	left: 2.5em;
	transform: rotate(180deg);
}
#inq form.thanks h3 {
	text-align: center;
	font-size: var(--font-size-xl);
	margin-bottom: 1.5rem;
}
#inq form.thanks p {
	text-align: center;
}
footer {
	background-color: #8e6340;
	color: #fff;
	font-size: var(--font-size-s);
}
footer a:link,
footer a:visited {
	color: #fff;
}
#footer-wrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 3.25rem 0 5.6rem;
	letter-spacing: normal;
}
#footer-wrap h2 {
	font-size: var(--font-size-s);
	font-weight: 500;
	margin-bottom: 2.3em;
}
.info-wrap {
	display: grid;
	grid-template-columns: 36% repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	position: relative;
}
.info-wrap > div {
	padding-bottom: 3rem;
}
.div1 { grid-area: 1 / 1 / 3 / 2;}
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 1 / 4 / 2 / 5; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
.div6 { grid-area: 2 / 3 / 3 / 4; }
.div7 { grid-area: 2 / 4 / 3 / 5; }
.info-wrap ul {
	list-style: none;
	margin-top: 0.8em;
}
.info-wrap .div1 ul {
	margin-top: 0;
} 
.info-wrap li + li {
	margin-top: 0.8em;
}
.info-wrap a:link,
.info-wrap a:visited {
	text-decoration: none;
	transition: opacity 0.3s ease;
}
.info-wrap > div a.pdf,
.info-wrap > div a.outlink {
	background-image: url(../img/pdf-icon-w.png);
	background-repeat: no-repeat;
	background-size: 2.78em auto;
	background-position: right center;
	padding-right: 3.57em;
}
.info-wrap > div a.outlink {
	background-image: url(../img/blank-icon.png);
	background-size: 14px 11px;
	padding-right: 2em;
}
.related-links {
	width: 28%;
	position: absolute;
	left: 0;
	bottom: 0;
	border: solid 1px #fff;
	border-radius: 10px;
	padding: 1.5rem;
}
.related-links dt {
	font-weight: 600;
	margin-bottom: 1.8rem;
}
.info-wrap > div li,
.related-links li {
	position: relative;
	padding-left: 1.3em;	
	transition: opacity 0.3s ease;
}
.info-wrap > div li::before {
	width: 5px;
	height: 8px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-left: 0;
	margin-top: -4px;
}
.related-links li {
	padding-left: 2em;
}
.related-links li::before {
	content: "";
	display: block;
	background-image: url(../img/blank-icon.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}
.copy-pp {
	text-align: center;
	padding-bottom: 4rem;
	font-size: var(--font-size-xs);
}
.copy-pp a {
	margin-left: 3.8em;
}
.error {
	color: var(--color-red);
}
/*modal*/
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); 
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.modal-overlay.is-open {
  opacity: 1;
  visibility: visible;
}
.modal-wrapper {
  position: relative;
  width: 95%;
  max-width: 800px;
  padding: 50px 0 0 0; 
  box-sizing: border-box;
}
/* 閉じるボタン */
.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: none;
  color: #fff;
  font-size: 44px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.modal-content {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  mask-image: radial-gradient(white, black);
  transform: translateY(20px);
  transition: transform 0.4s ease;
}
.modal-inner {
  padding: 3rem;
}
.modal-overlay.is-open .modal-content {
  transform: translateY(0);
}
.modal-content h3 {
	font-family: "Zen Maru Gothic", sans-serif;	
	font-size: var(--font-size-xl);
	margin-bottom: 2rem;
	text-align: center;
}
#ppol p {
	line-height: 2;
}
#ppol dl {
	margin-top: 1.5rem;
	line-height: 2;
}
#ppol dt {
	font-weight: 600;
	margin-bottom: 0.5em;
}
#ppol dd {
	margin-bottom: 1.5em;
}
@media (hover: hover) {
	.btn a:hover,
	#inq .btn-wrap button:hover,
	.info-wrap a:hover,
	.info-wrap > div li:hover,
	.related-links li:hover,
	.onlineshop a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width:1200px)  {
	#leadwrap::before,
	#support .outer::before,
	#workcare::before,
	#craftworks::before {
		background-size: 100% auto; 
		--scale: 0.8;
	}
	#leadwrap::before {
		top: -5vw;
        z-index: 3;
	}
	#workcare::before {
		top: -15vw;
	}
	#craftworks::before {
		top: -15vw;
	}
	#support .outer::before {
		top: -8.46vw;
	}
	#inq .outer::before {
		top: -4vw;
	}
	#inq {
		padding-bottom: 45.71vw;
		background-size: 100% auto;
	}
}
@media screen and (max-width:1000px)  {
	.content-m,
	#footer-wrap {
		width: 95%;
	}
	ul.figs {
		gap: 0 2%;
	}
	.info-wrap {
		grid-template-columns: 40% repeat(3, 1fr);
	}
	.related-links {
		width: 33%;
	}
}
@media screen and (max-width:900px)  {
	#leadwrap::before {
		top: -8vw;
	}
	#workcare::before {
		top: -10vw;
	}
	.onlineshop {
		gap: 0 1rem;
	}
	#qa dl,
	#inq dl {
		width: 95%;
	}
	#footer-wrap {
		padding-bottom: 0;
	}
	.info-wrap {
        grid-template-columns: 50% repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr) 0.5fr;
    }
	.div1 { grid-area: 1 / 1 / 4 / 2; }
	.div2 { grid-area: 1 / 2 / 2 / 3; }
	.div3 { grid-area: 1 / 3 / 2 / 4; }
	.div4 { grid-area: 2 / 2 / 3 / 3; }
	.div5 { grid-area: 2 / 3 / 3 / 4; }
	.div6 { grid-area: 3 / 2 / 4 / 3; }
	.div7 { grid-area: 3 / 3 / 4 / 4; }
	.related-links {
        width: 40%;
		bottom: 20%;
    }
}
@media screen and (max-width: 767px) {
	:root {
		--font-size-l: 1.125rem;  /* 18px */
		--font-size-xxl: 2rem;  /* 32px */
	}
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
	header {
		padding: 1.5rem 0 1rem;
	}
	header h1 span {
		margin-left: 0.5em;
	}
	header::after,
	#workcare .outer::before,
	#support::before,
	#inq::before {
		background-size: 1000px auto;
		height: 1rem;
		bottom: -1rem;
	}
	.swiper::after,
	#workcare::after,
	#support::after {
		background-size: 1000px auto;
		height: 1rem;
		bottom: -5px;
	}
	#mv {
		overflow: hidden;
		position: relative;
	}
	.swiper {
		overflow: visible !important;
		margin-bottom: 1.5em;
	}
	.swiper-pagination {
		bottom: -1.5rem !important;
	}
	.swiper-slide {
		width: 100% !important;
		aspect-ratio: 767 / 746;
	}
	.btn a.insta span,
	.btn a.pdf span {
		display: inline-block;
		text-align: left;
	}


	#leadwrap::before,
    #workcare::before,
    #craftworks::before,
    #support .outer::before,
    #inq .outer::before {
        --scale: 0.4;
    }

	#leadwrap {
		padding: 4rem 0 6rem;
	}
	#leadwrap::before {
        top: -6vw;
    }
	#leadwrap h2 img {
		width: 80%;
	}
	#leadwrap h2 {
		margin-bottom: 1.5rem;
	}
	#workcare {
		padding: 6rem 0 calc(var(--space-l) + 1.25rem);
	}
	#workcare::before {
        top: -20vw;
    }
	.d-header {
		margin-bottom: 2.5rem;
		font-size: var(--font-size-xxl);
		line-height: 1.2;
	}
	.d-header span {
		margin-top: 0.8rem;
	}
	ul.figs {
		flex-direction: column;
		gap: 1rem 0;
	}
	ul.figs li {
		text-align: center;
	}
	.map-adress {
		flex-direction: column;
		width: 85%;
		margin: 0 auto;
	}
	.g-map {
		width: 100%;
		order:2;
		padding-top: 100%;
		margin-top: 2rem;
	}
	.map-adress dl {
		width: 100%;
		order:1;
	}
	#craftworks {
		padding: var(--space-l) 0;
	}
	.content-m {
		width: 90%;
	}
	#craftworks .map-adress .indent {
		margin-left: 0;
	}
	.sp-tel {
		display: block;
		margin-left: 2.8em;
	}
	.onlineshop,
	.onlineshop dd {
		flex-direction: column;
	}
	.onlineshop dt {
		margin-bottom: 1.5rem;
	}
	.onlineshop dd p + p {
		margin-top: 1rem;
	}
	#support {
    	padding: calc(var(--space-l) + 1.25rem) 0;
	}
	#qa {
    	padding: var(--space-m) 0 0;
	}
	#qa dl {
		width: 90%;
	}
	#qa dt,
	#qa dd {
		padding-left: 3.2rem;
	}
	#qa dt {
		min-height: 2.4rem;
		background-position: left top;
	}
	#inq {
		padding-top: var(--space-l);
		padding-bottom: 75vw;
		background-size: auto 65.74vw;;
	}
	#inq dl {
		width: 80%;
		flex-direction: column;
		margin: 0 auto var(--space-s);
	}
	#inq dt {
		width: 100%;
		padding-bottom: 1rem;
		padding-left: 3.5rem;
	}
	#inq dd {
		width: 100%;
		padding-bottom: 1.5rem;
	}
	#inq .btn-wrap button {
		padding: 1.5rem;
	}
	#footer-wrap h2 {
		width: 90%;
		margin: 0 auto 2.3rem;
	}
	.info-wrap {
		width: 90%;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 55% 45%;
		grid-template-rows: repeat(5, auto);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.div1 { grid-area: 1 / 1 / 2 / 3; }
	.div2 { grid-area: 2 / 1 / 3 / 2; }
	.div3 { grid-area: 2 / 2 / 3 / 3; }
	.div4 { grid-area: 3 / 1 / 4 / 2; }
	.div5 { grid-area: 3 / 2 / 4 / 3; }
	.div6 { grid-area: 4 / 1 / 5 / 2; }
	.div7 { grid-area: 4 / 2 / 5 / 3; }	
	.related-links {
		position: inherit;
		left: inherit;
		bottom: inherit;
		width: 100%;
		grid-area: 5 / 1 / 6 / 3;
		margin-bottom: 3rem;
	}
	.copy-pp {
		line-height: 1.8;
		padding-bottom: 3rem;
	}
	.copy-pp a {
		margin-left: 0;
		display: block;
	}
	.modal-wrapper {
		width: 90%;
	}
	.modal-content {
		height: 100vh;
	}
	.modal-inner {
		padding: 1.5rem;
	}
}