@charset "UTF-8";

body{
  margin: 0;
}
.mv{
  	margin-top: calc(-1 * 59px);
width: 100%;
  overflow: hidden;
}
.mv-inner{
position: relative;
}

/* トップ画像 */
.mv-img-pc{
width: 100%;
  display: block;
}

.mv-img-sp{
  display: none;
}

@media (max-width:768px){
  .mv-img-pc{ display: none; }
  .mv-img-sp{ display: block; }
}

/* ページタイトル */

.mv-text{

}

.mv-title-pc{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
height: 133px;
	width: auto;
}

.mv-title-sp{
  display: none;
  height: 65px;
  width: auto;

  
}

@media (max-width:768px){
  .mv-title-pc{ 
display: none; 
}
  .mv-title-sp{ 
display: block;
 margin: 0 auto;
}
}


h2{
	margin:0;
	padding: 0;
	text-align:center;
	line-height:2;
	letter-spacing: 0.02em;
	margin-top: -20px;
    color: #727171;

}

@media (max-width:768px){
	h2{
		font-size: 16pt;
		line-height:1.8;
		letter-spacing: 0.1em;
		margin-top: -30px;
		
	}
}

@media (max-width:320px){
		
h2{
  font-size: 13.5pt;
}
	
}


.komidashi {
text-align: center;
	line-height: 2;	
	padding: 25px 0 25px 0;
}


/*カテゴリー3つ */

.corner-other-inner{

max-width:960px;
margin:0 auto;

}


.support-block{

  
  align-items:center;

  justify-content:space-between;

  position:relative;

  margin-bottom:120px;
}

.support-shitazoroe {
  display: flex;
  align-items: flex-end; /* 下揃え */
}


.support-text{

  width:330px;
  flex-shrink:0;
}


.support-photo{

  max-width:580px;
   margin-left:5%;
}

/* フキダシ */

.support-bubble{

position:absolute;
left:0;
top:-30px;
width:330px;

}
.support-bubble-blue{
top:0;
margin: 0 auto 20px;
}

/* 画像と鳥*/
.support-photo-area{
margin: 0 auto ;}

 
/* 青のカテゴリー鳥*/
.bird{
width:120px;
margin: 0 auto 20px;}


/* 青のカテゴリーボタン */

.support-button{
display:flex;
justify-content:center;
align-items:center;
width:120px;
height:40px;
background:#5b98d0;
color:#fff;
border-radius:30px;
text-decoration:none;
font-size:14px;
margin:25px auto 0;
}

@media(min-width:768px){
.bird-last{
display: none;

}
}


@media(max-width:768px){
	
.support-block{

flex-direction:column;
	margin-bottom:70px;

}
.support-shitazoroe {
flex-direction:column;

	}


.support-bubble{

position:static;
width:330px;
margin: 0 auto 20px;
}

.support-text{
	margin: 0 auto 50px;
	}
	
.support-text-blue{
		margin-bottom: 0;
	}

.support-mojibotan{
		margin: 0 auto 50px;
	}
	
.support-photo{

  max-width:330px;
   margin: 0 auto ;
}
	
.bird{
display: none;
}
	
.bird-last{
margin: 0 auto;
width: 100px;
}

}


@media(max-width:320px){

.support-bubble{

position:static;
width:270px;
	margin: 0 auto 20px;
}

.support-text{
width:270px;
	margin: 0 auto 40px;}

.support-photo{

  max-width:270px;
   margin: 0 auto ;

}
}




/* リユースプロジェクト */
	
.reuse-pc{
width: 960px;
display: block;
margin: 0 auto;
	margin-bottom: 50px;
}
.reuse-middle{
  display: none;
}
.reuse-sp{
  display: none;
}

@media (max-width:1024px){
.reuse-pc{
width: 800px;
}
}

@media (max-width:768px){
.reuse-middle{
display: block;
max-width: 500px;
margin-left: 60px;    /* 左余白 */
margin-right: 60px;   /* 右余白 */
margin: auto;	
margin-bottom: 50px;
}
 .reuse-pc{
display:none;
}
.reuse-sp{
  display: none;
}
}

@media (max-width:414px){
.reuse-sp{
display: block;
margin-left: 25px;    /* 左余白 */
margin-right: 25px;   /* 右余白 */
	margin-bottom: 20px;
}
 .reuse-pc{
display:none;
}
.reuse-middle{
  display: none;
}
}


.mini-title-text{
position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;

height: 50px;
  display: block;
	margin: 0 auto;
}

@media (max-width:768px){

  .mini-title-text{
    height: 25px;
  }
}



.gallery-inner{
	background-color: #bde4f9;
}

.gallery-inner{

  overflow:hidden;

  width:100%;

  padding:80px 0;

}



.gallery-track{

  display:flex;

  width:max-content;

  animation: gallery-scroll 70s linear infinite;
	
	margin-bottom: 100PX;

}



.gallery-list{

  display:flex;

  gap:20px;

  padding-right:30px;

}



.gallery-list img{

  width:320px;

  height:320px;

  object-fit:cover;

  border-radius:40px;

  flex-shrink:0;

}



/* 横流れアニメーション */

@keyframes gallery-scroll{

  from{

    transform:translateX(0);

  }


  to{

    transform:translateX(-50%);

  }

}

@media(max-width:768px){


.gallery-inner{

  padding:50px 0;

}


.gallery-list{

  gap:15px;

}


.gallery-list img{

  width:200px;

  height:200px;

  border-radius:25px;

}

.gallery-track{
	margin-bottom: 60PX;
	}
	
}


.cta{
	margin-bottom: -30px;
}