@charset "utf-8";
/*****************************************
共通
*****************************************/
.wrapper {
   width: 100%;
   padding: 0;
 }
.container {
   width: 100%;
   padding: 0;
}
#aoki_main * {
   box-sizing: content-box;
}
#aoki_main ul,
#aoki_main ol {
	list-style: none;
}
#aoki_main a:hover,
#aoki_main a:focus {
	text-decoration: none;
}

/* mv */
#aoki_main {
	width: 100%;
	color: #391111;
	background: #fff;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.5;
}
#aoki_main .mv {
   width: 100%;
   margin: 0 auto;
   box-sizing: border-box;
}
#aoki_main h1 {
   margin-bottom: 24px;
   text-align: center;
}
#aoki_main .mv p {
   text-align: center;
   box-sizing: border-box;
}
#aoki_main .mv p + p {
   margin-top: 20px;
}
#aoki_main .grayout {
   position: relative;
   z-index: 2;
}
#aoki_main .grayout::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   display: block;
   background-color: #000000;
   opacity: 0.4;
}
#aoki_main .grayout_text {
   position: absolute;
   top: 50%;
   right: 50%;
   width: 910px;
   margin: 0 auto;
   padding: 102px 0;
   background: #ffffff;
   color: #391111;
   font-size: 32px;
   font-weight: bold;
   z-index: 99;
   transform: translate(50%, -50%);
   -webkit-transform: translate(50%, -50%);
}
#aoki_main .grayout_text span {
   font-size: 18px;
}

/* limit */
#aoki_main #limit {
   padding: 26px 0 32px;
   background: #d81818;
   color: #fff;
}
#aoki_main #limit dt {
   padding-bottom: 4px;
   border-bottom: 1px solid #fff;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
}
#aoki_main #limit dd {
   line-height: 1.52;
   padding-top: 14px;
   font-size: 17px;
   text-align: center;
}
#aoki_main #limit .del {
   font-weight: bold;
}

/* contents */
#aoki_main .cmn-inner {
   width: 950px;
   margin: 0 auto;
}
#aoki_main h2 {
   display: flex;
   line-height: 1;
   align-items: center;
   justify-content: center;
   margin-bottom: 30px;
   color: #391111;
   font-size: 34px;
   text-align: center;
}
#aoki_main h2::before,
#aoki_main h2::after {
   content: "";
   width: 32px;
   height: 34px;
}
#aoki_main h2::before {
   margin-right: 20px;
   background: url(../img/251127/title_left.webp) top center / 32px 34px no-repeat;
}
#aoki_main h2::after {
   margin-left: 20px;
   background: url("../img/251127/title_right.webp") top center / 32px 34px no-repeat;
}

/* anchor */
#aoki_main .anchor {
   display: flex;
   width: 950px;
   margin: 50px auto 80px;
   justify-content: space-between;
}
#aoki_main .anchor a {
   position: relative;
   display: block;
   width: 224px;
   padding: 16px 0px;
   border: 2px solid #391111;
   color: #391111;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
}
#aoki_main .anchor a:hover {
   opacity: .7;
   transition: .4s;
}
#aoki_main .anchor li:not(.blank) a::before,
#aoki_main .anchor li:not(.blank) a::after {
   content: "";
   position: absolute;
   top: 1%;
   bottom: 0;
   right: 5%;
   margin: auto;
   vertical-align: middle;
}
#aoki_main .anchor li:not(.blank) a::before {
   width: 21px;
   height: 21px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   background: #391111;
}
#aoki_main .anchor li:not(.blank) a::after {
   top: -3px;
   right: 8.4%;
   width: 6px;
   height: 6px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
   box-sizing: border-box;
}
#aoki_main .anchor li.blank a::after {
   content: "";
   position: absolute;
   right: 2px;
   bottom: 3%;
   width: 0;
   height: 0;
   margin: auto;
   border: 7px solid #391111;
   border-top-color: transparent;
   border-left-color: transparent;
   z-index: 1;
   transition: .3s;
   transform: rotate(0);
}

/* flow */
#aoki_main .flow_img {
   text-align: center;
}

