@charset "UTF-8";
/* CSS Document */
/*****************************
  base reset css
*****************************/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
  font-family: "Noto Sans JP", serif;
  font-size: 13px;
  color: #030303 !important;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 0;
  font-size: 0;
  vertical-align: top;
}

html {
  width: 100%;
  height: 100%;
}

ul,
li {
  list-style: none;
}

p,
th,
td,
dd {
  font-style: normal;
  word-break: break-all;
}

p,
li,
dt,
dd,
td,
th {
  line-height: 1.6;
}

dd {
  word-break: break-all;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

em,
strong,
small {
  font-style: inherit;
}

em,
strong {
  font-weight: bold;
}

/*****************************
  common layout css
*****************************/
.contents-wrap {
  overflow: hidden;
}

#wrap h1 img {
  margin-top: 20px;
}

#wrap {
  width: 960px;
  margin: 0 auto;
}

#pageTop {
  max-pagewidth: 850px;
  margin: 30px auto 10px auto;
  text-align: right;
}

#footer {
  width: 100%;
  height: 34px;
  background-image: url(../../202309/img/footer_bg_repeat.gif);
  background-repeat: repeat-x;
}

#footer .footInner {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.text01 {
  font-size: 12px;
  color: #0198ff;
}

.text02 {
  font-size: 12px;
  color: #666666;
}

#bottomText {
  height: auto;
  width: 940px;
  margin: 20 auto;
}

.footerText {
  overflow: hidden;
}

.text03 {
  float: left;
  margin-top: 15px;
  margin-right: 10px;
}

.text04 {
  float: left;
  margin-top: 15px;
}

.copyright {
  /*
     float:right;
     margin-top:15px;
   */
}

#contwrap {
  word-break: normal;
  word-wrap: break-word;
  background: none;
  height: auto;
}

.wrap {
  width: 960px;
  margin: 0 auto;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.fc_blue {
  font-weight: bold;
  color: #0099ff !important;
}

.fc_red {
  font-weight: bold;
  color: #b22e15 !important;
}

.fc_green {
  font-weight: bold;
  color: #7aa930 !important;
}

a.hover:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.box030405Bg {
  background-color: #fdfedc;
  padding-bottom: 50px;
  margin-top: 40px;
}

.box030406Bg {
  background-color: #fdfedc;
  padding-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .nopc {
    display: none;
  }
  .nosp {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .nopc {
    display: block;
  }
  .nosp {
    display: none;
  }
}
/*==================================================
	アンカーリンク
==================================================*/
@media screen and (max-width: 767.98px) {
  .anchor-link {
    margin-top: -13.281vw;
    padding-top: 13.281vw;
  }
}
/*==================================================
  ヘッダー
==================================================*/
#header {
  background-color: #00aeef;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0px;
  /*height: 109px;*/
  height: 60px;
}

#headerbar {
  background-color: #0173de;
  color: #fff;
  width: 100%;
}

.headerbarinner {
  margin: 0 auto;
  overflow: hidden;
  max-width: 850px;
  text-align: center;
  font-size: 12px;
}

.headerbarinner p {
  padding: 4px 0;
}

.headerbarinner p a {
  color: #fff;
  text-decoration: underline;
}

.headerinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 850px;
  padding: 0 20px;
}

.headerinner a img,
.headerinner p img {
  margin: 0;
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .headerinner a,
  .headerinner p {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .sp_fix_blue_head {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .headerinner {
    padding: 0 20px;
  }
  .headerbarinner {
    padding: 5px 0;
    font-size: 10px;
    line-height: 1.529;
    width: 100%;
  }
  .headerinner a img,
  .headerinner p img {
    padding: 0 20px;
  }
  .l-container {
    width: calc(100% - 30px);
  }
  .u-hide_over-md {
    display: block;
  }
  #header {
    display: none;
  }
  .sp_fix_head {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 65px;
    background: #fff;
  }
  .sp_fix_head_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sp_fix_title {
    padding: 23px 0 0 16px;
  }
  .sp_fix_title img {
    width: 78px;
  }
  .sp_fix_btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 12px;
    z-index: 10;
    width: 68.53333%;
  }
  .sp_fix_head_cta_long {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #fff;
  }
  .sp_fix_head_cta_long .sp_fix_title {
    padding: 3vw 0 3vw 2vw;
    width: 25%;
    max-width: 180px;
  }
  .sp_fix_head_cta_long .sp_fix_btn {
    position: relative;
    z-index: 10;
    width: 67%;
    max-width: 380px;
    padding: 1vw 2.6666vw 1vw 0;
  }
  .sp_fix_head_cta_long .sp_fix_head img {
    width: 100%;
  }
  .sp_fix_head_wrap {
    position: relative;
  }
  .sp_fix_blue_head {
    position: sticky;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #00aeef;
    color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 11;
  }
  .sp_fix_blue_head .sp_fix_blue_head_title {
    padding: 2vw 0 2vw 2vw;
    width: 25%;
    max-width: 180px;
  }
  .sp_fix_blue_head .sp_fix_blue_head_title img {
    width: 100%;
  }
  .sp_fix_blue_head p {
    width: 67%;
    font-size: 3vw;
  }
}
@media screen and (max-width: 480.98px) {
  .sp_fix_head_cta_long .sp_fix_title {
    padding: 3vw 0 3vw 2vw;
    width: 25%;
  }
  .sp_fix_head_cta_long .sp_fix_btn {
    width: 67%;
    padding: 1vw 2.6666vw 1vw 0;
  }
}
/*==ふわっと出現させるためのCSS*/
/*　上に上がる動き　*/
.sp_fix_blue_head.UpMove,
.sp_fix_head.UpMove {
  position: fixed;
  width: 100%;
  -webkit-animation: UpAnime 0.5s forwards;
  animation: UpAnime 0.5s forwards;
  z-index: 99;
}

@-webkit-keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
@keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
/*　下に下がる動き　*/
.sp_fix_blue_head.DownMove,
.sp_fix_head.DownMove {
  /* position: fixed;
   width:100%;
   animation: DownAnime 0.5s forwards;
   z-index: 9999;
   top:0; */
}

.sp_fix_head_cta_longC {
  position: absolute;
  top: 0;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-animation: none;
  animation: none;
  width: 100%;
}

.sp_fix_head_cta_longC .imgswich_btn {
  background: url(../../202309/img/head_btn02.png) no-repeat left center/100%;
}

.sp_fix_head_cta_longC .imgswich_btn img {
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sp_fix_head_cta_longC.fadeMove {
  position: fixed;
  opacity: 1;
  z-index: 9999;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.sp_fix_head_cta_longC.fadeMove .imgswich_btn {
  -webkit-animation: cta_anime 1s 4;
  animation: cta_anime 1s 4;
}

@-webkit-keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes cta_anime {
  0% {
    background: url(../../202309/img/head_btn0301.png) no-repeat left center/100%;
  }
  49.9% {
    background: url(../../202309/img/head_btn0301.png) no-repeat left center/100%;
  }
  50% {
    background: url(../../202309/img/head_btn0302.png) no-repeat left center/100%;
  }
  to {
    background: url(../../202309/img/head_btn0302.png) no-repeat left center/100%;
  }
}
@keyframes cta_anime {
  0% {
    background: url(../../202309/img/head_btn0301.png) no-repeat left center/100%;
  }
  49.9% {
    background: url(../../202309/img/head_btn0301.png) no-repeat left center/100%;
  }
  50% {
    background: url(../../202309/img/head_btn0302.png) no-repeat left center/100%;
  }
  to {
    background: url(../../202309/img/head_btn0302.png) no-repeat left center/100%;
  }
}
@media screen and (min-width: 768px) {
  .u-hide_over-md {
    display: none;
  }
  .sp_fix_head {
    display: none !important;
  }
}
/*==================================================
ページ内スクロール
==================================================*/
html {
  scroll-behavior: smooth;
}

/*==================================================
  レイアウト
==================================================*/
/* ベース幅 */
.l-content {
  margin-left: auto;
  margin-right: auto;
  width: 850px;
}

/*==================================================
  汎用(utilities)class
==================================================*/
.u-al_center {
  text-align: center;
}

.u-al_left {
  text-align: left;
}

.u-al_right {
  text-align: right;
}

.u-block {
  display: block;
}

/*==================================================
	メインビジュアル
==================================================*/
#main_wrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .main_wrap {
    /* background-image: url("../../202401/img/main_mv03.jpg");
      background-image: image-set(url(../../202401/img/main_mv03.jpg) 1x, url(../../202209/img/main_mv03@2x.png) 2x);
      background-image: -webkit-image-set(url(../../202401/img/main_mv03.jpg) 1x, url(../../202209/img/main_mv03@2x.png) 2x); */
    background-image: -webkit-image-set(url(../../202409/img/main_mv.jpg) 1x, url(../../202409/img/main_mv@2x.jpg) 2x);
    background-color: #000;
    background-position: center 0;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 709px;
    background-attachment: scroll;
  }
}
@media print, screen and (max-width: 950px) {
  .main_wrap {
    height: 590px;
    background-size: auto 100%;
  }
}
.main_btn {
  /* position: relative;
   top: 514px;
   left: 50%;
   transform: translateX(-50%);
   width: 62.5%;
   max-width: 960px; */
  /* margin: 0px auto; */
  /* text-align: left; */
  position: absolute;
  bottom: 59px;
  left: calc(50% - 200px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 454px;
}

.main_btn a {
  display: inline-block;
}

.main_btn img {
  /* width: 47.291%;
   max-width: 454px; */
  /* max-width: 100%; */
  width: 100%;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.main_btn a:hover img,
.main_btn a:active img,
.main_btn a:focus img {
  opacity: 0.8;
}

.main_present {
  position: absolute;
  bottom: 7px;
  right: 150px;
}

.main_present_img {
  width: 400px;
  height: 190px;
  -webkit-transform: translateX(-26px);
  transform: translateX(-26px);
}

.main_present_img a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../202501/img/hdr_present_img.png) no-repeat;
  background-size: 100% auto;
  -webkit-transition: background-image 0.25s;
  transition: background-image 0.25s;
}

.main_present_img a:hover {
  background: url(../../202501/img/hdr_present_img_on.png) no-repeat;
  background-size: 100% auto;
}

.main_present_text {
  margin-top: -15px;
  color: #fff;
  font-size: 13px;
  text-align: left;
  position: relative;
}

@media screen and (min-width: 769px) {
  #optAppBtn {
    display: block;
    position: fixed;
    top: 120px;
    right: 0;
    z-index: 100;
  }
  #optAppBtn a {
    display: inline-block;
  }
  #optAppBtn a:hover {
    background: url("../../assets/images/fixed_navi_on.png") no-repeat;
  }
  #optAppBtn a:hover img {
    visibility: hidden;
  }
}
@media print, screen and (max-width: 1400px) {
  .main_present {
    right: 20px;
  }
  .main_present_img {
    width: 400px;
    height: 190px;
  }
}
@media print, screen and (max-width: 950px) {
  .main_btn {
    left: calc(50% - 175px);
    width: 380px;
  }
  .main_present_img {
    width: 300px;
    height: 145px;
    -webkit-transform: none;
    transform: none;
  }
}
@media screen and (max-width: 768.98px) {
  #optAppBtn {
    display: none !important;
  }
  .main_wrap {
    height: auto;
    background-image: url(../../202409/img/main_mv_sp.jpg);
    background-size: cover;
    padding-top: 138.75%;
  }
  .main_wrap img {
    width: 100%;
  }
  .main_logo {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 25.625%;
    max-width: 164px;
  }
  .main_btn {
    position: absolute;
    top: auto;
    bottom: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 86.875%;
    max-width: 556px;
  }
  .main_btn img {
    width: 100%;
  }
  .main_present {
    bottom: 18.018%;
    right: 20px;
  }
  .main_present_img {
    width: 250px;
    height: 115px;
    -webkit-transform: translateX(13px);
    transform: translateX(13px);
  }
  .main_present_img a {
    background-image: url(../../202501/img/hdr_present_img.png);
  }
  .main_present_img a:hover {
    background-image: url(../../202501/img/hdr_present_img.png);
  }
  .main_present_text {
    margin-top: -8px;
    color: #fff;
    font-size: 10px;
    text-align: right;
  }
}
/* プレゼントスライド */
.present_slider {
  position: relative;
}

.present_slider .fv_date_bubble {
  position: absolute;
  width: min(13vw, 131px);
  right: 5.771%;
  top: max(-13vw, -116px);
  z-index: 3;
}

/* .present_slider .fv_date_bubble img {
	width: 100%;
} */
.fv_date_bubble_sp {
  width: 100%;
  background-color: #ff3c86;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.present_slider_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.present_slider_item.swiper-slide img {
  width: 100%;
  height: auto;
}

.present_slider_text {
  position: relative;
  background: #00aeef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  z-index: 2;
}

.present_slider_text-link {
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.present_slider_text-link .present_slider_reduction {
  font-size: 1rem;
  color: yellow;
}

.present_slider_triangle {
  padding-left: 0.5rem;
}

.present_slider_text img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  max-width: 995px;
}

