/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Moomin CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.contents.moomin {
  max-width: 1020px;
  padding: 0 10px; }

.moomin .contents .top .circle_A {
  background-image: url(../img/moomin/circle.jpg); }

.moomin .contents .top .circle_B.bgColor {
  background: #12334c; }

.moomin .contents h1 {
  color: #12334c; }

.moomin__cont {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-top: clamp(50px, 10vw, 100px); }
  @media screen and (max-width: 768px) {
    .moomin__cont {
      flex-direction: column; } }
  .moomin__cont:first-child {
    margin-top: 0; }
.moomin__cont-left {
  padding-right: 50px; }
  @media screen and (max-width: 768px) {
    .moomin__cont-left {
      padding: 0;
      margin-top: 30px; } }
.moomin__cont-title {
  font-size: clamp(2.2rem, 2.8vw, 2.8rem);
  margin-bottom: 20px;
  color: #7094C0; }
  @media screen and (max-width: 768px) {
    .moomin__cont-title {
      font-weight: bold; } }
.moomin__cont-text {
  background: #fbfdff;
  padding: 10px 20px; }
.moomin__cont-img {
  max-width: 400px; }
.moomin__cont-table {
  margin-right: 70px; }
  @media screen and (max-width: 768px) {
    .moomin__cont-table {
      margin: 30px 0 0; } }
  .moomin__cont-table tr .moomin__cont-table-th {
    margin-top: 30px; }
  .moomin__cont-table tr:first-of-type .moomin__cont-table-th {
    margin-top: 0; }
.moomin__cont-table-th {
  display: block;
  border-bottom: #EEE solid 2px; }
.moomin__cont-table-th-span {
  width: 200px;
  text-align: center;
  display: inline-block;
  padding: 15px 10px 10px;
  background: #7094C0;
  color: #FFF;
  line-height: 1; }
  @media screen and (max-width: 768px) {
    .moomin__cont-table-th-span {
      width: 300px; } }
.moomin__cont-table-td {
  display: block;
  padding: 10px 0 0; }