@charset "utf-8";
/* CSS Document */

/* フルードイメージ */
img{max-width:100%;height:auto;}


/* 文字設定 */
a{
  text-decoration: none;
   color: #47423f;/*カラーコードは任意*/
}
p{
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 15px;
  font-weight: Medium ;
  color: #47423f;
  line-height: 25px;
}


h1{
font-family: 'Shippori Mincho';
font-size: 36px;
font-weight: bold;
color: #47423f;
}

h2 {
font-family: 'Zen Maru Gothic', sans-serif;
font-size: 24px;
font-weight: Medium ;
color: #47423f;
}

/* 予備でh３を設定してますが必要なければ無視してかまいません */
h3 {
font-family: 'Zen Maru Gothic', sans-serif;
font-size: 18px;
font-weight: Medium ;
color: #47423f;
}

/* 大外の枠だよ */
.wrapper{
    background-color: #F1EFE2;
    max-width:1200px;
	margin:0 auto;

}
.haikei01{
   background-image: url(../img/top/grouptop.png);
   height: 650px;
    background-size:cover;
}
ul{
  padding-left:0;
}

li{
  /* list-style:none; */
}

/* ホバーしたら透過する */
a:hover{
          opacity:0.5;
	transition:0.3s;
}
.omisenokoto img:hover{
          opacity:0.5;
	transition:0.3s;
}
.kankyoumondai img:hover{
          opacity:0.5;
	transition:0.3s;
}
.shouhinitiran img:hover{
          opacity:0.5;
	transition:0.3s;
}
.tenpozyouhou img:hover{
          opacity:0.5;
	transition:0.3s;
}
span{
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 12px;
  font-weight: medium;
  letter-spacing: 0.18em;
}
.guronabi01{
    background-image: url(../img/top/guronabi01.png);
    background-size:contain;
    height: 75px;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 1200px;
    list-style:none;
}
/* .wrapper .haikei01 .guronabi01 ul{
 display: flex;
    max-width: 1200px;
} */
.guronabi01 .nav_innner{
  display: flex;
}
.seiuka{
    display: flex;
  align-items: center;
  margin-left: 8.17%;
  margin-top: 0.92%;
}
.nav_box{
  display: flex;
  align-items: flex-end;
  /* align-items: center; */
  /* margin-top: 1.83%; */
  margin-top: calc((15 / 1200)*100%);
  margin-left: 46.5%;
  width: 342px;
  list-style: none;
}

.guronabi01 .nav_innner .nav_box{
  gap:6%;
  white-space: nowrap; /* 自動改行を無効にする */
}

.guronabi01 .nav_innner .nav_box .box04{
  margin-bottom: calc((3 / 342)*100%);
}

/* =========== フッター　====================== */


.footer {
  background-image: url(../img/top/footer.png);
  color: #47423F;
  text-align: center;
  padding: 50px 0 0 0;
  font-family: "Zen Maru Gothic", "Arial", sans-serif;
  border-bottom: 10px solid #47423F;
}

.footer .footer-logo{
  margin: 10px 0 20px 0;
}

.footer .sns-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 85px;
}

.footer .footer-nav {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 20px;
  font-size: 15px;
}

.footer .footer-bottom {
  font-size: 12px;
  color: #555;
  display: flex;
  justify-content: right;
  gap: 20px;
  margin-right: 30px;
}

/*                                                   */
/*                     以下記入欄                     */
/*                                                   */
/* 　　.topの部分はそれぞれのファイル名でお願いします　　 */


.first{
  /* margin-top: 200px; */
  /* background-image: url(../img/top/top_1.png);
      height: 365px;
      width: 251px;
    margin:0 auto;
    width: 1200px;
    background-repeat: no-repeat;
    ba */
    
}

/* 1stセクション */
.top .first .innner00{
  display: flex;
}

/* imgを右端に動かす (imgタグに直接かけてるよ) */
.top .first .right{
  display: block;       
  margin-left: auto;    
  margin-right: 0;  
}

