@charset "utf-8";

#container header h1{
  text-align: center;
  padding-top: 4vw;
  font-size: 3vw;
  line-height: 4vw;
}
#container header .first-line{
  padding-top: 6vw;
}

#contents .main .page1-type1-h1{
  position: relative;
}
#contents .main .page1-type1-h1 h1{
  top:6.5vw;
  left: 0;
  padding: 6vw 2vw 6vw;
	font-size: 2vw;
	color: #FCFAEE;
	line-height: 134%;
	font-weight: bold;
  background-image: url(../img/midasi.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#contents .main .page1-type1 p{
  color: #1FBE89;
  font-size: 0.8vw;
  width: 53vw;
}

#contents .main .page1-type1 .greeting{
  color: black;
  font-size: 1.4vw;
  width: 53vw;
}
#contents .main .page1-type1 .philosophy{
  color: black;
  font-size: 2.8vw;
  width: 53vw;
}
#contents .main .page1-type1 .Consent{
  color: black;
  font-size: 1.3vw;
}
#contents .main .page1-type1 .medicine{
  color: black;
  font-size: 1.0vw;
}
#contents .main .page1-type1 .organization{
  color: black;
  font-size: 1.3vw;
  width: 61vw;
}
#contents .main .shelter .shelter-img .shelter-box p{
  color: black;
  font-size: 1.3vw;
  padding: 0 0 0 1.5vw;
}
#contents .main .page1-type1 .organization-table{
  padding: 1.5vw 3.7vw 5vw;
  font-size: 1.3vw;
  color: black;
}
#contents .main .page1-type1 .organization-table .left-td{
  width: 10vw;
}
#contents .main .page1-type1 .regulations-table1 table,td{
  border-collapse: collapse;
  border:1px solid #333;
}
#contents .main .page1-type1 .regulations-table1{
  padding: 0 3.7vw 0;
  font-size: 1.3vw;
  color: black;
}
#contents .main .page1-type1 .regulations-table1 .left-td{
  width: 25vw;
}
#contents .main .page1-type1 .regulations-table1 .right-td{
  width: 22vw;
}
#contents .main .page1-type1 .regulations-table2{
  padding-left: 3.7vw;
  width: 100%;
  font-size: 1.3vw;
  color: black;
}
#contents .main .page1-type1 .regulations-table2 .left-td{
  width: 6vw;
}
#contents .main .page1-type1 .regulations-table2 .center-td{
  width: 8vw;
}
#contents .main .page1-type1 .regulations-table2 .right-td{
  width: 8vw;
}
#contents .main .page1-type1 .regulations-table3{
  padding: 0 3.7vw 0;
  width: 100%;
  font-size: 1.3vw;
  color: black;
}
#contents .main .page1-type1 .regulations-table3 .left-td{
  width: 7vw;
}
#contents .main .page1-type1 .regulations-table3 .center-td{
  width: 11vw;
}
#contents .main .page1-type1 .regulations-table3 .right-td{
  width: 29vw;
}
#contents .main .page1-type1 .news-msg p{
  color: black;
  font-size: 1.3vw;
  width: 61vw;
  font-weight: normal;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .main .page1-gallery img{
  width: 29%;
}

#contents .main .bottom-Line{
  width: 100%;
  background-color: #1FBE89;
  height: 0.3vw;
  margin: 2.3vw 0 7.8vw;
}

#contents .main .page1-gallery .page1-accent{
  width: 6%;
  height: 6%;
  padding: 8% 1% 0;
}

#contents .main .page1-type2-h2 h2{
  background-color: #AEE0B1;
  color: #1FBE89;
  width: 100%;
  font-size: 1.8vw;
  height: 9.4vw;
  line-height: 9.4vw;
  padding-left: 4vw;
  border-radius: 1.6vw;
}

#contents .main .page1-type2-h2 h2{
	font-weight: 600;
}

