@charset "UTF-8";
@import url(swiper.min.css);

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.fw {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

#charity_200708 {
  position: relative; }
  #charity_200708 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #charity_200708 img {
    display: block;
    width: 100%; }
  #charity_200708 video {
    display: block;
    width: 100%; }
  #charity_200708 a {
    display: inline-block; }
    #charity_200708 a[href=""] {
      pointer-events: none; }
  #charity_200708 .pc_only {
    display: none!important; }

#charity_200708 {
  width: 100%;
  margin: 0 auto;
  color: #000;
  font-family: "Noto Serif JP", "游明朝体", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 400;
  font-style: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: calc(80*(100vw/750));
  padding-bottom: calc(160*(100vw/750));
  font-size: 0;
}

#charity_200708 .sticky_area{
	position: relative;
	width: 100%;
	top: 0;
	z-index: 99;
}

#charity_200708 .sticky_area.fixed{
	position: fixed;
    top: 30vh;
}

#charity_200708 .fix{
	position: absolute;
	font-size: calc(22*(100vw/750));
	letter-spacing: 0.1em;
	transform: rotate(-90deg);
	left: calc(-94*(100vw/750));
	top: calc(360*(100vw/750));
	transition: 0.1s;
    font-family: "Amiri", "serif";
	line-height: 1;
	z-index: 99;
}

#charity_200708 .num{
	position: absolute;
	font-size: calc(22*(100vw/750));
	letter-spacing: 0.1em;
	transform: rotate(-90deg);
	right: calc(10*(100vw/750));
	top: calc(360*(100vw/750));
	transition: 0.1s;
    font-family: "Amiri", "serif";
	line-height: 1;
	z-index: 99;
}

#charity_200708 .dn{
	opacity: 0;
}

#charity_200708 .mv_area .ttl_img{
	width: calc(520*(100vw/750));
	margin: 0 auto calc(55*(100vw/750));;
}

#charity_200708 .credit{
	font-size: calc(24*(100vw/750));
	letter-spacing: 0.1em;
    font-family: "Amiri", "serif";
	text-align: center;
    line-height: calc(58*(100vw/750));
    margin: calc(10*(100vw/750)) auto calc(30*(100vw/750));
}

#charity_200708 .sec .item_area{
	width: calc(720*(100vw/750));
	margin: 0 auto;
}

#charity_200708 .sec .item_area ul li{
	width: calc(240*(100vw/750));
	margin: 0;
}

#charity_200708 img.fade:hover{
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0 !important;
}

#charity_200708 img.fade{
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
}

/*----- sec01 -----*/
#charity_200708 .sec._01{
	width: 100%;
	margin: 0 auto;
}

#charity_200708 .sec._01 .img_01{
	width: calc(600*(100vw/750));
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._01 .img_01::after{
	content: "";
	width: calc(118*(100vw/750));
	height: calc(118*(100vw/750));
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	left: calc(-35*(100vw/750));
	bottom: calc(80*(100vw/750));
}

#charity_200708 .sec._01 .img_02{
	width: calc(540*(100vw/750));
	margin-top: calc(60*(100vw/750));
	margin-left: calc(40*(100vw/750));
	order: 2;
}

#charity_200708 .sec._01 .img_03{
	width: calc(540*(100vw/750));
	margin-left: auto;
	margin-right: calc(40*(100vw/750));
	order: 1;
}

#charity_200708 .sec._01 .sec_txt{
	text-align: center;
	font-size: calc(20*(100vw/750));
	line-height: calc(35*(100vw/750));
	padding: calc(40*(100vw/750)) 0 calc(50*(100vw/750));
	letter-spacing: 0.125em;
}

#charity_200708 .sec._01 .sec_txt .under_line{
	border-bottom: 1px solid #000;
	padding-bottom: calc(5*(100vw/750));
}

#charity_200708 .sec._01 .img_list{
	margin: 0 auto calc(60*(100vw/750));
}

/*----- sec02 -----*/
#charity_200708 .sec._02{
	width: 100%;
	margin: calc(170*(100vw/750)) auto 0;
}