.top .first .innner00 .box00{
margin-top: 95px;
margin-left: 182px;
}
.top .first .innner00 .box01{
margin-top: 80px;
margin-left: 633px;
}

.top .first .innner .box02{
  width: 430px;
}

.top .first .innner{
display: flex;
justify-content: space-between;
}
.top .first .innner .box02 .box_inner02{
margin-left: 205px;
margin-top: 300px;
}
.top .first .innner .box02 .box_inner03{
  display: flex;
  justify-content: start;
}

.top .first .innner .box03{
  width: 335px;
}

.top .first .innner .box03 .box_inner04{
  margin-top: 183px;
}
.top .first .innner .box03 .box_inner05{
margin-top: 70px;
}

.top .first .innner .box04{
  width: 430px;
}

.top .first .innner .box04 .box_inner08{
margin-top: 131px;
display: flex;
justify-content: flex-end;
}
.top .first .innner .box04 .box_inner09{
  margin-top: 170px;
}
.top .first .innner .box03 .box_inner06{
display: flex;
justify-content: center;
margin-top: 70px;
}
.top .first .innner .box03 .box_inner006{
margin-top: 77px;
display: flex;
justify-content: flex-end;
}

.top .first .innner .box03 .box_inner05 p{
/* line-height: 30px; */
}

/* アメフラシセクション */

.top .secound{
  /* background-color: #c6c6c6; */
  margin-top: 200px;
   background-image: url(../img/top/matinaka.png);
   background-repeat: no-repeat;
   background-position: bottom ;
   margin-bottom: 200px;
}

.top .secound .innner01{
  margin-bottom: 380px;
}

/* =============== 3セクション ====================== */


.top .third{
  margin-bottom: 200px;
  display: flex;
  justify-content: space-between;
}

.top .third h1{
  margin-bottom: 50px;
}

.top .third p{
  margin-bottom: 110px;
}

.top .third .right{
  margin-left: 174px;
}

.top .third .left_box{
  width: 375px;
}

.top .third .text_box{
  padding: 120px 0;
  width: 450px;
  text-align: center;
}

.top .third .text_box p{
/* line-height: 30px; */
}

.top .third .right_box{
  width: 375px;
}

/* ============= 4セクション =================== */

.fourth{
  margin-bottom: 200px;
}

.fourth .tokyo_city{
  display: flex;
}

.fourth .tokyo_city .left{
  margin-right: auto;
}

.fourth .fourth_innner{
  height: 1001px;
  background-image: url(../img/top/pink_background.png);
  padding: 60px 0 170px 0;
  background-repeat: no-repeat;
}

.fourth .fourth_innner .tittle{
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.fourth .fourth_innner .container{
  /* margin: 0 auto;
  max-width: 1200px; */
  display: flex;
  justify-content: center;
  flex-wrap: wrap; /* アイテムを次の行に折り返す */
  gap: 6.5%; /* アイテム間の隙間 */
  /* border: solid 5px; */
  /* padding: 0% 14.5%; */
}

.fourth .fourth_innner .container .box02{
    background-image: url(../img/top/pink_textbox.png);
  width: 246px;              
  height: 246px;             
  display: flex;
  align-items: center;       
  justify-content: center;   
  text-align: center;
  padding: 1.23%;
  margin: 1% 0%;
}
.fourth .fourth_innner .container .box04{
    background-image: url(../img/top/pink_textbox.png);
  width: 246px;              
  height: 246px;             
  display: flex;
  align-items: center;       
  justify-content: center;   
  text-align: center;
  padding: 1.23%;
   margin: 1% 0%;
}
.fourth .fourth_innner .container .box06{
    background-image: url(../img/top/pink_textbox.png);
  width: 246px;              
  height: 246px;             
  display: flex;
  align-items: center;       
  justify-content: center;   
  text-align: center;
  padding: 1.23%;
   margin: 1% 0%;
}
.fourth .fourth_innner .container .box01{
margin: 1% 0%;
  background-image: url(../img/top/pinkback.png);
  width: 246px;              
  height: 246px;             
  display: flex;
  align-items: center;       
  justify-content: center;   
  text-align: center;
}
.fourth .fourth_innner .container .box03{
margin: 1% 0%;
  background-image: url(../img/top/buleback.png);
  width: 246px;              
  height: 246px;             
  display: flex;
  align-items: center;       
  justify-content: center;   
  text-align: center;
}
.fourth .fourth_innner .container .box05{
margin: 1% 0%;
  background-image: url(../img/top/yerrowback.png);
  width: 246px;              
  height: 246px;             
  display: flex;
  align-items: center;       
  justify-content: center;   
  text-align: center;
}
.fourth .kuwasiku_button{
  display: flex;
  justify-content: center;
  margin-top: 5%;
}


/* ============= 5セクション =================== */

.fifth{
  margin-bottom: 200px;
}

.fifth .tittle02{
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 110px;
}

.fifth .first_img{
  display: flex;
  justify-content: center;
  flex-wrap:wrap;
  gap: 75px;
  margin-bottom: 65px;
}

.fifth .secound_img{
  display: flex;
  justify-content: center;
  flex-wrap:wrap;
  gap: 75px;
  margin-left: auto;
}


/* ============= 6セクション =================== */

.top .sixth{
  margin-bottom: 200px;
 
}

.top .sixth .sixth_inner{
  background-image: url(../img/top/yellow_background.png);
  height: 1026px;
  padding-top: 260px;
}

.top .sixth .sixth_inner .tittle03{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 75px;
}

.top .sixth .sixth_inner .sixth_inner_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0 50px;
}

