﻿/*----------------------------------------------------------------------------------------------------

  理事長挨拶
  
----------------------------------------------------------------------------------------------------*/
.rinen {
  background-color: rgba(var(--bgcolor-lblue),1);
  padding: var(--box-space-l);
}
.rinen__ttl {
  font-weight: 500;
  color: rgba(var(--color-lblue-d),1);
  font-size: var(--fs-2l);
}
.rinen__body {
  padding-top: 1rem;
}
@media print,screen and (min-width:641px) {
  .rinen {
    display: grid;
    grid-template-areas:
      "areaA areaB"
      "areaA areaC";
  }
  .rinen__logo {
    grid-area: areaA;
    align-self: center;
    text-align: center;
    padding-right: var(--box-space-m);
    padding-top: 1em;
  }
  .rinen__logo img {
    width: 80%;
    max-width: 140px;
    min-width: 120px;
  }
  .rinen__ttl {
    grid-area: areaB;
  }
  .rinen__body {
    grid-area: areaC;
  }
}
@media screen and (max-width:640px) {
  .rinen__logo {
    text-align: center;
    padding-bottom: var(--box-space-m);
  }
  .rinen__logo img {
    width: 25%;
    max-width: 150px;
    min-width: 75px;
    margin-top: 0.5em;
  }
  .rinen__ttl {
    text-align: center;
  }
}
.riji-photo {
  float: left;
  margin-right: 4%;
  display: inline-block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  max-width: 220px;
  min-width: 100px;
}
@media print,screen and (min-width:641px) {
  .riji-photo {
    width: 25%;
  }
  .aisatsu-first {
    padding-top: 2.55rem;
  }
}
@media screen and (max-width:640px) {
  .riji-photo {
    width: 30%;
  }
}
