@charset "UTF-8";

.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 .sp_only {
    display: none!important; }

#charity_200708 {
  min-width: 1100px;
  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: 30px;
  padding-bottom: 140px;
  font-size: 0;
}
/*
#charity_200708 .sticky_area{
	position: sticky;
	width: 100%;
	top: 0;
	pointer-events: none;
}
*/

#charity_200708 .sticky_area{
	position: relative;
	width: 100%;
	top: 0;
}

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

#charity_200708 .fix{
	position: absolute;
	font-size: 12px;
	letter-spacing: 0.1em;
	transform: rotate(-90deg);
	left: 0;
	top: 260px;
	transition: 0.3s;
    font-family: "Amiri", "serif";
}

#charity_200708 .num{
	position: absolute;
	font-size: 12px;
	letter-spacing: 0.1em;
	transform: rotate(-90deg);
	right: 50px;
	top: 260px;
	transition: 0.3s;
    font-family: "Amiri", "serif";
}

#charity_200708 .dn{
	opacity: 0;
}

#charity_200708 .mv_area .ttl_img{
	width: 391px;
	margin: 0 auto 25px;;
}

#charity_200708 .credit{
	font-size: 14px;
	letter-spacing: 0.1em;
    font-family: "Amiri", "serif";
	text-align: center;
    line-height: 32px;
    margin: 10px auto 30px;
}

#charity_200708 .sec .item_area{
	width: 648px;
	margin: 0 auto;
}

#charity_200708 .sec .item_area ul li{
	width: 216px;
	margin: 0;
}

#charity_200708 .sec .img_list li:nth-of-type(even){
	width: 378px;
	margin-left: auto;
	margin-right: 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: 796px;
	margin: 0 auto;
}

#charity_200708 .sec._01 .img_01{
	width: 420px;
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._01 .img_01::after{
	content: "";
	width: 90px;
	height: 90px;
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	right: -30px;
	bottom: 40px;
}

#charity_200708 .sec._01 .img_02{
	width: 378px;
	margin-top: 120px;
}

#charity_200708 .sec._01 .img_02 a{
    background-image: url("../../img/img_02_hover.jpg");
    background-size: cover;
}

#charity_200708 .sec._01 .img_03{
	width: 378px;
	margin-left: auto;
	margin-right: 0;
}

#charity_200708 .sec._01 .img_03 a{
    background-image: url("../../img/img_03_hover.jpg");
    background-size: cover;
}

#charity_200708 .sec._01 .sec_txt{
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	padding: 30px 0 36px;
	letter-spacing: 0.125em;
}

#charity_200708 .sec._01 .sec_txt .under_line{
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
}

#charity_200708 .sec._01 .img_list{
	width: 796px;
	margin: 0 auto 110px;
}

/*----- sec02 -----*/
#charity_200708 .sec._02{
	width: 796px;
	margin: 110px auto 0;
}

#charity_200708 .sec._02 .img_04{
	width: 420px;
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._02 .img_04::after{
	content: "";
	width: 90px;
	height: 90px;
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	left: -30px;
	bottom: 40px;
}

#charity_200708 .sec._02 .img_05{
	width: 378px;
	margin-top: 40px;
	margin-left: 288px;
	margin-bottom: 40px;
}

/*----- sec03 -----*/
#charity_200708 .sec._03{
	width: 796px;
	margin: 100px auto 0;
}

#charity_200708 .sec._03 .img_06{
	width: 420px;
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._03 .img_06::after{
	content: "";
	width: 90px;
	height: 90px;
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	left: -30px;
	bottom: 40px;
}

#charity_200708 .sec._03 .img_list{
	width: 796px;
	margin: 40px auto 45px;
}

#charity_200708 .sec._03 .img_list li{
	width: 378px;
}

#charity_200708 .sec._03 .img_list li:nth-of-type(n + 3){
	margin-top: 40px;
}

#charity_200708 .sec._03 .credit{
	width: 320px;
}

#charity_200708 .sec._03 .img_08 a{
    background-image: url("../../img/img_08_hover.jpg");
    background-size: cover;
}

#charity_200708 .sec._03 .img_09 a{
    background-image: url("../../img/img_09_hover.jpg");
    background-size: cover;
}

#charity_200708 .sec._03 .img_10 a{
    background-image: url("../../img/img_10_hover.jpg");
    background-size: cover;
}

#charity_200708 .sec._03 .movie_01{
	width: 316px;
	height: 560px;
	margin: 110px auto 118px;
	position: relative;
	background-color: #e2ded9;
}

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

#charity_200708 .sec._04 .img_11{
	width: 420px;
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._04 .img_11::after{
	content: "";
	width: 90px;
	height: 90px;
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	left: -30px;
	bottom: 40px;
}

#charity_200708 .sec._04 .img_12{
	width: 420px;
}

#charity_200708 .sec._04 .img_13{
	width: 378px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: 0;
}

#charity_200708 .sec._04 .img_list{
	width: 838px;
	margin: 40px auto 110px;
}

/*----- sec05 -----*/
#charity_200708 .sec._05{
	width: 796px;
	margin: 110px auto 0;
}

#charity_200708 .sec._05 .img_14{
	width: 420px;
	margin: 0 auto;
	position: relative;
}

#charity_200708 .sec._05 .img_14::after{
	content: "";
	width: 90px;
	height: 90px;
	position: absolute;
	background: url("../../img/flower.png");
	background-size: 100%;
	right: -30px;
	bottom: 40px;
}

#charity_200708 .sec._05 .img_15{
	width: 378px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

#charity_200708 .all_item{
	width: 380px;
	height: 74px;
	line-height: 74px;
	border: 1px solid #000;
    font-family: "Amiri", "serif";
	letter-spacing: 0.1em;
    font-size: 20px;
    text-align: center;
	margin: 100px auto 0;
}

#charity_200708 .all_item a{
	width: 380px;
	height: 74px;
}