@charset "utf-8";
/* 1. All Devices
-------------------------------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@100;500;700&display=swap");

body,
html {
  color: #333;
  height: 100%;
  width: 100%;
  font-family: "Nunito-2", "Zen Maru Gothic-2", sans-serif;
  font-weight: 500;
}

html .material-symbols-outlined {
  vertical-align: text-bottom;
}

@font-face {
  font-family: "Nunito-4";
  src: url("fonts/Nunito-ExtraBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  size-adjust: 108%;
}

@font-face {
  font-family: "Zen Maru Gothic-4";
  src: url("fonts/ZenMaruGothic-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-4 {
  font-family: "Nunito-4", "Zen Maru Gothic-4", sans-serif;
}

@font-face {
  font-family: "Nunito-3";
  src: url("fonts/Nunito-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  size-adjust: 108%;
}

@font-face {
  font-family: "Zen Maru Gothic-3";
  src: url("fonts/ZenMaruGothic-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-3 {
  font-family: "Nunito-3", "Zen Maru Gothic-3", sans-serif;
}

@font-face {
  font-family: "Nunito-2";
  src: url("fonts/Nunito-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  size-adjust: 108%;
}

@font-face {
  font-family: "Zen Maru Gothic-2";
  src: url("fonts/ZenMaruGothic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.font-2 {
  font-family: "Nunito-2", "Zen Maru Gothic-2", sans-serif;
}

@font-face {
  font-family: "Nunito-1";
  src: url("fonts/Nunito-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  size-adjust: 108%;
}

@font-face {
  font-family: "Zen Maru Gothic-1";
  src: url("fonts/ZenMaruGothic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-1 {
  font-family: "Nunito-1", "Zen Maru Gothic-1", sans-serif;
}

.main {
  overflow-x: hidden;
  overflow-y: hidden;
}

a {
  color: #333;
  transition: all 0.25s ease;
}

a:hover,
button:hover {
  opacity: 0.6;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td {
  font-weight: normal;
}

.home {
  background: #f8f5ec;
}

.text-cat a {
  color: #ec6d65;
}

.text-date,
.text-company {
  color: #808080;
}

.block h2 a {
  text-decoration: none;
}

.bg {
  background: url("images/bg.svg") repeat-x center top;
  background-size: auto 360px;
}

.bt-back {
  position: relative;
  top: -20px;
}

.header h1 {
  width: 20%;
  position: absolute;
  top: 50%;
  left: 17%;
  transform: translateY(-50%) translateX(-10%);
}

.single-con h2 {
  color: #d3b173;
  font-size: 2.4rem;
  line-height: 1.5;
  padding: 16px 8px;
  border-top: 2px solid #d3b173;
  border-bottom: 2px solid #d3b173;
  margin-top: 120px;
  margin-bottom: 60px;
}

.single-con h2 strong {
  font-weight: normal;
}

.single-con h3 {
  color: #ec6d65;
  font-size: 2rem;
  font-family: "Nunito-1", "Zen Maru Gothic-1", sans-serif;
  line-height: 1.5;
  margin-top: 40px;
  margin-bottom: 40px;
}

.single-con h4 {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 40px;
}

.single-con p {
  font-size: 1.6rem;
  line-height: 2;
  font-family: "Nunito-1", "Zen Maru Gothic-1", sans-serif;
  margin-bottom: 60px;
}

.single-con p strong {
  font-family: "Nunito-2", "Zen Maru Gothic-2", sans-serif;
}

.wp-element-caption {
  color: #808080;
  font-size: 1.4rem;
  line-height: 2;
  font-family: "Nunito-1", "Zen Maru Gothic-1", sans-serif;
  margin-top: 8px;
}

.single-con .wp-block-image {
  margin-top: 60px;
  margin-bottom: 60px;
}

.single-con .wp-block-buttons > .wp-block-button {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.single-con .wp-block-buttons .wp-block-button__link {
  line-height: 1.5;
  padding: 16px 40px;
  background: #d3b173;
}

.bg-beige {
  background: #f8f5ec;
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
}

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

@media only screen and (min-width: 768px) and (max-width: 821px) {
}

/* 1. SP
-------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
}

/* 2. PC
-------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  /* 2-1. TB
  -------------------------------------------------------------------------------- */
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* 2-1-1. TB (horaizontal)
    -------------------------------------------------------------------------------- */
    @media only screen and (min-width: 992px) and (max-width: 1024px) {
    }

    /* 2-1-2. TB (vertical)
    -------------------------------------------------------------------------------- */
    @media only screen and (min-width: 764px) and (max-width: 991px) {
    }
  }
}