.top .sixth .sixth_inner .sixth_inner_box .left_box{
  width: 445px;
  height: 545px;
}

.top .sixth .sixth_inner .sixth_inner_box .left_box .img_box{
  background-image: url(../img/top/gomi_yama.png);
  width: 445px;
  height: 456px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 110px;
  margin-bottom: 45px;
}

.top .sixth .sixth_inner .sixth_inner_box .left_box .img_box p{

  line-height: 200%;
  text-align: center;
}

.top .sixth .sixth_inner .sixth_inner_box .left_box .kuwasiku_button{
  display: flex;
  justify-content: center;
}

.top .sixth .sixth_inner .sixth_inner_box .right_box{
  width: 500px;
}

.top .sixth .sixth_inner .sixth_inner_box .right_box .text_box01{
  background-image: url(../img/top/tittle_background02.png);
  background-repeat: no-repeat;
  background-position: left;
  width: 329px;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.top .sixth .sixth_inner .sixth_inner_box .right_box .text_box02{
  background-image: url(../img/top/text_background01.png);
  background-repeat: no-repeat;
  height: 130px;
  padding: 0 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 45px;
}

.top .sixth .sixth_inner .sixth_inner_box .right_box .text_box03{
  background-image: url(../img/top/tittle_background03.png);
  background-repeat: no-repeat;
  background-position: left;
  width: 172px;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.top .sixth .sixth_inner .sixth_inner_box .right_box .text_box04{
  background-image: url(../img/top/text_background02.png);
  background-repeat: no-repeat;
  height: 130px;
  padding: 0 39px;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* ============= フッター上シルエット =================== */

.top .tokyo_city{
  display: block;       
  margin-left: auto;    
  margin-right: 0;      
}


/*  ~===========02お店のこと===============*/

.wrapper .about .haikei02{
    background-image: url(../img/02_about/main.png);
    height: 650px;
}
.wrapper .about .first{
  margin-top: 275px;
}
.wrapper .about .first .innner01{
  display: flex;
  justify-content: center;
  font-family: 'Shippori Mincho';
font-size: 36px;
font-weight: bold;
color: #47423f;
letter-spacing: 0.3em; /* 縦書きの場合、行間のように見える */
}
.wrapper .about .first .innner02{
  margin-top: 70px;
}
.wrapper .about .first .innner02 p{
  /* line-height: 30px; */
}
.wrapper .about .secound{
  display: flex;
}
/*================ sec2================ */
.wrapper .about .secound{
  margin-top: 200px;
}
.wrapper .about .secound .innner01{
padding-left: 83px;
}
.wrapper .about .secound .innner02{
display: flex;
justify-content: flex-end;
}
.wrapper .about .secound .innner01 .box01{
display: flex;
justify-content: space-between;

}
.wrapper .about .secound .innner01 .box02{
margin-left: 78px;
margin-top: 128px;
}
.wrapper .about .secound .innner01 .box01 .box01_inner01 .box01_inner002_box{
margin-top: 100px;
}
.wrapper .about .secound .innner01 .box01 .box01_inner02{
margin-left: 30px;
}

.wrapper .about .secound .innner02{
  margin-left: 30px;
}
/* ＝＝＝＝＝SEC3＝＝＝＝＝＝ */
.wrapper .about .third{
  margin-top: 200px;
  display: flex;
  justify-content: space-between;
}
.wrapper .about .third .innner01{
  margin-left: 100px;
}
.wrapper .about .third .innner002{
  margin-right: 100px;
}
.wrapper .about .third .innner002 .box01{

}
.wrapper .about .third .innner002 .box02{
margin-top: 64px;
}
.wrapper .about .third .innner002 .box03{
margin-top: 64px;
}
/* SEC4 */
.wrapper .about .fourth{
  margin-top: 200px;
}
.wrapper .about .fourth .innner01{
/* margin-top: 150px; */
}
.wrapper .about .fourth .innner02{
  display: flex;
  justify-content: center;
  margin-top: 150px;
}
.wrapper .about .fourth .innner03{
 margin-top: 150px;
}
.wrapper .about .fourth .innner04{
  margin-top: 150px;
}

/*  ~===========08prybacy===============*/
/* .wrapper .privacy .haikei02{
  border: 1px solid #F1EFE2; 
} */

/* .wrapper .privacy ol{
  margin-left: 25px;
} */

.wrapper .privacy .first .innner01{
  margin-top: 275px;
  margin-bottom: 100px;
}


.wrapper .privacy .secound{
  padding: 0 25px 150px 25px;
}

.wrapper .privacy .secound .box .innner01{
  margin:50px 25px;
}

.wrapper .privacy .secound .box .innner02{
  margin-left: 25px;
}

.wrapper .privacy .secound .box .innner02_third_sec{
  margin-left: 40px;
}

/* .wrapper .privacy .guronabi01{ */
  /* list-style:none; */
/* } */
/* .wrapper .privacy .secound .box li{
  list-style-type: decimal
} */

.wrapper .privacy .secound .box .innner02 .nakaguro,
.wrapper .privacy .secound .box .innner02 .habahirome{
  list-style:none;
  margin-left: 0;
  padding-left: 0;
}

.wrapper .privacy .secound .box .nakaguro_mail{
  margin-left: 40px;
} 

/* ==============05map============== */

/* .wrapper .map .haikei02{
  border: 1px solid #F1EFE2; 
} */
.wrapper .map .first .innner01 h1{
  color: #E18876;
  margin-top: 225px;
}
.wrapper .map .first .innner02 h1{
  margin-top: 150px;
}
.wrapper .map .first .innner03{
  margin-top: 150px;
}
.wrapper .map .first .innner04{
margin-top: 70px;
}
.wrapper .map .secoun d.innner01{
margin-top: 200px;
}
.wrapper .map .secound .innner03{
margin-top: 150px;
}
.wrapper .map .secound .innner02{
  margin-top: 150px;
  text-align: center;
}
.wrapper .map .secound{
  margin-bottom: 200px;
}

/* ==============06商品一覧============== */

.first_box{
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  margin-top: 120px;
  height: 1000px;
  justify-content: space-between;
}

.first_box .left_box{
  width:31.6% /*380:px*/;
  height: 100%;
  background-image: url(../img/06_goods/asirai_flower.png);
  background-position: 1.2%/*120px*/ 0;
  background-repeat: no-repeat;
  display: flex;
  position: relative;
}

.first_box .left_box .img_01{
  position: absolute; top :320px ; left:50px;
}

.first_box .left_box .img_02{
  position: absolute; top :480px ; left:135px;
}

.first_box .text_box{
  width: 36.25%/*435px*/;
  height: 100%;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.first_box .text_box .abc{
  margin: 100px 0 100px 0;
}

.first_box .text_box span{
  font-family: 'Shippori Mincho';
  font-size: 36px;
  font-weight: bold;
  color: #E18876;
}

.first_box .text_box p{
  /* line-height: 30px; */
}

.first_box .right_box{
  width: 32%/*385px*/;
  height: 100%;
  display: flex;
  position: relative;
}

.first_box .right_box .img_03{
  display: block;
  position: absolute; top: 320px; left: 100px;
}

.first_box .right_box .img_04{
  display: block;
  position: absolute; top: 700px; right: 97px;
}

.second_box{
    margin-bottom: 200px;
}

#seitou{
  display: flex;
  justify-content: center;
  margin-bottom: 200px;
}

.item_box {
  display: flex;
  justify-content: center;
  margin-bottom: 200px;
}

.item_box h1 {
  font-size: 80px;
  font-weight: normal;
}

.item_box span {
  font-weight: bold;
  font-size: 20px;
}

.item_box .button {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}

.item_box .pic_migiyoe {
  margin-left: 100px;
}

.item_box .left_box {
  width: 311px;
}

.item_box .left_box .tittle {
  /* margin: 0 0 120px 70px; */
  margin-left: auto;
  margin-bottom: 120px;
}

.item_box .front_box {
  width: 464px;
  height: 532px;
  display: flex;
  align-items: center;
}

.item_box .right_box {
  width: 296px;
}

#chidori .front_box{
  width: 464px;
}

#chidori .right_box{
  width: 350px;
}

#chidori .left_box{
  width: 426px;
}