#contents .main .page1-type3-h3 h3{
  background-color: #1FBE89;
  color: #FCFAEE;
  width: 100%;
  font-size: 1.6vw;
  height: 9.4vw;
  line-height: 9.4vw;
  padding-left: 4vw;
  font-weight: 600;
  border-radius: 1.6vw;
}

#contents .main .page1-type1 .address{
  color: black;
  font-size: 1.5vw;
  padding: 2.5vw 3.7vw;
}

#contents .main .page2-h1-area{
  position: relative;
  background-color: #1FBE89;
  margin-top: 5vw;
  margin-bottom: 5.7vw;
  padding: 0 4vw;
  border-radius: 0 0 5vw 5vw;
}
#contents .main .page2-h1-area .grass-img{
  position: absolute;
  top: -5vw;
  left: 0;
}
#contents .main .page2-h1-area h1{
  position: absolute;
  top:-1vw;
  left: 0;
	font-size: 2vw;
  width: 100%;
	text-align: center;
	color: #FCFAEE;
	line-height: 134%;
	font-weight: bold;
}
#contents .main .page2-h1-area .type2-img{
  position: relative;
  margin-top: 7vw;
  width: 100%;
  padding: 0 9vw;
}
#contents .main .page2-h1-area p{
  position: relative;
  float: right;
  width: 50%;
  font-size: 1.3vw;
  margin-top: 7vw;
  padding: 1vw 0 0 2.2vw;
}

#contents .main .page2-h1-area .bottom-Line{
  width: 100%;
  background-color: #FCFAEE;
  height: 0.3vw;
  margin: 2.9vw 0 0;
}

#contents .main .page2-h1-area .des-p{
  position: static;
  float: none;
  width: 100%;
  margin-top: 2.9vw;
  padding: 0 1vw 5vw;
}

#contents .main .page2-h2-area .green-Line{
  width: 100%;
  background-color: #1FBE89;
  height: 0.3vw;
}

#contents .main .page2-h2-area .gallery-bottom{
  margin: 2.8vw 0 6.3vw;
}

#contents .main .page2-h2-area h2{
  width: 100%;
  font-size: 2.7vw;
  color: #1FBE89;
  font-weight: 600;
  text-align: center;
  height: 8vw;
  line-height: 8vw;
}

.space-between{
  justify-content: space-between;
}

.page2-gallery{
  margin-top: 5vw;
  position: relative;
}

/*---追加---*/
.pdf-menu{
  width: 100%;
}

.pdf-menu li{
  font-weight: bold;
  text-decoration:underline;
}

.pdf-menu span{
  white-space: nowrap;
}

/* リンクの通常時のスタイル */
.pdf-menu a{
  text-decoration: none; /* 下線を消す */
  color: blue; /* リンクの色（任意） */
}

/* リンクにカーソルが乗った時のスタイル */
.pdf-menu a:hover{
  text-decoration: underline; /* 下線を表示する */
}

/*---追加ここまで---*/

#contents .main .page2-h2-area .page2-gallery .page2-accent1{
  position: absolute;
  top: 15.5vw;
  left:19.5vw;
  width: 3%;
}
#contents .main .page2-h2-area .page2-gallery .page2-accent2{
  position: absolute;
  bottom: -4vw;
  right: 19.5vw;
  width: 3%;
}
#contents .main .page2-h2-area .page2-program img{
  width: 100%;
}
            
#contents .main .page2-h2-area .page2-day-h img{
  width: 70%;
    display: block;
    margin: 0 auto;
}
            
#contents .main .page2-h2-area .page2-day-f img{
  width: 100%;
}
            
#contents .main .page2-h2-area .page2-gallery img{
  width: 30%;
}
#contents .main .page2-h2-area .page2-gallery img.cl-img{
  width: 25%;
}
#contents .main .page2-h2-area .page2-gallery img.rw-img{
  width: 40%;
}

#contents .main .page2-activity-des-area{
  background-color: #93D79C;
  border-radius: 5vw;
  padding: 0 5vw;
  margin-bottom: 9.8vw;
}

