html {
  box-sizing: border-box;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  box-sizing: inherit;
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  padding: 0;
  margin: 0;
  min-height: 0; /* Safari clamp関数対策 */
  -webkit-text-size-adjust: 100%; /* Safari対策 */
}

hr {
  overflow: visible;
  height: 0;
  color: inherit;
}

[hidden] {
    display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline-width: 0;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border-style: none;
  -webkit-backface-visibility: hidden;
}

/* # =================================================================
     # Accessibility
# ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

ul,ol,li {
  list-style: none;
  padding-left: 0;
  zoom: normal;
}

html {
  overflow-x: hidden;
  width: 100%;
}

body {
  background: #FFF;
  color:#222;
  font-size: 1.6rem;
  font-family: YakuHanMP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 500;
  line-height: 1.6;
  overflow-x: hidden;
  width: 100%;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /* Safari */
}

a {
  text-decoration: none;
}

a {
    color: #222;
}

a:hover {
    color: #F22384;
}

a img:hover {
  cursor: pointer;
}

/*ーーーーーーーーーー
 wrapper
ーーーーーーーーーーー*/

.container {
	background: #ffdde6;
	width: 100%;
}

.wrapper {
	width: 100%;
	max-width: 1440px;
    margin: 0 auto;
	text-align: center;
}

/*ーーーーーーーーーー
 contents
ーーーーーーーーーーー*/

header h1 img,
.contBox-02 h2 img,
.contBox-02 h3 img {
    width: 100%;
    height: auto;
}

.contBox-02 {
	margin: 0 auto 60px 0;
}

.contBox-04 {
	margin: 0 auto;
	padding: 20px 0 40px 0;
	text-align: left;
}

.contBox-04_inner {
	font-size: 14px;
	font-weight: 500;
    letter-spacing: 0.05em; 
	width: 90%;
	max-width: 830px;
	margin: 0 auto;
}

.contBox-04 h2 {
	background: #F20067;
	color: #FFF;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: clamp( 21px, calc( 16.5px + 1.125vw ), 30px );
    font-weight: 500;
	letter-spacing: 0.3em; 
    margin: 0 auto;
	padding: 0.2em 1em 0.3em 1em;
	text-align: center;
}

.contBox-04 h3 {
	background: #FEEFF5;
	color: #F20067;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 20px;
    font-weight: 700;
	letter-spacing: 0.3em; 
    margin: 34px auto;
	padding: 0.7em 1em;
	text-align: center;
}

h4 {
    font-family: 'Noto Serif JP', sans-serif;
	font-size: 16px;
	font-weight: 700;
    margin-bottom: 1em;
}

.require {
    display: grid;
	margin-bottom: 20px;
}
.require dt {
	color: #F20067;
    font-family: 'Noto Serif JP', sans-serif;
	font-size: 18px;
    font-weight: 700;
	letter-spacing: 0.25em;
	line-height: 2;
    display: flex;
    align-items: center;
	padding: 26px 30px;
}

.require dd {
    display: flex;
    align-items: center;
	padding: 26px 30px 26px 0;
	text-align: left;
}

.require dt:nth-of-type(even),
.require dd:nth-of-type(even) {
  background-color: #FEEFF5;
}

@media screen and (min-width: 769px), print {
    .require { grid-template-columns: 180px 1fr;}
    .require dt { grid-column: 1 / 2; padding: 26px 40px 26px 40px;}
    .require dd { grid-column: 2 / 3; padding: 26px 40px 26px 0;}
}

@media screen and (max-width: 599px) {
    .contBox-04 h2 { font-weight: 700; padding: 0.4em 1em 0.5em 1em;}
    .contBox-04 h3 { letter-spacing: 0.05em; margin: 35px auto 20px auto;}
    .contBox-04_inner {	width: 100%;}
    .require dt { line-height: 1.6; padding: 20px 20px 15px 20px;}
    .require dd { padding: 0 20px 20px 20px;}
}

.list {
    list-style: none;
    margin: 0;
}

.list > li {
    position: relative;
    margin: 0 0 0.5em 0;
    padding-left: 1.1em;
}

.list > li::last-child {
    margin: 0;
}

.list > li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
}

.list2 > li::before {
    content: "◆";
}

.info-box-list > li::before {
    content: "●";
}

.list > li dl {
    display: flex;
}

.list > li dl dt {
    align-items: flex-start;
	background: none;
	color: #222;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
    width: 1em;
    margin: 0 0 0 -0.5em;
}

.indent-1 {
    margin-left: 1em;
	padding-left:1em;
	text-indent:-1em;
}

.example {
    display: flex;
	margin: 0.5em  0 0 -0.5em;
}