/* 左右反転バージョン */
.item_box.reverse {
  flex-direction: row-reverse;
}

/* ==========  07_shoisai ============= */

.shousai07_main {
  display: flex;
  justify-content: center;
  margin-top: 150px;
  margin-bottom: 150px;

}

.shousai07_main .img_box01{
  width: 525px;
  /* border: 1px solid #000; */
}

.shousai07_main .img_box02{
  /* padding: 0,85px; */
  margin-left: 40px;
  display: flex;
}

.shousai07_main .text_box{
  width: 486px;
}

.shousai07_main .text_box span{
  color: #69B5A9;
}


.shousai07_main .text_box .text{
  /* line-height: 30px; */
}

.tokyo_city{
  display: block;       /* 画像をブロック要素にする（margin適用のため） */
  margin-left: auto;    /* 左側を自動にして右に寄せる */
  margin-right: 0;      /* 右端にくっつける */
}


/* 03環境問題 */

.kankyo .first h1{
  margin-top: 200px;
  color: #E18876;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 200px;

} 

.kankyo .haikei{
  background-image: url(../img/03_kankyo/03ue.png);
  background-repeat: no-repeat;
  height: 649px;
}

.kankyo .first img{
  display: flex;
  justify-content: center;

}

.kankyo .first .box01 .kannkyouimage1{
  display: flex;
  justify-content: center;
  margin-bottom: 200px            ;

}