#contents .main .page2-activity-des-area h2{
  color: #FCFAED;
  font-size: 2.7vw;
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding: 2vw 0;
}
#contents .main .page2-activity-des-area p{
  font-size: 0.8vw;
  padding:4.5vw 0;
}

#contents .main .page2-activity-des-area .bottom-Line{
  background-color: #FCFAEE;
  margin: 0;
}

#contents .main .page2-h3-area{
  position: relative;
  background-color: #1FBE89;
  margin-top: 5vw;
  margin-bottom: 5.7vw;
  padding: 0 5vw;
  border-radius: 0 0 5vw 5vw;
}
#contents .main .page2-h3-area .grass-img{
  position: absolute;
  top: -5vw;
  left: 0;
}
#contents .main .page2-h3-area h1{
  position: absolute;
  top:1vw;
  left: 0;
	font-size: 2.6vw;
  width: 100%;
	text-align: center;
	color: #FCFAEE;
	line-height: 134%;
	font-weight: bold;
}
#contents .main .page2-h3-area .accessbox{
  position: relative;
  padding-top: 11vw;
}
#contents .main .page2-h3-area p{
  width: 100%;
  font-size: 0.8vw;
  margin-top: 2vw;
  padding: 0 0 1.5vw;
}

#contents .main .page2-h3-area .bottom-Line{
  width: 100%;
  background-color: #FCFAEE;
  height: 0.3vw;
  margin: 2.9vw 0 0;
  position: absolute;
  top: 3vw;
  left: 5.5vw;
  width: 83%;
}

#contents .main .shelter .shelter-img img{
  width: 100%;
  padding: 2% 2%;
}

@media screen and (min-width:1800px) {
  #container header h1{
    padding-top: 95px;
    font-size: 54px;
    line-height: 72px;
  }
  #container header .first-line{
    padding-top: 108px;
  }
  #contents .main .page1-type1-h1 h1{
    top:99px;
  	font-size: 36px;
    padding: 108px 36px;
  }

  #contents .main .page1-type1 p{
    color: #1FBE89;
    font-size: 15px;
    width: 954px;
  }
  #contents .main .page1-type1 .greeting{
    font-size: 25px;
    width: 954px;
  }
  #contents .main .page1-type1 .organization{
    font-size: 23px;
    width: 1098px;
  }
  #contents .main .page1-type1 .organization-table{
    font-size: 23px;
    padding: 17px 68px 90px;
  }
  #contents .main .page1-type1 .organization-table .left-td{
    width: 180px;
  }
  #contents .main .page1-type1 .regulations-table1{
    font-size: 23px;
    padding: 0 68px 0;
  }
  #contents .main .page1-type1 .regulations-table1 .left-td{
    width: 430px;
  }
  #contents .main .page1-type1 .regulations-table1 .right-td{
    width: 417px;
  }
  #contents .main .page1-type1 .regulations-table2{
    padding-left: 68px;
    font-size: 23px;
  }
  #contents .main .page1-type1 .regulations-table2 .left-td{
    width: 300px;
  }
  #contents .main .page1-type1 .regulations-table2 .center-td{
    width: 134px;
  }
  #contents .main .page1-type1 .regulations-table2 .right-td{
    width: 128px;
  }
  #contents .main .page1-type1 .regulations-table3{
    font-size: 23px;
    padding: 0 68px 0;
  }
  #contents .main .page1-type1 .regulations-table3 .left-td{
    width: 150px;
  }
  #contents .main .page1-type1 .regulations-table3 .center-td{
    width: 280px;
  }
  #contents .main .page1-type1 .regulations-table3 .right-td{
    width: 425px;
  }