@media screen and (min-width: 1410px) {
  .present_slider .fv_date_bubble {
    right: 19.771%;
  }
}
@media screen and (min-width: 768px) {
  .present_slider_item.swiper-slide {
    max-width: 250px;
    max-height: 250px;
    width: 20%;
  }
  .present_slider_text {
    top: -20px;
    margin-bottom: -40px;
    height: 40px;
    z-index: 2;
  }
  .present_slider_text.nopc {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .present_slider_text-link {
    font-size: 1.7vw;
  }
  .present_slider_text-link .present_slider_reduction {
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 767.98px) {
  .present_slider .fv_date_bubble {
    width: min(20.312vw, 20.312%);
    right: 0.781%;
    top: auto;
    bottom: 7px;
  }
  .present_slider_text {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    background: #00aeef;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .present_slider_text img {
    width: 90%;
    height: auto;
    margin-inline: auto;
    max-width: 483px !important;
  }
  .present_slider_item.swiper-slide {
    width: 110px;
  }
  .present_slider_text.nosp {
    display: none;
  }
}
/*==================================================
	section01
	餓えにさらされる世界の子どもたち
==================================================*/
.section01 {
  padding: 76px 40px 102px;
  overflow: hidden;
  position: relative;
}

.section01 img {
  width: 100%;
}

.section01_bg {
  width: 100%;
  height: 100%;
  clip-path: inset(0 0 0 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.section01_bg:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(../../202409/img/sec01_bg.jpg?v=3) no-repeat bottom center;
  background-size: cover;
  inset: 0;
  -webkit-transform: translate3d(0, 0, -1px);
  transform: translate3d(0, 0, -1px);
}

.section01_inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.section01_title {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 53px;
  font-weight: 700;
  color: #430d02;
}

.section01_ex {
  margin-top: 71px;
}

.section01_ex_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section01_ex_list .txt-area .txt {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  line-height: 2.5;
}

/* ガザ地区 */
.section01_ex_list.list1 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 12px;
}

.section01_ex_list.list1 .txt-area {
  width: 44.023%;
  margin-right: 0.757%;
  /* width: 523px;
   margin-right: 9px; */
}

.section01_ex_list.list1 .txt-area .ttl {
  max-width: 484px;
}

.section01_ex_list.list1 .txt-area .sttl {
  margin-top: 59px;
  max-width: 513px;
}

.section01_ex_list.list1 .txt-area .txt {
  margin-top: 36px;
}

.section01_ex_list.list1 .img {
  margin-top: 27px;
  width: 45.959%;
  /* width: 546px; */
}

/* スーダン */
.section01_ex_list.list2 {
  margin-top: 48px;
  padding-left: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.section01_ex_list.list2 .txt-area {
  width: 44.322%;
  margin-left: 1.355%;
  /* width: 523px;
   margin-left: 16px; */
}

.section01_ex_list.list2 .txt-area .ttl {
  max-width: 484px;
  margin-left: 8px;
}

.section01_ex_list.list2 .txt-area .sttl {
  margin: 65px 0 0 4px;
  max-width: 488px;
}

.section01_ex_list.list2 .txt-area .txt {
  margin-top: 45px;
}

.section01_ex_list.list2 .img {
  margin-top: 22px;
  width: 54.067%;
  /* width: 638px; */
}

.section01_bottom {
  margin-top: 61px;
  padding: 56px 30px 60px;
  background: #272331;
  border-radius: 30px;
  -webkit-box-shadow: 3px 2px 10px 0 rgba(0, 0, 0, 0.34);
  box-shadow: 3px 2px 10px 0 rgba(0, 0, 0, 0.34);
  font-family: "Noto Serif JP", serif;
  text-align: center;
}

.section01_bottom .title {
  position: relative;
}

.section01_bottom .title:after {
  content: "";
  display: block;
  width: 223px;
  height: 79px;
  background: url(../../202409/img/sec01_arrow.png) no-repeat;
  background-size: 100% auto;
  margin: 26px auto 0;
}

.section01_bottom .title .catch {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.section01_bottom .title .main {
  margin-top: 11px;
  color: #ff0000;
  font-size: 50px;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.section01_bottom .title .main span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(96%, transparent), color-stop(0%, #ff0000));
  background: linear-gradient(transparent 96%, #ff0000 0%);
}

.section01_bottom .txt {
  margin-top: 17px;
  color: #fff;
  font-size: 27px;
  line-height: 1.777;
  font-weight: 700;
}

@media screen and (max-width: 1000px) {
  .section01_title {
    font-size: 48px;
  }
  .section01_ex {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
  }
  /* ガザ地区 */
  .section01_ex_list.list1 {
    padding-right: 0;
  }
  .section01_ex_list.list1 .txt-area {
    width: 100%;
    margin-right: 0;
  }
  .section01_ex_list.list1 .img {
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
  /* スーダン */
  .section01_ex_list.list2 {
    padding-left: 0;
  }
  .section01_ex_list.list2 .txt-area {
    width: 100%;
    margin-left: 0;
  }
  .section01_ex_list.list2 .txt-area .ttl {
    margin-left: auto;
  }
  .section01_ex_list.list2 .img {
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
  .section01_bottom .title .catch {
    font-size: 28px;
  }
  .section01_bottom .title .main {
    font-size: 45px;
  }
  .section01_bottom .txt {
    font-size: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .section01 {
    padding: 20px 15px 40px;
  }
  .section01_bg:after {
    background-image: url(../../202409/img/sec01_bg_sp.jpg?v=3);
  }
  .section01_title {
    font-size: 27px;
    line-height: 1.334;
  }
  .section01_ex {
    margin-top: 19px;
  }
  .section01_ex_list .txt-area .txt {
    font-size: 17px;
    line-height: 1.705;
    padding: 0 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* ガザ地区 */
  .section01_ex_list.list1 .txt-area .ttl {
    width: 83.448%;
  }
  .section01_ex_list.list1 .txt-area .sttl {
    margin-top: 24px;
    width: 100%;
  }
  .section01_ex_list.list1 .img {
    margin: 12px 0 0 auto;
    width: 94.137%;
    -webkit-transform: translateX(7px);
    transform: translateX(7px);
  }
  .section01_ex_list.list1 .txt-area .txt {
    margin-top: 13px;
  }
  /* スーダン */
  .section01_ex_list.list2 {
    margin-top: 35px;
  }
  .section01_ex_list.list2 .txt-area .ttl {
    width: 83.448%;
    margin-left: auto;
  }
  .section01_ex_list.list2 .txt-area .sttl {
    margin: 28px 0 0 0;
    width: 100%;
  }
  .section01_ex_list.list2 .img {
    margin-top: 13px;
    width: 110%;
  }
  .section01_ex_list.list2 .txt-area .txt {
    margin-top: 2px;
  }
  .section01_bottom {
    margin-top: 40px;
    padding: 22px 17px 30px;
    border-radius: 15px;
  }
  .section01_bottom .title {
    margin-top: 25px;
  }
  .section01_bottom .title:after {
    width: 111px;
    height: 40px;
    margin-top: 17px;
  }
  .section01_bottom .title .catch {
    font-size: 17px;
    line-height: 1.718;
  }
  .section01_bottom .title .main {
    margin-top: 12px;
    font-size: 27px;
    line-height: 1.5;
  }
  .section01_bottom .title .main span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(98%, transparent), color-stop(0%, #ff0000));
    background: linear-gradient(transparent 98%, #ff0000 0%);
  }
  .section01_bottom .txt {
    margin-top: 13px;
    font-size: 16px;
    line-height: 1.6;
  }
}
/*==================================================
	section02
	紛争、災害、多発する危機の中で…
==================================================*/
.section02 {
  padding: 0 40px;
  height: 800px;
  background: #2d1917 url(../../202409/img/sec02_bg.jpg) no-repeat top center;
  background-size: auto 100%;
  position: relative;
}

.section02_txt {
  position: relative;
  top: 452px;
  left: 0;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.section02_txt .title {
  width: 100%;
  height: 283px;
  -webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.section02_txt .title:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../../202409/img/sec02_ttlbg.png) no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  z-index: 1;
}

.section02_txt .title img {
  width: 100%;
  max-width: 640px;
  position: relative;
  z-index: 2;
}

.section02_txt .note {
  margin-top: 21px;
  color: #fff;
  font-size: 13px;
}

@media screen and (max-width: 767.98px) {
  .section02 {
    padding: 122.968% 0 0;
    height: auto;
    background-image: url(../../202409/img/sec02_bg_sp.jpg);
  }
  .section02_txt {
    position: absolute;
    top: auto;
    bottom: 17px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 87.031%;
  }
  .section02_txt .title {
    /* height: 308px; */
    height: 48.125vw;
  }
  .section02_txt .title:before {
    background-image: url(../../202409/img/sec02_ttlbg_sp.png);
  }
  .section02_txt .title img {
    /* max-width: 510px; */
    width: 91.561%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
  .section02_txt .note {
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.426;
  }
}
/*==================================================
	section03
	巡回チームの活動が命をつなぐ鍵に
==================================================*/
.section03 {
  padding: 113px 40px 92px;
  position: relative;
}

.section03 img {
  width: 100%;
}

.section03_bg {
  width: 100%;
  height: 100%;
  clip-path: inset(0 0 0 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.section03_bg:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(../../202409/img/sec03_bg.jpg) no-repeat bottom center;
  background-size: cover;
  inset: 0;
  -webkit-transform: translate3d(0, 0, -1px);
  transform: translate3d(0, 0, -1px);
}

.section03_inner {
  max-width: 1191px;
  margin: 0 auto;
  font-family: "Noto Serif JP", serif;
  position: relative;
}

.section03_inner .txt-yellow {
  font-weight: 700;
  color: #ffd800;
  border-bottom: 1px solid #ffd800;
}

.section03_title {
  max-width: 1080px;
  margin: 0 auto;
}

.section03_lead {
  margin-top: 73px;
  color: #fff;
  font-size: 20px;
  line-height: 2.25;
  text-align: center;
}

.section03_detail {
  margin-top: 118px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section03_detail li {
  width: 30.814%;
  /* width: 367px; */
  background: #000;
  position: relative;
}

.section03_detail li .label {
  position: absolute;
  top: -68px;
  left: -39px;
  width: 236px;
}

.section03_detail li .txt {
  color: #fff;
  font-size: 18px;
  line-height: 2;
  padding: 20px 25px 26px;
}

.section03_txt {
  margin-top: 62px;
  color: #fff;
  font-size: 20px;
  line-height: 2.25;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .section03_detail li .label {
    top: -40px;
    left: -28px;
    width: 160px;
  }
  .section03_detail li .txt {
    padding: 15px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .section03 {
    padding: 40px 0;
  }
  .section03_bg:after {
    background-color: #292929;
    background-image: url(../../202409/img/sec03_bg_sp.jpg);
    background-position: top center;
    background-size: 100% auto;
  }
  .section03_title {
    width: 85.625%;
  }
  .section03_lead {
    margin-top: 25px;
    padding: 0 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 1.764;
    text-align: left;
  }
  .section03_detail {
    margin-top: 52px;
    display: block;
  }
  .section03_detail li {
    width: 82.031%;
    margin: 0 auto;
  }
  .section03_detail li:not(:first-child) {
    margin-top: 60px;
  }
  .section03_detail li .label {
    position: absolute;
    top: -46px;
    left: -38px;
    width: 165px;
  }
  .section03_detail li .txt {
    font-size: 17px;
    line-height: 1.764;
    padding: 13px 10px 17px;
  }
  .section03_txt {
    margin-top: 20px;
    padding: 0 18px 0 31px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.888;
    text-align: left;
  }
}
/*==================================================
	section04
	次々と発生する危機のなか、子どもたちを栄養不良から守る
==================================================*/
.section04 img {
  width: 100%;
}

.section04_head_title {
  background: #00aeef;
  color: #fff;
  height: 179px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 40px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-shadow: 0 3px 0 #0068c3;
  position: relative;
  z-index: 2;
}

.section04_head_title:after {
  position: absolute;
  content: "";
  bottom: -27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 45px;
  height: 27px;
  background: url(../../202409/img/sec04_head_arrow.png) no-repeat;
  background-size: 100% auto;
}

.section04_head_contents {
  padding-top: 42.252%;
  background: url(../../202409/img/sec04_head_bg.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.section04_head_contents .txt {
  position: absolute;
  top: 12.247%;
  right: 13.736%;
  width: 42.317%;
  max-width: 650px;
}

@media screen and (max-width: 1000px) {
  .section04_head_title {
    height: 150px;
    font-size: 34px;
  }
}
@media screen and (max-width: 767.98px) {
  .section04_head_title {
    height: 89px;
    font-size: 22px;
    letter-spacing: 0;
  }
  .section04_head_title:after {
    content: none;
  }
  .section04_head_contents {
    padding: 0 0 93px;
    background: url(../../202409/img/sec04_main_bg_sp.png) repeat-y;
    background-size: 100% auto;
  }
  .section04_head_contents .img img {
    width: 100%;
  }
  .section04_head_contents .txt {
    position: absolute;
    top: auto;
    bottom: 0;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90.625%;
    max-width: 580px;
  }
}
.section04_main {
  padding: 79px 40px 80px;
  background: url(../../202409/img/sec04_main_bg.jpg) no-repeat top center;
  background-size: cover;
}

.section04_main_inner {
  max-width: 1200px;
  margin: 0 auto;
}

.section04_main_box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section04_main_box1 .txt-area {
  /* width: 600px; */
  width: 50%;
  font-family: "Noto Serif JP", serif;
  color: #434343;
}

.section04_main_box1 .txt-area .ttl {
  font-size: 45px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.section04_main_box1 .txt-area .txt {
  margin-top: 20px;
  font-size: 22px;
  line-height: 2.045;
}

.section04_main_box1 .txt-area .message {
  margin-top: 49px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 580px;
  height: 299px;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 18px 0 rgba(17, 157, 255, 0.25);
  box-shadow: 0 2px 18px 0 rgba(17, 157, 255, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section04_main_box1 .txt-area .message img {
  max-width: 413px;
}

.section04_main_box1 .img {
  /* width: 611px; */
  width: 50.916%;
  border-radius: 20px;
  overflow: hidden;
  margin: 21px -8.166% 0 0;
}

.section04_main_box2 {
  margin-top: 45px;
}

.section04_main_box2 .example {
  width: 362px;
  height: 83px;
  margin: 0 auto;
  background: #00aeef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
}

.section04_main_box2 .example:after {
  position: absolute;
  content: "";
  bottom: -24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 21px solid transparent;
  border-right: 21px solid transparent;
  border-top: 24px solid #00aeef;
}

.section04_main_box2 .inner {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section04_main_box2 .inner > .img {
  width: 629px;
  border-radius: 20px;
  overflow: hidden;
}

.section04_main_box2 .inner .txt-area {
  width: 628px;
  margin: 137px 0 0 -60px;
  padding: 70px 0 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #00c4ff;
  color: #fff;
}

.section04_main_box2 .inner .txt-area .ttl {
  text-align: center;
  position: relative;
}

.section04_main_box2 .inner .txt-area .ttl:before {
  position: absolute;
  content: "";
  top: -106px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 73px;
  height: 99px;
  background: url(../../202409/img/sec04_main_icon.png) no-repeat;
  background-size: 100% auto;
}

.section04_main_box2 .inner .txt-area .ttl .en {
  font-family: "Noto Serif JP", serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 1;
}

.section04_main_box2 .inner .txt-area .ttl .jp {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
}

.section04_main_box2 .inner .txt-area .sttl {
  margin: 22px 0 0 46px;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 33px;
  line-height: 1.666;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.section04_main_box2 .inner .txt-area .img {
  display: none;
}

.section04_main_box2 .inner .txt-area .txt {
  max-width: 532px;
  margin: 34px auto 0;
  font-size: 18px;
  line-height: 1.888;
  color: #fff;
}

.section04_main_box3 {
  max-width: 1285px;
  margin: 51px auto 0;
  padding: 68px 59px 59px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 18px 0 rgba(17, 157, 255, 0.25);
  box-shadow: 0 2px 18px 0 rgba(17, 157, 255, 0.25);
  position: relative;
}

.section04_main_box3:before {
  position: absolute;
  content: "";
  top: -42px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 223px;
  height: 79px;
  background: url(../../202409/img/sec04_main_arrow.png) no-repeat;
  background-size: 100% auto;
}

.section04_main_box3 .title {
  max-width: 630px;
  margin: 0 auto;
}

.section04_main_box3 .detail {
  margin-top: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section04_main_box3 .detail .list {
  margin-top: 10px;
  width: 48.586%;
  /* width: 567px; */
  border-top: 1px solid #00aeef;
}

.section04_main_box3 .detail .list li {
  border-bottom: 1px solid #00aeef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
}

.section04_main_box3 .detail .list li .point {
  width: 110px;
}

.section04_main_box3 .detail .list li .txt {
  width: calc(100% - 110px);
  padding-left: 43px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.666;
  color: #434343;
}

.section04_main_box3 .detail .img {
  width: 45.501%;
  /* width: 531px; */
  border-radius: 20px;
  overflow: hidden;
}

@media screen and (max-width: 1280px) {
  .section04_main_box2 .inner {
    margin-top: 80px;
  }
  .section04_main_box2 .inner > .img {
    display: none;
  }
  .section04_main_box2 .inner .txt-area {
    width: 80%;
    margin: 0 auto;
  }
  .section04_main_box2 .inner .txt-area .sttl {
    padding-right: 40px;
  }
  .section04_main_box2 .inner .txt-area .sttl .notab {
    display: none;
  }
  .section04_main_box2 .inner .txt-area .img {
    display: block;
    max-width: 480px;
    margin: 30px auto 0;
  }
  .section04_main_box2 .inner .txt-area .txt {
    max-width: 100%;
    width: 100%;
    padding: 0 49px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1000px) {
  .section04_main_box1 {
    max-width: 580px;
    margin: 0 auto;
  }
  .section04_main_box1 .txt-area {
    width: 100%;
  }
  .section04_main_box1 .txt-area .message {
    margin-top: 20px;
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
  }
  .section04_main_box1 .img {
    width: 100%;
    margin: 48px auto 0;
  }
  .section04_main_box2 .example {
    width: 320px;
    height: 70px;
    font-size: 34px;
  }
  .section04_main_box2 .inner .txt-area {
    width: 100%;
    max-width: 580px;
  }
  .section04_main_box3 .detail .list {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px;
    width: 100%;
  }
  .section04_main_box3 .detail .img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767.98px) {
  .section04_main {
    padding: 27px 0 28px;
    background: url(../../202409/img/sec04_main_bg_sp.png) repeat-y;
    background-size: 100% auto;
  }
  .section04_main_box1 {
    display: block;
  }
  .section04_main_box1 .txt-area {
    /* width: 100%; */
    width: 84.375%;
    margin: 0 auto;
  }
  .section04_main_box1 .txt-area .ttl {
    font-size: 23px;
    letter-spacing: -0.025em;
    /* padding-left: 7.812%; */
  }
  .section04_main_box1 .txt-area .txt {
    margin-top: 16px;
    font-size: 18px;
    line-height: 1.666;
  }
  .section04_main_box1 .txt-area .message {
    margin: 12px auto 0;
    width: 117.037%;
    max-width: 632px;
    height: auto;
    background: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .section04_main_box1 .txt-area .message img {
    width: 100%;
    max-width: 100%;
  }
  .section04_main_box2 {
    margin-top: 18px;
  }
  .section04_main_box2 .example {
    width: 181px;
    height: 41px;
    font-size: 18px;
  }
  .section04_main_box2 .example:after {
    bottom: -12px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 12px solid #00aeef;
  }
  .section04_main_box2 .inner {
    margin-top: 40px;
    display: block;
  }
  .section04_main_box2 .inner .txt-area {
    width: 93.75%;
    margin: 0 auto;
    padding: 31px 0 36px;
  }
  .section04_main_box2 .inner .txt-area .ttl {
    text-align: center;
    position: relative;
  }
  .section04_main_box2 .inner .txt-area .ttl:before {
    top: -49px;
    width: 37px;
    height: 50px;
  }
  .section04_main_box2 .inner .txt-area .ttl .en {
    font-size: 27px;
  }
  .section04_main_box2 .inner .txt-area .ttl .jp {
    margin-top: 3px;
    font-size: 14px;
  }
  .section04_main_box2 .inner .txt-area .sttl {
    max-width: 100%;
    width: 90%;
    margin: 7px auto 0;
    padding-right: 0;
    font-size: 22px;
    line-height: 1.447;
  }
  .section04_main_box2 .inner .txt-area .img {
    width: 91%;
    margin: 22px auto 0;
  }
  .section04_main_box2 .inner .txt-area .txt {
    width: 86.666%;
    margin: 30px auto 0;
    padding: 0;
    font-family: "Noto Serif JP", serif;
    line-height: 1.555;
  }
  .section04_main_box2 .inner .txt-area .txt span {
    font-weight: 700;
    color: #fef55f;
  }
  .section04_main_box3 {
    width: 90.625%;
    margin-top: 30px;
    padding: 30px 20px 2px;
    border-radius: 10px;
  }
  .section04_main_box3:before {
    top: -25px;
    width: 111px;
    height: 40px;
  }
  .section04_main_box3 .title {
    max-width: 100%;
    width: 72.8%;
  }
  .section04_main_box3 .detail {
    margin-top: 17px;
  }
  .section04_main_box3 .detail .list {
    margin-top: 22px;
  }
  .section04_main_box3 .detail .list li {
    padding: 20px 0 16px;
  }
  .section04_main_box3 .detail .list li:last-child {
    border-bottom: none;
  }
  .section04_main_box3 .detail .list li .point {
    width: 72px;
  }
  .section04_main_box3 .detail .list li .txt {
    width: calc(100% - 72px);
    padding-left: 14px;
    font-size: 17px;
    line-height: 1.4;
  }
  .section04_main_box3 .detail .img {
    width: 84.4%;
    border-radius: 10px;
  }
}
.section04_slide .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.section04_slide .swiper-slide {
  width: 512px;
  position: relative;
}

.section04_slide .swiper-slide img {
  height: auto;
  width: 100%;
}

.section04_slide .swiper-slide .txt {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 135px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #00aeef;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}

.section04_bottom {
  padding: 95px 40px 100px;
  background: url(../../202409/img/sec04_bottom_bg.jpg) no-repeat top center;
  background-size: cover;
}

.section04_bottom_inner {
  max-width: 1536px;
  margin: 0 auto;
  position: relative;
}

.section04_bottom_inner .img1 {
  position: absolute;
  /* top: -29px;
   left: -13px;
   width: 367px; */
  top: -9.477%;
  left: -0.846%;
  width: 23.893%;
}

.section04_bottom_inner .img2 {
  position: absolute;
  /* top: 35px;
   right: 5px;
   width: 342px; */
  top: 11.437%;
  right: 0.325%;
  width: 22.265%;
}

.section04_bottom_inner .txt {
  /* width: 701px; */
  width: 45.638%;
  margin: 0 auto;
}

@media screen and (max-width: 767.98px) {
  .section04_slide .swiper-slide {
    width: 160px;
  }
  .section04_slide .swiper-slide .txt {
    width: auto;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 66px;
    height: 18px;
    font-size: 11px;
  }
  .section04_bottom {
    padding: 0;
    background-image: url(../../202409/img/sec04_bottom_bg_sp.jpg);
  }
  .section04_bottom_inner {
    padding: 38px 0 78px;
  }
  .section04_bottom_inner .img1 {
    top: auto;
    bottom: 12px;
    left: auto;
    right: 0;
    width: 29.062%;
  }
  .section04_bottom_inner .txt {
    width: 88.437%;
  }
}
/*==================================================
	section05
	ユニセフ・マンスリーサポート・プログラム
==================================================*/
.section05 {
  margin-top: -1px;
}

.section05 img {
  width: 100%;
}

.section05_title {
  background: url(../../202409/img/sec05_ttl_bg.png) repeat-x top center;
  background-size: auto 100%;
  height: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 40px;
}

.section05_title img {
  width: 100%;
  max-width: 839px;
}

.section05_inner {
  max-width: 1460px;
  margin: 0 auto;
  padding: 0 40px;
  overflow: hidden;
}

.section05_txt1 {
  margin-top: 52px;
  text-align: center;
  color: #4e4d4d;
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.05em;
}

.section05_txt1 strong {
  font-size: 33px;
  font-weight: 700;
  color: #0097ff;
}

.section05_txt2 {
  margin-top: 3px;
  text-align: center;
  color: #4e4d4d;
  font-size: 23px;
  line-height: 1.739;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.section05_img {
  max-width: 1380px;
  margin: 21px auto 0;
  -webkit-transform: translateX(17px);
  transform: translateX(17px);
}

.section05_txt3 {
  margin-top: 15px;
  text-align: center;
}

.section05_txt3 .txt1 {
  color: #4e4d4d;
  font-size: 18px;
  line-height: 1.944;
  letter-spacing: 0.05em;
}

.section05_txt3 .txt2 {
  color: #0099ff;
  font-size: 25px;
  line-height: 1.8;
  font-weight: 700;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767.98px) {
  .section05_title {
    /* height: 140px; */
    height: 21.875vw;
    padding: 0;
  }
  .section05_title img {
    display: block;
    width: 95%;
    max-width: 100%;
    margin: 0 auto;
  }
  .section05_inner {
    padding: 0;
  }
  .section05_txt1 {
    margin-top: 17px;
    color: #000;
    font-size: 17px;
    line-height: 1.687;
  }
  .section05_txt1 strong {
    font-size: 17px;
    font-weight: 400;
    color: #000;
  }
  .section05_img2 {
    margin-top: 18px;
  }
  .section05_txt2 {
    width: 93.75%;
    margin: -23px auto 0;
    padding: 24px 25px 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    color: #0099ff;
    border-radius: 10px;
    font-size: 19px;
    line-height: 1.47;
    font-weight: 700;
    letter-spacing: 0;
    -webkit-box-shadow: 1px 6px 4px 0 rgba(149, 199, 234, 0.98);
    box-shadow: 1px 6px 4px 0 rgba(149, 199, 234, 0.98);
    position: relative;
  }
  .section05_img {
    margin-top: 27px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .section05_txt3 {
    width: 81.25%;
    margin: 30px auto 0;
    text-align: left;
    color: #434343;
    font-size: 17px;
    line-height: 1.588;
    letter-spacing: 0;
  }
}
/*==================================================
	section06
	継続的なご協力が大切な5つの理由
==================================================*/
.section06 img {
  height: auto;
  width: 100%;
}

.section06 {
  margin: 59px auto 0;
  text-align: center;
}

.section06_item em {
  color: #0099ff;
  font-weight: bold;
}

.section06_item_body {
  padding: 30px 20px 20px;
}

.section06_item:nth-of-type(5) .section06_item_body {
  letter-spacing: -0.03em;
}

.section06_item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 0 #b5dcf9;
  box-shadow: 5px 5px 0 #b5dcf9;
  line-height: 1.67;
}

@media screen and (min-width: 1000px) {
  .section06 .body {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
  }
  .section06img_pc.section06img02 {
    position: absolute;
    width: 180px;
    left: -3%;
  }
  .section06img_pc.section06img03 {
    position: absolute;
    width: 180px;
    right: -5%;
  }
  .section06 h3.head {
    max-width: 657px;
    margin: 0 auto;
  }
  .section06_item:nth-of-type(1),
  .section06_item:nth-of-type(4) {
    margin-left: 0;
  }
  .section06_item:nth-of-type(4),
  .section06_item:nth-of-type(5) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 999.98px) {
  .section06img_pc {
    padding: 25px 15px 0;
  }
  .section06img_pc.section06img02 {
    position: relative;
    width: 180px;
    display: inline-block;
  }
  .section06img_pc.section06img03 {
    position: relative;
    width: 180px;
    display: inline-block;
  }
  .section06_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 0 #b5dcf9;
    box-shadow: 5px 5px 0 #b5dcf9;
    font-size: 18px;
    line-height: 1.67;
    margin: 25px auto;
  }
  .section06 h3 {
    width: 100%;
    margin: 0 auto 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #09f;
  }
  .section06 h3 img {
    width: 650px;
  }
  .section06_item_body p {
    text-align: justify;
  }
}
@media screen and (min-width: 885px) {
  .section06_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    text-align: left;
    padding: 0 20px;
  }
  .section06_item {
    margin-left: 20px;
    width: 30%;
    font-size: 18px;
    line-height: 1.67;
  }
  .section06_items:after {
    content: "";
    width: 30%;
    margin-left: 20px;
  }
  .section06 {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #e4f3fd url("../../202209/img/sec05_img02.png") calc(50% + 350px) calc(100% - 50px) no-repeat;
  }
}
@media screen and (max-width: 884.98px) {
  .section06_items {
    width: 95%;
    margin: 0 auto;
  }
  .section06_item {
    margin-left: 20px;
    width: 90%;
    margin: 20px auto;
    font-size: 18px;
    line-height: 1.67;
  }
  .section06 {
    padding-top: 40px;
    padding-bottom: 60px;
    background: #e4f3fd;
  }
}
@media screen and (min-width: 768px) {
  .section06_text01 {
    color: #4e4d4d;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    padding: 0 25px;
  }
  .section06_text01 em {
    color: #0099ff;
    font-size: 33px;
  }
  h3.head img {
    max-width: 800px;
    margin: 25px auto 0;
  }
  .section06_img01_sp {
    display: none;
  }
  .section06img04 {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .section06_text01 {
    color: #4e4d4d;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8;
    padding: 20px 0 0;
  }
  .section06_text01 em {
    color: #0099ff;
    font-size: 26px;
    line-height: 1.5;
  }
  h3.head img {
    max-width: 60%;
    margin: 0 auto 0;
    padding-top: 3%;
  }
  .section06_icon {
    display: none;
  }
  .section06_img01_sp {
    display: block;
    margin: -20px;
    position: relative;
    z-index: -10;
  }
  .section06img_pc {
    display: none;
  }
  .section06img04 {
    display: block;
    max-width: 240px;
    margin: 10px auto;
  }
  .section06 h3.head img {
    /* width: 176px; */
    width: 100%;
    max-width: 210px;
  }
}
@media screen and (max-width: 650px) {
  h3.head img {
    max-width: 80%;
    margin: 0 auto 0;
    padding-top: 3.5%;
  }
}
@media screen and (max-width: 500px) {
  h3.head img {
    max-width: 73%;
    margin: 0 auto 0;
    padding-top: 3%;
  }
  .section06_text01 {
    text-align: left;
    padding: 20px;
  }
  .section06_text01 em {
    line-height: 1.3;
    padding: 10px 0 0;
    font-size: 22px;
  }
  /* h3.head{
   	background-image: url("../../202309/img/sec05_arrow.png"), url("../../202309/img/sec05_items_title_back.png");
   	background-repeat:  no-repeat,repeat-x;
   	background-position: center 72px, center top;
   	position: relative;
   	min-height: 100px;
   	background-size: 8%, 100% 85%;
   } */
  .section06_img01_sp {
    margin: -30px;
  }
}
@media screen and (max-width: 400px) {
  h3.head img {
    padding-top: 4%;
  }
}
/*==================================================
	section07
	すべての子どものために スライド
==================================================*/
.section07 .section07_slide {
  height: 460px;
  text-align: center;
}

.section07 .section07_slide .section07_item img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1490px) {
  .section07 .section07_slide .section07_item img {
    -o-object-fit: fill;
    object-fit: fill;
    width: auto;
    height: auto;
  }
}
@media screen and (max-width: 1120px) {
  .section07 .section07_slide {
    height: auto;
  }
  .section07 .section07_slide .section07_item img {
    -o-object-fit: fill;
    object-fit: fill;
  }
}
/*==================================================
	section08
	すべての子どもが、たくさんの希望を持てるように
==================================================*/
.section08 {
  padding: 0 40px;
  background: #eceff4 url(../../202409/img/sec08_bg.png) no-repeat top right;
}

.section08 img {
  width: 100%;
}

.section08_inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 85px 0 70px;
}

.section08_main_head .title {
  width: 62%;
  max-width: 620px;
}

.section08_main_head .lead {
  margin-top: 39px;
}

.section08_main_head .lead p {
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0.025em;
  color: #000;
}

.section08_main_head .lead p:last-child {
  margin-top: 7px;
  color: #456cac;
  font-weight: 700;
}

@media screen and (max-width: 1080px) {
  .section08 {
    background-position: top right -140px;
    background-size: 70%;
  }
  .section08_inner {
    padding-top: 65px;
  }
}
@media screen and (max-width: 767.98px) {
  .section08 {
    padding: 0;
    background-image: url(../../202409/img/sec08_bg_sp.png);
    background-position: top right;
    background-size: 68.75% auto;
  }
  .section08_inner {
    width: 90.625%;
    padding: 35px 0 50px;
  }
  .section08_main_head .title {
    width: 80%;
  }
  .section08_main_head .lead {
    margin-top: 22px;
  }
  .section08_main_head .lead p {
    font-size: 17px;
    line-height: 1.692;
    color: #000;
    text-align: left;
  }
  .section08_main_head .lead p:last-child {
    margin-top: 5px;
    color: #456cac;
    font-weight: 700;
  }
}
.section08_main_detail {
  margin-top: 143px;
  padding: 35px 43px 37px;
  background: #fff;
  border-radius: 40px;
  -webkit-box-shadow: 0 0 10px 0 rgba(122, 128, 137, 0.15);
  box-shadow: 0 0 10px 0 rgba(122, 128, 137, 0.15);
}

.section08_main_detail .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

.section08_main_detail .detail .img {
  position: absolute;
  top: -113px;
  left: -66px;
  width: 501px;
}

.section08_main_detail .detail .text {
  font-size: 12px;
  line-height: 1.416;
  padding-bottom: 6px;
}

.section08_main_detail .point-area {
  width: 465px;
}

.section08_main_detail .point-area .point-area_item {
  background: #eceff4;
  border-radius: 10px;
  padding: 15px 30px 15px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section08_main_detail .point-area .point-area_item:last-child {
  margin-top: 35px;
}

.section08_main_detail .point-area .point-area_item .img {
  width: 190px;
  border-radius: 5px;
  overflow: hidden;
}

.section08_main_detail .point-area .point-area_item .txt-area {
  width: calc(100% - 190px);
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.section08_main_detail .point-area .point-area_item .txt-area .point {
  position: absolute;
  top: -53px;
  left: 15px;
  width: 130px;
}

.section08_main_detail .point-area .point-area_item .txt-area .title {
  font-size: 16px;
  font-weight: 700;
}

.section08_main_detail .point-area .point-area_item .txt-area .text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.714;
}

.section08_main_detail .photo {
  margin-top: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section08_main_detail .photo.nopc {
  display: none !important;
}

.section08_main_detail .photo img {
  width: 31.619%;
  border-radius: 5px;
}

.section08_main_detail .note {
  margin-top: 28px;
}

.section08_main_detail .note li {
  font-size: 13px;
  line-height: 1.769;
  color: #000;
}

.section08_main_detail .note li a {
  color: #0099ff;
}

@media screen and (max-width: 1080px) {
  .section08_main_detail {
    margin-top: 70px;
  }
  .section08_main_detail .inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .section08_main_detail .detail .img {
    position: static;
  }
  .section08_main_detail .detail .text {
    margin: 20px 0;
    padding-bottom: 0;
  }
  .section08_main_detail .point-area {
    width: 500px;
  }
  .section08_main_detail .point-area .point-area_item:last-child {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .section08_main_detail {
    margin-top: 50px;
    padding: 0 10px 23px;
    border-radius: 20px;
  }
  .section08_main_detail .inner {
    display: block;
  }
  .section08_main_detail .detail {
    padding-top: 60%;
    position: relative;
  }
  .section08_main_detail .detail .img {
    position: absolute;
    top: -37px;
    left: -20px;
    width: 107.777%;
    max-width: 582px;
  }
  .section08_main_detail .detail .text {
    margin: -1px 0 0;
    padding-bottom: 0;
    font-size: 15px;
    line-height: 1.416;
  }
  .section08_main_detail .point-area {
    width: 100%;
    margin-top: 28px;
  }
  .section08_main_detail .point-area .point-area_item {
    border-radius: 5px;
    padding: 11px 10px 11px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .section08_main_detail .point-area .point-area_item:last-child {
    margin-top: 15px;
  }
  .section08_main_detail .point-area .point-area_item .img {
    width: 95px;
    border-radius: 2px;
  }
  .section08_main_detail .point-area .point-area_item .txt-area {
    width: calc(100% - 95px);
    padding: 9px 0 0 10px;
  }
  .section08_main_detail .point-area .point-area_item .txt-area .point {
    top: -23px;
    left: 11px;
    width: 86px;
  }
  .section08_main_detail .point-area .point-area_item .txt-area .title {
    font-size: 16px;
    line-height: 1.384;
  }
  .section08_main_detail .point-area .point-area_item .txt-area .text {
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.666;
  }
  .section08_main_detail .photo.nosp {
    display: none;
  }
  .section08_main_detail .photo.nopc {
    display: block !important;
  }
  .section08_main_detail .photo {
    width: 92.592%;
    margin: 30px auto 0;
    display: block;
  }
  .section08_main_detail .photo .swiper-slide img {
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
  }
  .section08_main_detail .photo .swiper-pagination {
    margin-top: 7px;
    position: static;
  }
  .section08_main_detail .photo .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #eceff4;
  }
  .section08_main_detail .photo .swiper-pagination-bullet-active {
    background: #00a7fd;
  }
  .section08_main_detail .photo .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
  }
  .section08_main_detail .note {
    margin-top: 8px;
  }
  .section08_main_detail .note li {
    font-size: 14px;
    line-height: 1.782;
  }
}
.section08_faq {
  margin-top: 90px;
}

.section08_faq_lead {
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
}

.section08_faq_lead .color-blue {
  color: #0099ff;
  font-weight: 700;
}

.section08_faq_detail {
  margin-top: 36px;
}

.section08_faq_detail_acc {
  background: #606670;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.section08_faq_detail_acc:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  background: url(../../202409/img/icon_accordion_open.svg) no-repeat;
  background-size: 100% auto;
}

.section08_faq_detail_acc.is-open:after {
  background-image: url(../../202409/img/icon_accordion_close.svg);
}

.section08_faq_detail_contents {
  display: none;
  width: 91.5%;
  margin: 41px auto 0;
}

.section08_faq_detail_contents .tab-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section08_faq_detail_contents .tab-area li {
  width: 19.125%;
  height: 70px;
  border-radius: 10px 10px 0 0;
  background: #fff;
  color: #00a7fd;
  font-size: 18px;
  line-height: 1.333;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

.section08_faq_detail_contents .tab-area li.active {
  background: #00a7fd;
  color: #fff;
}

.section08_faq_detail_contents .panel-area {
  display: none;
  margin-top: 33px;
}

.section08_faq_detail_contents .panel-area.active {
  display: block;
}

.section08_faq_detail_contents .panel-area .panel-area_list_item {
  background: #fff;
}

.section08_faq_detail_contents .panel-area .panel-area_list_item:not(:first-child) {
  margin-top: 20px;
}

.section08_faq_detail_contents .panel-area .panel-area_list_item dt {
  color: #00a7fd;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 20px 48px 15px 54px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../../202409/img/icon_faq_q.svg) no-repeat top 19px left 20px;
  background-size: 21px auto;
  cursor: pointer;
  position: relative;
}

.section08_faq_detail_contents .panel-area .panel-area_list_item dt.is-open:before {
  content: none;
}

.section08_faq_detail_contents .panel-area .panel-area_list_item dt:before {
  position: absolute;
  content: "";
  top: 23px;
  right: 28px;
  width: 2px;
  height: 19px;
  background: #00a7fd;
}

.section08_faq_detail_contents .panel-area .panel-area_list_item dt:after {
  position: absolute;
  content: "";
  top: 31px;
  right: 19px;
  width: 19px;
  height: 2px;
  background: #00a7fd;
}

.section08_faq_detail_contents .panel-area .panel-area_list_item dd {
  display: none;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #000;
  background: url(../../202409/img/icon_faq_a.svg) no-repeat top 4px left 20px;
  background-size: 21px auto;
  padding: 0 50px 19px 56px;
}

.section08_faq_detail_contents .panel-area .panel-area_list_item dd a {
  color: #00a7fd;
  text-decoration: underline;
}

.section08_faq_detail_contents .panel-area .panel-area_list_item dd strong {
  color: #00a7fd;
}

/* ボディバッグ */
.section08_faq_detail_contents .panel-area .panel-area_bodybag {
  background: #fff;
  margin-bottom: 20px;
  padding: 30px 37px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide {
  width: 380px;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-pagination {
  position: static;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #ccc;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-pagination .swiper-pagination-current {
  color: #606670;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-prev,
.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-next {
  width: 9px;
  height: 16px;
  margin-top: 0;
  background: url(../../202409/img/sec08_faq_arrow.png) no-repeat;
  background-size: 100% auto;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-prev.swiper-button-disabled,
.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-next.swiper-button-disabled {
  background-image: url(../../202409/img/sec08_faq_arrow_gray.png);
  opacity: 1;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-prev {
  -webkit-transform: translateY(-50%) scale(-1, 1);
  transform: translateY(-50%) scale(-1, 1);
  left: 116px;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-next {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 116px;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-prev:after,
.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-next:after {
  content: none;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .slide-bottom {
  margin-top: 10px;
  position: relative;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .txt-area {
  width: calc(100% - 380px);
  padding: 4px 0 0 41px;
}

.section08_faq_detail_contents .panel-area .panel-area_bodybag .txt-area .title,
.section08_faq_detail_contents .panel-area .panel-area_bodybag .txt-area .text {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  color: #000;
}

/* ステーショナリーセット */
.section08_faq_detail_contents .panel-area .panel-area_stationery {
  background: #fff;
  margin-bottom: 20px;
  padding: 10px 37px 39px;
}

.section08_faq_detail_contents .panel-area .panel-area_stationery .text {
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  color: #000;
}

@media screen and (max-width: 1080px) {
  .section08_faq_detail_contents .tab-area li {
    font-size: 16px;
  }
}
@media screen and (max-width: 849.98px) {
  .section08_faq_detail_contents .tab-area {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section08_faq_detail_contents .tab-area li {
    width: 30%;
  }
  .section08_faq_detail_contents .tab-area li:not(:nth-child(3n-2)) {
    margin-left: 3%;
  }
  .section08_faq_detail_contents .tab-area li:not(:nth-child(-n+3)) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .section08_faq {
    margin-top: 57px;
  }
  .section08_faq_lead {
    font-size: 17px;
    line-height: 1.8;
    text-align: left;
  }
  .section08_faq_detail {
    margin-top: 28px;
  }
  .section08_faq_detail_acc {
    font-size: 18px;
    line-height: 1.312;
    height: 66px;
    padding-left: 14px;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .section08_faq_detail_acc:after {
    right: 8px;
    width: 34px;
    height: 34px;
  }
  .section08_faq_detail_contents {
    max-width: 100%;
    width: 93.103%;
    margin: 20px auto 0;
  }
  .section08_faq_detail_contents .tab-area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .section08_faq_detail_contents .tab-area li {
    width: 49%;
    height: 48px;
    font-size: 14px;
    line-height: 1.25;
  }
  .section08_faq_detail_contents .tab-area li:not(:nth-child(3n-2)) {
    margin-left: 0;
  }
  .section08_faq_detail_contents .tab-area li:not(:nth-child(-n+2)) {
    margin-top: 7px;
  }
  .section08_faq_detail_contents .panel-area {
    display: none;
    margin-top: 20px;
  }
  .section08_faq_detail_contents .panel-area .panel-area_list_item:not(:first-child) {
    margin-top: 20px;
  }
  .section08_faq_detail_contents .panel-area .panel-area_list_item dt {
    font-size: 15px;
    line-height: 1.384;
    padding: 12px 28px 14px 28px;
    background-position: top 12px left 9px;
    background-size: 15px auto;
  }
  .section08_faq_detail_contents .panel-area .panel-area_list_item dt:before {
    top: 27px;
    right: 15px;
    width: 2px;
    height: 13px;
  }
  .section08_faq_detail_contents .panel-area .panel-area_list_item dt:after {
    top: 32px;
    right: 10px;
    width: 13px;
    height: 2px;
  }
  .section08_faq_detail_contents .panel-area .panel-area_list_item dd {
    font-size: 15px;
    line-height: 1.36;
    background-position: top 8px left 9px;
    background-size: 15px auto;
    padding: 7px 24px 20px 28px;
  }
  /* ボディバッグ */
  .section08_faq_detail_contents .panel-area .panel-area_bodybag {
    margin-bottom: 20px;
    padding: 15px 11px 20px;
    display: block;
  }
  .section08_faq_detail_contents .panel-area .panel-area_bodybag .slide {
    width: 100%;
  }
  .section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-pagination {
    font-size: 13px;
  }
  .section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-prev,
  .section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-next {
    width: 7px;
    height: 11px;
  }
  .section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-prev {
    left: 79px;
  }
  .section08_faq_detail_contents .panel-area .panel-area_bodybag .slide .swiper-button-next {
    right: 79px;
  }
  .section08_faq_detail_contents .panel-area .panel-area_bodybag .txt-area {
    width: 100%;
    margin-top: 13px;
    padding: 0;
  }
  .section08_faq_detail_contents .panel-area .panel-area_bodybag .txt-area .title,
  .section08_faq_detail_contents .panel-area .panel-area_bodybag .txt-area .text {
    font-size: 15px;
    line-height: 1.36;
  }
  /* ステーショナリーセット */
  .section08_faq_detail_contents .panel-area .panel-area_stationery {
    margin-bottom: 20px;
    padding: 0 15px 20px;
  }
  .section08_faq_detail_contents .panel-area .panel-area_stationery .text {
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.36;
  }
}
/*---------------------------------
 * Q&A
---------------------------------/*

/*コンテンツ*/
.cont_box_inr,
.cont_box_inr_2 {
  position: relative;
  margin: 0 auto;
}

h2 .cont_box_hdr_ttl_underline {
  display: inline-block;
  padding-bottom: 0.25em;
  border-bottom: 2px solid #00aeef;
  margin-bottom: 0.5em;
}

h2 .cont_box_hdr_ttl_underline:nth-last-of-type(1) {
  margin-bottom: 0em;
}

.cont_box_col_pd_hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00aeef;
  cursor: pointer;
  padding: 0.1923em;
}

.cont_box_col_pd_hdr_ttl {
  padding: 0.3em 0;
  width: 100%;
  font-weight: bold;
  color: #fff;
}

.cont_box_col_pd_hdr .cont_box_col_pd_hdr_btn_cls {
  display: none;
}

.cont_box_col_pd_hdr.open .cont_box_col_pd_hdr_btn_cls {
  display: block;
}

.cont_box_col_pd_hdr.open .cont_box_col_pd_hdr_btn_opn {
  display: none;
}

.cont_box_col_pd_body {
  display: none;
}

.cont_box_col_inr_pd {
  background-color: #fff;
  text-align: left;
}

.cont_box_col_inr_pd_hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.cont_box_col_inr_pd_hdr_ttl {
  width: 100%;
  font-weight: 700;
  color: #00a7fd;
}

.cont_box_col_inr_pd_hdr_btn {
  line-height: 0;
}

.cont_box_col_inr_pd_hdr .cont_box_col_inr_pd_hdr_btn_cls {
  display: none;
}

.cont_box_col_inr_pd_hdr.open .cont_box_col_inr_pd_hdr_btn_cls {
  display: block;
}

.cont_box_col_inr_pd_hdr.open .cont_box_col_inr_pd_hdr_btn_opn {
  display: none;
}

.cont_box_col_inr_pd_body {
  display: none;
}

.cont_box_col_inr_pd {
  background-color: #fff;
}

/*コンテンツ7　FAQ*/
.Flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.FlCenter {
  /* 上下中央 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.FlWrap {
  /* 折り返し */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.FlJustify {
  /* 均等配置 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#cont_7_qa {
  margin-top: 3em;
  width: 89.6%;
}

#cont_7_qa img {
  width: 100%;
  height: auto;
}

#cont_7_qa .cont_box_col_pd_body {
  padding-left: 5.357%;
  padding-right: 5.357%;
}

.cont_7_qa_box {
  margin-top: 2.5rem;
}

#cont_7_qa_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#cont_7_qa_tab li {
  width: 32.5%;
  cursor: pointer;
  font-size: 17px;
}

#cont_7_qa_tab li:not(.act) .pc_act {
  display: none;
}

#cont_7_qa_tab li.act .pc_inact {
  display: none;
}

#cont_7_qa_tab li .qa_tab_header {
  background-color: #fff;
  text-align: center;
  color: #00a7fd;
  padding: 1em 0.1em 0.8em;
  border-radius: 10px 10px 0 0;
  letter-spacing: 0.02em;
}

#cont_7_qa_tab li .qa_tab_header h3 {
  font-size: 17px;
}

#cont_7_qa_tab li.act .qa_tab_header {
  background-color: #00aeef;
  color: #fff;
}

#cont_7_qa_2_4_btm {
  padding-left: 3.4rem;
}

.cont_7_qa_2_4_btm_box {
  width: 44%;
}

.cont_7_qa_2_4_btm_box_chart {
  margin-top: 0.4em;
  max-width: 220px;
}

/*コンテンツ7*/
.cont_7_qa_box:not(.act) {
  display: none;
}

.sp_only {
  display: none !important;
}

@media screen and (min-width: 1101px) {
  .qa_tab_header br.tab {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  #cont_7_qa {
    margin-top: 30px;
  }
  .sp_only {
    display: inline !important;
  }
  #cont_7_qa_tab li .qa_tab_header {
    padding: 0.5em 0.1em;
    letter-spacing: 0.02em;
  }
  #cont_7_qa_tab li .qa_tab_header h3 {
    font-size: 18px;
    line-height: 1.4;
  }
  #cont_7_qa_tab li .qa_tab_header h3 br.nopc {
    display: block;
  }
}
.cont_box_col_inr_pd_body p a {
  color: #00a0e9;
  text-decoration: underline;
}

.cont_box_col_inr_pd_body p .tc_blue {
  color: #00a0e9;
  padding-top: 0px;
}

@media screen and (max-width: 768px) {
  /*コンテンツ*/
  .cont_box_inr {
    width: 100%;
    padding: 0 5.333%;
    /*内側670px*/
  }
  h2 .cont_box_hdr_ttl_underline {
    border-bottom: 1px solid #00a0e9;
  }
  .cont_box_col_pd_hdr {
    padding: 1.3% 2.5%;
  }
  .cont_box_col_pd_hdr_ttl {
    padding: 0 2%;
    font-size: 24px;
    line-height: 1.235em;
  }
  .cont_box_col_pd {
    text-align: left;
    padding: 0 10px;
  }
  .cont_box_col_pd_hdr_btn {
    width: 14%;
  }
  .cont_box_col_pd_body {
    font-size: 18px;
    line-height: 1.384em;
    padding: 4.5% 3.134% 8.529%;
  }
  .cont_box_col_inr_pd:nth-of-type(n+2) {
    margin-top: 20px;
  }
  .cont_box_col_inr_pd_hdr {
    padding: 12px 10px;
  }
  .cont_box_col_inr_pd_hdr_ttl {
    font-size: 20px;
    line-height: 1.357em;
    background: url("../../202309/img/cont_box_col_inr_pd_hdr_ttl_icon.svg") no-repeat left top;
    background-size: 21px auto;
    padding: 0 1em 0 3.4rem;
  }
  .cont_box_col_inr_pd_hdr_btn {
    width: 20px;
  }
  .cont_box_col_inr_pd_body {
    padding: 3% 10% 10% 4.5%;
  }
  .cont_box_col_inr_pd_body p {
    font-size: 18px;
    line-height: 1.384em;
    background: url("../../202309/img/cont_box_col_inr_pd_body_icon.svg") no-repeat left top;
    background-size: 21px auto;
    padding-left: 3.4rem;
  }
  /*コンテンツ7　FAQ*/
  #cont_7_qa {
    margin-top: 7.666%;
    padding: 0 0 11.666%;
    width: 100%;
  }
  #cont_7_qa_body.cont_box_col_pd_body {
    padding: 4% 3.088% 8%;
  }
  .cont_7_qa_box {
    margin-top: 20px;
  }
  #cont_7_qa_tab li {
    width: 32.5%;
    cursor: pointer;
  }
  #cont_7_qa_tab li:not(.act) .sp_act {
    display: none;
  }
  #cont_7_qa_tab li.act .sp_inact {
    display: none;
  }
  .cont_7_qa_2_4_btm_box {
    padding-left: 11.5%;
    width: 100%;
  }
  #cont_7_qa_2_4_btm_2 {
    margin-top: 15%;
  }
  .cont_7_qa_2_4_btm_box_chart {
    width: 80%;
    margin: 5% auto;
  }
  #cont_7_qa_tab li .qa_tab_header h3 {
    font-size: 17px;
    line-height: 1.4;
  }
}
@media screen and (min-width: 769px) {
  .cont_box_col_pd_hdr_btn {
    width: 55px;
  }
  /*コンテンツ*/
  .cont_box_inr {
    width: 100%;
    max-width: 1300px;
    padding: 0 3.84615%;
    /*内側1200*/
  }
  .cont_box_inr_2 {
    width: 83.33333%;
    /*1200px比*/
    max-width: 1000px;
  }
  .cont_box_col_pd_hdr_ttl {
    padding-left: 55px;
    text-align: center;
    font-size: 26px;
  }
  .cont_box_col_pd_hdr_btn {
    width: 55px;
  }
  .cont_box_col_pd_body {
    font-size: 1rem;
    line-height: 1.6875em;
    padding: 4.9% 10% 6.8%;
    /*枠内800px*/
  }
  .cont_box_col_inr_pd:nth-of-type(n+2) {
    margin-top: 20px;
  }
  .cont_box_col_inr_pd_hdr {
    padding: 20px 20px 15px;
  }
  .cont_box_col_inr_pd_hdr_ttl {
    font-size: 18px;
    line-height: 1.357em;
    background: url("../../202309/img/cont_box_col_inr_pd_hdr_ttl_icon.svg") no-repeat left top;
    background-size: 21px auto;
    padding: 0 1em 0 34px;
  }
  .cont_box_col_inr_pd_hdr_btn {
    width: 20px;
  }
  .cont_box_col_inr_pd_body {
    padding: 0 33px 20px 20px;
  }
  .cont_box_col_inr_pd_body p {
    font-size: 16px;
    line-height: 2;
    background: url("../../202309/img/cont_box_col_inr_pd_body_icon.svg") no-repeat left 5px;
    background-size: 21px auto;
    padding-left: 2.3em;
  }
  /*コンテンツ7　FAQ*/
  #cont_7_qa .cont_box_col_pd_body {
    padding-left: 5.357%;
    padding-right: 5.357%;
  }
  .cont_7_qa_box {
    margin-top: 25px;
  }
  #cont_7_qa_tab li {
    width: 32.5%;
    cursor: pointer;
  }
  #cont_7_qa_tab li:not(.act) .pc_act {
    display: none;
  }
  #cont_7_qa_tab li.act .pc_inact {
    display: none;
  }
  #cont_7_qa_2_4_btm {
    padding-left: 2.4rem;
  }
  .cont_7_qa_2_4_btm_box {
    width: 44%;
  }
  .cont_7_qa_2_4_btm_box_chart {
    margin-top: 0.4em;
    max-width: 220px;
  }
}
@media screen and (max-width: 480px) {
  #cont_7_qa_tab li .qa_tab_header h3 {
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .cont_box_col_pd_hdr_ttl {
    padding: 2%;
    font-size: 16px;
    line-height: 1.235em;
  }
  .cont_box_col_inr_pd_hdr_ttl {
    font-size: 13.5px;
    background-size: 10.5px auto;
    padding: 0 1em 0 15px;
  }
  .cont_box_col_inr_pd_body p {
    font-size: 12.6px;
    background-size: 10.5px auto;
    padding-left: 15px;
  }
  .cont_box_col_inr_pd_hdr_btn {
    width: 11px;
  }
}
@media screen and (max-width: 340px) {
  #cont_7_qa_tab li .qa_tab_header h3 {
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
/*==================================================
  donation
  ドネーションサンプル
==================================================*/
.donation {
  margin: 0 0 50px;
}

.donation_item > .body {
  margin-top: 10px;
}

.donation_item em {
  color: #00aeef;
  font-weight: bold;
}

.donation_annotation {
  margin-top: 50px;
  text-align: right;
}

.donation img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 850px) {
  .donation > .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 76px;
    background-color: #acc911;
    color: #fff;
    font-weight: bold;
  }
  .donation_text01 {
    color: #acc911;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
  }
  .donation > .body {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
  }
  .donation_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 29px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*  padding: 0 20px;*/
    padding: 0 0;
  }
  .donation_item {
    width: 23.5%;
    font-size: 15px;
    line-height: 1.67;
  }
  .donation_item_spimg {
    display: none;
  }
}
@media screen and (max-width: 849.98px) {
  .donation {
    margin-bottom: 25px;
  }
  .donation > .head img {
    width: 100%;
  }
  .donation_text01 {
    color: #acc911;
    font-size: 19px;
    line-height: 1.42;
    font-weight: bold;
    text-align: center;
    padding: 24px 0 0;
  }
  .donation_items {
    display: block;
    width: 90%;
    margin: 24px auto;
  }
  .donation_item {
    width: 100%;
    font-size: 15px;
    line-height: 1.67;
    margin: 0 0 25px;
  }
  .donation dd.body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .donation_item_spimg {
    display: block;
    width: 42.5%;
  }
  .donation_item_text {
    margin-left: 3%;
    width: 52.7%;
    line-height: 1.411;
    font-size: 17px;
  }
  .donation_text01 br {
    display: block;
  }
  .donation_annotation {
    margin-top: 7px;
    padding: 0 12px;
    text-align: left;
    font-size: 12px;
    line-height: 1.25;
  }
}
/*==================================================
  共通要素
==================================================*/
.sectionFlow,
.sectionJoin,
.sectionQA,
.sectionAbout {
  margin-left: auto;
  margin-right: auto;
}

.sectionFlow > .body,
.sectionJoin > .body,
.sectionQA > .body,
.sectionVoice > .body {
  margin-left: 11px;
  max-width: 975px;
  margin: 0 auto;
}

/*==================================================
  sectionFlow
  ユニセフ・マンスリーサポート・プログラムによる募金の流れ
==================================================*/
@media screen and (min-width: 768px) {
  .changeWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sectionFlow {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .sectionJoin {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.sectionFlow > .head {
  text-align: center;
}

.sectionFlow > .body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 38px 0 30px;
  background-color: #f4f4f4;
  color: #4b4847;
  font-size: 16px;
  line-height: 25.6px;
  width: 97.5%;
}

.sectionFlow_top,
.sectionFlow_bottom {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
}

.sectionFlow_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sectionFlow_top_text {
  width: 45%;
  padding: 0 0 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sectionFlow_top_text p:not(:nth-of-type(1)) {
  margin-top: 30px;
}

.sectionFlow_top_video {
  margin-left: 30px;
}

.sectionFlow_graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

.sectionFlow_graph_item:nth-of-type(even) {
  margin-left: 10px;
}

.sectionFlow_graph_item .caption {
  padding-bottom: 18px;
  font-size: 16px;
  color: #1a9bfc;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .sectionFlow {
    margin-top: 0;
    padding-bottom: 50px;
    width: 97.5%;
    max-width: 1000px;
  }
  .sectionFlow > .head img {
    position: relative;
    left: -1px;
    width: 100%;
    height: auto;
  }
  .sectionFlow_bottom {
    margin-top: 40px;
    text-align: center;
  }
  .sectionQA {
    max-width: 1000px;
  }
  .sectionFlow .toggle_ttl,
  .sectionQA .toggle_ttl,
  .sectionVoice .toggle_ttl {
    display: none;
  }
  .head_pc {
    width: 100%;
  }
  .head_pc img {
    width: 100%;
    height: auto;
  }
  .sectionFlow_bottom img {
    width: 98%;
  }
}
@media screen and (max-width: 767.98px) {
  .sectionFlow .head_pc,
  .sectionQA .head_pc,
  .sectionVoice .head_pc {
    display: none;
  }
  .sectionFlow .toggle_ttl,
  .sectionQA .toggle_ttl,
  .sectionVoice .toggle_ttl {
    display: block;
  }
  .sectionFlow .toggle_ttl,
  .sectionQA .toggle_ttl,
  .sectionVoice .toggle_ttl img {
    width: 100%;
  }
  .sectionFlow > .head img {
    position: relative;
    width: 100%;
    height: auto;
  }
  .sectionFlow {
    margin-top: 0;
    padding-bottom: 20px;
  }
  .sectionFlow_top {
    display: block;
  }
  .sectionFlow > .body {
    background: #fff;
  }
  .sectionFlow_top_text {
    width: 100%;
  }
  .youtube-area {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .sectionFlow_top_video {
    margin: 20px 0 0;
  }
  .youtube-area iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .toggle_content {
    overflow: hidden;
    display: none;
  }
  .sectionFlow_bottom {
    margin-top: 20px;
    text-align: center;
  }
  .sectionFlow_bottom img {
    width: 98%;
  }
}
@media screen and (max-width: 479.98px) {
  .sectionFlow {
    padding-bottom: 0;
  }
  .sectionFlow_top_text {
    padding: 0 20px 0 20px;
    font-size: 15px;
  }
  .sectionFlow > .body {
    padding: 25px 0 30px;
  }
  .sectionFlow_top_text p:not(:nth-of-type(1)) {
    margin-top: 25px;
  }
}
/*==================================================
  sectionJoin
  ユニセフ・マンスリーサポート・プログラムにご参加いただくと
==================================================*/
.sectionJoin_item > .head {
  padding-top: 4px;
  padding-left: 50px;
  min-height: 34px;
  font-size: 18px;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #0099ff;
  font-weight: bold;
  line-height: 1.611;
}

.sectionJoin_items > li:nth-of-type(1) .head {
  background-image: url("../../202309/img/join_num1.png");
}

.sectionJoin_items > li:nth-of-type(2) .head {
  background-image: url("../../202309/img/join_num2.png");
}

.sectionJoin_items > li:nth-of-type(3) .head {
  background-image: url("../../202309/img/join_num3.png");
}

.sectionJoin_item > .body,
.sectionJoin_sub {
  margin-top: 5px;
  font-size: 16px;
  color: #4d4d4d;
  line-height: 1.688;
  text-align: justify;
}

.sectionJoin_items > li:nth-of-type(1) .body {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 1.53;
}

.sectionJoin_items > li:nth-of-type(1) .body .note li {
  padding-left: 1em;
  text-indent: -1em;
}

.sectionJoin_items > li:nth-of-type(2) .body {
  margin-left: 50px;
}

@media screen and (max-width: 1000px) {
  .sectionJoin_items > li:nth-of-type(2) .body .nosp {
    display: none;
  }
  .sectionJoin_items > li:nth-of-type(2) .sectionJoin_img {
    width: 100%;
    padding-left: 20px;
  }
}
.sectionJoin_items > li:nth-of-type(2) .sectionJoin_img {
  text-align: right;
  /* width: 44%; */
  padding: 0;
}

.sectionJoin_items > li {
  padding: 0 0 20px;
}

@media screen and (min-width: 768px) {
  .sectionJoin_items > li:nth-of-type(2) .sectionJoin_img img,
  .sectionJoin_items > li:nth-of-type(3) .sectionJoin_img img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 850px) {
  .sectionJoin_items {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    max-width: 924px;
    background: url(../../202309/img/join_frame_top.gif) center 0 no-repeat, url(../../202309/img/join_frame_bottom.gif) center 100% no-repeat, url(../../202309/img/join_inner_bg.gif) center 0 repeat-y;
    width: calc(100% - 10px);
  }
  .sectionJoin > .body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 25px;
    background-color: #e4f3fd;
  }
}
/* @media screen and (min-width: 768px){ */
.sectionJoin {
  padding-bottom: 40px;
  max-width: 1000px;
  width: 100%;
}

.sectionJoin > .body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 25px;
  padding: 25px;
  width: 97.5%;
}

.sectionJoin_item.item02 {
  width: 65%;
}

.sectionJoin_items > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 40px;
  margin-right: 40px;
}

.sectionJoin_img01 {
  padding: 0 57px 25px 51px;
  max-width: 146px;
}

.sectionJoin_items > li:not(:first-child) {
  padding-top: 20px;
  border-top: 1px solid #dde0e3;
}

/* } */
@media screen and (min-width: 767.98px) and (max-width: 844.98px) {
  .sectionJoin h2 img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767.98px) {
  .sectionJoin img {
    width: 100%;
    height: auto;
  }
  .sectionJoin > .body {
    width: 100%;
    padding: 0;
  }
  .sectionJoin_items > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 90%;
    margin-inline: auto;
    padding: 0;
  }
  .sectionJoin_items > li:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sectionJoin_items > li:nth-of-type(1) .body {
    padding-top: 10px;
  }
  .sectionJoin_items > li:nth-of-type(1) .body,
  .sectionJoin_items > li:nth-of-type(2) .body,
  .sectionJoin_items > li:nth-of-type(3) .body {
    font-size: 15px;
  }
  .sectionJoin_items > li:nth-of-type(1) .body,
  .sectionJoin_items > li:nth-of-type(2) .body,
  .sectionJoin_items > li:nth-of-type(3) .body {
    margin-inline: 10px;
  }
  .sectionJoin_items > li:nth-of-type(1) .body .note li {
    padding-left: 0;
    text-indent: 0;
  }
  .sectionJoin_items > li:nth-of-type(1) .head {
    padding-top: 20px;
    background: url(../../202309/img/join_num1.png) no-repeat 4px 28px/30px auto;
  }
  .sectionJoin_items > li:nth-of-type(2) .head {
    background: url(../../202309/img/join_num2.png) no-repeat 4px 15px/30px auto;
    padding: 18px 0 10px 45px;
  }
  .sectionJoin_items > li:nth-of-type(3) .head {
    background: url(../../202309/img/join_num3.png) no-repeat 4px 10px/30px auto;
    padding: 18px 0 10px 45px;
  }
  .sectionJoin_items > li:nth-of-type(2) .sectionJoin_img {
    text-align: center;
    width: 100%;
    padding: 15px 0;
  }
  .sectionJoin_items > li:nth-of-type(3) .body {
    font-size: 15px;
  }
  .sectionJoin_item > .head {
    padding: 10px 0 0 45px;
    color: #09f;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.25;
    overflow: hidden;
  }
  .sectionJoin_img.sectionJoin_img_sp01,
  .sectionJoin_img.sectionJoin_img_sp02,
  .sectionJoin_img.sectionJoin_img_sp03 {
    text-align: center;
  }
  .sectionJoin_img.sectionJoin_img_sp01 img {
    width: 242px;
  }
  .sectionJoin_img.sectionJoin_img_sp02 img {
    width: 70%;
    padding: 15px 0;
  }
  .sectionJoin_img.sectionJoin_img_sp03 img {
    width: 60%;
    margin: 10px auto 0;
  }
  .sectionJoin_items > li:not(:first-child) {
    padding-top: 0;
    border-top: unset;
  }
}
/*==================================================
  CTA

==================================================*/
@media screen and (min-width: 768px) {
  .blockOffer {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .blockOffer {
    margin: 0 0 13px;
    background: #0099ff;
    padding-bottom: 20px;
  }
  .blockOfferTitle {
    padding: 0 0 10px 0;
  }
  .blockOfferTitle img {
    width: 100%;
  }
  .blockOffer a img {
    width: 96.875%;
    margin: 0 auto;
  }
  .blockOfferBody {
    text-align: center;
  }
  .blockOfferFooter2 span {
    text-decoration: underline;
  }
  .blockOfferFooter a,
  .blockOfferFooter2 a {
    display: inline-block;
    margin: 5px 15px;
    color: #fff;
    font-size: 14px;
    line-height: 1.357;
    font-weight: 700;
  }
  .blockOfferFooter,
  .blockOfferFooter2 {
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 12px;
  }
  .blockOfferFooter,
  .blockOfferFooter2 .txt {
    font-size: 14px;
    line-height: 1.571;
    margin-bottom: 10px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
  }
  .blockOfferFooter2 .txt {
    font-size: 13px;
  }
  .blockOfferFooter2 .txt .blockOfferFooter2_txt_link {
    margin: 0;
    text-decoration: underline;
  }
}
/*==================================================
  sectionQA
  ユニセフ・マンスリーサポート・プログラムに関するQ
==================================================*/
.sectionQA {
  color: #4b4847;
}

.sectionQA > .head img {
  position: relative;
  left: 1px;
}

.sectionQA_items {
  margin-left: auto;
  padding: 18px;
  max-width: 900px;
}

.sectionQA_item:not(:nth-of-type(1)) {
  margin-top: 10px;
}

.sectionQA_item > .head {
  position: relative;
  padding: 10px 50px 8px 55px;
  background: #f4f4f4 url(../../202309/img/qa_switch_plus.png) no-repeat;
  color: #0099ff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 7px;
  background-position: calc(100% - 25px) center;
}

.sectionQA_item > .head:before {
  content: "Q.";
  position: absolute;
  left: 26px;
  top: 8px;
}

.sectionQA_item > .head.is-active {
  background: #f4f4f4 url(../../202309/img/qa_switch_minus.png) calc(100% - 25px) center no-repeat;
}

/* ２行の場合 */
.sectionQA_item:nth-of-type(4) > .head {
  line-height: 1.3;
}

/* ここまで / 2行の場合 */
.sectionQA_item > .body {
  display: none;
  /* 初期値 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 15px 15px 25px 60px;
  font-size: 16px;
  line-height: 1.6;
}

/* .sectionQA_item>.head.is-active+.body {
	display: block;
} */
.sectionQA_item > .body:before {
  content: "A.";
  position: absolute;
  top: 10px;
  left: 26px;
  font-size: 20px;
  color: #0099ff;
  font-weight: bold;
}

.sectionQA_item > .body a {
  color: #0099ff;
}

.sectionQA_item > .body small {
  font-size: 13px;
}

.sectionQA_item_graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sectionQA_link_01 {
  margin: 0 16px;
  padding: 5px 30px 30px 0;
}

.sectionQA_link_01 img {
  display: block;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .sectionQA > .head img {
    position: relative;
    left: -1px;
    width: 100%;
    height: auto;
  }
  .sectionQA > .body {
    margin-left: 11px;
    width: 97.5%;
    margin: 0 auto;
  }
  .sectionQA > .body {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
  }
  .sectionQA_item_graph p.graf {
    padding: 10px 20px 0 20px;
  }
  .sectionQA_item_graph > div {
    width: 100%;
  }
  .sectionQA_changeorder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  .sectionQA_changeorder .maintext {
    width: 48%;
  }
  .sectionQA_changeorder .graf {
    width: 50%;
    text-align: right;
  }
  .sectionQA_item_graph p.graf img {
    width: 90%;
    height: auto;
  }
  .annotation {
    position: absolute;
    width: 48%;
    top: 150px;
  }
}
@media screen and (max-width: 767.98px) {
  .sectionQA_item .head {
    font-size: 14px;
  }
  .sectionQA > .head img {
    position: relative;
    width: 100%;
    height: auto;
  }
  .sectionQA > .body {
    margin-left: 0;
  }
  .sectionQA_item > .body {
    font-size: 15px;
  }
  .sectionQA_item_graph {
    display: block;
  }
  .sectionQA_item_graph p.graf {
    text-align: center;
    margin: 20px 0 0;
  }
  .sectionQA_changeorder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sectionQA_changeorder .maintext {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .sectionQA_changeorder .annotation {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .sectionQA_changeorder .graf {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .sectionQA_item_graph p.graf img {
    width: 60% !important;
    height: auto;
  }
}
.sectionQA_item_graph p.graf img {
  height: auto;
}

@media (min-width: 480px) and (max-width: 797.98px) {
  .sectionQA_item_graph p.graf img {
    width: 80%;
    height: auto;
  }
}
@media screen and (max-width: 479.98px) {
  .sectionQA_item > .body:before {
    content: "A.";
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 15px;
    color: #0099ff;
    font-weight: bold;
  }
  .sectionQA_item > .head:before {
    content: "Q.";
    position: absolute;
    left: 15px;
    top: 8px;
  }
  .sectionQA_item > .body {
    padding: 15px 15px 0 40px;
  }
  .sectionQA_item > .head {
    padding: 10px 50px 8px 40px;
  }
  .sectionQA > .head img {
    left: 0;
  }
  .sectionQA_item_graph p.graf {
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
  .sectionQA_item_graph p.graf img {
    width: 100%;
    height: auto;
    padding: 20px 0 10px;
  }
  .sectionQA_changeorder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sectionQA_changeorder .maintext {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .sectionQA_changeorder .annotation {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .sectionQA_changeorder .graf {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .sectionQA_item_graph p.graf img {
    width: 100% !important;
    height: auto;
  }
}
/*==================================================
  sectionVoice
  マンスリーサポーターの皆さまの声
==================================================*/
.sectionVoice {
  margin-top: 40px;
}

.sectionVoice h2 {
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 479.98px) {
  .sectionVoice {
    margin-top: 0;
  }
}
/*---------------------------------
 * voice
---------------------------------*/
#cont_voice {
  position: relative;
  margin: 0 auto;
  padding: 0 19px;
  background: #dff3fd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper_voice {
  max-width: 94%;
  margin: 0 0 0 30px;
  overflow: hidden;
  padding: 29px 0 22px;
}

.swiper_voice .swiper-slide {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper_voice .swiper-slide .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.swiper_voice .swiper-slide .inner .item {
  width: 48.6046511628%;
  padding: 12px 21px 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 2px 0 5px 0 rgba(10, 36, 94, 0.3);
  box-shadow: 2px 0 5px 0 rgba(10, 36, 94, 0.3);
  font-family: "Zen Kurenaido", sans-serif;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: -0.02em;
  text-align: justify;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.swiper_voice .swiper-slide .inner .item.ic01:before {
  background-image: url(../../202503/img/msupporter_icon01.png);
}

.swiper_voice .swiper-slide .inner .item.ic02:before {
  background-image: url(../../202503/img/msupporter_icon02.png);
}

.swiper_voice .swiper-slide .inner .item.ic03:before {
  background-image: url(../../202503/img/msupporter_icon03.png);
}

.swiper_voice .swiper-slide .inner .item.ic04:before {
  background-image: url(../../202503/img/msupporter_icon04.png);
}

.swiper_voice .swiper-slide .inner .item:before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 13px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 82px;
  height: 83px;
  z-index: 2;
}

.swiper_voice .swiper-slide .inner .item:after {
  position: absolute;
  content: "";
  top: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 89.95215311%;
  height: calc(100% - 40px);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(93%, transparent), to(#cce0ea));
  background-image: linear-gradient(transparent 0, transparent 93%, #cce0ea 100%);
  background-size: 100% 1.875em;
  z-index: 1;
}

.swiper_voice .swiper-slide .inner .item:not(:nth-child(-n+2)) {
  margin-top: 21px;
}

.swiper_voice .swiper-slide .inner .item span {
  color: #ec5401;
}

.swiper_voice .swiper-slide .inner .item .main-txt {
  margin-bottom: 1px;
  position: relative;
  z-index: 3;
}

.swiper_voice .swiper-slide .inner .item .data {
  margin-top: auto;
  text-align: right;
  position: relative;
  z-index: 4;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

#cont_voice .swiper-button-next:after,
#cont_voice .swiper-rtl .swiper-button-prev:after {
  content: "" !important;
}

#cont_voice .swiper-button-prev:after,
#cont_voice .swiper-rtl .swiper-button-next:after {
  content: "" !important;
}

#cont_voice.swiper-button-next,
#cont_voice .swiper-button-prev {
  width: 40px;
}

#cont_voice .swiper-button-next,
#cont_voice .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 30px) !important;
  left: auto;
  top: 35% !important;
}

#cont_voice .swiper-button-prev,
#cont_voice .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 30px) !important;
  right: auto;
  top: 35% !important;
}

/* 前へ次への矢印カスタマイズ */
#cont_voice .swiper-button-prev,
#cont_voice .swiper-button-next {
  height: 40px;
  width: 40px;
}

/* 前へ次への矢印カスタマイズ */
#cont_voice .swiper-button-prev::after,
#cont_voice .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}

/* 前への矢印カスタマイズ */
#cont_voice .swiper-button-prev::after {
  background-image: url(../../202309/img/voice_back.png);
}

/* 次への矢印カスタマイズ */
#cont_voice .swiper-button-next::after {
  background-image: url(../../202309/img/voice_next.png);
}

/* ページネーション */
#cont_voice .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -50px !important;
}

#cont_voice .swiper-pagination-bullet {
  margin: 0 10px 0 0;
}

#cont_voice .swiper-pagination {
  margin-top: 21px;
  position: static;
}

#cont_voice .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #a3b4c0;
  opacity: 1;
}

#cont_voice .swiper-pagination-bullet-active {
  background: #00aeef;
}

#cont_voice .swiper-slide-active {
  opacity: 1;
  /* 中央のスライドは薄くしない */
  -webkit-transform: scale(1);
  transform: scale(1);
  /* 中央のスライドは小さくしない */
  z-index: 1;
  /* 中央のスライドを一番上にする */
}

#cont_voice .swiper-slide-next {
  /* transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1;
  /* 中央のスライドを一番上にする */
}

#cont_voice .swiper-slide .swiper-slide-inner {
  height: auto;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 769px) {
  #cont_voice {
    margin: 0 auto 50px;
    max-width: 975px;
  }
  #cont_voice .swiper {
    padding: 0;
  }
  /* 前へ次への矢印カスタマイズ */
  #cont_voice .swiper-button-prev,
  #cont_voice .swiper-button-next {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
    height: 40px;
    width: 40px;
  }
  #cont_voice .swiper-button-next,
  #cont_voice .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 9px) !important;
    left: auto;
    top: calc(50% - 9px) !important;
  }
  #cont_voice .swiper-button-prev,
  #cont_voice .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 9px) !important;
    right: auto;
    top: calc(50% - 9px) !important;
  }
}
@media screen and (max-width: 767.98px) {
  #cont_voice {
    margin: 0 0 25px;
    padding: 0;
  }
  #cont_voice.cont_voice_inr {
    /* max-width: 100vw;*/
    position: relative;
    overflow: hidden;
  }
  .swiper_voice {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0 30px;
  }
  .swiper_voice .swiper-slide .inner .item {
    width: 48.3333333333%;
    padding: 9px 10px 7px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.6153846154;
  }
  .swiper_voice .swiper-slide .inner .item.ic01:before {
    background-image: url(../../202503/img/msupporter_icon01_sp.png);
  }
  .swiper_voice .swiper-slide .inner .item.ic02:before {
    background-image: url(../../202503/img/msupporter_icon02_sp.png);
  }
  .swiper_voice .swiper-slide .inner .item.ic03:before {
    background-image: url(../../202503/img/msupporter_icon03_sp.png);
  }
  .swiper_voice .swiper-slide .inner .item.ic04:before {
    background-image: url(../../202503/img/msupporter_icon04_sp.png);
  }
  .swiper_voice .swiper-slide .inner .item:before {
    right: 5px;
    width: 43px;
    height: 46px;
  }
  .swiper_voice .swiper-slide .inner .item:after {
    top: 9px;
    width: 86.2068965517%;
    height: calc(100% - 25px);
    background-size: 100% 1.6153846154em;
  }
  .swiper_voice .swiper-slide .inner .item:not(:nth-child(-n+2)) {
    margin-top: 10px;
  }
  #cont_voice .swiper-button-next,
  #cont_voice .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px) !important;
    left: auto;
  }
  #cont_voice .swiper-button-prev,
  #cont_voice .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px) !important;
    right: auto;
  }
  /* 前へ次への矢印カスタマイズ */
  #cont_voice .swiper-button-prev,
  #cont_voice .swiper-button-next {
    top: auto !important;
    bottom: 20px;
    height: 40px;
    width: 40px;
  }
  #cont_voice .swiper-button-prev:after,
  #cont_voice .swiper-button-next:after {
    width: 100%;
    height: 100%;
  }
  #cont_voice .swiper-pagination {
    margin-top: 19px;
  }
  #cont_voice .swiper-pagination-bullet {
    margin: 0 5px !important;
    width: 8px;
    height: 8px;
  }
}
/*==================================================
  sectionReport
  世界の子どもたちへ、2022年、たとえばこんな支援を届けることができます
==================================================*/
@media screen and (min-width: 950px) {
  .report_main {
    background: url("../../202309/img/sectionreport_img@2x.jpg") no-repeat center top;
    height: 660px;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
  }
  .report_textwrap {
    width: 50%;
    background-color: rgb(0, 150, 255);
    mix-blend-mode: Multiply;
    /* 重ね方を指定 */
    height: 660px;
  }
  .report_text {
    position: absolute;
    left: 53%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .sectionReport h2 {
    font-size: 27px;
    letter-spacing: 0.1em;
    line-height: 1.2962962963;
    color: #fff;
  }
  .report_text figure {
    position: absolute;
    top: 92px;
    left: 367px;
    width: 50%;
  }
  .report_text figure img {
    width: 100%;
    max-width: 181px;
  }
  .report_text .head {
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .report_text .body {
    padding-top: 40px;
  }
  .report_text .body .item:nth-of-type(n + 2) {
    margin-top: 20px;
  }
  .report_text .txt {
    margin-top: 9px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    line-height: 1.66;
    letter-spacing: 0.1em;
  }
  .sectionReport p {
    max-width: 410px;
    margin: 25px 0 0;
  }
  .sectionReport p img {
    width: 100%;
  }
  .report_sp {
    display: none;
  }
}
@media screen and (max-width: 949.98px) {
  .sectionReport {
    display: none;
  }
  .report_sp {
    display: block;
    margin: 30px 0 0;
  }
  .report_sp .report_sp_heas {
    width: 100%;
  }
  .report_sp_text .head {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .report_sp_text .body .item:nth-of-type(n + 2) {
    margin-top: 20px;
  }
  .report_sp_text .txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    margin-top: 6px;
    padding-left: 0;
    font-size: 15px;
    line-height: 1.533;
  }
  .report_sp_text {
    background: #0078ff;
    padding: 40px;
  }
  .report_sp_text img {
    max-width: 470px;
  }
  .report_sp_text .head img {
    height: auto;
  }
}
@media screen and (max-width: 360px) {
  .report_sp_text {
    padding: 15px;
  }
}
/*==================================================
  sectionAbout
  ユニセフ募金は税額控除の対象となり、約40％が所得税額から控除されます。
==================================================*/
.sectionAbout {
  color: #666666;
}

.sectionAbout_inner {
  margin-top: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f3fae0;
  max-width: 1100px;
  margin: 50px auto 0;
}

.sectionAbout .head {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}

.sectionAbout .head img {
  width: 100%;
  height: auto;
}

.sectionAbout .body {
  margin-left: auto;
  margin-right: auto;
  max-width: 810px;
}

.sectionAbout_text_01 {
  margin: 15px;
}

.sectionAbout_text_01 p {
  font-size: 15px;
  line-height: 2;
}

.sectionAbout_text_02 {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 810px;
  padding: 0 15px;
}

.sectionAbout_text_02 p {
  font-size: 12px;
  line-height: 1.6;
}

.sectionAbout_img_01 {
  text-align: center;
}

.sectionAbout_img_01 img {
  width: 95%;
}

@media screen and (max-width: 949.98px) {
  .sectionAbout_inner {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .sectionAbout .head {
    padding: 0 15px;
  }
  .sectionAbout_inner {
    max-width: 1100px;
    margin: 50px auto 0;
  }
  .sectionAbout_inner {
    margin-top: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f3fae0;
    max-width: 1100px;
    margin: 50px auto 0;
  }
  .head_pc {
    display: block;
  }
  .toggle_ttl {
    display: none;
  }
  .sectionAbout_img_01 img {
    width: 100%;
    max-width: 800px;
  }
}
@media screen and (max-width: 767.98px) {
  .head_pc {
    display: none;
  }
  .toggle_ttl {
    display: block;
    padding: 0;
  }
  /* .sectionAbout_img_01_2{
   	display: none;
   } */
  .sectionAbout_inner {
    margin-top: 50px;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
  }
  .sectionAbout_inner .toggle_content {
    display: none;
  }
}
@media screen and (max-width: 479.98px) {
  .sectionAbout_inner {
    margin-top: 0;
  }
  .sectionAbout {
    margin: 30px 0 0;
    position: relative;
    z-index: 999;
  }
}
/*==================================================
  footImg
  世界の子どもの命を守るため
あなたの継続的なご協力が必要です。
==================================================*/
.footImg {
  background: #1c0b05 url("../../202409/img/foot_img@2x.jpg") no-repeat left center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.footImg h2 {
  color: #fff;
  line-height: 1.5;
  padding-right: 30px;
  text-shadow: 2.837px 0.977px 0px rgba(16, 14, 13, 0.004);
}

@media screen and (min-width: 768px) {
  .footImg {
    margin: 60px 0 0;
    height: 413px;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 0 0 50%;
  }
  .footImg h2 {
    color: #fff;
    font-size: 25px;
    line-height: 1.5;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1100px) {
  .footImg {
    background-position: left -160px center;
  }
}
@media screen and (max-width: 767.98px) {
  /* .sectionAbout_img_01_2{
   	display: none;
   } */
  .footImg {
    margin: 30px 0 0;
    height: 213px;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 0 0 55%;
    background-position: 24%;
  }
  .footImg h2 {
    color: #fff;
    font-size: 23px;
    line-height: 1.6;
    padding-right: 20px;
  }
}
@media screen and (max-width: 420.98px) {
  .footImg h2 {
    color: #fff;
    font-size: 19px;
    line-height: 1.4;
    padding-right: 15px;
  }
  .footImg h2 br {
    display: none;
  }
}
/*==================================================
	footerCTA
	ユニセフ・マンスリーサポート・プログラムに参加する
==================================================*/
.footerCTA_top_inner {
  max-width: 905px;
  margin: 0 auto;
}

.footerCTA_top_inner .link a {
  color: #00aeef;
  text-decoration: underline;
}

.footerCTA_top_inner img {
  max-width: 100%;
}

.footerCTA_top_top {
  padding: 13px 40px 24px;
  background: #e4f3fd;
}

.footerCTA_top_top .btn {
  max-width: 650px;
  margin: 0 auto;
}

.footerCTA_top_top .txt-link {
  margin-top: 18px;
  text-align: center;
  font-size: 14px;
}

.footerCTA_top_top .link-list {
  max-width: 607px;
  margin: 28px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footerCTA_top_top .link-list .link-list_item {
  width: 50%;
  padding-left: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footerCTA_top_top .link-list .link-list_item .ttl {
  color: #00aeef;
  font-size: 16px;
  font-weight: 700;
}

.footerCTA_top_top .link-list .link-list_item .link {
  margin-top: 9px;
}

.footerCTA_top_top .link-list .link-list_item .link li {
  font-size: 14px;
  line-height: 1.785;
  padding-left: 20px;
  position: relative;
}

.footerCTA_top_top .link-list .link-list_item .link li:before {
  position: absolute;
  content: "▶";
  top: 0;
  left: 0;
  color: #00aeef;
}

.footerCTA_top_top .link-list .link-list_item .link li:not(:first-child) {
  margin-top: 5px;
}

.footerCTA_top_bottom {
  margin-top: 43px;
  text-align: center;
}

.footerCTA_top_bottom .txt {
  color: #444444;
  font-size: 15px;
}

.footerCTA_top_bottom .link {
  margin-top: 18px;
  font-size: 14px;
}

.footerCTA_bottom {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  font-size: 10px;
  padding: 0 20px;
}

.footerCTA_bottom small {
  font-size: 10px;
}

.footerCTA_text_01 {
  margin: 20px 0;
  font-size: 11px;
  color: #666666;
}

@media screen and (min-width: 768px) {
  .footerCTA .blockOffer {
    display: none;
  }
  .footerCTA {
    margin-top: 30px;
    padding: 20px;
    font-size: 17px;
  }
  .footer_btns {
    display: none;
  }
  .footer_annotation {
    display: none;
  }
  .sp_copyright {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .footerCTA {
    padding: 0;
    margin: 0;
  }
  .footerCTA_text_01 {
    text-align: left;
  }
  .footerCTA_top {
    display: none;
  }
  .footerCTA .blockOffer {
    display: block;
    padding: 20px 0;
  }
  .footer_btns {
    width: 93%;
    margin: 10px auto 6px;
    overflow: hidden;
  }
  .footer_btns li {
    width: 48%;
    float: left;
    line-height: 1;
    font-size: 0;
    max-width: 289px;
  }
  .footer_btns li img {
    width: 100%;
  }
  .footer_annotation {
    margin: 15px auto 6px;
    width: 93%;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.3;
  }
  .footer_btns li:last-child {
    float: right;
  }
  .sp_copyright {
    display: block;
    background: #0088FF;
    clear: both;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
  }
  .sp_copyright img {
    width: 88.125%;
  }
}
/*==================================================
  pagetop link
==================================================*/
#pageTop .pagetop a,
#pageTop .pagetop2 a {
  font-weight: bold;
  color: #00aeef;
  font-size: 14px;
}

.pagetop,
.pagetop2 {
  text-align: right;
  margin: 0 0 15px 8%;
  padding-right: 5%;
  font-size: 14px;
}

.pagetop a {
  background-image: url(../../202309/img/icon_circle_top.png);
  display: inline-block;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 15px 15px;
}

.pagetop2 a {
  background-image: url("../../202309/img/icon_circle_right.png");
  display: inline-block;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 15px 15px;
}

@media screen and (min-width: 768px) {
  .pagetop2.pagetop2_sp {
    display: none;
  }
  .pagetop2.pagetop2_pc {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .pagetop2 {
    display: block;
  }
  .pagetop2.pagetop2_sp {
    display: block;
  }
  .pagetop2.pagetop2_pc {
    display: none;
  }
  .pagetop {
    font-size: 13px;
    margin: 0 0 10px 8%;
  }
}
/*==================================================
  JavaScript
==================================================*/
.js-accordionSwitch {
  cursor: pointer;
}

.js-accordionTarget {
  display: none;
}

/* .js-accordionTarget.is-active {
	display: block;
} */
/*==================================================
  facebook
==================================================*/
#fbLikebox {
  width: 876px;
  margin: 40px auto;
  text-align: center;
}

/*==================================================
  フッター
==================================================*/
#footer2 {
  background: #00aeef;
  padding: 15px 0 105px;
}

#footer2 .footerText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  line-height: 1;
}

#footer2 .footerText li.text03,
#footer2 .footerText li.text04 {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #ffffff;
  margin: 0;
  line-height: 1;
}

#footer2 .footerText li.text04 {
  border-left: 1px solid #fff;
}

#footer2 .copyright {
  float: none;
}

#footer2 .footer_tel {
  float: right;
}

@media screen and (min-width: 768px) {
  #footer2 .footInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    overflow: hidden;
    max-width: 860px;
    padding: 0 20px;
  }
  #footer2 .footerText li a {
    color: #ffffff;
    text-decoration: none;
  }
  .blockpcbtn {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  #footer2 {
    background: #fff;
    padding: 15px 0 0;
  }
  #footer2 .footInner .copyright {
    display: none;
  }
  #footer2 .footerText {
    display: block;
  }
  ul.footerText li a {
    display: block;
    color: #00aeef;
    font-size: 12px;
    line-height: 20px;
    border-top: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
  }
  #footer2 .footerText li.text03,
  #footer2 .footerText li.text04 {
    float: none;
    padding: 0;
    border-right: 1px solid #ffffff;
    margin: 0;
    line-height: 1;
  }
  ul.footerText li:last-child {
    border-bottom: 1px solid #ccc;
  }
  .blockpcbtn {
    background: #fafafa;
    border-style: none;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}
