:root {
--color-primary: #ff5cbb;
}


/** MODAL OPEN
==============================================*/
[data-micromodal-transition] {
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
  }
  
  [data-micromodal-transition].is-open {
	opacity: 1;
  }
  
  @media screen and (min-width: 641px) {
	.modal-open {
	  cursor: pointer;
	  -webkit-transition: opacity 0.3s ease;
	  transition: opacity 0.3s ease;
	}
	.modal-open:hover {
	  opacity: 0.8;
	}
  }
  
  /** MODAL MICROMODAL
  ==============================================*/
  .modal-micromodal {
	display: none;
  }
  
  .modal-micromodal.is-open {
	display: block;
  }
  
  @-webkit-keyframes modalfadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  
  @keyframes modalfadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  
  @-webkit-keyframes modalfadeOut {
	from {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
  }
  
  @keyframes modalfadeOut {
	from {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
  }
  
  .modal-micromodal[aria-hidden="false"] .modal-overlay {
	-webkit-animation: modalfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
	animation: modalfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
  .modal-micromodal[aria-hidden="true"] .modal-overlay {
	-webkit-animation: modalfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
	animation: modalfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
  
  /** MODAL OVERLAY
  ==============================================*/
  .modal-overlay {
	background: rgba(0, 0, 0, 0.8);
	bottom: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
  }
  @media screen and (min-width: 641px) {
	.modal-overlay {
	  padding: var(--pixel20);
	}
  }
  @media screen and (max-width: 640px) {
  }
  
  /** MODAL CONTAINER
  ==============================================*/
  /* close button */
  .modal-close__button {
	display: block;
	border: var(--pixel02) solid #333;
	width: 100%;
	font-weight: 700;
	font-size: var(--pixel21);
	padding: var(--pixel10);
	text-align: center;
	position: relative;
	background-color: #fff;
  }
  .modal-close__button:before {
	content: "";
	position: absolute;
	width: var(--pixel24);
	height: var(--pixel24);
	background-color: #f2f2f2;
	border-radius: 50%;
	right: var(--pixel20);
	top: calc(50% - var(--pixel12));
  }
  .modal-close__button:after {
	content: "";
	position: absolute;
	width: var(--pixel09);
	height: var(--pixel10);
	background-color: #333;
	-webkit-clip-path: polygon(var(--pixel09) 50%, 0% 0%, 0% var(--pixel10));
	clip-path: polygon(var(--pixel09) 50%, 0% 0%, 0% var(--pixel10));
	right: var(--pixel26);
	top: calc(50% - var(--pixel05));
  }
  
  /* container */
  .modal-container {
	max-height: calc(100vh - var(--pixel40));
	width: 100%;
  }
  .modal-container:focus {
	outline: none;
  }
  .modal-container:before,
  .modal-container:after {
	content: "";
	cursor: pointer;
	position: absolute;
	width: var(--pixel100);
	height: var(--pixel100);
	right: 0;
	top: 0;
  }
  .modal-container:before {
	background-color: transparent;
	border-radius: 50%;
  }
  .modal-container:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22button%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2039.54%2039.54%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A5px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%221.77%22%20y1%3D%221.77%22%20x2%3D%2237.77%22%20y2%3D%2237.77%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2237.77%22%20y1%3D%221.77%22%20x2%3D%221.77%22%20y2%3D%2237.77%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
  }
  @media screen and (min-width: 641px) {
	.modal-container {
	  width: min(68.33333333333333vw, 984px);
	}
	.modal-container:before,
	.modal-container:after {
	  width: var(--pixel100);
	  height: var(--pixel100);
	}
	.modal-container:after {
	  background-size: var(--pixel35);
	}
  }
  @media screen and (max-width: 640px) {
	.modal-container:before,
	.modal-container:after {
	  width: var(--pixel50);
	  height: var(--pixel70);
	}
	.modal-container:after {
	  background-size: var(--pixel20);
	}
  }
  
  /** MODAL CONTENT
  ==============================================*/
  .modal-content {
	line-height: 1.5;
	width: 100%;
	height: 100%;
	/* overflow-y: scroll; */
	max-height: calc(100vh - var(--pixel40) - min(32vw, 160px));
	border: 1px solid transparent;
	background-color: #fff;
  }
  .modal-content::-webkit-scrollbar {
	width: var(--pixel03);
  }
  .modal-content::-webkit-scrollbar-thumb {
	background-color: #d2d2d2;
  }
  @media screen and (min-width: 641px) {
	.modal-content {
	  padding: var(--pixel40) var(--pixel20);
	}
  }
  @media screen and (max-width: 640px) {
	.modal-content {
	  padding: var(--pixel45) var(--pixel10);
	}
  }
  
  /** MODAL INNER
  ==============================================*/
  
  
  /** SITE FOOTER
  ==============================================*/
  
  
  /** MODAL FIXED
  ==============================================*/
  .modal-fixed {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	display: block;
  }
  .modal-fixed.is-hidden {
	display: none;
  }
  .modal-fixed::-webkit-scrollbar {
	width: var(--pixel03);
  }
  @media screen and (min-width: 641px) {
	.modal-fixed {
	  padding: 0 var(--pixel20);
	  height: var(--pixel50);
	}
  }
  @media screen and (max-width: 640px) {
	.modal-fixed {
	  padding: 0 var(--pixel10);
	  height: var(--pixel40);
	}
  }
  
  /** Question Flow
  ==============================================*/
  .question-flow {
	background-color: #fff;
  }
  .question-flow__title {
	text-align: center;
	color: var(--sd-blue);
	margin-bottom: var(--pixel25);
  }
  .question-flow__title .under-text {
	text-decoration: underline;
	text-underline-offset: 0.25em;
  }
  @media screen and (min-width: 641px) {
	.question-flow__title {
	  font-size: var(--pixel20);
	}
  }
  @media screen and (max-width: 640px) {
	.question-flow__title {
	  font-size: var(--pixel13);
	}
  }
  
  @media screen and (min-width: 641px) {
	.entry-question {
	  width: min(47.58418740849194vw, 650px);
	  margin-right: auto;
	  margin-left: auto;
	}
  }
  
  .entry-question__ttl {
	text-align: center;
  }
  @media screen and (min-width: 641px) {
	.entry-question__ttl {
	  font-size: var(--pixel18);
	}
  }
  @media screen and (max-width: 640px) {
	.entry-question__ttl {
	  font-size: var(--pixel15);
	}
  }
  
  .entry-question__answer {
	margin-top: var(--pixel25);
  }
  @media screen and (min-width: 641px) {
  }
  @media screen and (max-width: 640px) {
  }
  
  @media screen and (min-width: 641px) {
	.entry-question__buttons {
	  display: -webkit-box;
	  display: flex;
	  -webkit-box-pack: center;
	  justify-content: center;
	  -webkit-box-align: start;
	  align-items: flex-start;
	  gap: 20px;
	}
  }
  @media screen and (max-width: 640px) {
  }
  
  .entry-question__buttons > li > *:not(:first-child) {
	margin-top: var(--pixel10);
  }
  @media screen and (min-width: 641px) {
	.entry-question__buttons > li {
	  /* padding-right: var(--pixel10);
	  padding-left: var(--pixel10); */
	  width: min(21.96193265007321vw, 300px);
	}
  }
  @media screen and (max-width: 640px) {
	.entry-question__buttons > li:not(:first-child) {
	  margin-top: var(--pixel15);
	}
  }

  .entry-question__button {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	border: var(--pixel02) solid #f9c5db;
	width: 100%;
	font-weight: 700;
	border-radius: var(--pixel04);
	text-align: center;
	padding: var(--pixel05) var(--pixel25);
	line-height: 1.4;
	min-height: var(--pixel52);
	color: #fff;
  }
  .entry-question__button:hover {
	color: #fff;
  }
  .entry-question__button:after {
	content: "";
	position: absolute;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
	clip-path: polygon(0 0, 0 100%, 100% 50%);
	width: var(--pixel06);
	height: var(--pixel08);
	right: var(--pixel10);
	top: calc(50% - var(--pixel04));
	background-color: #fff;
  }
  .entry-question__button .small {
	font-weight: 400;
  }
  .entry-question__button--yes,
  .entry-question__button--yes:hover {
	background-color: var(--sd-blue);
  }
  .entry-question__button--no,
  .entry-question__button--no:hover {
	background-color: var(--color-primary);
  }
  @media screen and (min-width: 641px) {
	.entry-question__button {
	  font-size: var(--pixel20);
	}
	.entry-question__button .small {
	  font-size: var(--pixel16);
	}
  }
  @media screen and (max-width: 640px) {
	.entry-question__button {
	  font-size: var(--pixel16);
	  
	}
	.entry-question__button .small {
	  font-size: var(--pixel12);
	}
  }
  
  .entry-question__notes {
	margin-top: var(--pixel10);
  }
  .entry-question__notes > li {
	line-height: 1.5;
  }
  @media screen and (min-width: 641px) {
	.entry-question__notes > li {
	  font-size: var(--pixel12);
	}
  }
  @media screen and (max-width: 640px) {
	.entry-question__notes > li {
	  font-size: var(--pixel10);
	}
  }
  
  .question-flow__prev {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	align-items: center;
	color: var(--color-primary);
	font-weight: 700;
	line-height: 1;
	padding-top: var(--pixel10);
	padding-right: var(--pixel10);
	padding-bottom: var(--pixel10);
  }
  .question-flow__prev:before {
	content: "";
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22text%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207.44%2010.49%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23476bd6%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%226.44%209.49%201%205.24%206.44%201%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	margin-right: var(--pixel10);
	width: var(--pixel06);
	height: 100%;
	min-height: var(--pixel08);
  }
  @media screen and (min-width: 641px) {
	.question-flow__prev {
	  font-size: var(--pixel16);
	}
  }
  @media screen and (max-width: 640px) {
	.question-flow__prev {
	  font-size: var(--pixel12);
	}
  }



/** ACCORDION INFORMATION
==============================================*/

.accordion-information > dt {
	text-align: center;
	line-height: 1;
  }
  .accordion-information__title {
	position: relative;
	color: var(--sd-blue);
	display: inline-block;
	font-size: var(--pixel11);
	line-height: 1.6;
  }
  .accordion-information__title:before,
  .accordion-information__title:after {
	content: "";
	cursor: pointer;
	position: absolute;
	left: 105%;
	top: 0.25em;
	width: var(--pixel12);
	height: var(--pixel12);
	background-color: var(--sd-blue);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: var(--pixel08) auto;
  }
  .accordion-information__title:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22text%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207.2%201%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%220%22%20y1%3D%22.5%22%20x2%3D%227.2%22%20y2%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
  }
  .accordion-information__title:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22text%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207.2%207.2%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%223.6%22%20x2%3D%223.6%22%20y2%3D%227.2%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%220%22%20y1%3D%223.6%22%20x2%3D%227.2%22%20y2%3D%223.6%22%2F%3E%3C%2Fsvg%3E");
  }
  .accordion-head.is-active .accordion-information__title:after {
	opacity: 0;
  }
  @media screen and (min-width: 641px) {
	.accordion-information__title {
	  font-size: var(--pixel14);
	}
  }
  @media screen and (max-width: 640px) {
	.accordion-information__title {
	  font-size: var(--pixel11);
	}
  }
  
  .accordion-information > dd {
	padding-top: var(--pixel10);
  }
  @media screen and (min-width: 641px) {
	.accordion-information > dd {
	  width: calc(200% + var(--pixel20));
	}
	.entry-question__buttons > li:nth-child(even) .accordion-information > dd {
	  margin-left: calc(-100% - var(--pixel20));
	}
  }
  @media screen and (max-width: 640px) {
  }
  
  .accordion-information__content {
	background-color: #f2f2f2;
  }
  .accordion-information__box > *:not(:first-child) {
	margin-top: var(--pixel10);
  }
  @media screen and (min-width: 641px) {
	.accordion-information__content {
	  padding: var(--pixel25);
	}
	.accordion-information__box:not(:first-child) {
	  margin-top: var(--pixel35);
	}
  }
  @media screen and (max-width: 640px) {
	.accordion-information__content {
	  padding: var(--pixel10) var(--pixel15);
	}
	.accordion-information__box:not(:first-child) {
	  margin-top: var(--pixel25);
	}
  }
  
  .accordion-information__txt--em {
	font-weight: 700;
  }
  .accordion-information__sub-txt {
	display: block;
  }
  @media screen and (min-width: 641px) {
	.accordion-information__txt {
	  font-size: var(--pixel16);
	}
	.accordion-information__txt--em {
	  text-align: center;
	  font-size: var(--pixel18);
	}
	.accordion-information__notes > li {
	  font-size: var(--pixel12);
	}
	.accordion-information__dot > li {
	  font-size: var(--pixel16);
	}
	.accordion-information__sub-txt {
	  font-size: var(--pixel12);
	}
  }
  @media screen and (max-width: 640px) {
	.accordion-information__txt {
	  font-size: var(--pixel13);
	}
	.accordion-information__notes > li {
	  font-size: var(--pixel10);
	}
	.accordion-information__dot > li {
	  font-size: var(--pixel13);
	}
	.accordion-information__sub-txt {
	  font-size: var(--pixel10);
	}
  }