#contents .main .page1-type1 .news-msg p{
  color: black;
  font-size: 1.3vw;
  width: 61vw;
  font-weight: normal;
}
  #contents .main .page1-type1 .news-msg p{
    font-size: 23px;
    width: 1098px;
  }
  #contents .main .page1-type1 .address{
    font-size: 27px;
    padding: 45px 66px;
  }
  #contents .main .page2-h1-area{
    margin-top: 90px;
    margin-bottom: 102px;
    padding: 0 72px;
    border-radius: 0 0 90px 90px;
  }
  #contents .main .page1-type2-h2 h2{
    font-size: 32px;
    height: 169px;
    line-height: 169px;
    padding-left: 72px;
    border-radius: 28px;
  }
  #contents .main .page1-type3-h3 h3{
    font-size: 29px;
    height: 169px;
    line-height: 169px;
    padding-left: 72px;
    border-radius: 28px;
  }
  #contents .main .page2-h1-area .grass-img{
    top: -90px;
  }
  #contents .main .page2-h1-area h1{
    top:-18px;
  	font-size: 40px;
  }
  #contents .main .page2-h1-area .type2-img{
    margin-top: 126px;
    padding: 0 162px;
  }
  #contents .main .page2-h1-area p{
    font-size: 16px;
    margin-top: 126px;
    padding: 18px 0 0 39px;
  }
  #contents .main .page2-h1-area .bottom-Line{
    height: 5px;
    margin: 52px 0 0;
  }
  #contents .main .page2-h1-area .des-p{
    margin-top: 52px;
    padding: 0 18px 90px;
  }
  #contents .main .page2-h2-area .green-Line{
    height: 5px;
  }
  #contents .main .page2-h2-area h2{
    font-size: 48px;
    color: #1FBE89;
    font-weight: 600;
    text-align: center;
    height: 144px;
    line-height: 144px;
  }
  .page2-gallery{
    margin-top: 90px;
  }
  #contents .main .page2-h2-area .page2-gallery .page2-accent1{
    top: 279px;
    left:351px;
  }
  #contents .main .page2-h2-area .page2-gallery .page2-accent2{
    bottom: -72px;
    right: 351px;
  }
  #contents .main .page2-h2-area .gallery-bottom{
    margin: 50px 0 113px;
  }
  #contents .main .page2-activity-des-area{
    background-color: #93D79C;
    border-radius: 90px;
    padding: 0 90px;
    margin-bottom: 176px;
  }
  #contents .main .page2-activity-des-area h2{
    font-size: 52px;
    padding: 36px 0;
  }
  #contents .main .bottom-Line{
    height: 5px;
    margin: 41px 0 140px;
  }
  #contents .main .page2-activity-des-area p{
    font-size:16px;
    padding:81px 0;
  }
  #contents .main .page2-h3-area{
    margin-top: 90px;
    margin-bottom: 102px;
    padding: 0 90px;
    border-radius: 0 0 90px 90px;
  }
  #contents .main .page2-h3-area .grass-img{
    position: absolute;
    top: -90px;
    left: 0;
  }
  #contents .main .page2-h3-area h1{
    top:18px;
  	font-size: 46px;
  }
  #contents .main .page2-h3-area .accessbox{
    padding-top: 198px;
  }
  #contents .main .page2-h3-area p{
    width: 100%;
    font-size: 16px;
    margin-top: 36px;
    padding: 0 0 27px;
  }
  #contents .main .page2-h3-area .bottom-Line{
    height: 5px;
    margin: 52px 0 0;
    top: 54px;
    left: 99px;
  }
  #contents .main .shelter .shelter-img .shelter-box p{
    font-size: 23px;
    padding: 0 0 0 27px;
  }
}
@media screen and (max-width:800px) {
  .sp-non{
    display: none;
  }
  #contents .main .page1-gallery .sp-width100{
    width: 100%;
    padding: 0 9vw;
  }
  #contents .main .page1-type1 p{
    width: 100%;
    font-size: 10px;
  }
  #contents .main .page1-type1-h1 h1{
    padding: 6.9vw 2vw 6vw;
    font-size: 5.4vw;
    top: 9vw;
    line-height: 112%;
  }
  #contents .main .page1-type1 .address{
    font-size: 15px;
  }
  #contents .main .page1-type1 .organization{
    width: 100%;
    font-size: 2.4vw;
  }
  #contents .main .page1-type1 .organization-table{
    font-size: 2.4vw;
  }
  #contents .main .page1-type1 .regulations-table1 .left-td{
    width: 60vw;
  }
  #contents .main .page1-type1 .regulations-table1 .right-td{
    width: 31vw;
  }
  #contents .main .page1-type1 .regulations-table2{
    font-size: 2.4vw;
  }
  #contents .main .page1-type1 .regulations-table2 .left-td{
    width: 13vw;
  }
  #contents .main .page1-type1 .regulations-table2 .center-td{
    width: 29vw;
  }
  #contents .main .page1-type1 .regulations-table2 .right-td{
    width: 3vw;
  }
  #contents .main .page1-type1 .regulations-table3{
    font-size: 2.4vw;
  }
  #contents .main .page1-type1 .regulations-table3 .left-td{
    width: 24vw;
  }
  #contents .main .page1-type1 .regulations-table3 .center-td{
    width: 34vw;
  }
  #contents .main .page1-type1 .regulations-table3 .right-td{
    width: 30vw;
  }
  #contents .main .page1-type1 .greeting{
    width: 100%;
    padding: 6% 14%;
    font-size: 2.4vw;
  }
  #contents .sub .news {
    padding: 0 0 0 0;
  }
  #contents .main .page1-type1 .news-msg p{
    width: 100%;
    font-size: 2.4vw;
  }
  #contents .main .page1-type2-h2 h2{
    font-size: 4.08vw;
  }
  #contents .main .page1-type3-h3 h3{
    font-size: 2.76vw;
  }

  #contents .main .page2-h1-area h1{
    font-size: 3vw;
    top: 1vw;
  }
  #contents .main .page2-h2-area h2{
    font-size: 4vw;
  }
  #contents .main .page2-activity-des-area h2{
    font-size: 4vw;
  }
  #contents .main .page2-h3-area h1{
    font-size: 4vw;
  }
  #contents .main .page2-h1-area .type2-img{
    margin-top: 11vw;
  }
  #contents .main .page2-h1-area p{
    font-size: 10px;
  }
  #contents .main .page2-h2-area .page2-gallery .page2-accent1{
    display: none;
  }
  #contents .main .page2-h2-area .page2-gallery .page2-accent2{
    display: none;
  }
  #contents .main .page2-h2-area .space-between{
    flex-flow: column;
    justify-content: center;
  }
  #contents .main .page2-h2-area .space-between img{
    width: 100%;
    padding: 2vw 11vw;
  }
  #contents .main .page2-h2-area .page2-gallery img.cl-img{
    width: 100%;
    padding: 2vw 11vw;
  }
  #contents .main .page2-h2-area .page2-gallery img.rw-img{
    width: 100%;
    padding: 2vw 11vw;
  }
  #contents .main .page2-activity-des-area p{
    font-size: 10px;
  }
  #contents .main .page2-h3-area .bottom-Line{
    margin: 4.9vw 0 0;
  }
  #contents .main .page1-type1 .organization-table .left-td{
    width: 16vw;
  }
  #contents .main .shelter .flex-container{
    align-items: center;
    flex-direction: column;
  }
  #contents .main .shelter .shelter-img img{
    width: 95%;
    padding-bottom: 10px;
  }
  #contents .main .shelter .shelter-img .shelter-box p{
    font-size: 3.3vw;
    padding: 0 0 0 4.5vw;
  }
}
@media screen and (max-width:480px) {
  #contents .main .page1-type2-h2 h2{
    line-height: 7.4vw;
    padding-left: 2vw;
  }
  #contents .main .page1-type3-h3 h3{
    padding-left: 2vw;
  }
}

@media screen and (max-width:480px) {
  #container header h1{
    padding-top: 5.5vw;
  }
}

/*　追加　*/