.kankyo .secound .box01 img:nth-of-type(1){
  display: flex;
  justify-content: flex-start;

}

.kankyo .secound .box01 .koin{
  display: flex;
  justify-content: flex-end;
  margin-top: 50px;
  margin-left: 300px;

}

.kankyo .secound .box01 img:nth-of-type(2){
  display: flex;
  justify-content: flex-end;

}

.kankyo .secound .box01{
 margin: 0% 30%;
 margin-bottom: 100px;
 width: 38.5%;
 height: 13.33%;

}

.kankyo .secound .box01 h1{
  display: flex;
  justify-content: center;
  margin-bottom: 45px;
}


.kankyo .secound .box01 h2{
  display: flex;
  justify-content: center;
  text-align: center;

}

.kankyo .third .box01 h1{
  display: flex;
  justify-content: center;
}



.kankyo .third .box01 img:nth-of-type(1){
  display: flex;
  justify-content: flex-end;
}

.kankyo .third .box01 img:nth-of-type(2){
  display: flex;
  justify-content: flex-start;
}

.kankyo .third .box01 .hanakasahidari{
  display: flex;
  justify-content: flex-end;

}

.kankyo .fourth .box01{
  padding: 0 20px;

}


.kankyo .fourth .box01 h1{
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  text-align: center;

}

