@charset "utf-8";

/*=========================================*/
/* 肥後自活団のご案内 */
/*=========================================*/


/*-- CONTENTS --*/

@media screen and (min-width:1101px){

#about_area{
  margin:0px auto;
  padding:70px 0px 70px 0px;
  width:1000px;
}

.about_sub_title{
  margin:0px 0px 10px 0px;
  padding:15px 20px 10px 20px;
  text-align:left;
  font-size:100%;
  line-height:150%;
  color:#333333;
  font-weight:normal;
  background-color:#d8d8d5;
  /* radius */
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;
       -o-border-radius:3px;
          border-radius:3px;
}

#about_text_area{
  padding:10px 0px 20px 0px;
}

.about_text{
  padding:0px 10px 30px 10px;
  font-size:80%;
  line-height:170%;
  color:#333333;
  text-align:left;
}

.about_idea{
  padding:0px 10px 30px 10px;
  text-align:left;
  font-size:20px;
  line-height:150%;
  letter-spacing:1px;
  font-feature-settings:"palt" 1;
  color:#333333;
  font-family:"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","メイリオ","ＭＳ Ｐ明朝","MS PMincho",serif;
  text-align:left;
}

.about_list_object{
  padding:0px 0px 30px 0px;
  border-top:1px dotted #bbbbbb;
  font-size:80%;
  line-height:170%;
  color:#333333;
}

dl.about_list_object dt{
  float:left;
  clear:left;
  padding:20px 10px 20px 10px;
  text-align:left;
  font-weight:bold;
}

dl.about_list_object dd{
  padding:20px 10px 20px 220px;
  border-bottom:1px dotted #bbbbbb;
  text-align:left;
}

.about_list{
  padding:0px 0px 50px 0px;
  font-size:80%;
  line-height:170%;
  color:#333333;
}

dl.about_list dt{
  float:left;
  clear:left;
  padding:20px 10px 20px 10px;
  text-align:left;
  font-weight:bold;
}

dl.about_list dd{
  padding:20px 10px 20px 220px;
  border-bottom:1px dotted #bbbbbb;
  text-align:left;
}

}

@media screen and (max-width:1100px){

#about_area{
  padding:70px 20px 70px 20px;
}

.about_sub_title{
  margin:0px 0px 10px 0px;
  padding:15px 20px 12px 20px;
  text-align:left;
  font-size:90%;
  line-height:150%;
  color:#333333;
  font-weight:normal;
  background-color:#d8d8d5;
  /* radius */
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;
       -o-border-radius:3px;
          border-radius:3px;
}

#about_text_area{
  padding:10px 0px 20px 0px;
}

.about_text{
  padding:0px 10px 30px 10px;
  font-size:80%;
  line-height:170%;
  color:#333333;
  text-align:left;
}

.about_idea{
  padding:0px 10px 30px 10px;
  text-align:left;
  font-size:18px;
  line-height:150%;
  letter-spacing:1px;
  font-feature-settings:"palt" 1;
  color:#333333;
  font-family:"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","メイリオ","ＭＳ Ｐ明朝","MS PMincho",serif;
  text-align:left;
}

.about_list_object{
  padding:0px 0px 30px 0px;
  border-top:1px dotted #bbbbbb;
  font-size:80%;
  line-height:170%;
  color:#333333;
}

dl.about_list_object dt{
  float:left;
  clear:left;
  padding:20px 10px 20px 10px;
  font-weight:bold;
  text-align:left;
}

dl.about_list_object dd{
  padding:20px 10px 20px 220px;
  border-bottom:1px dotted #bbbbbb;
  text-align:left;
}

.about_list{
  padding:0px 0px 50px 0px;
  font-size:80%;
  line-height:170%;
  color:#333333;
}

dl.about_list dt{
  float:left;
  clear:left;
  padding:20px 10px 20px 10px;
  font-weight:bold;
  text-align:left;
}

dl.about_list dd{
  padding:20px 10px 20px 220px;
  border-bottom:1px dotted #bbbbbb;
  text-align:left;
}

}

@media screen and (max-width:960px){

dl.about_list_object dt{
  float:none;
  padding:15px 10px 2px 10px;
}

dl.about_list_object dd{
  padding:0px 10px 15px 10px;
}

dl.about_list dt{
  float:none;
  padding:15px 10px 2px 10px;
}

dl.about_list dd{
  padding:0px 10px 15px 10px;
}

}

@media screen and (max-width:640px){

#about_area{
  padding:50px 10px 50px 10px;
}

.about_sub_title{
  margin:0px 0px 5px 0px;
  font-size:80%;
}

.about_text{
  padding:0px 10px 20px 10px;
  font-size:75%;
}

.about_idea{
  padding:0px 10px 20px 10px;
  font-size:16px;
}

.about_list_object{
  padding:0px 0px 20px 0px;
  font-size:75%;
}

dl.about_list_object dt{
  padding:15px 10px 2px 10px;
}

dl.about_list_object dd{
  padding:0px 10px 15px 10px;
}

.about_list{
  padding:0px 0px 40px 0px;
  font-size:75%;
}

dl.about_list dt{
  padding:15px 10px 2px 10px;
}

dl.about_list dd{
  padding:0px 10px 15px 10px;
}

}



/* --理事長あいさつ-- */
#greeting {
  width: 100%;
  height: auto;
  min-height: 500px;
  padding: 0;
  margin: 0 auto 50px auto;
  background-image: url('../about/images/presindent.png');
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  /*flex*/
  display: flex;
  align-items: center;
}

#greeting .text {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#greeting .text h3 {
  width: 100%;
  max-width: 268px;
  height: auto;
  margin-bottom: 40px;
}

#greeting .text h3 img {
  display: block;
  width: 100%;
  height: auto;
}

#greeting .text p{
  text-align: left;
  padding: 0 40% 0 0;
  height: auto;
  font-size: 80%;
  line-height: 1.7;
}

#greeting .text p span{
  background-color: rgba( 245, 245, 245, 0.6);
}

.sp_view {
  display: none;
}

@media screen and (max-width:1100px) {
  #greeting .text p {
    font-size: 80%;
    line-height: 1.7;
  }
}

@media screen and (max-width:640px) {
  #greeting {
    width: 100%;
    height: auto;
    min-height: initial;
    background-image: none;
    display: block;
    margin: 0 auto 40px auto;
  }
  #greeting .text p {
    padding: 0 5px 0 5px;
    width: auto;
    font-size: 75%;
    line-height: 1.7;
  }
  #greeting .text h3 {
    width: 95%;
    padding-right: 5%;
    margin-bottom: 0;
  }
  .sp_view {
    display: block;
    width: 100%;
    height: 300px;
    background: url('../about/images/presindent_sp.jpg');
    background-position: 60% 0;
    background-size: auto;
    margin: 10px 0 16px 0;
  }
}