/*==================================================
  導線
==================================================*/
@media screen and (min-width: 768px) {
  .blockAction {
    display: block;
    background: #0173de;
    padding: 10px 0 10px 0;
    position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .blockAction .blockActionInner {
    overflow: hidden;
  }
  .blockAction .blockBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
  }
  .blockAction .transfer {
    margin-left: 20px;
  }
  .blockAction .transfer dt {
    margin-bottom: 3px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
  }
  .blockAction .transfer .dl {
    margin-left: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  #blockAction {
    display: none;
  }
  .blockBody {
    display: none;
  }
}
/*==================================================
  導線（上に配置するパターンページ）
==================================================*/
.blockAction_top {
  background: #0099ff;
  padding: 0 0 10px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-transform: translate3d(0, 0, 0);
}

.blockAction_top .blockActionInner {
  margin: 0 auto;
  overflow: hidden;
  width: 960px;
}

.blockAction_top .blockTitle {
  float: left;
}

.blockAction_top .blockBody {
  margin-left: 284px;
}

.blockAction_top .credit {
  float: left;
}

.blockAction_top .transfer {
  width: 274px;
  float: right;
  margin-top: 10px;
}

.blockAction_top .transfer dt {
  margin-bottom: 3px;
}

.blockAction_top .transfer .dl {
  margin-left: 22px;
  float: left;
}