.example-title {
    width: 3em;
    margin: 0;
    flex-shrink: 0;
}

.example-text {
    margin: 0;
}

.info-box {
    width: 90%;
    max-width: 600px;
	margin: 0 auto;
    text-align: center;
}

.info-box .text-block {
  display: inline-block;
  text-align: left;
}

.info-box h5 {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.08em;
    margin: 2em 0 0.5em 0;
}

.info-indent {
    text-indent: -1em;
    margin: 0.2em 0 0 0;
    padding-left: 1em;
}

.info-indent li {
    margin-bottom: 0.6em;
}

.info-section p {
    line-height:1.8;
}

hr {
	border-top: 2px solid #F20067;
    width: 100%;
    margin: 2em 0;
}

.info-cution {
	font-size: 14px;
    margin: 0 2em 1em 2em;
}

ul.cution-indent {
  list-style: none;
}

ul.cution-indent > li {
  line-height: 1.7;
  position: relative;
  margin: 0 0 0.4em 0;
  padding-left: 1em;
}

ul.cution-indent > li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

.flow {
    width: 90%;
    max-width: 540px;
    margin: 30px auto 0 auto;
}

p.flow-top {
	color: #F20067;
    font-family: YakuHanMP, 'Noto Serif JP', sans-serif;
	font-size: clamp( 21px, calc( 15.5px + 1.375vw ), 32px );
    font-weight: 700;
	letter-spacing: 0.15em;
	line-height: 1.5;
	margin: 0 auto 1em auto;
	text-align: center;
}

.flow-item {
    position: relative;
    background: #FDDAE9;
    text-align: center;
    padding: 18px 20px;
    margin-bottom: 32px;
    color: #222;
    line-height: 1.5;
}

.flow-item::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -14px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #FDDAE9;
}

.flow-item:last-child {
    margin-bottom: 0;
}

.flow-item:last-child::after {
    display: none;
}

.flow-title {
    font-size: clamp( 16px, calc( 15px + 0.25vw ), 18px );
    font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 0.4em;
}

.flow-note {
    color: #333;
}

.flow-bottom {
    text-align: center;
}

.flow-bottom-inner {
    display: inline-block;
	margin-bottom: 2em;
    text-align: left;
}

.flow-bottom_text {
    font-size: clamp( 15px, calc( 13.5px + 0.375vw ), 18px );
    line-height: 1.8;
	letter-spacing: 0.15em;
    padding-bottom: 1px;
    display: inline; 
    background:linear-gradient(transparent 98%, #222 0%);
}

.flow-bottom_text2 {
    font-size: 14px;
    margin-top: .8em;
	margin-bottom: 2em;
}

.btn-link {
    width: 100%;
    max-width: 560px;
	margin: 0 auto;
    text-align: center;
}

.btn-link img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1020px) {
  .overflow { overflow-wrap: anywhere;}
}
@media screen and (max-width: 599px) {
  .flow-item { padding: 18px 12px;}
  .flow-title { letter-spacing: 0.05em;}
  .flow-note { letter-spacing: 0;}
  .info-cution { width:90%; margin: 0 auto 1em auto;}
}

/* ----フッター---- */

.footer {
	background: #FFA7C9 url("../img/bankaku_takaraduka2026/footer_back.png") center top no-repeat;
	background-size: 100% auto;
    margin: 0 auto;
    padding: 5% 0;
    text-align: center;
}

.footer a {
	display: block;
	width: 30%;
	max-width: 256px;
    margin: 0 auto;
    text-align: center;
}
.footer a img {
	width: 100%;
    height: auto;
}

@media screen and (max-width: 599px) {
  .footer { background: #FFA7C9 url("../img/bankaku_takaraduka2026/footer_back_sp.png") center top no-repeat; background-size: cover; padding: 30px 0;}
  .footer a { width: 50%;}
}

.mb0 {margin-bottom: 0 !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}

.pc {display:block;}
.tb {display:none;}
.pctb {display:block;}
.tbmb {display:none;}
.mb {display:none;}

@media screen and (min-width:600px) and (max-width: 960px) {
.pc {display:none;}
.tb {display:block;}
.pctb {display:block;}
.tbmb {display:block;}
.mb {display:none;}
}

@media screen and (max-width: 599px) {
.pc {display:none;}
.tb {display:none;}
.pctb {display:none;}
.tbmb {display:block;}
.mb {display:block;}
}
	
/*ーーーーーーーーーー
  keyframes
ーーーーーーーーーーー*/

.anim-item {
  opacity: 0;
  transform: translateY(40px);
}

.anim-item.is-animated {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@keyframes fadeup {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}