#charity_200708 .sec._02 .img_04{
	width: calc(600*(100vw/750));
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._02 .img_04::after{
	content: "";
	width: calc(118*(100vw/750));
	height: calc(118*(100vw/750));
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	left: calc(-35*(100vw/750));
	bottom: calc(80*(100vw/750));
}

#charity_200708 .sec._02 .img_05{
	width: calc(540*(100vw/750));
	margin-top: calc(60*(100vw/750));
	margin-left: auto;
	margin-right: calc(40*(100vw/750));
	margin-bottom: calc(60*(100vw/750));
}

/*----- sec03 -----*/
#charity_200708 .sec._03{
	width: 100%;
	margin: calc(160*(100vw/750)) auto 0;
}

#charity_200708 .sec._03 .img_06{
	width: calc(600*(100vw/750));
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._03 .img_06::after{
	content: "";
	width: calc(118*(100vw/750));
	height: calc(118*(100vw/750));
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	right: calc(-35*(100vw/750));
	bottom: calc(80*(100vw/750));
}

#charity_200708 .sec._03 .img_list{
	margin: 0 auto calc(60*(100vw/750));
}

#charity_200708 .sec._03 .img_list li{
	width: calc(540*(100vw/750));
}
/*
#charity_200708 .sec._03 .img_list li:nth-of-type(odd){
	margin-left: calc(40*(100vw/750));
}
*/
#charity_200708 .sec._03 .img_list .img_07,#charity_200708 .sec._03 .img_list .img_09{
	margin-left: calc(40*(100vw/750));
	margin-top: calc(60*(100vw/750));
}
/*
#charity_200708 .sec._03 .img_list li:nth-of-type(even){
	margin-left: auto;
	margin-right: calc(40*(100vw/750));
}
*/
#charity_200708 .sec._03 .img_list .img_08,#charity_200708 .sec._03 .img_list .img_10{
	margin-left: auto;
	margin-right: calc(40*(100vw/750));
	margin-top: calc(60*(100vw/750));
}

#charity_200708 .sec._03 .credit{
}

#charity_200708 .sec._03 .movie_01{
	width: calc(720*(100vw/750));
	height: calc(1280*(100vw/750));
	margin: calc(160*(100vw/750)) auto calc(120*(100vw/750));
	position: relative;
	background-color: #e2ded9;
}

/*----- sec04 -----*/
#charity_200708 .sec._04{
	width: 100%;
	margin: 0 auto;
}

#charity_200708 .sec._04 .img_11{
	width: calc(600*(100vw/750));
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._04 .img_11::after{
	content: "";
	width: calc(118*(100vw/750));
	height: calc(118*(100vw/750));
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	right: calc(-35*(100vw/750));
	bottom: calc(80*(100vw/750));
}

#charity_200708 .sec._04 .img_12{
	width: calc(600*(100vw/750));
	margin: 0 auto;
}

#charity_200708 .sec._04 .img_13{
	width: calc(540*(100vw/750));
	margin: calc(60*(100vw/750)) auto 0;
}

#charity_200708 .sec._04 .img_list{
	margin: calc(60*(100vw/750)) auto;
}

/*----- sec05 -----*/
#charity_200708 .sec._05{
	width: 100%;
	margin: calc(160*(100vw/750)) auto 0;
}

#charity_200708 .sec._05 .img_14{
	width: calc(600*(100vw/750));
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._05 .img_14::after{
	content: "";
	width: calc(118*(100vw/750));
	height: calc(118*(100vw/750));
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	right: calc(-35*(100vw/750));
	bottom: calc(80*(100vw/750));
}

#charity_200708 .sec._05 .img_15{
	width: calc(540*(100vw/750));
	margin-top: calc(60*(100vw/750));
	margin-left: calc(40*(100vw/750));
	margin-right: auto;
	margin-bottom: calc(60*(100vw/750));
}

#charity_200708 .all_item{
	width: calc(676*(100vw/750));
	height: calc(160*(100vw/750));
	line-height: calc(160*(100vw/750));
	border: 1px solid #000;
    font-family: "Amiri", "serif";
	letter-spacing: 0.1em;
    font-size: calc(40*(100vw/750));
    text-align: center;
	margin: calc(140*(100vw/750)) auto 0;
}