/* quastion */
#aoki_main #quastion {
   margin: 0 auto;
   background: #f9f3db;
}
#aoki_main #quastion .accordion-list {
   padding: 0 24px;
   border-radius: 12px;
   background: #fff;
   box-shadow: 0px 6px 6px -6px #d5ca9c;
   border-radius: 12px;
}
#aoki_main #quastion .accordion-list + .accordion-list {
   margin-top: 16px;
}
#aoki_main #quastion .bt {
   border-bottom: 1px solid #efe9d2;
}
#aoki_main .accordion-title {
   position: relative;
   display: flex;
   line-height: 1.8;
   margin: 0;
   padding: 18px 50px 18px 50px;
   justify-content: space-between;
   align-items: center;
   font-size: 16px;
   font-weight: bold;
   box-sizing: border-box;
   cursor: pointer;
}
#aoki_main .accordion-title:before,
#aoki_main .accordion-title::after {
   content: "";
   position: absolute;
   right: 20px;
   top: 50%;
   width: 20px;
   height: 2px;
   background: #e5dcb9;
}
#aoki_main .accordion-title:before {
   transform: rotate(90deg);
   transition: all .2s ease-in-out;
}
#aoki_main .accordion-title::after {
   transition: all .2s ease-in-out;
}
#aoki_main .accordion-title.open:before {
   transform: rotate(180deg);
}
#aoki_main .accordion-title.open:after {
   opacity: 0;
}
#aoki_main .accordion-title span {
   position: relative;
   display: block;
}
#aoki_main .accordion-title span::before {
   content: "";
   position: absolute;
   left: -50px;
   top: 50%;
   width: 34px;
   height: 34px;
   margin-top: -17px;
   background: url(../img/251127/quastion_Q.webp) top center / 34px 34px no-repeat;
}
#aoki_main .accordion-inner {
   position: relative;
   display: none;
   padding: 16px 24px 30px 50px;
   border-top: 1px solid #efe9d2;
   background: #fff;
}
#aoki_main .accordion-inner::before {
   content: "";
   position: absolute;
   top: 12px;
   left: 0;
   width: 34px;
   height: 34px;
   background: url(../img/251127/quastion_A.webp) top center / 34px 34px no-repeat;
}
#aoki_main .accordion-inner p,
#aoki_main .accordion-inner li {
   line-height: 1.9;
   font-size: 14px;
}
#aoki_main .accordion-inner p + p {
   margin-top: 20px;
}
#aoki_main .accordion-inner ul {
   margin-top: 14px;
}
#aoki_main .accordion-inner li {
   padding-left: 1rem;
   text-indent: -1rem;
}
#aoki_main .accordion-inner a {
   color: #391111;
   text-decoration: underline;
}
#aoki_main .accordion-inner a:hover {
   text-decoration: none;
}
#aoki_main .note {
   font-size: 12px;
}

/* campaign */
#campaign tbody {
   border: 2px solid #f2e6af;
   box-sizing: border-box;
}
#campaign th {
   width: 300px;
   padding: 30px 20px;
   background: #f2e6af;
   border-top: 2px solid #f9f3db;
   font-size: 16px;
   font-weight: bold;
   vertical-align: middle;
   box-sizing: border-box;
}
#campaign td {
   padding: 30px 20px;
   border-top: 2px solid #f9f3db;
}
#campaign tbody tr:first-of-type th,
#campaign tr:first-of-type td {
   border-top: none;
}
#campaign dl + dl {
   margin-top: 26px;
}
#campaign dt {
   font-size: 14px;
   font-weight: bold;
}
#campaign td,
#campaign dd,
#campaign li,
#campaign p {
   line-height: 1.8;
   font-size: 14px;
}
#campaign .example {
   display: flex;
   align-items: center;
   margin-top: 20px;
}
#campaign .example_img {
   width: 183px;
   margin-right: 20px;
}
#campaign li {
   padding-left: 1rem;
   text-indent: -1rem;
}
#campaign li a {
   color: #391111;
   text-decoration: underline;
}
#campaign li a:hover {
   text-decoration: none;
}
#campaign .del_text {
   padding-left: 16px;
   color: #d81818;
   font-weight: bold;
}