.blockAction_top .transfer .order {
  margin-left: 10px;
  float: left;
}

.blockAction_top .blockInfo {
  text-align: center;
  padding: 5px;
}

/*==================================================
  ユニセフ（国際連合児童基金）について
==================================================*/
.about .text {
  margin: 20px 40px 30px 40px;
  font-size: 14px;
  line-height: 24px;
}

.about dl {
  background: url("../../201902/img/201502/aboutBack.jpg") no-repeat left top;
  height: 184px;
  margin: 0 auto;
  overflow: hidden;
  width: 888px;
}

.about dt {
  margin: 30px 0 5px 270px;
}

.about dd {
  line-height: 1.5;
  margin: 0 60px 0 270px;
  font-size: 13px;
}

.section07 .textLink01 {
  background: url("../../201902/img/201602/sec07Icon.jpg") no-repeat left bottom;
  padding: 20px 0 0 20px;
  display: block;
}

.section07 .textLink02 {
  background: url("../../201902/img/201602/sec07Icon.jpg") no-repeat left bottom;
  padding: 10px 0 0 20px;
  display: block;
}

/* 固定footer
-------------------------- */
.btnentry {
  position: relative;
  width: 372px;
  display: inline-block;
}

.btnentry img {
  width: 100%;
  height: auto;
}