.kankyo .fourth .box01 h2{
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 5px;

}

.kankyo .fourth .box01 p{
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 10px;

}

.kankyo .fifth .box01{
  /* border: 1px solid #000; */
  margin-top: 200px;
  display: flex;
  justify-content: center;
  text-align: center;

}

.kankyo .fifth .box01 .md1{
  /* border: 1px solid #000; */
  padding: 50px 10px;
  margin-bottom: 15px;
  height: 1000px;
}

.kankyo .fifth .box01 .md2{
  padding: 50px 10px;
  margin-bottom: 15px;
  height: 300px;
  
}

.kankyo .fifth .box01 .md2 p{
  margin-bottom: 10px;
  
}

.kankyo .fifth .box01 h2{
  display: flex;
  justify-content: center;
  text-align: center;

}

.kankyo .fifth .box01 p{
  display: flex;
  justify-content: center;
  text-align: center;
  padding-bottom: 20px;

}



.kankyo .kuwasikubtn{
  display: flex;
  justify-content: center;
  text-align: center;
  padding-bottom: 200px;
  margin-top: 100px;

}


/* ーーーーーー　サステナ　ーーーーーーーーー */

.sustanability .haikei{
  background-image: url(../img/04_sustanability/04ue.png);
  background-repeat: no-repeat;
  height: 649px;
}

.sustanability .first h1{
  margin-top: 200px;
  color: #E18876;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 200px;



}

.sustanability .first .box01 .sasutenamain {
  display: flex;
  justify-content: center;
  margin-bottom: 200px;
  margin-top: 200px;

}


.sustanability .first .box01 img{
}


.sustanability .second{

}

.sustanability .secound h1{

  margin-bottom: 20px;

}

.sustanability .secound h2{
  text-align: center;
  margin-bottom: 10px;

}

.sustanability .secound p{
  text-align: center;
  margin-bottom: 10px;

}

.sustanability .secound .box01{
  display: flex;
  justify-content: center;

}

.sustanability .secound img{
  margin-right: 10px;
}

.sustanability .secound .ookiipinkhana{
  display: flex;
  justify-content: flex-end;


}

.sustanability .third .box01{
  margin-top: -10px;


}

.sustanability .third h1{
  text-align: center;
  margin-bottom: 20px;
}


.sustanability .third h2{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;

}

.sustanability .third p{
  text-align: center;
  margin-bottom: 10px;

}

.sustanability .third .box01 .onnnanoko{
  display: flex;
  justify-content: center;
}

.sustanability .third .box02{
  margin-top: 100px;

}

.sustanability .third .box02 .murasakihana{
  display: flex;
  justify-content: space-between;
  margin: 0 200px;

  
}

.sustanability .third .box03{
  display: flex;
  justify-content: center;
  padding: 0 150px 0 80px;
}

.sustanability .third .box03 img{
  margin-top: 100px;
   margin-right: 120px;

}

.sustanability .third .kumodayo{
  display: flex;
  justify-content: center;
  margin-top: -63px;
  margin-left: 100px;
  
}

.sustanability .third .kumodayo2{
  display: flex;
  justify-content: right;
  margin-top: -500px;
  margin-left: 100px;

}


.sustanability .fourth .box01{
  display: flex;
  justify-content: center;
  margin-top: 100px;

}

.sustanability .fourth{
  margin-bottom: 200px;
}

.sustanability .fourth .box01 img{
  margin-right: 10px;
}


.sustanability .fourth h2{
  text-align: center;
  margin-bottom: 10px;

}

.sustanability .fourth p{
  text-align: center;
  margin-bottom: 10px;

}




/* こっからレスポンシブデザインだよ */

/* メディアクエリだよ */