@charset "UTF-8";
@import url("//use.typekit.net/aot1ggt.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Shippori+Mincho&display=swap");
/*
font-family: $font-gothic;
300 400 500 700
*/
/*
font-family: $font-min;
300 400 500 600 700
*/
/*
font-family: $font-en;
300 400 600
*/
/*@include font-gothic();*/
/*@include font-min();*/
/*@include font-en();*/
/*@include incImg100();*/
/*@include incSmooth();*/
/*@include dropshadow;*/
/*@include boxshadow;*/
/*@include fs();*/
/*@include btm();*/
.mess_cont .cont_inr {
  max-width: 1000px; }

.ttl {
  font-size: 20px;
  position: relative;
  line-height: 1.6;
  z-index: 0;
  padding: 0 0 0 20px; }
  .ttl::after {
    position: absolute;
    content: "“";
    color: #DDF4FF;
    font-size: 200px;
    left: -10px;
    top: -40px;
    line-height: 1;
    z-index: -1; }

.mess_inr {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap; }
  .mess_inr .img {
    max-width: 420px;
    width: 100%; }
  .mess_inr .txt {
    width: 100%;
    font-size: 16px;
    line-height: 2; }

.name {
  text-align: right;
  line-height: 1.6;
  margin-top: 20px; }
  .name small {
    display: block; }

@media only screen and (min-width: 769px) {
  .ttl {
    font-size: 28px; }

  .mess_inr {
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .mess_inr .img {
      max-width: 420px;
      width: 45%; }
    .mess_inr .txt {
      width: 50%;
      font-size: 20px; } }
@media only screen and (max-width: 768px) {
  .mess_inr .img {
    margin: auto; }
  .mess_inr .txt {
    margin-top: 40px; } }