@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');

@charset "UTF-8";

.ftNotoSan{ font-family: 'Noto Sans JP', sans-serif;}
.ftNotoSe{ font-family: 'Noto Serif JP', serif;}
.ftRoboto{ font-family: 'Roboto', sans-serif;}

.sec-message {
    padding: 140px 0 300px;
    position: relative;
}

.sec-message .secInr{
  max-width: 1000px;
}

.sec-message h3.ftRoboto{
  color: #f2f2f2;
  font-size: 84px;
  font-size: 8.4rem;
  line-height: 1;
  margin-bottom: 110px;
  text-align: center;
}

.sec-message .head01{
  margin-bottom: 120px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.7;
  font-weight: 400;
}

.sec-message .text15{
  margin-bottom: 100px;
}

.sec-message .text24{
  text-align: right;
  font-family: 'Noto Serif JP', serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.7;
}

@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1080px) {
}

@media only screen and (max-width: 768px) {
.sec-message {
    padding: 40px 0 65px;
    position: relative;
}

.sec-message h3.ftRoboto{
  font-size: 30px;
  font-size: 3rem;
  margin-bottom: 25px;
}

.sec-message .head01{
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 30px;
}

.sec-message .text15{
  margin-bottom: 30px;
}

.sec-message .text24{
  font-size: 15px;
  font-size: 1.5rem;
}

}
@media only screen and (max-width: 480px) {
}

.letterBox {
background: #f1f1f1;
padding: 60px 0;
margin-top: 60px;
}
.letterBox dt {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
margin-bottom: 60px;
}

.letterBox dd {
max-width: 800px;
margin: 0 auto;
}

@media only screen and (max-width: 480px) {
.letterBox {
background: #fff;
padding: 40px 0;
margin-top: 40px;
}
.letterBox dt {
margin-bottom: 40px;
}
.letterBox dd {
border: 1px solid #eee;
}
}