/*  btn-area */
#aoki_main .btn-area {
   width: 950px;
   margin: 36px auto 0;
   text-align: center;
}
#aoki_main .btn-area .catch {
   position: relative;
   display: inline-block;
   margin-bottom: 4px;
   color: #d81818;
   font-size: 20px;
   font-weight: bold;
}
#aoki_main .btn-area .catch::before,
#aoki_main .btn-area .catch::after {
   position: absolute;
   top: -4px;
   content: "";
   width: 24px;
   height: 24px;
   border-bottom: 2px solid #d81818;
}
#aoki_main .btn-area .catch::before {
   left: -28px;
   transform: rotate(60deg);
}
#aoki_main .btn-area .catch::after {
   right: -28px;
   transform: rotate(-60deg);
}
#aoki_main .cmn-btn.bg a {
   display: inline-block;
   position: relative;
   width: 500px;
   margin: 0 auto;
   padding: 18px 55px;
   justify-content: center;
   align-items: center;
   background: #d81818;
   border-bottom-color: #ab0909;
   border-bottom-width: 8px;
   border-bottom-style: solid;
   color: #fff;
   border-radius: 12px;
   font-size: 24px;
   font-weight: bold;
   box-sizing: border-box;
}
#aoki_main .cmn-btn.bg a::before,
#aoki_main .cmn-btn.bg a::after {
   content: "";
   position: absolute;
	top: 0;
	bottom: 0;
	right: 5%;
	margin: auto;
	vertical-align: middle;
}
#aoki_main .cmn-btn.bg a::before {
   width: 28px;
	height: 28px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
}
#aoki_main .cmn-btn.bg a::after {
   right: 7.3%;
	width: 9px;
	height: 9px;
	border-top: 2px solid #d81818;
	border-right: 2px solid #d81818;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
   box-sizing: border-box;
}



/*****************************************
PC only
*****************************************/
@media screen and (min-width: 769px) {
  .sp {
      display: none;
   }

   #aoki_main .mv {
      padding: 40px 30px !important;
      background: #f6dc67 url(../img/251127/radiation_pc.webp) top center / 1600px 740px no-repeat;
   }
   #aoki_main #limit .limit {
      display: flex;
      justify-content: space-between;
      width: 950px;
      margin: 0 auto;
   }
   #aoki_main #limit dl {
      width: 48%;
   }
   #aoki_main .contents {
      margin: 60px 0;
   }
   #aoki_main #quastion {
      padding: 60px 0;
   }
   #aoki_main .cmn-btn.bg a:hover {
      margin-top: 5px;
      border-bottom-width: 3px;
      text-decoration: none;
   }
}