.btnentry :hover {
  opacity: 0.9;
}

.btnentry a {
  cursor: pointer;
}

/*
.mslp {
  width:258px;
}
*/
.mslp span {
  font-size: 12px;
}

.mslp_bottomarea_link > .head img {
  vertical-align: middle;
}

.mslp_bottomarea_link > .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 18px;
}

.mslp_bottomarea_link > .body > p + p {
  margin-left: 18px;
}

.mslp_bottomarea_link p {
  font-family: meiryo;
  color: #fff;
  font-weight: bold;
}

.mslp_bottomarea_link p > i {
  font-weight: normal;
  margin-right: 5px;
}

.mslp_bottomarea_link p > a {
  color: #fff;
  text-decoration: none;
}

.mslp_bottomarea_link p > a:hover {
  color: #f90;
}

/*
.blockAction .transfer {
  margin-right: 20px;
}
.blockAction .transfer .dl {
  margin-left:18px;
}
.blockAction .transfer .subtitle img {
  margin: 1px 5px 0 0;
}
*/
.footer-annotation {
  color: #fff;
  font-size: 11px;
}

/* ToggleArea
-------------------------- */
#toggle {
  margin: 0 auto;
  width: 100%;
  height: auto;
  text-align: left;
  position: relative;
}

#toggle a {
  width: 100%;
  height: 100%;
  position: absolute;
}

/* CSS3 Toggle
-------------------------- */
#toggle:target .front {
  opacity: 0;
  pointer-events: none;
}

/*検証
---------------------------------------------------*/
.validate .contents01_inner .top_col2 p {
  display: inline-block;
  word-break: normal;
  text-align: justify;
  width: 410px;
  position: relative;
  top: 140px;
  left: 380px;
  line-height: 1.8 !important;
}

#dna {
  overflow: hidden;
}

#dna .dna_titleWrap {
  width: 100%;
  text-align: center;
  background: #acc72d;
  display: table;
  height: 99px;
}

#dna .dna_titleWrap h2 {
  display: table-cell;
  vertical-align: bottom;
}

.validate .contents01_inner .top_col,
.contents01_inner .top_col2 {
  width: 852px;
  height: 608px;
  background: url(../../202309/img/contents01_img01.png) left top no-repeat;
}

.validate .contents04_wrap {
  width: 100%;
  padding: 0 0 0 0;
  background: #f5fddd;
}

.validate .contents06_inner .middle_col .menu .short2 {
  word-break: normal;
}

