@charset "Shift-JIS";

/*
================================================================================================================
COMMON
================================================================================================================
*/
*{padding:0; margin:0; border:0;}
/*
=========================
お知らせ
=========================
*/
#info_link{
   width:100%;

   img{width:100%;height:auto;}
  .green{width:100%;padding:20px;color:#000; background-color:#E8F2ED;}

  .box{position:relative; background:#fff; font-size:20px; line-height:150%; border-radius:20px; padding:30px; margin:0 auto;}
  @media screen and (max-width:800px){.box{font-size:16px;}}
  @media screen and (max-width:640px){.box{padding:20px;}}
  @media screen and (max-width:480px){.box{/*font-size:14px;*/ border-radius:10px;}}

  .title {
    display: block;
    color: rgb(41, 100, 41);
    font-size: 36px;
    line-height: 130%;
    text-align: center;
    margin: 0px auto 15px;
  }
  .catch {
    text-align: center;
    font-size: 22px;
    line-height: 150%;
    margin: 0px auto;
  }
  @media screen and (max-width:800px){
  .title {font-size: 26px;}
  .catch {font-size: 18px;}
  }
  @media screen and (max-width:800px){
  .catch {font-size: 16px;text-align:left;}
  }
    
  #sns-link{display:flex; max-width:800px; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:20px auto;}
  #sns-link a{
  display:flex;
  width:calc(50% - 10px);
  font-size:16px;
  border-radius:10px;
  padding:10px;
  margin-top:20px;
  box-shadow:0 0 5px rgba(0,0,0,.3);
  align-items:center;
  transition:opacity .2s ease;}
  #sns-link a:hover{opacity:.7;}
  #sns-link a p:nth-child(1){width:60px;}
  #sns-link a p:nth-child(2){width:calc(100% - 60px); line-height:120%; text-align:left; padding-left:10px;}
  @media screen and (max-width:800px){
  #sns-link{max-width:300px; margin:0 auto;}
  #sns-link a{width:100%;}}
  @media screen and (max-width:480px){#sns-link a{font-size:14px;}}
  @media screen and (max-width:400px){
  #sns-link a p:nth-child(1){width:40px;}
  #sns-link a p:nth-child(2){width:calc(100% - 40px);}}
  
}