/*****************************************
SP only
*****************************************/
@media screen and (max-width: 768px) {
   .pc {
      display: none;
   }
   .wrapper {
      padding: 0;
      margin: 0;
   }
   .container {
      padding-left: 0;
      padding-right: 0;
   }

   /* mv */
   #aoki_main {
      max-width: 768px;
      width: 100%;
      line-height: 1.5;
      margin: 0 auto;
      background: #fff;
      color: #333;
      font-size: 4.2666666vw;
   }
   #aoki_main .mv {
      padding: 1.33vw 4vw 6.4vw;
      background: #f6dc67 url(../img/251127/radiation_sp.webp) top center / 100vw 98.66vw no-repeat;
      box-sizing: border-box;
   }
   #aoki_main .grayout_text {
      width: 92%;
      line-height: 1.6;
      padding: 21.33vw 0;
      font-size: 5.6vw;
   }
   #aoki_main .grayout_text span {
      font-size: 2.93vw;
   }

   /* limit */
   #aoki_main #limit {
      padding: 5.33vw 0;
   }
   #aoki_main #limit .limit {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   #aoki_main #limit dl + dl {
      margin-top: 6.33vw;
   }
   #aoki_main #limit dt {
      margin-bottom: 2vw;
      padding-bottom: 2.13vw;
      font-size: 4vw;
   }
   #aoki_main #limit dd {
      line-height: 1.6;
      padding-top: 2vw;
      font-size: 3.46vw;
   }

   /* anchor */
   #aoki_main .anchor {
      width: 100%;
      flex-wrap: wrap;
      margin: 6.66vw auto 0;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   #aoki_main .anchor li {
      width: 48%;
   }
   #aoki_main .anchor li:nth-child(n+3) {
      margin-top: 2.66vw;
   }
   #aoki_main .anchor a {
      width: 100%;
      padding: 3.6vw 0 3.2vw;
      border-width: 0.4vw;
      font-size: 3.46vw;
      box-sizing: border-box;
   }
   #aoki_main .anchor li:not(.blank) a::before,
   #aoki_main .anchor li:not(.blank) a::after {
      right: 2%;
   }
   #aoki_main .anchor li:not(.blank) a::before {
      width: 4.6vw;
      height: 4.6vw;
   }
   #aoki_main .anchor li:not(.blank) a::after {
      top: -4%;
      right: 5.8%;
      width: 1.4vw;
      height: 1.4vw;
   }
   #aoki_main .anchor li.blank a::after {
      right: 2%;
      bottom: 5%;
      border-width: 6px;
   }

   /* contents */
   #aoki_main .contents {
      padding: 10.66vw 0;
   }
   #aoki_main .cmn-inner {
      width: 100%;
      padding: 0 15px;
      box-sizing: border-box;
   }
   #aoki_main h2 {
      margin-bottom: 4.33vw;
      font-size: 6.4vw;
   }
   #aoki_main h2::before,
   #aoki_main h2::after {
      width: 5.6vw;
      height: 6.1vw;
      background-size: 5.6vw 6.1vw;
   }
   #aoki_main h2::before {
      margin-right: 4vw;
   }
   #aoki_main h2::after {
      margin-left: 4vw;
   }

   /* quastion */
   #aoki_main .accordion-title {
      line-height: 1.38;
      padding: 4.2vw 6vw 4vw 8.2vw;
      color: #391111;
      font-size: 3.46vw;
   }
   #aoki_main .accordion-title span::before,
   #aoki_main .accordion-inner::before {
      width: 6.66vw;
      height: 6.66vw;
      margin-top: -3.33vw;
      background-size: 6.66vw 6.66vw;
   }
   #aoki_main .accordion-title:before,
   #aoki_main .accordion-title::after {
      right: 0;
      width: 2.93vw;
      height: 0.26vw;
   }
   #aoki_main .accordion-title span::before {
      left: -8.2vw;
   }
   #aoki_main #quastion .accordion-list {
      padding: 0 4vw;
      border-radius: 1.6vw;
   }
   #aoki_main #quastion .accordion-list + .accordion-list {
      margin-top: 2.6vw;
   }
   #aoki_main .accordion-inner p,
   #aoki_main .accordion-inner li {
      line-height: 1.7;
      color: #391111;
      font-size: 3.2vw;
   }
   #aoki_main .accordion-inner li + li {
      margin-top: 2vw;
   }
   #aoki_main .accordion-inner {
      padding: 3.5vw 0 5.3vw 8.5vw;
   }
   #aoki_main .accordion-inner::before {
      top: 5.99vw;
   }
   #aoki_main .accordion-inner p + p {
      margin-top: 4.66vw;
   }
   #aoki_main .accordion-inner ul {
      margin-top: 4.5vw;
   }
   #aoki_main .note {
      font-size: 2.8vw;
   }

   /* campaign */
   #campaign tbody {
      border-width: 1px;
   }
   #campaign tr {
      display: block;
   }
   #campaign th {
      display: block;
      width: 100%;
      padding: 3.73vw 4vw;
      border-top: none;
      color: #391111;
      font-size: 3.46vw;
   }
   #campaign dl + dl {
      margin-top: 6vw;
   }
   #campaign td {
      display: block;
      width: 100%;
      padding: 4vw;
      border-top: none;
      box-sizing: border-box;
   }
   #campaign dt,
   #campaign td,
   #campaign dd,
   #campaign li,
   #campaign p {
      color: #391111;
      font-size: 3.2vw;
   }
   #campaign li {
      padding-left: 3.2vw;
      text-indent: -3.2vw;
   }
   #campaign li + li {
      margin-top: 1.8vw;
   }
   #campaign .example {
      margin: 4vw 0 3vw;
      justify-content: space-between;
   }
   #campaign .example_text {
      width: 48%;
      font-size: 2.963vw;
   }
   #campaign .example_img {
      width: 48%;
      margin-right: 3.2vw;
   }

   /* ------ btn-area ------ */
   #aoki_main .btn-area {
      width: 100%;
      margin: 4.66vw auto 0;
   }
   #aoki_main .btn-area .catch {
      margin-bottom: 1.2vw;
      font-size: 3.73vw;
   }
   #aoki_main .btn-area .catch::before,
   #aoki_main .btn-area .catch::after {
      top: -2px;
      width: 4.5vw;
      height: 4.5vw;
   }
   #aoki_main .btn-area .catch::before {
      left: -4vw;
   }
   #aoki_main .btn-area .catch::after {
      right: -4vw;
   }
   #aoki_main .cmn-btn.bg a {
      width: 100%;
      padding: 4.3vw 2vw 3.3vw;
      border-radius: 1.86vw;
      border-bottom-width: 1.4vw;
      font-size: 4.2vw;
      text-align: center;
   }
   #aoki_main .cmn-btn.bg a::before {
      width: 5.33vw;
      height: 5.33vw;
   }
   #aoki_main .cmn-btn.bg a::after {
      width: 1.8vw;
      height: 1.8vw;
   }
}

/*****************************************
Tablet only (min-width:576px)
*****************************************/
@media screen and (min-width: 576px) {
   .container {
      width: 100%;
   }
}