/*SP用FV動画
---------------------------------------------------*/
@media screen and (min-width: 768px) {
  .mv-video-area {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .mv-video {
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    top: -2px;
    z-index: 1;
  }
  /* .main_wrap {
   	position: relative;
   	max-height: calc(100vh - 22vw - 8px);
   	max-height: calc(100svh - 22vw - 8px);
   	aspect-ratio: 39 / 54;
   	text-align: center;
   	margin: 0 auto 10vw;
   } */
  .mv-video-area {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}
/* @supports not (height: 100svh) {
	@media screen and (orientation: portrait) and (max-height: 667px) {
		.main_wrap {
			height: calc(100vh - 65px - 64px - 8px - 5vw);
		}
	}
} */
/* @media screen and (orientation: landscape) {
	.main_wrap {
		min-height: 667px;
	}
} */
/*募金、申込ボタンの注釈
---------------------------------------------------*/
.btn_notice {
  display: block;
  margin-top: 10px;
  margin-bottom: 16px;
  color: #666;
  font-size: 13.5px;
  text-align: right;
}

@media screen and (min-width: 768px) {
  :root {
    --pc-rate: calc(1 / 1300* 100%);
    --pc-rate-cont: calc(1 / 1200* 100%);
    --vw-rate: calc(1 / 1300* 100vw);
  }
  /*==================================================
     section11
     すべての子どもに希望を運ぼう。
   ==================================================*/
  .section11 {
    overflow: hidden;
    margin-bottom: 8em;
  }
  .section11_inner {
    max-width: 1300px;
    margin: 0 auto;
  }
  .section11_head {
    /* width: 1160px;

      padding-left: 542px; */
    padding-top: 122px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
    padding-left: min(542 * var(--pc-rate), 542px);
    padding-right: min(94 * var(--pc-rate), 94px);
  }
  .section11_head .txt-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% + 3rem);
    position: relative;
  }
  .section11_head .txt-area .title {
    width: calc(100% + 5rem);
    max-width: 758px;
    margin: 0 0;
  }
  .section11_head .txt-area .txt1 {
    padding-top: 24px;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4545454545;
    letter-spacing: -0.01em;
    color: #333;
  }
  .section11_head .txt-area .txt1 span {
    display: inline-block;
  }
  .section11_head .txt-area .txt2 {
    margin-top: 10px;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 700;
  }
  .section11_head .txt-area .txt2 a {
    color: #00aeef;
    text-decoration-thickness: 1px;
    text-underline-offset: 12px;
  }
  .section11_head .txt-area .note {
    margin-top: 9px;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    color: #333;
  }
  .section11_detail {
    margin-top: -18px;
  }
  .section11_detail .img {
    /* margin: 0 101px 0 auto; */
    width: calc(100% + 4rem);
    margin: 0 70px 0 0;
    max-width: 498px;
  }
  .section11_detail .img img {
    width: 100%;
  }
  .section11_detail .note-area {
    width: 785px;
    margin: 22px 80px 0 auto;
  }
  .section11_detail .note-area .txt li {
    font-size: 15px;
    line-height: 1.6666666667;
    letter-spacing: 0.02em;
    padding-left: 1em;
    text-indent: -1em;
  }
  .section11_detail .note-area .txt li a {
    color: #00aeef;
  }
  .section11_other .txt {
    text-align: center;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
  }
  .section11_other .accordion-area {
    margin-top: 42px;
  }
  .section11_other .accordion-area_item.item1 .btn {
    padding-left: 125px;
  }
  .section11_other .accordion-area_item.item1 .btn .icon {
    width: 80px;
    line-height: 1;
    position: absolute;
    left: 50%;
    translate: -50% 0;
    top: -20px;
    margin-left: -184px;
  }
  .section11_other .accordion-area_item.item1 .contents .img {
    padding-top: 29px;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content {
    width: 302px;
    margin-left: 112px;
    position: relative;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2 {
    overflow: hidden;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2 .item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2 .item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2 .item a {
    aspect-ratio: 1/1;
    overflow: hidden;
    cursor: pointer;
    display: block;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-prev, .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-next {
    position: absolute;
    z-index: 2;
    top: 50%;
    translate: 0 -50%;
    margin-top: -10px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 36px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-prev:before, .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-next:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-image: url(../../202501/img/ico_arrow_w.png);
    -webkit-filter: brightness(1) invert(2);
    filter: brightness(1) invert(2);
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-prev:hover:before, .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-next:hover:before {
    -webkit-animation: arrow 0.8s;
    animation: arrow 0.8s;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-prev.swiper-button-disabled, .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-next.swiper-button-disabled {
    opacity: 0;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-prev {
    left: 2px;
    rotate: 180deg;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-next {
    right: 2px;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .note {
    margin-top: 5px;
    text-align: right;
    font-size: 14px;
  }
  .section11_other .accordion-area_item.item2 {
    margin-top: 30px;
  }
  .section11_other .accordion-area_item.item2 .btn .icon {
    width: 59px;
    line-height: 1;
    position: absolute;
    left: 50%;
    translate: -50% 0;
    top: -11px;
    margin-left: -260px;
  }
  .section11_other .accordion-area_item .btn {
    width: 100%;
    max-width: 896px;
    height: 70px;
    margin: 0 auto;
    background: #00aeef;
    color: #fff;
    font-size: 26px;
    line-height: 1.6923076923;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
  }
  .section11_other .accordion-area_item .btn:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: url(../../202501/img/icon_accordion_open.svg) no-repeat;
    background-size: 100% auto;
  }
  .section11_other .accordion-area_item .btn.is-active:after {
    background-image: url(../../202501/img/icon_accordion_close.svg);
  }
  .section11_other .accordion-area_item .contents {
    display: none;
    float: none;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 65px;
  }
  .section11_other .accordion-area_item .contents img {
    width: 92.8%;
  }
  .section11_other .item1.accordion-area_item .contents {
    max-width: 1026px;
  }
  .section11_faq {
    max-width: 896px;
    width: 90%;
    margin: 30px auto 0;
  }
  .section11_faq .btn {
    height: 68px;
    background: #000;
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
  }
  .section11_faq .btn:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: url(../../202501/img/icon_accordion_open.svg) no-repeat;
    background-size: 100% auto;
  }
  .section11_faq .btn .is-active:after {
    background-image: url(../../202501/img/icon_accordion_close.svg);
  }
  .section11_faq .contents {
    display: none;
    float: none;
    width: 100%;
    background: #eceae9;
  }
  .section11_faq .contents .inner {
    padding: 56px 48px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section11_faq .contents .tab-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .section11_faq .contents .tab-area li {
    cursor: pointer;
    width: 32.5%;
    height: 70px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-align: center;
  }
  .section11_faq .contents .tab-area li.active {
    background: #000;
    color: #fff;
  }
  .section11_faq .contents .panel-area {
    display: none;
    margin-top: 30px;
  }
  .section11_faq .contents .panel-area.active {
    display: block;
  }
  .section11_faq .contents .panel-area_title {
    display: inline-block;
    font-size: 20px;
    letter-spacing: -0.01em;
    font-weight: 700;
    border: 2px solid #000;
    margin-top: 0;
    margin-bottom: 13px;
    padding: 5px 22px 3px 22px;
  }
  .section11_faq .contents .panel-area_list + .panel-area_title {
    margin-top: 39px;
  }
  .section11_faq .contents .panel-area_list_item {
    background: #fff;
  }
  .section11_faq .contents .panel-area_list_item:not(:first-child) {
    margin-top: 25px;
  }
  .section11_faq .contents .panel-area_list_item dt {
    font-size: 18px;
    line-height: 2.4444444444;
    font-weight: 700;
    padding: 9px 32px 10px 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../../202501/img/icon_faq_q_black.svg) no-repeat top 18px left 19px;
    background-size: 23px auto;
    cursor: pointer;
    position: relative;
  }
  .section11_faq .contents .panel-area_list_item dt:before,
  .section11_faq .contents .panel-area_list_item dt:after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000;
  }
  .section11_faq .contents .panel-area_list_item dt:before {
    right: 21px;
    width: 20px;
    height: 2px;
  }
  .section11_faq .contents .panel-area_list_item dt:after {
    right: 30px;
    width: 2px;
    height: 20px;
  }
  .section11_faq .contents .panel-area_list_item dt.is-active:after {
    display: none;
  }
  .section11_faq .contents .panel-area_list_item dd {
    display: none;
    background: url(../../202501/img/icon_faq_a.svg) no-repeat top -1px left 19px;
    background-size: 23px auto;
    color: #333;
    font-size: 16px;
    line-height: 1.6875;
  }
  .section11_faq .contents .panel-area_list_item dd .inner {
    padding: 1px 70px 28px 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section11_faq .contents .panel-area_list_item dd a {
    color: #00aeef;
  }
  .section11_faq .contents .panel-area_list_item dd .img_graph {
    margin: 20px 0 13px;
  }
  .section11_faq .contents .panel-area_list_item dd .img_graph .img {
    max-width: 309px;
  }
  .section11_faq .contents .panel-area_list_item dd .img_graph .note {
    margin-top: 14px;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 1.55;
  }
  /*==================================================
     2025/02/18 モーダル追加
   ==================================================*/
  .section11_detail {
    margin: 0 auto 80px;
    padding-left: min(592 * var(--pc-rate), 592px);
    padding-right: min(94 * var(--pc-rate), 94px);
  }
  .section11_detail .note-area {
    width: calc(100% + 3rem);
  }
  .section11_head .img_contents {
    position: absolute;
    left: 0;
    top: 0;
    width: min(542 * var(--pc-rate), 542px);
    /* margin-left: max(calc(-380 * var(--pc-rate)), -380px); */
  }
  .section11_head .img_contents picture {
    display: block;
  }
  .section11_head .img_contents img {
    max-width: 100%;
  }
  .section11_head .img_contents .img_content {
    position: relative;
    /* display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px; */
    margin-top: 3em;
    margin-right: 2em;
  }
  .section11 .img_contents .img_content .sec11_slide {
    overflow: hidden;
  }
  .section11_head .img_contents .img_content .item a {
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
    cursor: pointer;
    display: block;
  }
  .section11_head .img_contents .img_content .item a._youtube::before,
  .section11_head .img_contents .img_content .item a._youtube::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1/1;
    pointer-events: none;
  }
  .section11_head .img_contents .img_content .item a._youtube::before {
    background: #ff0033;
    border-radius: 50%;
    width: 20px;
    z-index: 2;
  }
  .section11_head .img_contents .img_content .item a._youtube::after {
    background: #fff;
    clip-path: polygon(0 0, 0% 100%, 100% 54%);
    width: 6px;
    height: 8px;
    z-index: 3;
  }
  .section11_head .img_contents .img_content .item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .section11_head .img_contents .img_content .item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .section11 .img_content .note {
    margin-top: 0.5em;
    text-align: right;
  }
  .section11 .sec11_slide-button-prev,
  .section11 .sec11_slide-button-next {
    position: absolute;
    z-index: 2;
    top: 50%;
    translate: 0 -50%;
    margin-top: -10px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 36px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
  }
  .section11 .sec11_slide-button-prev {
    left: 2px;
    rotate: 180deg;
  }
  /* @media screen and (max-width:1400px) {
     .section11 .sec11_slide-button-prev {
   	left: 10px;
     }

   } */
  .section11 .sec11_slide-button-next {
    right: 2px;
  }
  .section11 .swiper-button-disabled {
    opacity: 0;
  }
  .section11 .sec11_slide-button-prev::before,
  .section11 .sec11_slide-button-next::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-image: url(../../202501/img/ico_arrow_w.png);
    -webkit-filter: brightness(1) invert(2);
    filter: brightness(1) invert(2);
  }
  .section11 .sec11_slide-button-next:hover:before {
    -webkit-animation: arrow 0.8s;
    animation: arrow 0.8s;
  }
  .section11 .sec11_slide-button-prev:hover:before {
    -webkit-animation: arrow 0.8s;
    animation: arrow 0.8s;
  }
  @-webkit-keyframes arrow {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    25% {
      opacity: 0;
      -webkit-transform: translate(100%, 0);
      transform: translate(100%, 0);
    }
    50% {
      opacity: 0;
      -webkit-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
  @keyframes arrow {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    25% {
      opacity: 0;
      -webkit-transform: translate(100%, 0);
      transform: translate(100%, 0);
    }
    50% {
      opacity: 0;
      -webkit-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
  .section11_other {
    margin-top: 3em;
    width: 90%;
    margin: 0 auto;
  }
  .mmInner {
    max-width: 600px;
    padding: 50px 50px 0 !important;
  }
  .mmClose {
    position: absolute !important;
    height: 50px !important;
    width: 50px !important;
    top: 15px !important;
    right: 35px !important;
    background: #fff !important;
  }
  .mmClose:before,
  .mmClose:after {
    width: 50% !important;
    height: 2px !important;
    background: #000 !important;
  }
  .mmPrev,
  .mmNext {
    position: absolute !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  .mmPrev {
    left: 0 !important;
  }
  .mmNext {
    right: 0 !important;
  }
  .mmPrev:before,
  .mmNext:before {
    width: 75% !important;
    border-width: 2px 0 0 2px !important;
  }
  .section11 .sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .section11 .pc {
    display: none;
  }
  /*************************************
   section11
   すべての子どもに希望を運ぼう。
   *************************************/
  .section11 img {
    display: block;
    width: 100%;
  }
  .section11_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .section11_head .img {
    width: 44.375%;
    margin: 0;
  }
  .section11_head .txt-area {
    width: 55.625%;
    padding: 42.1875% 15px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .section11_head .txt-area .title {
    position: absolute;
    top: 6.1797752809%;
    right: 0;
    width: 129.7752808989%;
  }
  .section11_head .txt-area .txt1 {
    font-size: 16px;
    line-height: 1.5625;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #333;
    text-align: left;
  }
  .section11_head .txt-area .txt1 small {
    font-size: 14px;
  }
  .section11_head .txt-area .txt2 {
    margin-top: 6px;
  }
  .section11_head .txt-area .txt2 a {
    display: inline;
    color: #00aeef;
    font-size: 16px;
    line-height: 1.5625;
    font-weight: 700;
    letter-spacing: -0.06em;
  }
  .section11_head .txt-area .note {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.2857142857;
    font-weight: 700;
    letter-spacing: -0.06em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: #333;
  }
  .section11_detail {
    margin-top: 15px;
  }
  .section11_detail .slide {
    margin-top: 28px;
  }
  .section11_detail .slide .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  .section11_detail .note-area {
    margin-top: 12px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section11_detail .note-area .txt {
    font-size: 15px;
    line-height: 1.5625;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .section11_detail .note-area .txt a {
    color: #00aeef;
  }
  .section11_detail .note-area .more {
    margin-top: 6px;
    display: inline-block;
    font-size: 16px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: #00aeef;
    text-decoration: underline;
    text-underline-offset: 5px;
    padding-left: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section11_detail .note-area .more:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url(../img/202501/more-arrow.png) no-repeat;
    background-size: 100% auto;
    margin: 0 7px -1px 0;
  }
  .section11_detail .note-area .more + .txt {
    display: none;
  }
  .section11_detail .note-area .more.active {
    display: none;
  }
  .section11_other {
    /* margin-top: 40px; */
  }
  .section11_other .txt {
    text-align: center;
    font-size: 17px;
    line-height: 1.5882352941;
    font-weight: 700;
  }
  .section11_other .accordion-area {
    margin-top: 24px;
  }
  .section11_other .accordion-area_item:not(:first-child) {
    margin-top: 20px;
  }
  /* .section11_other .accordion-area_item.item1 .btn {
   	padding-right: 3px;
   } */
  .section11_other .accordion-area_item.item1 .btn .icon {
    translate: 0;
    margin-left: 0;
    top: -13px;
    left: 20px;
    width: 27px;
  }
  .section11_other .accordion-area_item.item1 .contents .img {
    padding-top: 8px;
    padding-bottom: 22px;
  }
  .section11_other .accordion-area_item.item1 .contents .img img.nosp {
    display: none !important;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content {
    width: 95.3125%;
    margin: 26px 0 21px auto;
    position: relative;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2 {
    overflow: hidden;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2 .item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2 .item a {
    aspect-ratio: 1/1;
    overflow: hidden;
    cursor: pointer;
    display: block;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-prev, .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-next {
    position: absolute;
    z-index: 2;
    top: 50%;
    translate: 0 -50%;
    margin-top: -10px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 36px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-prev:before, .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-next:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-image: url(../../202501/img/ico_arrow_w.png);
    -webkit-filter: brightness(1) invert(2);
    filter: brightness(1) invert(2);
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-prev.swiper-button-disabled, .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-next.swiper-button-disabled {
    opacity: 0;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-prev {
    rotate: 180deg;
    left: 0%;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .sec11_slide2-button-next {
    right: 0;
  }
  .section11_other .accordion-area_item.item1 .contents .img_content .note {
    width: 90.625%;
    margin: 4px auto 0;
    text-align: right;
    font-size: 12px;
  }
  .section11_other .accordion-area_item.item2 .btn .icon {
    top: -2px;
    left: 10px;
    width: 43px;
  }
  .section11_other .accordion-area_item .btn {
    width: 90.625%;
    height: 55px;
    margin: 0 auto;
    background: #00aeef;
    color: #fff;
    font-size: 17px;
    line-height: 1.1764705882;
    font-weight: 700;
    letter-spacing: -0.04em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 63px;
  }
  .section11_other .accordion-area_item .btn:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: url(../../202501/img/icon_accordion_open.svg) no-repeat;
    background-size: 100% auto;
  }
  .section11_other .accordion-area_item .btn .icon {
    position: absolute;
  }
  .section11_other .accordion-area_item .btn.is-active:after {
    background-image: url(../../202501/img/icon_accordion_close.svg);
  }
  .section11_other .accordion-area_item .contents {
    display: none;
    margin-top: 20px;
    padding-inline: 24px;
  }
  .section11_faq {
    width: 90.625%;
    margin: 20px auto 0;
  }
  .section11_faq .btn {
    height: 55px;
    background: #000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    line-height: 1.1764705882;
    font-weight: 700;
    padding-left: 9px;
    position: relative;
  }
  .section11_faq .btn:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: url(../../202501/img/icon_accordion_open.svg) no-repeat;
    background-size: 100% auto;
  }
  .section11_faq .btn.is-active:after {
    background-image: url(../../202501/img/icon_accordion_close.svg);
  }
  .section11_faq .contents {
    display: none;
    background: #eceae9;
    padding: 20px 10px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section11_faq .contents .tab-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .section11_faq .contents .tab-area li {
    width: 32.5925925926%;
    height: 55px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px 6px 0 0;
    font-size: 15px;
    line-height: 1.1333333333;
    font-weight: 700;
    letter-spacing: -0.08em;
    text-align: center;
  }
  .section11_faq .contents .tab-area li.active {
    background: #000;
    color: #fff;
  }
  .section11_faq .contents .panel-area {
    display: none;
    margin-top: 25px;
  }
  .section11_faq .contents .panel-area.active {
    display: block;
  }
  .section11_faq .contents .panel-area_title {
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.01em;
    font-weight: 700;
    border: 2px solid #000;
    margin-bottom: 12px;
    padding: 5px 14px 6px;
  }
  .section11_faq .contents .panel-area_list + .panel-area_title {
    margin-top: 25px;
  }
  .section11_faq .contents .panel-area_list_item {
    background: #fff;
  }
  .section11_faq .contents .panel-area_list_item:not(:first-child) {
    margin-top: 15px;
  }
  .section11_faq .contents .panel-area_list_item dt {
    font-size: 17px;
    line-height: 1.4117647059;
    font-weight: 700;
    padding: 8px 28px 8px 37px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../../202501/img/icon_faq_q_black.svg) no-repeat top 12px left 11px;
    background-size: 17px auto;
    position: relative;
  }
  .section11_faq .contents .panel-area_list_item dt:before,
  .section11_faq .contents .panel-area_list_item dt:after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000;
  }
  .section11_faq .contents .panel-area_list_item dt:before {
    right: 16px;
    width: 2px;
    height: 14px;
  }
  .section11_faq .contents .panel-area_list_item dt:after {
    right: 10px;
    width: 14px;
    height: 2px;
  }
  .section11_faq .contents .panel-area_list_item dt.active:before {
    display: none;
  }
  .section11_faq .contents .panel-area_list_item dd {
    display: none;
    color: #000;
    font-size: 17px;
    line-height: 1.5882352941;
    background: url(../../202501/img/icon_faq_a.svg) no-repeat top 14px left 12px;
    background-size: 16px auto;
    color: #333;
  }
  .section11_faq .contents .panel-area_list_item dd .inner {
    padding: 11px 30px 14px 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section11_faq .contents .panel-area_list_item dd a {
    display: inline;
    color: #00aeef;
  }
  .section11_faq .contents .panel-area_list_item dd .img_graph {
    margin: 25px 0 18px;
  }
  .section11_faq .contents .panel-area_list_item dd .img_graph .img {
    max-width: 202px;
  }
  .section11_faq .contents .panel-area_list_item dd .img_graph .note {
    margin-top: 14px;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
    line-height: 1.3913043478;
    text-align: left;
  }
  /*==================================================
     2025/02/18 モーダル追加
   ==================================================*/
  .section11_detail {
    margin-bottom: 3em;
  }
  .section11 .img_contents {
    margin: 0;
  }
  .section11 .img_contents img {
    max-width: 100%;
  }
  .section11 .img_contents .img_content {
    position: relative;
    /* display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px; */
    margin: 3em auto 2em;
    width: 90%;
  }
  .section11 .img_contents .img_content .item a {
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
    cursor: pointer;
    display: block;
  }
  .section11 .img_contents .img_content .item a._youtube::before,
  .section11 .img_contents .img_content .item a._youtube::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1/1;
    pointer-events: none;
  }
  .section11 .img_contents .img_content .item a._youtube::before {
    background: #ff0033;
    border-radius: 50%;
    width: 30%;
    z-index: 2;
  }
  .section11 .img_contents .img_content .item a._youtube::after {
    background: #fff;
    clip-path: polygon(0 0, 0% 100%, 100% 54%);
    width: calc(12% - 2px);
    height: 12%;
    z-index: 3;
  }
  .section11 .img_contents .img_content .item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .section11 .img_content .note {
    margin-top: 0.5em;
    text-align: right;
  }
  .section11 .sec11_slide-button-prev,
  .section11 .sec11_slide-button-next {
    position: absolute;
    z-index: 2;
    top: 50%;
    translate: 0 -50%;
    margin-top: -10px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 36px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
  }
  .section11 .sec11_slide-button-prev {
    left: -5%;
    rotate: 180deg;
  }
  /* @media screen and (max-width:1400px) {
     .section11 .sec11_slide-button-prev {
   	left: 10px;
     }

   } */
  .section11 .sec11_slide-button-next {
    right: -5%;
  }
  .section11 .swiper-button-disabled {
    opacity: 0;
  }
  .section11 .sec11_slide-button-prev::before,
  .section11 .sec11_slide-button-next::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-image: url(../../202501/img/ico_arrow_w.png);
    -webkit-filter: brightness(1) invert(2);
    filter: brightness(1) invert(2);
  }
  .mmInner {
    padding: 40px 5% 0 !important;
  }
  .mmClose {
    position: absolute !important;
    height: 40px !important;
    width: 40px !important;
    top: 10px !important;
    right: calc(5% - 10px) !important;
    background: #fff !important;
  }
  .mmClose:before,
  .mmClose:after {
    width: 50% !important;
    height: 2px !important;
    background: #000 !important;
  }
  .mmPrev,
  .mmNext {
    position: absolute !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  .mmPrev {
    left: 10px !important;
  }
  .mmNext {
    right: 10px !important;
  }
  .mmPrev:before,
  .mmNext:before {
    width: 75% !important;
    border-width: 2px 0 0 2px !important;
  }
}
#headerbar {
  background: #0070e1;
}

#header {
  background-color: #00aeef;
}

img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  #header {
    height: 77px;
  }
  .headerinner {
    max-width: 930px;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .headerbarinner p {
    padding: 2px 0;
    font-size: 13px;
    line-height: 200%;
    letter-spacing: 0.02em;
    text-indent: 0.02em;
  }
}
@media screen and (max-width: 900px) {
  #header {
    height: 60px;
  }
}
@media screen and (min-width: 768px) {
  .main_wrap {
    background-image: -webkit-image-set(url(../img/winterization/main_mv.jpg) 1x, url(../img/winterization/main_mv.jpg) 2x);
    background-color: #000;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 708px;
    background-attachment: scroll;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .main_wrap {
    height: 590px;
    background-size: auto 100%;
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .main__inner {
    position: relative;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main_heading {
    width: 156px;
    position: absolute;
    right: 153px;
    top: 44px;
  }
  .main_heading img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 900px) {
  .main_heading {
    right: 40px;
  }
}
@media screen and (min-width: 768px) {
  .main_btn {
    max-width: 515px;
    width: 42.9166666667%;
    position: absolute;
    left: 9px;
    bottom: 57px;
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
  .main_wrap {
    background-image: url("../img/winterization/main_mv_tab.jpg");
    background-color: #000;
    background-position: center center;
    background-size: cover;
    height: auto;
    padding-top: 54.4615384615%;
  }
  .main__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .main_heading {
    width: 11.5384615385%;
    top: 50%;
    right: 80px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .main_btn {
    left: 40px;
  }
}
@media screen and (min-width: 768px) {
  .sec01 {
    background: url(../img/winterization/sec01_bg.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 96px;
    padding-bottom: 123px;
  }
  .sec01__text {
    font-size: 38px;
    line-height: 184.2105263158%;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    color: #2c394a;
    text-align: center;
    font-family: "Noto Serif JP", serif;
  }
  .sec01__text .text1 {
    display: block;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .sec01__text .text2 {
    margin-top: 29px;
    display: block;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .sec01__text .text3 {
    margin-top: 29px;
    display: block;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .sec01 {
    padding: 80px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec01__text {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .sec02 {
    overflow: hidden;
    position: relative;
    padding-bottom: 232px;
  }
  .sec02::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 240px;
    pointer-events: none;
    /* 背景へ白くフェードアウトさせるグラデーション */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    z-index: 2;
  }
  .sec02 .sec02__bg {
    width: 100%;
    height: 100%;
    clip-path: inset(0 0 0 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .sec02 .sec02__bg:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/winterization/sec02_bg.jpg) no-repeat top center;
    background-size: cover;
    inset: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
  }
  .sec02__inner {
    max-width: 1280px;
    padding: 86px 40px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto 0 auto;
  }
  .sec02__item {
    width: 1200px;
  }
  .sec02__item:nth-of-type(1) {
    height: 658px;
    background: url(../img/winterization/sec02_item1_bg.png) no-repeat center top;
    background-size: 100% auto;
  }
  .sec02__item:nth-of-type(2) {
    margin-top: 17px;
    height: 658px;
    background: url(../img/winterization/sec02_item2_bg.png) no-repeat center top;
    background-size: 100% auto;
  }
  .sec02__item:nth-of-type(2) .sec02__item__detail {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .sec02__item:nth-of-type(2) .sec02__item__detail .text {
    padding-left: 0;
    padding-right: 40px;
  }
  .sec02__item:nth-of-type(3) {
    margin-top: 17px;
    height: 704px;
    background: url(../img/winterization/sec02_item3_bg.png) no-repeat center top;
    background-size: 100% auto;
  }
  .sec02__item:nth-of-type(3) .sec02__item__head {
    padding-top: 74px;
  }
  .sec02__item__head {
    position: relative;
    padding-top: 59px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec02__item__head .en {
    position: absolute;
  }
  .sec02__item__head .en.en1 {
    width: 245px;
    left: 38px;
    top: 41px;
  }
  .sec02__item__head .en.en2 {
    width: 343px;
    left: -11px;
    top: 5px;
  }
  .sec02__item__head .en.en3 {
    width: 177px;
    left: 15px;
    top: 40px;
  }
  .sec02__item__head .ttl {
    margin: 0 auto 0 auto;
  }
  .sec02__item__head .ttl.ttl1 {
    width: 492px;
    -webkit-transform: translateX(-23px);
            transform: translateX(-23px);
  }
  .sec02__item__head .ttl.ttl2 {
    width: 603px;
    -webkit-transform: translateX(-14px);
            transform: translateX(-14px);
  }
  .sec02__item__head .ttl.ttl3 {
    width: 114px;
  }
  .sec02__item__detail {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 67px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec02__item__detail .image {
    width: 45.2157598499%;
  }
  .sec02__item__detail .text {
    width: 52.9080675422%;
    padding-top: 16px;
    padding-left: 45px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 18px;
    line-height: 200%;
  }
  .sec02__item__detail .text .text1 {
    display: block;
    margin-bottom: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1350px) {
  .sec02 {
    padding-bottom: 100px;
  }
  .sec02__item {
    width: 100%;
    padding-bottom: 80px;
  }
  .sec02__item:nth-of-type(1) {
    height: auto;
    background: url(../img/winterization/sec02_item1_bg.png) no-repeat center top;
    background-size: cover;
  }
  .sec02__item:nth-of-type(2) {
    height: auto;
    background: url(../img/winterization/sec02_item2_bg.png) no-repeat center top;
    background-size: cover;
  }
  .sec02__item:nth-of-type(3) {
    height: auto;
    background: url(../img/winterization/sec02_item3_bg.png) no-repeat center top;
    background-size: cover;
  }
  .sec02__item__head {
    position: relative;
    padding-top: 59px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec02__item__head .en {
    position: absolute;
  }
  .sec02__item__head .en.en1 {
    width: 184px;
    left: 28.5px;
    top: 30.75px;
  }
  .sec02__item__head .en.en2 {
    width: 257px;
    left: -8.25px;
    top: 3.75px;
  }
  .sec02__item__head .en.en3 {
    width: 133px;
    left: 11.25px;
    top: 30px;
  }
  .sec02__item__head .ttl {
    margin: 0 auto 0 auto;
  }
  .sec02__item__head .ttl.ttl1 {
    width: 369px;
  }
  .sec02__item__head .ttl.ttl2 {
    width: 452.25px;
  }
  .sec02__item__head .ttl.ttl3 {
    width: 85.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .sec02__item__detail {
    display: block;
  }
  .sec02__item__detail .image {
    margin: 0 auto 20px;
    width: 80%;
  }
  .sec02__item__detail .text {
    width: 100%;
    padding: 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 18px;
    line-height: 200%;
  }
}
@media screen and (min-width: 768px) {
  .sec03 {
    padding-bottom: 100px;
    position: relative;
    background: url(../img/winterization/sec03_bg.jpg) no-repeat top center;
    background-size: cover;
    z-index: 3;
    background-position: center 30px;
  }
  .sec03__inner {
    max-width: 1280px;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto 0 auto;
  }
  .sec03__ttl {
    font-size: 50px;
    line-height: 150%;
    font-weight: 700;
    color: #dd652f;
    text-align: center;
    position: relative;
  }
  .sec03__ttl:before {
    position: absolute;
    content: "";
    top: -91px;
    left: calc(50% - 695px);
    width: 377px;
    height: 155px;
    background: url(../img/winterization/sec03_rebon_left.png) no-repeat top center;
    background-size: 100%;
  }
  .sec03__ttl:after {
    position: absolute;
    content: "";
    top: -87px;
    left: calc(50% + 317px);
    width: 377px;
    height: 155px;
    background: url(../img/winterization/sec03_rebon_right.png) no-repeat top center;
    background-size: 100%;
  }
  .sec03__top {
    margin-top: -20px;
    position: relative;
  }
  .sec03__top .image {
    width: 58.5833333333%;
    -webkit-transform: translateX(-55px);
            transform: translateX(-55px);
  }
  .sec03__top .text {
    margin-top: 119px;
    -webkit-transform: translateX(21px);
            transform: translateX(21px);
    padding-top: 72px;
    position: absolute;
    right: 0;
    top: 0;
    width: 63.5%;
    min-height: 420px;
    background: url(../img/winterization/sec03_top_bg.png) no-repeat top center;
    background-size: 100%;
    text-align: center;
    color: #00aeef;
    font-size: 34px;
    line-height: 161.7647058824%;
    letter-spacing: 0.08em;
    font-weight: 700;
  }
  .sec03__middle {
    margin-top: 112px;
  }
  .sec03__middle .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec03__middle .list__item {
    width: 47.5%;
    padding: 37px 30px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    background: #fff;
  }
  .sec03__middle .list__item:after {
    position: absolute;
    content: "";
    top: -97px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 230px;
    height: 97px;
    background: url(../img/winterization/sec03_middle_deco.png) no-repeat top center;
    background-size: 100%;
  }
  .sec03__middle .list__item .label {
    position: absolute;
    top: 22px;
    left: 0;
  }
  .sec03__middle .list__item .label.label1 {
    width: 103px;
  }
  .sec03__middle .list__item .label.label2 {
    width: 174px;
  }
  .sec03__middle .list__item .text {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 18px;
    font-size: 18px;
    line-height: 222.2222222222%;
  }
  .sec03__bottom {
    margin: 76px auto 0 auto;
    width: 1041px;
    height: 886px;
    background: url(../img/winterization/sec03_bottom_bg.png) no-repeat top center;
    background-size: 100%;
    position: relative;
    padding-top: 97px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec03__bottom .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec03__bottom .list li {
    width: 240px;
    height: 55px;
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    border-radius: 100vh;
    color: #fff;
    background: #00aeef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec03__bottom .list li:not(:last-of-type) {
    margin-right: 20px;
  }
  .sec03__bottom .text1 {
    margin-top: 44px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #00aeef;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
  }
  .sec03__bottom .text2 {
    margin-top: 35px;
    font-size: 34px;
    font-weight: 700;
    line-height: 161.7647058824%;
    color: #00aeef;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
  }
  .sec03__bottom .pic1 {
    margin: 36px auto 0 auto;
    width: 87.8962536023%;
  }
  .sec03__bottom .pic2 {
    width: 258px;
    position: absolute;
    left: -92px;
    top: 117px;
  }
  .sec03__bottom .pic3 {
    width: 284px;
    position: absolute;
    right: -108px;
    top: 280px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .sec03 {
    padding-bottom: 100px;
    position: relative;
  }
  .sec03__ttl {
    font-size: 37.5px;
  }
  .sec03__ttl:before {
    position: absolute;
    content: "";
    top: -68.25px;
    left: -80px;
    width: 282.75px;
    height: 116.25px;
  }
  .sec03__ttl:after {
    top: -65.25px;
    left: auto;
    right: -80px;
    width: 282.75px;
    height: 116.25px;
  }
  .sec03__top {
    margin-top: -20px;
    position: relative;
  }
  .sec03__top .image {
    width: 58.5833333333%;
    min-width: 600px;
    -webkit-transform: none;
            transform: none;
    margin: 0 auto;
  }
  .sec03__top .text {
    margin: -20px auto 0;
    -webkit-transform: none;
            transform: none;
    padding: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: static;
    width: 100%;
    min-height: auto;
    height: auto;
    background: none;
    background: #fff;
    font-size: 25.5px;
    background-size: auto 100%;
    border-radius: 20px;
  }
  .sec03__middle .list__item .label.label1 {
    width: 77.25px;
  }
  .sec03__middle .list__item .label.label2 {
    width: 130.5px;
  }
  .sec03__middle .list__item .text {
    font-size: 16px;
  }
  .sec03__bottom {
    margin: 60px auto 0 auto;
    width: 100%;
    height: auto;
    border-radius: 20px;
    background: #fff;
    padding: 40px;
    padding-top: 50px;
  }
  .sec03__bottom .list li {
    width: 30%;
    height: 40px;
    font-size: 20px;
  }
  .sec03__bottom .list li:not(:last-of-type) {
    margin-right: 3%;
  }
  .sec03__bottom .text1 {
    margin-top: 30px;
    font-size: 22.5px;
    font-weight: 700;
    line-height: 1;
    color: #00aeef;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
  }
  .sec03__bottom .text2 {
    margin-top: 20px;
    font-size: 25.5px;
    font-weight: 700;
    line-height: 161.7647058824%;
    color: #00aeef;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
  }
  .sec03__bottom .pic1 {
    margin: 20px auto 0 auto;
    width: 80%;
  }
  .sec03__bottom .pic2 {
    display: none;
  }
  .sec03__bottom .pic3 {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .section04 {
    width: 100%;
    height: 600px;
    background: url(../img/winterization/sec04_img.jpg) no-repeat top center;
    background-size: cover;
  }
  .section04__inner {
    max-width: 1280px;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto 0 auto;
  }
  .section04__title {
    padding-top: 18.3333333333%;
    width: 58.5833333333%;
  }
}
@media screen and (min-width: 768px) {
  .section05 {
    margin-top: -5px;
    padding-bottom: 48px;
  }
  .section05__title {
    background: url(../img/winterization/sec05_ttl_bg.png) repeat-x top center;
    background-size: auto 100%;
    height: 127px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 40px;
    position: relative;
  }
  .section05__title:after {
    content: "";
    width: 34px;
    height: 20px;
    display: block;
    line-height: 1;
    background: url(../img/winterization/sec05_ttl_arw.png) no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    left: 50.3%;
    bottom: -16px;
  }
  .section05__title img {
    max-width: 813px;
  }
  .section05__inner {
    max-width: 1280px;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto 0 auto;
  }
  .section05__inner .icon {
    margin: 57px auto 0 auto;
    -webkit-transform: translateX(19px);
            transform: translateX(19px);
    width: 59.5%;
  }
  .section05__inner .contents {
    position: relative;
  }
  .section05__inner .contents .img {
    width: 40.5%;
    position: absolute;
    left: -25px;
    top: 52px;
    z-index: 1;
  }
  .section05__inner .contents .textarea {
    position: relative;
    z-index: 2;
    margin-left: auto;
    width: 59.4166666667%;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    padding-top: 42px;
  }
  .section05__inner .contents .textarea .text1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 227.7777777778%;
    letter-spacing: 0.05em;
    color: #4e4d4d;
  }
  .section05__inner .contents .textarea .text2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 183.3333333333%;
    letter-spacing: 0.05em;
    color: #00aeef;
  }
  .section05__inner .contents .textarea .text2 .text-small {
    font-size: 18px;
    line-height: 227.7777777778%;
    letter-spacing: 0.05em;
    color: #4e4d4d;
    font-weight: 500;
  }
  .section05__inner .contents .textarea .text3 {
    margin-top: 20px;
    font-size: 30px;
    font-weight: 700;
    line-height: 183.3333333333%;
    letter-spacing: 0.05em;
    color: #00aeef;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .section05__inner .icon {
    margin: 40px auto 0 auto;
    -webkit-transform: none;
            transform: none;
    width: 80%;
  }
  .section05__inner .contents {
    position: relative;
  }
  .section05__inner .contents .img {
    width: 70%;
    position: static;
    margin: 0 auto 0 auto;
  }
  .section05__inner .contents .textarea {
    margin: 0 auto;
    width: 80%;
    padding-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .section11__inner {
    max-width: 1200px;
    margin: 0 auto 0 auto;
  }
  .section11__head {
    padding-top: 72px;
    padding-bottom: 72px;
    position: relative;
  }
  .section11__head .image {
    position: absolute;
    right: -3px;
    top: -2px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
  .section11__head .image {
    width: 42.0833333333%;
    right: -3px;
  }
  .section11__head .image img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .section11__head .textarea {
    width: 58.3333333333%;
    padding-left: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
  .section11__head .textarea {
    padding-left: 0;
  }
  .section11__head .textarea .title img {
    width: 100%;
  }
  .section11__head .textarea .mark {
    margin-left: 40px;
  }
  .section11__head .textarea .txt1 {
    padding-left: 40px !important;
    line-height: 1.5 !important;
  }
  .section11__head .textarea .note {
    padding-left: 40px !important;
  }
  .section11__head .textarea .txt2 {
    padding-left: 40px !important;
    line-height: 2 !important;
  }
  .section11__head .textarea .br-tab {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .section11__head .textarea .mark {
    margin-top: 44px;
    width: 348px;
  }
  .section11__head .textarea .txt1 {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 133.3333333333%;
    letter-spacing: -0.02em;
    padding-left: 7px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11__head .textarea .txt1 .text-blue {
    color: #00aeef;
  }
  .section11__head .textarea .note {
    margin-top: 14px;
    font-size: 18px;
    line-height: 155.5555555556%;
    letter-spacing: 0.03em;
    padding-left: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11__head .textarea .txt2 {
    margin-top: 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 133.3333333333%;
    letter-spacing: -0.01em;
    color: #00aeef;
    text-underline-offset: 12px;
    padding-left: 7px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11__head .textarea .txt2 a:hover, .section11__head .textarea .txt2 a:link, .section11__head .textarea .txt2 a:visited {
    color: #00aeef;
  }
  .section11 .bottleSwiper {
    margin-top: 100px;
    width: 100%;
    padding: 20px 0;
    position: relative;
    /* 各スライドごとに傾きを付与 */
    /* 必要に応じて続ける */
  }
  .section11 .bottleSwiper .swiper-slide {
    width: 340px;
    height: 340px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    padding: 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11 .bottleSwiper .swiper-slide a {
    display: block;
    width: 100%;
  }
  .section11 .bottleSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    /* ランダムに傾ける */
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(1) {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(2) {
    --rotate: 3deg;
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(3) {
    --rotate: -4deg;
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(4) {
    --rotate: 2deg;
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(5) {
    --rotate: -6deg;
  }
  .section11__bottle {
    background: #cdcdcd;
    padding-top: 55px;
    padding-bottom: 43px;
  }
  .section11__bottle__inner {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11__bottle .image {
    width: 73.9166666667%;
    position: absolute;
    left: -67px;
    top: 0;
  }
  .section11__bottle .textarea {
    padding-top: 126px;
    width: 405px;
    margin-left: auto;
  }
  .section11__bottle .textarea .mark {
    margin-top: 44px;
    width: 348px;
  }
  .section11__bottle .textarea .title {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 158.3333333333%;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .section11__bottle .textarea .txt1 {
    margin-top: 21px;
    color: #333333;
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;
  }
  .section11__bottle .textarea .txt2 {
    margin-top: 14px;
    color: #333333;
    font-size: 15px;
    line-height: 186.6666666667%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1201px) and (max-width: 1300px) {
  .section11__bottle__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .section11__bottle .image {
    width: 65%;
    position: static;
  }
  .section11__bottle .image img {
    width: 100%;
  }
  .section11__bottle .textarea {
    width: 35%;
    padding-top: 0;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11__bottle .textarea .mark {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1001px) and (max-width: 1200px) {
  .section11__bottle__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section11__bottle .image {
    width: 55%;
    position: static;
  }
  .section11__bottle .image img {
    width: 100%;
  }
  .section11__bottle .textarea {
    width: 45%;
    padding-top: 0;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11__bottle .textarea .mark {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1000px) {
  .section11__bottle__inner {
    display: block;
  }
  .section11__bottle .image {
    width: 100%;
    position: static;
  }
  .section11__bottle .image img {
    width: 100%;
  }
  .section11__bottle .textarea {
    margin: 20px auto 0 auto;
    width: 100%;
    max-width: 400px;
    padding-top: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11__bottle .textarea .mark {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .section11 .note-area {
    margin: 50px auto 0 auto;
    max-width: 850px;
    color: #333;
  }
  .section11 .note-area .txt li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 15px;
    line-height: 186.6666666667%;
  }
  .section11 .note-area .txt li a:hover, .section11 .note-area .txt li a:link, .section11 .note-area .txt li a:visited {
    color: #00aeef;
  }
  .section11 .section11_other {
    margin-top: 54px;
  }
  .section11 .section11_other .txt {
    text-align: center;
    font-size: 24px;
    line-height: 158.3333333333%;
    font-weight: 600;
  }
  .section11 .section11_other .accordion-area {
    margin-top: 65px;
  }
  .section11 .section11_other .accordion-area_item.item1 .contents .img {
    padding-top: 55px;
  }
  .section11 .section11_other .accordion-area_item.item1 .contents .img img {
    width: 945px;
    -webkit-transform: translateX(35px);
            transform: translateX(35px);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1000px) {
  .section11 .section11_other .accordion-area_item.item1 .contents .img img {
    width: 100%;
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (min-width: 768px) {
  .section11 .section11_other .accordion-area_item.item1 .contents .img_content {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .donation .head img {
    width: 425px;
  }
  .donation > .body {
    max-width: 1080px;
    width: 100%;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 32px auto 0;
  }
  .donation_item em {
    color: #00aeef;
    font-weight: bold;
  }
  .donation_annotation {
    margin-top: 38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .donation .head img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .sectionFlow > .head {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

.sectionFlow_bottom img {
  max-width: 784px;
}

.sectionJoin > .head {
  color: #00aeef;
}
@media screen and (min-width: 768px) {
  .sectionJoin > .head {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
.sectionJoin > .head img {
  max-width: 100%;
}

.sectionJoin_item > .head {
  color: #00aeef;
}

.sectionJoin_items > li:nth-of-type(1) .head {
  background-image: url(../img/winterization/join_numb1.png);
}

.sectionJoin_items > li:nth-of-type(2) .head {
  background-image: url(../img/winterization/join_numb2.png);
}

.sectionJoin_items > li:nth-of-type(3) .head {
  background-image: url(../img/winterization/join_numb3.png);
}

.sectionQA > .head {
  color: #00aeef;
}
@media screen and (min-width: 768px) {
  .sectionQA > .head {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

.sectionQA_item > .head {
  color: #00aeef;
}

.sectionQA_item > .body:before {
  color: #00aeef;
}

.sectionQA_item > .head {
  background: #f4f4f4 url(../img/winterization/qa_switch_plus.png) no-repeat !important;
  background-position: calc(100% - 25px) center !important;
}

.sectionQA_item > .head.is-active {
  background: #f4f4f4 url(../img/winterization/qa_switch_minus.png) calc(100% - 25px) center no-repeat !important;
}

.sectionQA_item > .body a {
  color: #00aeef;
}

@media screen and (min-width: 768px) {
  .sectionVoice h2 {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
.sectionVoice h2 {
  position: relative;
  z-index: 2;
}

.footImg {
  background: #1c0b05 url(../img/winterization/foot_img.jpg) no-repeat right center;
  background-size: cover;
  display: block;
  padding: 0 0;
}
@media screen and (min-width: 1301px) and (max-width: 1500px) {
  .footImg {
    background: #1c0b05 url(../img/winterization/foot_img.jpg) no-repeat -200px center;
    background-size: cover;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1300px) {
  .footImg {
    background: #1c0b05 url(../img/winterization/foot_img.jpg) no-repeat -400px center;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .footImg {
    background: #1c0b05 url(../img/winterization/foot_img.jpg) no-repeat -100px center;
    background-size: cover;
  }
  .footImg h2 {
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-right: 0;
  }
  .footImg__inner {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.footImg__inner {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-left: 116px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footImg h2 {
  color: #fff;
  font-size: 33px;
  line-height: 157.5757575758%;
  padding-right: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-shadow: 0 2px 3px rgba(3, 0, 0, 0.75);
  margin-left: auto;
}

.pagetop a {
  background-image: url(../img/winterization/icon_circle_top.png);
  background-size: 17px 17px;
}

.pagetop2 a {
  background-image: url(../img/winterization/icon_circle_right.png);
  background-size: 17px 17px;
}

@media screen and (min-width: 768px) {
  .footerCTA_top_top {
    padding: 40px 40px 24px;
    background: #e4f3fd;
  }
}
.cont_7_img_pu_13.mov {
  border: none;
}

.cont_7_img_pu_13.mov iframe {
  display: block;
  height: 100%;
  width: 56.2414266118%;
  margin: 0 auto;
}

#headerbar {
  background: #0070e1;
}

#header {
  background-color: #00aeef;
}

@media screen and (max-width: 767.98px) {
  .headerbarinner {
    padding: 0 0;
    font-size: 10px;
    line-height: 1.529;
    width: 100%;
  }
  .headerbarinner .l-container {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .main_wrap {
    background-image: url(../img/winterization/sp/main_mv_sp.jpg);
    background-color: #000;
    background-position: center 0;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 139.8666666667%;
  }
  .main_heading {
    width: 86.1333333333%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-51%);
            transform: translateX(-51%);
    top: 5.5290753098%;
  }
  .main_heading img {
    width: 100%;
  }
  .main_btn {
    width: 92.2666666667%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 5.5290753098%;
  }
}
@media screen and (max-width: 767.98px) {
  .sec01 {
    background: url(../img/winterization/sp/sec01_bg_sp.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 33px;
    padding-bottom: 32px;
  }
  .sec01__text {
    font-size: 18px;
    line-height: 177.7777777778%;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    color: #2c394a;
    text-align: center;
    font-family: "Noto Serif JP", serif;
  }
  .sec01__text .text1 {
    display: block;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .sec01__text .text2 {
    margin-top: 17px;
    display: block;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .sec01__text .text3 {
    margin-top: 17px;
    display: block;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .sec01__text .text3 .pc-only {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .sec02 {
    overflow: hidden;
    position: relative;
    padding-top: 25px;
    padding-bottom: 33px;
    z-index: 11;
  }
  .sec02 .sec02__bg {
    width: 100%;
    height: 100%;
    clip-path: inset(0 0 0 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .sec02 .sec02__bg:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/winterization/sp/sec02_bg_sp.jpg) no-repeat top center;
    background-size: cover;
    inset: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
  }
  .sec02__item {
    margin: 0 auto 0 auto;
    width: 87.7333333333%;
    max-width: 329px;
  }
  .sec02__item:nth-of-type(1) {
    height: 798px;
    background: url(../img/winterization/sp/sec02_item1_bg_sp.png) no-repeat center top;
    background-size: 100% auto;
  }
  .sec02__item:nth-of-type(2) {
    margin-top: 54px;
    height: 719px;
    background: url(../img/winterization/sp/sec02_item2_bg_sp.png) no-repeat center top;
    background-size: 100% auto;
  }
  .sec02__item:nth-of-type(2) .sec02__item__head {
    padding-top: 24px;
  }
  .sec02__item:nth-of-type(3) {
    margin-top: 48px;
    height: 876px;
    background: url(../img/winterization/sp/sec02_item3_bg_sp.png) no-repeat center top;
    background-size: 100% auto;
  }
  .sec02__item:nth-of-type(3) .sec02__item__head {
    padding-top: 30px;
  }
  .sec02__item__head {
    position: relative;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec02__item__head .en {
    position: absolute;
  }
  .sec02__item__head .en.en1 {
    width: 107px;
    left: 9px;
    top: -1px;
  }
  .sec02__item__head .en.en2 {
    width: 135px;
    left: -1px;
    top: -6px;
  }
  .sec02__item__head .en.en3 {
    width: 83px;
    left: 6px;
    top: 12px;
  }
  .sec02__item__head .ttl {
    margin: 0 auto 0 auto;
  }
  .sec02__item__head .ttl.ttl1 {
    width: 108px;
  }
  .sec02__item__head .ttl.ttl2 {
    width: 156px;
  }
  .sec02__item__head .ttl.ttl3 {
    width: 46px;
  }
  .sec02__item__detail {
    margin-top: 9px;
  }
  .sec02__item__detail .image {
    margin: 0 auto 0 auto;
    width: 89.3617021277%;
  }
  .sec02__item__detail .text {
    width: 85.4103343465%;
    margin: 15px auto 0 auto;
    font-size: 17px;
    line-height: 176.4705882353%;
  }
  .sec02__item__detail .text .text1 {
    display: block;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .sec03 {
    padding-top: 42px;
    padding-bottom: 42px;
    z-index: 10;
    position: relative;
    background: url(../img/winterization/sp/sec03_bg_sp.jpg) no-repeat top center;
    background-size: 100% auto;
  }
  .sec03__ttl {
    font-size: 25px;
    line-height: 150%;
    font-weight: 700;
    color: #dd652f;
    text-align: center;
    position: relative;
  }
  .sec03__ttl:before {
    position: absolute;
    content: "";
    top: -56px;
    left: -48px;
    width: 156px;
    height: 64px;
    background: url(../img/winterization/sp/sec03_rebon_left_sp.png) no-repeat top center;
    background-size: 100%;
  }
  .sec03__ttl:after {
    position: absolute;
    content: "";
    top: -56px;
    right: -48px;
    width: 156px;
    height: 64px;
    background: url(../img/winterization/sp/sec03_rebon_right_sp.png) no-repeat top center;
    background-size: 100%;
  }
  .sec03__top {
    margin-top: 8px;
    position: relative;
  }
  .sec03__top .image {
    width: 100%;
    position: relative;
    z-index: 5;
  }
  .sec03__top .text {
    margin: -42px auto 0;
    padding: 32px 33px 32px 47px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 359px;
    width: 95.7333333333%;
    min-height: 177px;
    background: url(../img/winterization/sp/sec03_top_bg_sp.png) no-repeat top center;
    background-size: 100%;
    color: #00aeef;
    font-size: 19px;
    line-height: 144.7368421053%;
    letter-spacing: 0.01em;
    font-weight: 700;
    position: relative;
    z-index: 6;
  }
  .sec03__middle {
    margin-top: 60px;
  }
  .sec03__middle .list {
    margin: 0 auto;
    width: 88%;
  }
  .sec03__middle .list__item {
    width: 100%;
    padding: 22px 18px 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    background: #fff;
  }
  .sec03__middle .list__item:nth-of-type(2) {
    margin-top: 74px;
  }
  .sec03__middle .list__item:after {
    position: absolute;
    content: "";
    top: -56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 133px;
    height: 56px;
    background: url(../img/winterization/sp/sec03_middle_deco_sp.png) no-repeat top center;
    background-size: 100%;
  }
  .sec03__middle .list__item .label {
    position: absolute;
    top: 13px;
    left: 0;
  }
  .sec03__middle .list__item .label.label1 {
    width: 60px;
  }
  .sec03__middle .list__item .label.label2 {
    width: 101px;
  }
  .sec03__middle .list__item .text {
    padding: 0 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 15px;
    font-size: 17px;
    line-height: 158.8235294118%;
  }
  .sec03__bottom {
    margin: 17px auto 0 auto;
    max-width: 363px;
    width: 96.8%;
    height: 447px;
    background: url(../img/winterization/sp/sec03_bottom_bg_sp.png) no-repeat top center;
    background-size: 100%;
    position: relative;
    padding-top: 45px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec03__bottom .list {
    margin: 0 auto;
    width: 81.2672176309%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sec03__bottom .list li {
    width: 47.7966101695%;
    height: 33px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    border-radius: 100vh;
    color: #fff;
    background: #00aeef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec03__bottom .list li:nth-of-type(odd) {
    margin-right: 4.0677966102%;
  }
  .sec03__bottom .list li:nth-of-type(3) {
    margin-top: 12px;
  }
  .sec03__bottom .text1 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    color: #00aeef;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    position: absolute;
    top: 102px;
    right: 118px;
  }
  .sec03__bottom .text2 {
    margin-top: 19px;
    font-size: 18px;
    font-weight: 700;
    line-height: 172.2222222222%;
    color: #00aeef;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
  }
  .sec03__bottom .pic1 {
    margin: 6px auto 0 auto;
    width: 92.8374655647%;
  }
}
@media screen and (max-width: 767.98px) {
  .section04 {
    width: 100%;
    padding-top: 65.8666666667%;
    background: url(../img/winterization/sp/sec04_img_sp.jpg) no-repeat top center;
    background-size: cover;
    position: relative;
  }
  .section04__title {
    width: 54.6666666667%;
    padding-top: 18.6666666667%;
    padding-left: 4.4%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}
@media screen and (max-width: 767.98px) {
  .section05 {
    margin-top: -5px;
    padding-bottom: 24px;
  }
  .section05__title {
    background: url(../img/winterization/sp/sec05_ttl_bg_sp.png) repeat-x top center;
    background-size: auto 100%;
    height: 81px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section05__title img {
    max-width: 100%;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  .section05__inner .icon {
    margin: 20px auto 0 auto;
    width: 89.6%;
  }
  .section05__inner .contents {
    position: relative;
  }
  .section05__inner .contents .textarea {
    position: relative;
    z-index: 2;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    padding-top: 15px;
  }
  .section05__inner .contents .textarea .text1 {
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 152.9411764706%;
    color: #4e4d4d;
  }
  .section05__inner .contents .textarea .text1 span {
    color: #00aeef;
    font-weight: 700;
  }
  .section05__inner .contents .textarea .img {
    margin: 15px auto 0;
    width: 94.6666666667%;
  }
  .section05__inner .contents .textarea .text3 {
    margin-top: 13px;
    font-size: 19px;
    font-weight: 700;
    line-height: 171.0526315789%;
    color: #00aeef;
    text-align: center;
  }
}
@media screen and (max-width: 767.98px) {
  .section11__inner {
    max-width: 1200px;
    margin: 0 auto 0 auto;
  }
  .section11__head {
    padding-bottom: 143px;
    position: relative;
  }
  .section11__head .image {
    width: 100%;
  }
  .section11__head .textarea {
    position: absolute;
    left: 0;
    top: 208px;
    width: 72%;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11__head .textarea .mark {
    width: 100%;
    max-width: 174px;
    margin-left: -7px;
  }
  .section11__head .textarea .txt1 {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
  .section11__head .textarea .txt1 .text-blue {
    color: #00aeef;
  }
  .section11__head .textarea .note {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0.03em;
  }
  .section11__head .textarea .txt2 {
    margin-top: 23px;
    font-size: 16px;
    font-weight: 700;
    line-height: 187.5%;
    letter-spacing: -0.01em;
    color: #00aeef;
    text-underline-offset: 8px;
  }
  .section11__head .textarea .txt2 a:hover, .section11__head .textarea .txt2 a:link, .section11__head .textarea .txt2 a:visited {
    color: #00aeef;
  }
  .section11 .bottleSwiper {
    width: 100%;
    padding: 20px 0;
    position: relative;
    /* 各スライドごとに傾きを付与 */
    /* 必要に応じて続ける */
  }
  .section11 .bottleSwiper .swiper-slide {
    width: 340px;
    height: 340px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    padding: 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section11 .bottleSwiper .swiper-slide a {
    display: block;
    width: 100%;
  }
  .section11 .bottleSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    /* ランダムに傾ける */
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(1) {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(2) {
    --rotate: 3deg;
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(3) {
    --rotate: -4deg;
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(4) {
    --rotate: 2deg;
  }
  .section11 .bottleSwiper .swiper-slide:nth-child(5) {
    --rotate: -6deg;
  }
  .section11__bottle {
    background: #cdcdcd;
    padding-top: 30px;
    padding-bottom: 22px;
  }
  .section11__bottle .image {
    width: 100%;
  }
  .section11__bottle .textarea {
    padding-top: 15px;
    width: 100%;
    text-align: center;
  }
  .section11__bottle .textarea .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 135.7142857143%;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .section11__bottle .textarea .txt1 {
    margin-top: 11px;
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    line-height: 125%;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .section11__bottle .textarea .txt2 {
    margin-top: 3px;
    color: #333333;
    font-size: 13px;
    line-height: 123.0769230769%;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .section11 .note-area {
    margin: 22px auto 0 auto;
    max-width: 90.6666666667%;
    color: #333;
  }
  .section11 .note-area .txt li {
    font-size: 15px;
    line-height: 153.3333333333%;
  }
  .section11 .note-area .txt li a:hover, .section11 .note-area .txt li a:link, .section11 .note-area .txt li a:visited {
    color: #00aeef;
  }
  .section11 .section11_other {
    margin-top: 34px;
  }
  .section11 .section11_other .txt {
    text-align: center;
    font-size: 17px;
    line-height: 141.1764705882%;
    font-weight: 600;
  }
  .section11 .section11_other .accordion-area {
    margin-top: 19px;
  }
  .section11 .section11_other .accordion-area_item.item1 .contents .img {
    padding-top: 9px;
  }
  .section11 .section11_other .accordion-area_item.item1 .contents .img img {
    display: block;
    margin: 0 auto;
  }
  .section11 .section11_other .accordion-area_item .btn {
    padding-left: 80px;
  }
  .section11 .section11_other .accordion-area_item.item1 .btn .icon {
    translate: 0;
    margin-left: 0;
    top: -16px;
    left: 2px;
    width: 65px;
  }
  .section11 .section11_other .accordion-area_item.item1 .contents .img_content {
    margin-top: 3px;
  }
  .section11 .section11_other .accordion-area_item.item1 .contents .img.img-sp {
    width: 100%;
    margin: 0 auto;
  }
  .section11 .section11_other .accordion-area_item.item1 .contents .img.img-sp img {
    width: 100%;
  }
  .anchor-link2 {
    margin-top: -18vw;
    padding-top: 18vw;
  }
}
@media screen and (max-width: 849.98px) {
  .donation > .body {
    width: 90.6666666667%;
    padding: 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 17px auto 0;
  }
  .donation_text01 {
    padding-top: 0;
  }
  .donation_items {
    margin-top: 16px;
    width: 100%;
  }
  .donation_item {
    margin-bottom: 15px;
  }
  .donation_item em {
    color: #00aeef;
    font-weight: bold;
  }
  .donation_item_spimg {
    width: 37.6470588235%;
  }
  .donation_item_text {
    margin-left: 0;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.3529411765%;
    line-height: 141.1764705882%;
    font-size: 17px;
  }
}
@media screen and (max-width: 767.98px) {
  .blockOffer {
    background: #00aeef;
  }
  .blockOffer a img {
    width: 90.6666666667%;
  }
  .blockOfferFooter2 {
    margin: 8px 0 0 0;
    text-align: center;
    font-size: 12px;
  }
}
.sectionJoin {
  margin-top: 60px;
}

.sectionJoin > .head {
  color: #00aeef;
}
.sectionJoin > .head img {
  max-width: 100%;
}

.sectionJoin_item > .head {
  color: #00aeef;
}

@media screen and (max-width: 767.98px) {
  .sectionJoin_items > li:nth-of-type(1) .head {
    background: url(../img/winterization/sp/join_numb1_sp.png) no-repeat 4px 14px/35px auto;
  }
  .sectionJoin_items > li:nth-of-type(2) .head {
    background: url(../img/winterization/sp/join_numb2_sp.png) no-repeat 4px 14px/35px auto;
  }
  .sectionJoin_items > li:nth-of-type(3) .head {
    background: url(../img/winterization/sp/join_numb3_sp.png) no-repeat 4px 14px/35px auto;
  }
}
.sectionQA > .head {
  color: #00aeef;
}

.sectionQA_item > .head {
  color: #00aeef;
}

.sectionQA_item > .body:before {
  color: #00aeef;
}

.sectionQA_item > .head {
  background: #f4f4f4 url(../img/winterization/qa_switch_plus.png) no-repeat;
  background-position: calc(100% - 25px) center;
}

.sectionQA_item > .head.is-active {
  background: #f4f4f4 url(../img/winterization/qa_switch_minus.png) calc(100% - 25px) center no-repeat;
}

.sectionQA_item > .body a {
  color: #00aeef;
}

@media screen and (max-width: 767.98px) {
  .report_sp_text {
    padding: 28px 24px;
  }
  .report_sp_text .txt {
    font-size: 15px;
    margin-top: 9px;
    line-height: 142.8571428571%;
  }
}
@media screen and (max-width: 767.98px) {
  .footImg {
    width: 100%;
    height: 212px;
    background: #1c0b05 url(../img/winterization/sp/foot_img_sp.jpg) no-repeat right center;
    background-size: cover;
    display: block;
    padding: 0 0;
  }
  .footImg__inner {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 10px;
  }
  .footImg h2 {
    margin-left: auto;
    width: 180px;
    color: #fff;
    font-size: 16px;
    line-height: 137.5%;
    padding-right: 0;
  }
  .footImg h2 br {
    display: block;
  }
  .sp_copyright {
    background: #00b3ff;
    padding: 10px 0 9px;
  }
  .sp_copyright img {
    width: 61.3333333333%;
  }
}
@media screen and (max-width: 767.98px) {
  .cont_7_img_pu_13.mov iframe {
    display: block;
    width: 80%;
    height: 142.243902439%;
    margin: -14% auto;
  }
}

@media screen and (max-width: 767.98px) {
  .cont_7_img_pu_inr .cont_7_img_pu_cls {
    margin: calc(-340 * var(--pc-rate)) calc(-295 * var(--pc-rate)) auto auto;
  }
}

/*初期設定*/
:root {
  --pc-rate: calc(1 / 1300 * 100%);
  --pc-rate-cont: calc(1 / 1200 * 100%);
  --vw-rate: calc(1 / 1300 * 100vw);
}

/*コンテンツ7　メイン商品説明スライダー*/
.cont_7_img_slide {
  width: min(100%, 1420px);
  overflow-x: hidden;
  padding: min(5.9154929577%, 84px) min(9.3661971831%, 133px) min(2.1126760563%, 30px);
  margin: 30px auto 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cont_7_img_slide_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 255.2859618718%; /*margin合計-246 内2946*/
  width: 240%;
  -webkit-transition: margin-left 0.5s ease-in-out;
  transition: margin-left 0.5s ease-in-out;
  margin-left: -66.5511265165%; /*(2946-1154)/7=256*/
}

.cont_7_img_slide_list li {
  width: 9.0291921249%;
  border: min(10 * var(--vw-rate), 10px) solid #fff;
  -webkit-box-shadow: 0 0 min(10 * var(--vw-rate), 10px) rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 min(10 * var(--vw-rate), 10px) rgba(0, 0, 0, 0.5);
  cursor: pointer;
  background-color: #fff;
  z-index: 2;
}

.cont_7_img_slide_list li img {
  width: 100%;
  height: auto;
}

.cont_7_img_slide_list li:hover img {
  opacity: 0.6;
}

.cont_7_img_slide_1 {
  -webkit-transform: translateY(-13.1578947368%) rotate(-10deg);
  transform: translateY(-13.1578947368%) rotate(-10deg);
}

.cont_7_img_slide_2 {
  -webkit-transform: translateY(0) rotate(0deg);
  transform: translateY(0) rotate(0deg);
  margin-left: -1.8669382213%;
}

.cont_7_img_slide_3 {
  -webkit-transform: translateY(-22.5563909774%) rotate(-5deg);
  transform: translateY(-22.5563909774%) rotate(-5deg);
  margin-left: -0.2715546504%;
}

.cont_7_img_slide_4 {
  -webkit-transform: translateY(-1.5037593985%) rotate(10deg);
  transform: translateY(-1.5037593985%) rotate(10deg);
  margin-left: -0.6109979633%;
}

.cont_7_img_slide_list li.cont_7_img_slide_5 {
  -webkit-transform: translateY(-13.1578947368%) rotate(-10deg);
  transform: translateY(-13.1578947368%) rotate(-10deg);
  margin-left: -0.0339443313%;
  z-index: 1;
}

.cont_7_img_slide_6 {
  -webkit-transform: translateY(0) rotate(0deg);
  transform: translateY(0) rotate(0deg);
  margin-left: -1.8669382213%;
}

.cont_7_img_slide_7 {
  -webkit-transform: translateY(-22.5563909774%) rotate(-5deg);
  transform: translateY(-22.5563909774%) rotate(-5deg);
  margin-left: -0.339443313%;
}

.cont_7_img_slide_8 {
  -webkit-transform: translateY(-1.5037593985%) rotate(10deg);
  transform: translateY(-1.5037593985%) rotate(10deg);
  margin-left: -0.5431093007%;
}

.cont_7_img_slide_9 {
  -webkit-transform: translateY(-13.1578947368%) rotate(-10deg);
  transform: translateY(-13.1578947368%) rotate(-10deg);
  margin-left: -0.1018329939%;
}

.cont_7_img_slide_10 {
  -webkit-transform: translateY(0) rotate(0deg);
  transform: translateY(0) rotate(0deg);
  margin-left: -1.8669382213%;
}

.cont_7_img_slide_11 {
  -webkit-transform: translateY(-22.5563909774%) rotate(-5deg);
  transform: translateY(-22.5563909774%) rotate(-5deg);
  margin-left: -0.3054989817%;
}

.cont_7_img_slide_12 {
  -webkit-transform: translateY(-1.5037593985%) rotate(10deg);
  transform: translateY(-1.5037593985%) rotate(10deg);
  margin-left: -0.5431093007%;
}

.cont_7_img_slide_arw_box {
  position: absolute;
  top: 50%;
  width: 4.2253521127%;
  z-index: 10;
  cursor: pointer;
  margin-top: -2.1126760563%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: min(3 * var(--vw-rate), 3px) min(3 * var(--vw-rate), 3px) min(8 * var(--vw-rate), 8px) rgba(0, 0, 0, 0.5);
  box-shadow: min(3 * var(--vw-rate), 3px) min(3 * var(--vw-rate), 3px) min(8 * var(--vw-rate), 8px) rgba(0, 0, 0, 0.5);
}

.cont_7_img_slide_arw_box img {
  width: 100%;
  height: auto;
}

.cont_7_img_slide_arw_prev {
  left: 0;
  margin-left: 10.2816901408%;
}

.cont_7_img_slide_arw_next {
  right: 0;
  margin-right: 10.2816901408%;
}

.cont_7_img_pu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(77, 77, 77, 0.8);
  z-index: 999;
}

.cont_7_img_pu_inr {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.cont_7_img_pu_list {
  width: min(640 * var(--pc-rate), 640px);
  height: 0;
  padding-top: min(640 * var(--pc-rate), 640px);
  position: relative;
}

.cont_7_img_pu_list li {
  display: none;
  border: min(10 * var(--vw-rate), 10px) solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cont_7_img_pu_list li img {
  width: 100%;
  height: auto;
}

.cont_7_img_pu_inr.mov .cont_7_img_pu_list li.mov {
  border: none;
}

.cont_7_img_pu_inr.mov .cont_7_img_pu_list li.mov iframe {
  display: block;
  height: 100%;
  width: 56.2414266118%;
  margin: 0 auto;
}

.cont_7_img_pu_arw_box {
  position: absolute;
  top: 50%;
  left: min(50% - 30 * var(--pc-rate), 50% - 30px);
  width: min(60 * var(--pc-rate), 60px);
  cursor: pointer;
  margin-top: max(-30 * var(--pc-rate), -30px);
}

.cont_7_img_pu_arw_prev {
  margin-left: max(-420 * var(--pc-rate), -420px);
}

.cont_7_img_pu_arw_next {
  margin-left: min(420 * var(--pc-rate), 420px);
}

.cont_7_img_pu_cls {
  position: absolute;
  top: 50%;
  right: 50%;
  width: min(60 * var(--pc-rate), 60px);
  margin: max(-298 * var(--pc-rate), -298px) max(-298 * var(--pc-rate), -298px) auto auto;
  cursor: pointer;
}

.cont_7_img_pu_inr.mov .cont_7_img_pu_cls {
  margin: max(-320 * var(--pc-rate), -320px) max(-253 * var(--pc-rate), -253px) auto auto;
}

.cont_7_img_note {
  margin-top: 20px;
  font-size: 16px;
  letter-spacing: 0.03em;
  text-indent: 0.03em;
  text-align: center;
}

.youtube-square {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.youtube-square iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  border: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 767.98px) {
  :root {
    --pc-rate: calc(1 / 750 * 100%);
    --vw-rate: calc(1 / 750 * 100vw);
  }
  /*コンテンツ7　メイン商品説明スライダー*/
  .cont_7_img_slide {
    width: 100%;
    overflow-x: hidden;
    padding: calc(78 * var(--pc-rate)) calc(133 * var(--pc-rate)) calc(30 * var(--pc-rate));
    margin: 22px auto 0;
    position: relative;
  }
  .cont_7_img_slide_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 608.6776859504%; /*margin合計-246 内2946*/
    -webkit-transition: margin-left 0.5s ease-in-out;
    transition: margin-left 0.5s ease-in-out;
    margin-left: -254.3388429752%; /*(2946-484)/10=246.2*/
  }
  .cont_7_img_slide_list li {
    width: 9.0291921249%;
    border: calc(10 * var(--vw-rate)) solid #fff;
    -webkit-box-shadow: 0 0 calc(10 * var(--vw-rate)) rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 calc(10 * var(--vw-rate)) rgba(0, 0, 0, 0.5);
    cursor: pointer;
    background-color: #fff;
    z-index: 2;
  }
  .cont_7_img_slide_list li:hover img {
    opacity: 0.6;
  }
  .cont_7_img_slide_1 {
    -webkit-transform: translateY(-13.1578947368%) rotate(-10deg);
    transform: translateY(-13.1578947368%) rotate(-10deg);
  }
  .cont_7_img_slide_2 {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    margin-left: -1.8669382213%;
  }
  .cont_7_img_slide_3 {
    -webkit-transform: translateY(-22.5563909774%) rotate(-5deg);
    transform: translateY(-22.5563909774%) rotate(-5deg);
    margin-left: -0.2715546504%;
  }
  .cont_7_img_slide_4 {
    -webkit-transform: translateY(-1.5037593985%) rotate(10deg);
    transform: translateY(-1.5037593985%) rotate(10deg);
    margin-left: -0.6109979633%;
  }
  .cont_7_img_slide_list li.cont_7_img_slide_5 {
    -webkit-transform: translateY(-13.1578947368%) rotate(-10deg);
    transform: translateY(-13.1578947368%) rotate(-10deg);
    margin-left: -0.0339443313%;
    z-index: 1;
  }
  .cont_7_img_slide_6 {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    margin-left: -1.8669382213%;
  }
  .cont_7_img_slide_7 {
    -webkit-transform: translateY(-22.5563909774%) rotate(-5deg);
    transform: translateY(-22.5563909774%) rotate(-5deg);
    margin-left: -0.339443313%;
  }
  .cont_7_img_slide_8 {
    -webkit-transform: translateY(-1.5037593985%) rotate(10deg);
    transform: translateY(-1.5037593985%) rotate(10deg);
    margin-left: -0.5431093007%;
  }
  .cont_7_img_slide_9 {
    -webkit-transform: translateY(-13.1578947368%) rotate(-10deg);
    transform: translateY(-13.1578947368%) rotate(-10deg);
    margin-left: -0.1018329939%;
  }
  .cont_7_img_slide_10 {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    margin-left: -1.8669382213%;
  }
  .cont_7_img_slide_11 {
    -webkit-transform: translateY(-22.5563909774%) rotate(-5deg);
    transform: translateY(-22.5563909774%) rotate(-5deg);
    margin-left: -0.3054989817%;
  }
  .cont_7_img_slide_12 {
    -webkit-transform: translateY(-1.5037593985%) rotate(10deg);
    transform: translateY(-1.5037593985%) rotate(10deg);
    margin-left: -0.5431093007%;
  }
  .cont_7_img_slide_arw_box {
    position: absolute;
    top: 50%;
    width: calc(80 * var(--pc-rate));
    z-index: 10;
    cursor: pointer;
    margin-top: calc(-40 * var(--pc-rate));
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 2.1333333333px 2.1333333333px 4.2666666667px rgba(0, 0, 0, 0.5);
    box-shadow: 2.1333333333px 2.1333333333px 4.2666666667px rgba(0, 0, 0, 0.5);
  }
  .cont_7_img_slide_arw_prev {
    left: 0;
    margin-left: calc(9 * var(--pc-rate));
  }
  .cont_7_img_slide_arw_next {
    right: 0;
    margin-right: calc(9 * var(--pc-rate));
  }
  .cont_7_img_pu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(77, 77, 77, 0.8);
    z-index: 999;
  }
  .cont_7_img_pu_inr {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }
  .cont_7_img_pu_list {
    width: calc(540 * var(--pc-rate));
    height: 0;
    padding-top: calc(540 * var(--pc-rate));
    position: relative;
  }
  .cont_7_img_pu_list li {
    display: none;
    border: calc(10 * var(--vw-rate)) solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cont_7_img_pu_list li img {
    width: 100%;
    height: auto;
  }
  .cont_7_img_pu_inr.mov .cont_7_img_pu_list li.mov {
    border: none;
  }
  .cont_7_img_pu_inr.mov .cont_7_img_pu_list li.mov iframe {
    display: block;
    width: 80%; /*80%に調整*/
    height: 142.243902439%;
    margin: -14% auto;
  }
  .cont_7_img_pu_arw_box {
    position: absolute;
    top: 50%;
    left: calc(50% - 30 * var(--pc-rate));
    width: calc(60 * var(--pc-rate));
    cursor: pointer;
  }
  .cont_7_img_pu_arw_prev {
    margin-left: calc(-325 * var(--pc-rate));
  }
  .cont_7_img_pu_arw_next {
    margin-left: calc(325 * var(--pc-rate));
  }
  .cont_7_img_pu_cls {
    position: absolute;
    top: 48%;
    right: 50%;
    width: calc(60 * var(--pc-rate));
    margin: calc(-250 * var(--pc-rate)) calc(-250 * var(--pc-rate)) auto auto;
    cursor: pointer;
  }
  .cont_7_img_pu_inr.mov .cont_7_img_pu_cls {
    margin: calc(-340 * var(--pc-rate)) calc(-295 * var(--pc-rate)) auto auto;
  }
  .cont_7_img_note {
    margin-top: 10px;
    font-size: 13px;
  }
}
.cont_7_img_pu_13.mov iframe {
  display: block;
  height: 100%;
  width: 56.2414266118%;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .cont_7_img_pu_13.mov iframe {
    display: block;
    width: 80%;
    height: 142.243902439%;
    margin: -14% auto;
  }
}

.cont_7_img_pu_13.mov {
  border: none;
}

.cont_7_img_pu:has(.cont_7_img_pu_13.mov[style*="display: block"]) .cont_7_img_pu_cls {
  top: 10px;
  right: 80px; /* ←任意で調整 */
}

@media screen and (max-width: 767.98px) {
  .cont_7_img_pu_inr .cont_7_img_pu_cls {
    margin: calc(-340 * var(--pc-rate)) calc(-295 * var(--pc-rate)) auto auto;
  }
}