@charset "UTF-8";
/* Scss Document */
/* CSS Document */
/*================================================
　reset
================================================*/
@import url(common.css);

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/*================================================
　import設定
================================================*/
/*================================================
　共通設定
================================================*/
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-text-size-adjust: none;
  /*iPhone用ランドスケープ時の文字のサイズを自動で拡大防止*/
  line-height: 1.5em;
  color: #000;
  text-align: center;
  position: relative;
  min-width: 320px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
p,
blockquote,
hr,
th,
td,
img,
figure {
  margin: 0;
  padding: 0;
}

p {
  font-size: 1.6rem;
  line-height: 1.5em;
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  p {
    font-size: 16px;
  }
}

strong {
  color: #2dcebe;
}

mark {
  background: linear-gradient(transparent 70%, #ffcce2 70%);
  color: #000;
  font-style: normal;
  font-weight: bold;
}

/* 各コンテンツの基本設定 */
main aside {
  background: #eeeeee;
  box-shadow: 0 0 10px #ccc;
  background-size: cover;
  border: 5px solid #fff;
  padding: 20px;
  margin-bottom: 30px;
  box-sizing: border-box;
}

main aside h4 {
  background: none !important;
  border-left: none !important;
  border-bottom: 2px solid #2dcebe !important;
  color: #2dcebe !important;
}

main aside p {
  font-size: 1.6rem;
}

main aside mark {
  background: linear-gradient(transparent 90%, #ff6600 70%);
}

main aside ul {
  margin-left: 20px;
}

main aside ul li {
  font-size: 16px;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.phone {
  font-size: 50px;
  line-height: 1em;
}

/* 画像設定 */
img.waku {
  padding: 3px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px #ccc;
}

img.shadow {
  box-shadow: 0 0 10px #ccc;
}

/*画像配置*/
.imgR {
  float: none;
  margin-left: 0;
  width: 100%;
  text-align: center;
}

@media (min-width: 415px) {
  .imgR {
    float: right;
    margin-left: 10px;
    width: 35%;
  }
}

.imgL {
  float: none;
  margin-right: 0px;
  width: 100%;
  text-align: center;
}

@media (min-width: 415px) {
  .imgL {
    float: left;
    margin-right: 10px;
    width: 35%;
  }
}

/* ページトップへ */
.backtop {
  display: none;
}

@media (min-width: 1024px) {
  .backtop {
    display: inline-block;
    position: fixed;
    bottom: 40px;
    right: 20px;
    width: 80px;
    height: 80px;
  }

  .backtop a {
    width: 100%;
    height: 100%;
    padding: 20px 0 0;
    box-sizing: border-box;
    display: block;
    background: #333;
    text-indent: 0;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
    border-radius: 50%;
    /* background color transition */
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }

  .backtop a:hover {
    color: #fff;
    opacity: 1;
  }
}

/* 詳しくはこちら */
.linkbtn {
  width: 100%;
  text-align: center;
}

.linkbtn a {
  font-size: 1.6rem;
  line-height: 1em;
  margin: 0 auto;
  display: inline-block;
  padding: 5%;
  box-sizing: border-box;
  background: #7ee2d8;
  border-radius: 50px;
  color: #000;
  text-decoration: none;
}

@media (min-width: 768px) {
  .linkbtn a {
    padding: 10px 20px 10px;
  }
}

.linkbtn a:hover {
  color: #fff;
  background: #7ee2d8;
}

/*パンくずナビ*/
#breadcrump {
  font-size: 1.4rem;
  line-height: 1.5em;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  background: #2dcebe;
  text-align: center;
  padding: 2% 5%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #breadcrump {
    padding: 10px 0;
  }
}

@media (min-width: 768px) {
  #breadcrump {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

#breadcrump .inner {
  width: 96%;
  margin: 0 auto;
  text-align: left;
}

@media (min-width: 1024px) {
  #breadcrump .inner {
    width: 980px;
  }
}

#breadcrump .inner i {
  font-size: 20px;
  line-height: 1.5em;
}

#breadcrump .inner a {
  color: #fff;
  text-decoration: none;
}

#breadcrump .inner a:hover {
  color: #fff;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .sp {
    display: none;
  }
}

/*================================================
　レイアウト設定
================================================*/
#container {
  width: 100%;
  text-align: center;
}

#container #container-inner {
  width: 100%;
  line-height: 100%;
  margin: 0 auto;
  text-align: left;
}

#container #container-inner header {
  padding: 10% 10% 4%;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  #container #container-inner header {
    padding: 60px 0 30px;
  }
}

@media (min-width: 1024px) {
  #container #container-inner header .inner {
    display: flex;
    flex-wrap: wrap;
    width: 980px;
    margin: 0 auto;
    align-items: center;
  }
}

#container #container-inner header .inner .logo {
  text-align: center;
}

@media (min-width: 1024px) {
  #container #container-inner header .inner .logo {
    width: 30%;
  }
}

#container #container-inner header .inner .logo strong {
  color: #ce0000;
  font-weight: normal;
}

#container #container-inner header .inner .logo p {
  font-size: 1.4rem;
}

#container #container-inner header .inner .logo p:first-child {
  line-height: 0;
  margin-bottom: 0;
}

#container #container-inner header .inner .logo p img {
  width: 300px;
  height: auto;
}

@media (max-width: 320px) {
  #container #container-inner header .inner .logo p img {
    width: 250px;
  }
}

@media (min-width: 768px) {
  #container #container-inner header .inner .logo p img {
    width: auto;
  }
}

#container #container-inner header .inner .logo h1 {
  line-height: 0;
  padding: 0;
  margin: 0;
}

#container #container-inner header .inner .logo h1 img {
  width: 300px;
  height: auto;
}

@media (max-width: 320px) {
  #container #container-inner header .inner .logo h1 img {
    width: 250px;
  }
}

@media (min-width: 768px) {
  #container #container-inner header .inner .logo h1 img {
    width: auto;
  }
}

@media (min-width: 1024px) {
  #container #container-inner header .inner .info {
    width: 38%;
    text-align: right;
  }
}

#container #container-inner header .inner .info P.tel {
  font-size: 3rem;
  line-height: 1em;
  text-align: center;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  #container #container-inner header .inner .info P.tel {
    font-size: 40px;
    line-height: 1em;
    text-align: right;
    margin-bottom: 0;
  }
}

#container #container-inner header .inner .info P.tel a {
  text-decoration: none;
}

#container #container-inner header .inner .info address {
  line-height: 1.5em;
  font-style: normal;
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 1024px) {
  #container #container-inner header .inner .info address {
    text-align: right;
    margin-bottom: 0;
  }
}

#container #container-inner header .inner .sns {
  width: 100%;
  text-align: center;
}

@media (min-width: 1024px) {
  #container #container-inner header .inner .sns {
    width: 32%;
  }
}

#container #container-inner header .inner .sns img {
  margin: 0 5px;
  max-width: 30%;
}

#container #container-inner #gnavi {
  display: none;
}

@media (min-width: 1024px) {
  #container #container-inner #gnavi {
    display: block;
    background: #fff;
    /*background: -moz-linear-gradient(#e8c692 0%, #c19e66 50%, #b68d4c 51%, #7c6136 100%);
    background: -webkit-linear-gradient(#e8c692 0%, #c19e66 50%, #b68d4c 51%, #7c6136 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8c692), color-stop(0.5, #c19e66), color-stop(0.51, #b68d4c), to(#7c6136));
    background: -o-linear-gradient(#e8c692 0%, #c19e66 50%, #b68d4c 51%, #7c6136 100%);
    background: linear-gradient(#e8c692 0%, #c19e66 50%, #b68d4c 51%, #7c6136 100%);*/
    text-align: center;
    padding: 0;
    z-index: 200;
    position: relative;
  }

  #container #container-inner #gnavi>ul {
    display: flex;
    justify-content: space-between;
    width: 96%;
    margin: 0 auto;
    padding: 10px 0 0;
    box-sizing: border-box;
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  #container #container-inner #gnavi>ul {
    width: 980px;
  }
}

@media (min-width: 1024px) {
  #container #container-inner #gnavi>ul>li {
    box-sizing: border-box;
    min-width: 10%;
    height: 48px;
    position: relative;
  }

  #container #container-inner #gnavi>ul>li span {
    display: block;
    font-size: 10px;
    text-align: center;
    color: #2dcebe;
  }

  #container #container-inner #gnavi>ul>li:hover span {
    color: #2dcebe;
  }

  #container #container-inner #gnavi>ul>li:first-child {
    width: 10%;
  }

  #container #container-inner #gnavi>ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.2em;
    box-sizing: border-box;
    -webkit-transition: 0.1s linear 0s;
    -moz-transition: 0.1s linear 0s;
    transition: 0.1s linear 0s;
    border-bottom: 2px solid #fff;
  }

  #container #container-inner #gnavi>ul>li>a:hover {
    font-size: 1.7rem;
    border-bottom: 2px solid #2dcebe;
    box-sizing: border-box;
  }

  #container #container-inner #gnavi>ul>li:nth-child(2)>ul {
    width: 250px;
  }

  #container #container-inner #gnavi>ul>li:nth-child(3)>ul {
    width: 200px;
  }

  #container #container-inner #gnavi>ul>li:nth-child(4)>ul {
    width: 250px;
  }

  #container #container-inner #gnavi>ul>li:nth-child(6)>ul {
    width: 200px;
  }

  #container #container-inner #gnavi>ul>li:nth-child(7)>ul {
    width: 200px;
  }

  #container #container-inner #gnavi>ul>li>ul {
    display: none;
    width: 100%;
    position: absolute;
    top: 48px;
    left: 0;
  }

  #container #container-inner #gnavi>ul>li>ul>li {
    float: none;
    font-size: 14px;
    line-height: 0;
    border: none;
    width: 100%;
    height: auto;
    position: relative;
  }

  #container #container-inner #gnavi>ul>li>ul>li:first-child {
    border-left: none;
    width: 100%;
  }

  #container #container-inner #gnavi>ul>li>ul>li:last-child {
    border-right: none;
  }

  #container #container-inner #gnavi>ul>li>ul>li>a {
    display: block;
    width: 100%;
    height: auto;
    color: #fff;
    text-shadow: 0 0 2px #7ee2d8;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.2em;
    padding: 10px 0 10px 15px;
    box-sizing: border-box;
    -webkit-transition: 0.1s linear 0s;
    -moz-transition: 0.1s linear 0s;
    transition: 0.1s linear 0s;
    text-align: left;
    background: rgba(45, 206, 190, 0.7);
  }

  #container #container-inner #gnavi>ul>li>ul>li>a:hover {
    font-size: 1.6rem;
    color: #fff;
    background: #2dcebe;
  }

  #container #container-inner #gnavi>ul>li>ul>li>a i {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}

#container #container-inner .gnavi2 {
  display: none;
}

@media (min-width: 1024px) {
  #container #container-inner .gnavi2 {
    display: block;
  }
}

#container #container-inner .gnavi2 #gnavi2 {
  display: none;
}

@media (min-width: 768px) {
  #container #container-inner .gnavi2 #gnavi2 {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 9999 !important;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 0;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
  }
}

#container #container-inner .gnavi2 #gnavi2>ul {
  display: flex;
  justify-content: space-between;
  width: 96%;
  margin: 0 auto;
  padding: 10px 0 0;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  #container #container-inner .gnavi2 #gnavi2>ul {
    width: 980px;
  }
}

#container #container-inner .gnavi2 #gnavi2>ul>li {
  box-sizing: border-box;
  min-width: 10%;
  height: 48px;
  position: relative;
}

#container #container-inner .gnavi2 #gnavi2>ul>li span {
  display: block;
  font-size: 10px;
  text-align: center;
  color: #2dcebe;
}

#container #container-inner .gnavi2 #gnavi2>ul>li:hover span {
  color: #2dcebe;
}

#container #container-inner .gnavi2 #gnavi2>ul>li:first-child {
  width: 10%;
}

#container #container-inner .gnavi2 #gnavi2>ul>li>a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
  text-decoration: none;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2em;
  box-sizing: border-box;
  -webkit-transition: 0.1s linear 0s;
  -moz-transition: 0.1s linear 0s;
  transition: 0.1s linear 0s;
  border-bottom: 2px solid #fff;
}

#container #container-inner .gnavi2 #gnavi2>ul>li>a:hover {
  font-size: 1.7rem;
  border-bottom: 2px solid #2dcebe;
  box-sizing: border-box;
}

#container #container-inner .gnavi2 #gnavi2>ul>li:nth-child(2)>ul {
  width: 250px;
}

#container #container-inner .gnavi2 #gnavi2>ul>li:nth-child(3)>ul {
  width: 200px;
}

#container #container-inner .gnavi2 #gnavi2>ul>li:nth-child(4)>ul {
  width: 250px;
}

#container #container-inner .gnavi2 #gnavi2>ul>li:nth-child(6)>ul {
  width: 200px;
}

#container #container-inner .gnavi2 #gnavi2>ul>li>ul {
  display: none;
  width: 100%;
  position: absolute;
  top: 48px;
  left: 0;
}

#container #container-inner .gnavi2 #gnavi2>ul>li>ul>li {
  float: none;
  font-size: 14px;
  line-height: 0;
  border: none;
  width: 100%;
  height: auto;
  position: relative;
}

#container #container-inner .gnavi2 #gnavi2>ul>li>ul>li:first-child {
  border-left: none;
  width: 100%;
}

#container #container-inner .gnavi2 #gnavi2>ul>li>ul>li:last-child {
  border-right: none;
}

#container #container-inner .gnavi2 #gnavi2>ul>li>ul>li>a {
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  text-shadow: 0 0 2px #7ee2d8;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.2em;
  padding: 10px 0 10px 15px;
  box-sizing: border-box;
  -webkit-transition: 0.1s linear 0s;
  -moz-transition: 0.1s linear 0s;
  transition: 0.1s linear 0s;
  text-align: left;
  background: rgba(45, 206, 190, 0.7);
}

#container #container-inner .gnavi2 #gnavi2>ul>li>ul>li>a:hover {
  font-size: 1.6rem;
  color: #fff;
  background: #2dcebe;
}

#container #container-inner .gnavi2 #gnavi2>ul>li>ul>li>a i {
  position: absolute;
  right: 10px;
  top: 10px;
}

#container #container-inner #content {
  width: 100%;
}

@media (min-width: 1024px) {
  #container #container-inner #content {
    width: 100%;
  }
}

#container #container-inner #content .pagetitle {
  background: #eee;
  background-size: cover;
  padding: 5% 0;
  box-sizing: border-box;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

@media (min-width: 1024px) {
  #container #container-inner #content .pagetitle {
    padding: 80px 0;
    margin-bottom: 0;
  }
}

#container #container-inner #content .pagetitle .inner {
  width: 94%;
  margin: 0 auto;
}

@media (min-width: 768px) {
  #container #container-inner #content .pagetitle .inner {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  #container #container-inner #content .pagetitle .inner {
    width: 980px;
    text-align: left;
  }
}

#container #container-inner #content .pagetitle .inner p {
  font-size: 2.6rem;
  line-height: 2em;
  font-weight: normal;
  color: #000;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  #container #container-inner #content .pagetitle .inner p {
    font-size: 30px;
    width: 980px;
    letter-spacing: 0.1em;
  }
}

#container #container-inner #content .pagetitle .inner h1 {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: normal;
  color: #000;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  #container #container-inner #content .pagetitle .inner h1 {
    font-size: 20px;
    font-weight: bold;
    width: 980px;
    letter-spacing: 0.4em;
  }
}

#container #container-inner #content #content-inner main>section {
  padding: 10% 0 5%;
  box-sizing: border-box;
  text-align: center;
}

@media (min-width: 1024px) {
  #container #container-inner #content #content-inner main>section {
    padding: 70px 0 70px;
    box-sizing: border-box;
  }
}

#container #container-inner #content #content-inner main>section:nth-child(even) {
  background-color: #f7fcfc;
}

#container #container-inner #content #content-inner main>section h2 {
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  margin: 0 auto;
  margin-bottom: 20px;
  /*+p{
      font-size: 1.6rem;
      font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
      display: block;
      color:#2dcebe;
      text-align: center;
      @include tab{
          font-weight: bold;
      }
      @include pc2{
          font-size: 16px;
          margin-bottom: 40px;
      }
  }*/
}

@media (min-width: 768px) {
  #container #container-inner #content #content-inner main>section h2 {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #container #container-inner #content #content-inner main>section h2 {
    font-size: 20px;
    line-height: 1.5em;
  }
}

#container #container-inner #content #content-inner main>section h2 span {
  font-size: 1.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  display: block;
  color: #2dcebe;
  text-align: center;
}

@media (min-width: 768px) {
  #container #container-inner #content #content-inner main>section h2 span {
    font-weight: bold;
  }
}

@media (min-width: 1024px) {
  #container #container-inner #content #content-inner main>section h2 span {
    font-size: 16px;
    margin-bottom: 40px;
  }
}

#container #container-inner #content #content-inner main>section .inner {
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  #container #container-inner #content #content-inner main>section .inner {
    width: 980px;
  }
}

#container #container-inner #content #content-inner main>section .inner h2 {
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  margin: 0 auto;
  margin-bottom: 20px;
  /*+p{
  	font-size: 1.6rem;
  	font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
  	display: block;
  	color:#2dcebe;
  	text-align: center;
  	@include tab{
  		font-weight: bold;
  	}
  	@include pc2{
  		font-size: 16px;
  		margin-bottom: 40px;
  	}
  }*/
}

@media (min-width: 768px) {
  #container #container-inner #content #content-inner main>section .inner h2 {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #container #container-inner #content #content-inner main>section .inner h2 {
    font-size: 20px;
    line-height: 1.5em;
  }
}

#container #container-inner #content #content-inner main>section .inner .h2en {
  font-size: 1.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  display: block;
  color: #2dcebe;
  text-align: center;
}

@media (min-width: 768px) {
  #container #container-inner #content #content-inner main>section .inner .h2en {
    font-weight: bold;
  }
}

@media (min-width: 1024px) {
  #container #container-inner #content #content-inner main>section .inner .h2en {
    font-size: 16px;
    margin-bottom: 40px;
  }
}

#container #container-inner #content #content-inner main>section .inner .intro {
  margin-bottom: 30px;
}

#container #container-inner #content #content-inner main>section .inner .intro p {
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
}

@media (min-width: 1024px) {
  #container #container-inner #content #content-inner main>section .inner .intro p {
    font-size: 1.8rem;
    line-height: 1.8em;
    text-align: center;
  }
}

#container #container-inner #content #content-inner main>section .inner .intro p .sp {
  display: none;
}

@media (min-width: 1024px) {
  #container #container-inner #content #content-inner main>section .inner .intro p .sp {
    display: inline;
  }
}

#container #container-inner footer .contact {
  background: #2dcebe;
  text-align: center;
  padding: 5%;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  #container #container-inner footer .contact {
    padding: 20px;
    margin-bottom: 50px;
  }
}

#container #container-inner footer .contact ul {
  list-style: none;
}

@media (min-width: 768px) {
  #container #container-inner footer .contact ul {
    display: flex;
    justify-content: center;
    text-align: left;
  }
}

#container #container-inner footer .contact ul li {
  color: #fff;
  position: relative;
  margin: 0 3%;
}

#container #container-inner footer .contact ul li a {
  font-size: 2rem;
  line-height: 1em;
  margin: 0 auto;
  display: block;
  padding: 5%;
  box-sizing: border-box;
  background: #fff;
  border-radius: 50px;
  color: #2dcebe;
  text-decoration: none;
}

@media (min-width: 768px) {
  #container #container-inner footer .contact ul li a {
    display: inline-block;
    padding: 10px 40px;
  }
}

#container #container-inner footer .contact ul li a:hover {
  color: #000;
  background: #7ee2d8;
}

#container #container-inner footer .contact ul li.tel {
  display: none;
}

@media (min-width: 768px) {
  #container #container-inner footer .contact ul li.tel {
    display: block;
  }

  #container #container-inner footer .contact ul li.tel span {
    font-size: 30px;
    padding: 5px 0;
    display: inline-block;
  }
}

@media (min-width: 768px) {
  #container #container-inner footer .contact ul li.tel2 {
    display: none;
  }
}

#container #container-inner footer .contact ul li.tel2 span {
  font-size: 30px;
  padding: 5px 0;
  display: block;
}

#container #container-inner footer .contact ul li.tel2 a {
  font-size: 2.2rem;
}

@media (min-width: 768px) {
  #container #container-inner footer .contact ul li.tel2 a:hover::before {
    left: 20px;
  }
}

#container #container-inner footer .contact ul li.tel2 a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f879";
  font-weight: 900;
  position: absolute;
  left: 60px;
  color: #2dcebe;
  font-size: 2rem;
}

@media (min-width: 768px) {
  #container #container-inner footer .contact ul li.tel2 a::before {
    left: 20px;
  }
}

@media (min-width: 768px) {
  #container #container-inner footer .contact ul li.mail a {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  #container #container-inner footer .contact ul li.mail a:hover::before {
    left: 20px;
  }
}

@media (min-width: 768px) {
  #container #container-inner footer .contact ul li.mail a::before {
    left: 20px;
  }
}

#container #container-inner footer .inner {
  padding: 10% 4%;
  padding-bottom: 100px;
  box-sizing: border-box;
  /*@include tab{
  	background-size: contain;
  }*/
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner {
    padding: 20px 0;
    min-height: 300px;
    width: 980px;
    margin: 0 auto;
  }
}

#container #container-inner footer .inner .logo p {
  font-size: 1.4rem;
  text-align: center;
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .logo p {
    text-align: left;
  }
}

#container #container-inner footer .inner .logo p:first-child {
  margin-bottom: 0;
}

#container #container-inner footer .inner .logo p strong {
  color: #ce0000;
  font-weight: normal;
}

#container #container-inner footer .inner .logo p img {
  width: 300px;
  height: auto;
  vertical-align: middle;
}

@media (max-width: 320px) {
  #container #container-inner footer .inner .logo p img {
    width: 250px;
  }
}

@media (min-width: 768px) {
  #container #container-inner footer .inner .logo p img {
    width: auto;
  }
}

#container #container-inner footer .inner .info .tel {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .info .tel {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .info .tel {
    font-size: 40px;
    line-height: 1em;
    text-align: left;
  }
}

#container #container-inner footer .inner .info .tel a {
  text-decoration: none;
}

#container #container-inner footer .inner .info address {
  font-style: normal;
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .info address {
    text-align: left;
  }
}

#container #container-inner footer .inner .info2 {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .info2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .info2 .photo {
    width: 55%;
  }
}

#container #container-inner footer .inner .info2 .photo img {
  width: 100%;
  height: auto;
}

#container #container-inner footer .inner .info2 nav#f_navi {
  display: none;
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .info2 nav#f_navi {
    width: 43%;
    margin-right: 2%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}

#container #container-inner footer .inner .info2 nav#f_navi>ul {
  list-style: none;
}

@media (min-width: 768px) {
  #container #container-inner footer .inner .info2 nav#f_navi>ul {
    margin-right: 5%;
  }
}

#container #container-inner footer .inner .info2 nav#f_navi>ul>li {
  position: relative;
}

#container #container-inner footer .inner .info2 nav#f_navi>ul>li a {
  font-size: 1.4rem;
  text-decoration: none;
  display: block;
  padding-right: 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}

#container #container-inner footer .inner .info2 nav#f_navi>ul>li a i {
  margin-left: 20px;
}

#container #container-inner footer .inner .info2 nav#f_navi>ul>li a::after {
  content: ">";
  font-weight: 900;
  position: absolute;
  right: 10px;
  color: #2dcebe;
  font-size: 10px;
}

#container #container-inner footer .inner .info2 nav#f_navi>ul>li>ul>li {
  position: relative;
}

#container #container-inner footer .inner .info2 nav#f_navi>ul>li>ul>li a {
  font-size: 1.4rem;
  text-decoration: none;
  display: block;
  padding-right: 30px;
  box-sizing: border-box;
  border-bottom: 1px dotted #ccc;
}

#container #container-inner footer .inner .info2 nav#f_navi>ul>li>ul>li a i {
  margin-left: 20px;
}

#container #container-inner footer .inner .info2 nav#f_navi>ul>li>ul>li a::after {
  content: ">";
  font-weight: 900;
  position: absolute;
  right: 10px;
  color: #2dcebe;
  font-size: 10px;
}

#container #container-inner footer .inner .info3 {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .info3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    align-items: baseline;
  }
}

#container #container-inner footer .inner .info3 .sns {
  text-align: center;
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .info3 .sns {
    width: 43%;
    margin-right: 2%;
    text-align: left;
  }
}

#container #container-inner footer .inner .info3 .sns img {
  margin: 0 5px;
}

#container #container-inner footer .inner .info3 .bnrs {
  text-align: center;
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .info3 .bnrs {
    text-align: left;
    width: 55%;
  }
}

#container #container-inner footer .inner .info3 .bnrs img {
  width: 100%;
  height: auto;
}

#container #container-inner footer .inner .copyright {
  font-size: 1.2rem;
  background: none;
  text-align: center;
  box-sizing: border-box;
  margin-top: 20px;
}

@media (min-width: 1024px) {
  #container #container-inner footer .inner .copyright {
    font-size: 12px;
    text-align: left;
    margin-top: 30px;
  }
}

#sp_gnavi {
  margin-bottom: 0;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
}

#sp_gnavi .slideMenu {
  position: fixed;
  top: 0;
  left: -70%;
  z-index: 1;
  width: 70%;
  height: 100%;
  background-color: #333;
  text-align: center;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0);
  /*最後の数値を.7などにする*/
}

#sp_gnavi .slideMenu li.title {
  background: #7ee2d8 url(../images/common/sp_menu_title.png) right center no-repeat;
  color: #fff;
  padding: 14px 10px 14px;
  box-sizing: border-box;
  font-size: 1.6rem;
  text-align: left;
}

@media (min-width: 768px) {
  #sp_gnavi .slideMenu li.title {
    font-size: 15px;
  }
}

#sp_gnavi .slideMenu li a {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5em;
  text-align: left;
  background: #fff;
  background-size: 6px 10px;
  padding: 10px 3px;
  padding-left: 10px;
  color: #000;
  border-bottom: 1px solid #CCC;
  text-decoration: none;
}

#sp_gnavi .slideMenu li a:hover {
  color: #fff;
  background: #2dcebe;
  text-decoration: none;
}

#sp_gnavi .slideMenu li a:hover span {
  color: #fff;
}

#sp_gnavi .slideMenu li a:hover i {
  color: #fff;
}

#sp_gnavi .slideMenu li a span {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5em;
  text-align: left;
  color: #2dcebe;
}

#sp_gnavi .slideMenu li a i {
  color: #2dcebe;
  margin-right: 5px;
}

#sp_gnavi .slideMenu li a.btnClose {
  background: #333;
  color: #fff;
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
}

#sp_gnavi .slideMenu li>ul li a {
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
}

#sp_gnavi .slideMenu li>ul li a i {
  position: absolute;
  right: 10px;
  top: 14px;
}

#sp_gnavi .shade {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 1024px) {
  #sp_gnavi {
    display: none;
  }
}

/* コンテンツ部 ----------------------------------------------------------------- */
.calc {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%) !important;
  padding-left: calc(50vw - 50%) !important;
  box-sizing: border-box;
}

/* ページ内INDEX　#pagenavi*/
nav#pagenavi {
  background: #fff;
  border-top: 3px dotted #999;
  border-bottom: 3px dotted #999;
  border-radius: 0px;
  padding: 20px 20px 10px 20px;
  margin-bottom: 10px;
}

nav#pagenavi h4 {
  background: none;
  min-height: 20px;
}

nav#pagenavi ul {
  list-style: none;
}

nav#pagenavi ul li {
  font-size: 100%;
  line-height: 1.5em;
  text-align: left;
  float: left;
}

nav#pagenavi ul li a {
  background: url(../images/common/side1_navi1_sub.png) 15px center no-repeat;
  display: block;
  min-height: 30px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 32px;
  text-decoration: none;
  color: #333;
}

nav#pagenavi ul li a:hover {
  color: #077bc5;
  background: #e5f6fe url(../images/common/side1_navi1_sub.png) 15px center no-repeat;
}

/*　固定の電話 */
#footer-tel {
  z-index: 9998;
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1024px) {
  #footer-tel {
    display: none;
  }
}

#footer-tel .marquee {
  width: 100%;
  overflow: hidden;
}

#footer-tel .marquee p {
  margin: 0;
  color: #fff;
  width: 300%;
  padding-left: 100%;
  white-space: nowrap;
  animation-name: marquee;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes marquee {
  from {
    transform: translate(0%);
  }

  100%,
  to {
    transform: translate(-100%);
  }
}

@media (min-width: 768px) {
  #footer-tel .marquee p {
    width: 150%;
  }
}

#footer-tel ul {
  width: 100%;
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 2px;
  box-sizing: border-box;
}

@media (max-width: 320px) {
  #footer-tel ul {
    justify-content: space-around;
  }
}

#footer-tel ul li {
  width: 28%;
  height: 50px;
  box-sizing: border-box;
  background-color: rgba(126, 226, 216, 0.85);
  font-size: 14px;
  letter-spacing: 0.05em;
  font-weight: bold;
  line-height: 1em;
  color: #000;
  text-decoration: none;
  display: table;
  margin: 1%;
  border-radius: 5px;
}

#footer-tel ul li a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  color: #000;
  text-decoration: none;
}

#footer-tel ul li.gotop {
  width: 10%;
}

@media (min-width: 768px) {
  #footer-tel ul li.tel {
    display: none;
  }
}

#footer-tel i {
  font-size: 20px;
}

/*================================================
　トップページ
================================================*/
#index #container #container-inner .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

@media (min-width: 1024px) {
  #index #container #container-inner .swiper-container {
    width: 980px;
    margin-bottom: 20px;
  }
}

#index #container #container-inner .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  vertical-align: text-bottom;
}

#index #container #container-inner .swiper-container .swiper-button-next {
  display: none;
}

#index #container #container-inner .swiper-container .swiper-button-prev {
  display: none;
}

#index #container #container-inner .swiper-container .swiper-pagination-bullet {
  display: none;
}

#index #container #container-inner .swiper-container .swiper-pagination-bullet-active {
  background: #fff;
}

#index #container #container-inner .swiper-container .news {
  display: none;
  background: #2dcebe;
  text-align: center;
  padding: 5%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #index #container #container-inner .swiper-container .news {
    padding: 20px;
  }
}

#index #container #container-inner .swiper-container .news .inner {
  display: flex;
  justify-content: center;
}

#index #container #container-inner .swiper-container .news .inner h3 {
  font-size: 2.2rem;
  color: #fff;
  margin-right: 20px;
}

#index #container #container-inner .swiper-container .news .inner dl {
  text-align: left;
}

@media (min-width: 768px) {
  #index #container #container-inner .swiper-container .news .inner dl {
    display: flex;
    flex-wrap: wrap;
  }
}

#index #container #container-inner .swiper-container .news .inner dl dt {
  font-size: 1.6rem;
  line-height: 1.2em;
  color: #fff;
}

@media (min-width: 768px) {
  #index #container #container-inner .swiper-container .news .inner dl dt {
    margin-right: 10px;
  }
}

#index #container #container-inner .swiper-container .news .inner dl dd {
  font-size: 1.6rem;
  line-height: 1.2em;
  color: #fff;
}

#index #container #container-inner .swiper-container .news .inner dl dd a {
  color: #fff;
  text-decoration: none;
}

#index #container #container-inner .swiper-container .news .inner dl dd a:hover {
  text-decoration: underline;
}

#index #container #container-inner #content #content-inner main .news-title {
  color: #2dcebe;
  font-size: 2.2rem;
  text-align: center;
  margin: 20px 0;
}

#index #container #container-inner #content #content-inner main .news-title a {
  text-decoration: none;
}

#index #container #container-inner #content #content-inner main .news {
  background: #2dcebe;
  text-align: center;
  padding: 5%;
  box-sizing: border-box;
  padding: 20px;
}

#index #container #container-inner #content #content-inner main .news .inner {
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main .news .inner {
    width: 980px;
  }
}

#index #container #container-inner #content #content-inner main .news .inner h3 {
  font-size: 2.2rem;
  line-height: 1em;
  color: #fff;
  margin-right: 20px;
  margin-top: 8px;
}

#index #container #container-inner #content #content-inner main .news .inner dl {
  text-align: left;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main .news .inner dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0px;
  }
}

#index #container #container-inner #content #content-inner main .news .inner dl dt {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1em;
  color: #fff;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main .news .inner dl dt {
    margin-right: 10px;
  }
}

#index #container #container-inner #content #content-inner main .news .inner dl dd {
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1.1em;
  color: #fff;
  margin: 5px 0px;
}

#index #container #container-inner #content #content-inner main .news .inner dl dd a {
  color: #fff;
  text-decoration: underline;
}

#index #container #container-inner #content #content-inner main .news .inner dl dd a:hover {
  color: #fff;
  text-decoration: underline;
}

#index #container #container-inner #content #content-inner main>section {
  /*h2{
  	font-size: 3rem;
  	font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
  	font-weight: bold;
  	line-height: 1.5em;
  	text-align: center;
  	border-bottom:3px solid #2dcebe;
  	width: fit-content;
  	display: inline-block;
  	margin: 0 auto;
  	@include pc{
  		font-size: 40px;
  		line-height: 2em;
  	}
  	+p{
  		display: block;
  		color:#2dcebe;
  		text-align: center;
  		font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
  	}
  }*/
}

@media (min-width: 1024px) {
  #index #container #container-inner #content #content-inner main>section {
    padding: 70px 0 70px;
    box-sizing: border-box;
  }
}

#index #container #container-inner #content #content-inner main>section:nth-child(odd) {
  background-color: #fff;
}

#index #container #container-inner #content #content-inner main>section#index_strength {
  background: #f7fcfc;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner h2 {
  font-size: 3rem;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  width: fit-content;
  display: inline-block;
  margin: 0 auto;
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_strength .inner h2 {
    font-size: 50px;
    line-height: 1.5em;
  }
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner h2 span {
  display: block;
  line-height: 1em;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner h2+p {
  display: block;
  text-align: center;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div {
  width: 48%;
  margin: 1%;
  margin-bottom: 20px;
  text-align: center;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div {
  width: 48%;
  margin: 1%;
  margin-bottom: 0px;
  text-align: center;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div {
  width: 48%;
  margin: 1%;
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div {
    width: 23%;
    margin: 1%;
  }
}

@media (min-width: 1024px) {
  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div img {
    width: 100%;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div img {
    width: 100%;
  }
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div h3 {
  font-size: 2.0rem;
  line-height: 1.2em;
  margin-bottom: 10px;
  color: #fff;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  border-radius: 50%;
  border: 6px double;
  padding-top: 60px;
  box-sizing: border-box;
  height: 150px;
  width: 150px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2dcebe+0,47ccbe+100 */
  background: #2dcebe;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #2dcebe 0%, #47ccbe 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #2dcebe 0%, #47ccbe 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #2dcebe 0%, #47ccbe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dcebe', endColorstr='#47ccbe', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

@media (min-width: 1024px) {
  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 20px;
  }

  #index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div h3 img {
  width: auto;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div h3.t1 {
  font-size: 1.8rem;
  padding-top: 45px;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div p {
  font-size: 1.4rem;
  text-align: justify;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 0;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div p.img {
  text-align: center;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box>div p.img img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div h3 img {
  width: auto;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div h3.t1 {
  font-size: 1.8rem;
  padding-top: 45px;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div p {
  font-size: 1.4rem;
  text-align: justify;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 0;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div p.img {
  text-align: center;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box01>div p.img img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div h3 img {
  width: auto;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div h3.t1 {
  font-size: 1.8rem;
  padding-top: 45px;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div p {
  font-size: 1.4rem;
  text-align: justify;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 0;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div p.img {
  text-align: center;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_strength .inner .box02>div p.img img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}

#index #container #container-inner #content #content-inner main>section#index_product {
  background: #f7fcfc;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>p {
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  margin: 0 auto;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_product .inner>p {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_product .inner>p {
    font-size: 20px;
    line-height: 1.5em;
  }
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>p+h2 {
  font-size: 1.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  display: block;
  color: #2dcebe;
  text-align: center;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_product .inner>p+h2 {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_product .inner>p+h2 {
    font-size: 16px;
    margin-bottom: 40px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_product .inner .catch {
  font-size: 2.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_product .inner .catch {
    font-size: 30px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div {
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_product .inner>div {
    margin-bottom: 90px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div h3 {
  font-size: 2rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  line-height: 1.2em;
  color: #f34840;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  #index #container #container-inner #content #content-inner main>section#index_product .inner>div h3 {
    font-size: 30px;
    line-height: 1.2em;
    margin-top: 50px;
    margin-bottom: 20px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  background: #f1f1f1;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  background: #f1f1f1;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  background: #f1f1f1;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div {
    width: 23%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div {
    width: 23%;
    margin: 1%;
  }
}

@media (min-width: 1024px) {
  #index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div {
    width: 225px;
    margin: 10px;
  }

  #index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div {
    width: 225px;
    margin: 10px;
  }

  #index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div {
    width: 225px;
    margin: 10px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div>a {
  display: block;
  height: 100%;
  background: #eee;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div>a p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div>a p:first-child {
  text-align: center;
  padding: 0;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div>p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div>p:first-child {
  text-align: center;
  padding: 0;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box>div>p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_calendar .box>div>a {
  background: #fff;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_calendar .box>div>a:hover {
  background: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_novelty .box>div>a p:first-child {
  height: 160px;
  overflow: hidden;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_novelty .box>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_novelty .box>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div>a {
  display: block;
  height: 100%;
  background: #eee;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div>a p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div>a p:first-child {
  text-align: center;
  padding: 0;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div>p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div>p:first-child {
  text-align: center;
  padding: 0;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box01>div>p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_calendar .box01>div>a {
  background: #fff;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_calendar .box01>div>a:hover {
  background: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_novelty .box01>div>a p:first-child {
  height: 160px;
  overflow: hidden;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_novelty .box01>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_novelty .box01>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div>a {
  display: block;
  height: 100%;
  background: #eee;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div>a p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div>a p:first-child {
  text-align: center;
  padding: 0;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div>p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div>p:first-child {
  text-align: center;
  padding: 0;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div .box02>div>p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_calendar .box02>div>a {
  background: #fff;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_calendar .box02>div>a:hover {
  background: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_novelty .box02>div>a p:first-child {
  height: 160px;
  overflow: hidden;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_novelty .box02>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_product .inner>div.product_novelty .box02>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_achievement {
  background: #fff;
}

#index #container #container-inner #content #content-inner main>section#index_achievement h2 {
  font-size: 3rem;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  border-bottom: 3px solid #2dcebe;
  width: fit-content;
  display: inline-block;
  margin: 0 auto;
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_achievement h2 {
    font-size: 40px;
    line-height: 1.5em;
  }
}

#index #container #container-inner #content #content-inner main>section#index_achievement h2+p {
  display: block;
  color: #2dcebe;
  text-align: center;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_achievement .btn {
    display: flex;
    justify-content: center;
  }
}

#index #container #container-inner #content #content-inner main>section#index_achievement .btn .linkbtn {
  width: auto;
  margin: 3%;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_achievement .btn .linkbtn {
    margin: 1%;
  }
}

#index #container #container-inner #content #content-inner main>section#index_eco {
  background: #fff;
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_eco .inner {
    width: 1280px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner>p {
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  margin: 0 auto;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_eco .inner>p {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_eco .inner>p {
    font-size: 20px;
    line-height: 1.5em;
  }
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner>p+h2 {
  font-size: 1.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  display: block;
  color: #2dcebe;
  text-align: center;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_eco .inner>p+h2 {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_eco .inner>p+h2 {
    font-size: 16px;
    margin-bottom: 40px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div {
  width: 48%;
  margin: 1%;
  margin-bottom: 20px;
  text-align: center;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div {
  width: 48%;
  margin: 1%;
  margin-bottom: 20px;
  text-align: center;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div {
  width: 48%;
  margin: 1%;
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div {
    width: 31%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div {
    width: 31%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div {
    width: 31%;
    margin: 1%;
  }
}

@media (min-width: 1024px) {
  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div {
    width: 18%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div {
    width: 18%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div {
    width: 18%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div img {
    width: 100%;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div {
    width: 20%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div {
    width: 20%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div {
    width: 20%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div img {
    width: 100%;
  }
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div a {
  display: block;
  text-decoration: none;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div a:hover {
  color: #008442;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div h3 {
  font-size: 1.8rem;
  line-height: 1.2em;
  margin-bottom: 10px;
  color: #008442;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div a {
  display: block;
  text-decoration: none;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div a:hover {
  color: #008442;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div h3 {
  font-size: 1.8rem;
  line-height: 1.2em;
  margin-bottom: 10px;
  color: #008442;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div a {
  display: block;
  text-decoration: none;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div a:hover {
  color: #008442;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div h3 {
  font-size: 1.8rem;
  line-height: 1.2em;
  margin-bottom: 10px;
  color: #008442;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

@media (min-width: 1024px) {
  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 0;
    letter-spacing: -0.05em;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 0;
    letter-spacing: -0.05em;
  }

  #index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 0;
    letter-spacing: -0.05em;
  }
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div h3 img {
  width: auto;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div span {
  font-size: 14px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div p {
  font-size: 1.4rem;
  text-align: center;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 0;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div p.img {
  text-align: center;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box>div p.img img {
  width: 100%;
  height: auto;
  box-shadow: 0 0 10px #ccc;
  border-radius: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div h3 img {
  width: auto;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div span {
  font-size: 14px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div p {
  font-size: 1.4rem;
  text-align: center;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 0;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div p.img {
  text-align: center;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box01>div p.img img {
  width: 100%;
  height: auto;
  box-shadow: 0 0 10px #ccc;
  border-radius: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div h3 img {
  width: auto;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div span {
  font-size: 14px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div p {
  font-size: 1.4rem;
  text-align: center;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 0;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div p.img {
  text-align: center;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_eco .inner .box02>div p.img img {
  width: 100%;
  height: auto;
  box-shadow: 0 0 10px #ccc;
  border-radius: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_material {
  background: #fff;
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_material .inner {
    width: 1280px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_material .inner>p {
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  margin: 0 auto;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_material .inner>p {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_material .inner>p {
    font-size: 20px;
    line-height: 1.5em;
  }
}

#index #container #container-inner #content #content-inner main>section#index_material .inner>p+h2 {
  font-size: 1.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  display: block;
  color: #2dcebe;
  text-align: center;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_material .inner>p+h2 {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_material .inner>p+h2 {
    font-size: 16px;
    margin-bottom: 40px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box>div {
  width: 48%;
  margin: 1%;
  margin-bottom: 20px;
  text-align: center;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div {
  width: 48%;
  margin: 1%;
  margin-bottom: 20px;
  text-align: center;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div {
  width: 48%;
  margin: 1%;
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_material .inner .box>div {
    width: 31%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div {
    width: 31%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div {
    width: 31%;
    margin: 1%;
  }
}

@media (min-width: 1024px) {
  #index #container #container-inner #content #content-inner main>section#index_material .inner .box>div {
    width: 18%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div {
    width: 18%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div {
    width: 18%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div img {
    width: 100%;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_material .inner .box>div {
    width: 20%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div {
    width: 18%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div img {
    width: 100%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div {
    width: 18%;
    margin: 1%;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div img {
    width: 100%;
  }
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box>div a {
  display: block;
  text-decoration: none;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box>div a:hover {
  color: #008442;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box>div h3 {
  font-size: 1.8rem;
  line-height: 1.2em;
  margin-bottom: 10px;
  color: #008442;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div a {
  display: block;
  text-decoration: none;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div a:hover {
  color: #008442;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div h3 {
  font-size: 1.8rem;
  line-height: 1.2em;
  margin-bottom: 10px;
  color: #008442;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div a {
  display: block;
  text-decoration: none;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div a:hover {
  color: #008442;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div h3 {
  font-size: 1.8rem;
  line-height: 1.2em;
  margin-bottom: 10px;
  color: #008442;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

@media (min-width: 1024px) {
  #index #container #container-inner #content #content-inner main>section#index_material .inner .box>div h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 20px;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 20px;
  }

  #index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box>div h3 img {
  width: auto;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box>div p {
  font-size: 1.4rem;
  text-align: center;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 0;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box>div p.img {
  text-align: center;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box>div p.img img {
  width: 100%;
  height: auto;
  box-shadow: 0 0 10px #ccc;
  border-radius: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div h3 img {
  width: auto;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div p {
  font-size: 1.4rem;
  text-align: center;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 0;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div p.img {
  text-align: center;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box01>div p.img img {
  width: 100%;
  height: auto;
  box-shadow: 0 0 10px #ccc;
  border-radius: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div h3 img {
  width: auto;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div p {
  font-size: 1.4rem;
  text-align: center;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 0;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div p.img {
  text-align: center;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_material .inner .box02>div p.img img {
  width: 100%;
  height: auto;
  box-shadow: 0 0 10px #ccc;
  border-radius: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_company {
  background: #fff;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner>p {
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  margin: 0 auto;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_company .inner>p {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_company .inner>p {
    font-size: 20px;
    line-height: 1.5em;
  }
}

#index #container #container-inner #content #content-inner main>section#index_company .inner>p+h2 {
  font-size: 1.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  display: block;
  color: #2dcebe;
  text-align: center;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_company .inner>p+h2 {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_company .inner>p+h2 {
    font-size: 16px;
    margin-bottom: 40px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box>a {
  display: block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  text-decoration: none;
  transition: 0.7s opacity;
  padding-bottom: 15px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_company .inner .box>a {
    width: 18%;
    margin: 1%;
  }
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box>a:hover {
  color: #000;
  opacity: 0.5;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box>a p {
  text-align: left;
  padding: 10px;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box>a p:first-child {
  text-align: center;
  padding: 0;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box>a p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box01>a {
  display: block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  text-decoration: none;
  transition: 0.7s opacity;
  padding-bottom: 15px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_company .inner .box01>a {
    width: 18%;
    margin: 1%;
  }
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box01>a:hover {
  color: #000;
  opacity: 0.5;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box01>a p {
  text-align: left;
  padding: 10px;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box01>a p:first-child {
  text-align: center;
  padding: 0;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box01>a p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box02>a {
  display: block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  text-decoration: none;
  transition: 0.7s opacity;
  padding-bottom: 15px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_company .inner .box02>a {
    width: 18%;
    margin: 1%;
  }
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box02>a:hover {
  color: #000;
  opacity: 0.5;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box02>a p {
  text-align: left;
  padding: 10px;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box02>a p:first-child {
  text-align: center;
  padding: 0;
  margin-bottom: 10px;
}

#index #container #container-inner #content #content-inner main>section#index_company .inner .box02>a p:first-child img {
  width: 100%;
  height: auto;
}

#index #container #container-inner #content #content-inner main>section#index_news {
  background: #f7fcfc;
}

#index #container #container-inner #content #content-inner main>section#index_news .inner>p {
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  margin: 0 auto;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_news .inner>p {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_news .inner>p {
    font-size: 20px;
    line-height: 1.5em;
  }
}

#index #container #container-inner #content #content-inner main>section#index_news .inner>p+h2 {
  font-size: 1.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  display: block;
  color: #2dcebe;
  text-align: center;
}

@media (min-width: 768px) {
  #index #container #container-inner #content #content-inner main>section#index_news .inner>p+h2 {
    font-weight: bold;
  }
}

@media (min-width: 1366px) {
  #index #container #container-inner #content #content-inner main>section#index_news .inner>p+h2 {
    font-size: 16px;
    margin-bottom: 40px;
  }
}

#index #container #container-inner #content #content-inner main>section#index_news .inner>div {
  text-align: left;
}

#index #container #container-inner #content #content-inner main>section#index_news .inner>div h3 {
  font-size: 1.8rem;
  line-height: 1.2em;
  border-left: 3px solid #2dcebe;
  padding-left: 10px;
  box-sizing: border-box;
}

#index #container #container-inner #content #content-inner main>section#index_news .inner>div h3 time {
  display: block;
  font-size: 1.4rem;
  color: #2dcebe;
}

#index #container #container-inner #content #content-inner main>section#index_news .inner>div p {
  padding-left: 13px;
}

#index #container #container-inner #content #content-inner main>section#index_news .linkbtn a {
  background: #7ee2d8;
  color: #fff;
}

/*================================================
　PRODUCTS
================================================*/
#products #container #container-inner #content .pagetitle {
  background: url("../images/products/h1_bg.jpg") no-repeat;
  background-size: cover;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  #products #container #container-inner #content .pagetitle {
    background-size: auto;
  }
}

#products #container #container-inner #content #content-inner main {
  /*ページ内のナビ*/
}

#products #container #container-inner #content #content-inner main .pagenavi {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main .pagenavi {
    width: 980px;
    padding: 50px 0;
  }
}

#products #container #container-inner #content #content-inner main .pagenavi ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main .pagenavi ul li.linkbtn {
    width: 180px;
  }
}

#products #container #container-inner #content #content-inner main .pagenavi ul li.linkbtn a {
  font-size: 14px;
  width: 90%;
  border-radius: 0;
  padding: 10px 5px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main .pagenavi ul li.linkbtn a {
    font-size: 16px;
    width: 90%;
  }
}

#products #container #container-inner #content #content-inner main .pagenavi p {
  font-size: 14px;
  text-align: left;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main .pagenavi p {
    text-align: center;
  }
}

#products #container #container-inner #content #content-inner main>section h3 {
  font-size: 20px;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  line-height: 1.5em;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

#products #container #container-inner #content #content-inner main>section .original {
  width: 100%;
  text-align: center;
}

#products #container #container-inner #content #content-inner main>section .original a {
  display: inline-block;
  font-size: 1.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  letter-spacing: -0.05em;
  text-align: center;
  color: #fff;
  padding: 20px 10px;
  box-sizing: border-box;
  background: #ce0000;
  border: 6px double #fff;
  text-decoration: none;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section .original a {
    font-size: 22px;
    letter-spacing: 0em;
    padding: 20px 20px;
  }
}

#products #container #container-inner #content #content-inner main>section .original a:hover {
  background: #f34840;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa {
  /*aside{
  	h3{
  		margin-bottom: 10px;
  	}
  	&.insert_name{
  		display: none;
  		@include pc{
  			display: flex;
  			justify-content: center;
  			display: none;
  		}
  		>div{
  			margin: 1%;
  			&:first-child{
  				text-align: left;
  			}
  			&.insert_name_img{
  				@include tab{
  					display: flex;
  					justify-content: center;
  				}
  				>div{
  					margin: 1%;
  				}
  			}
  		}
  	}
  }*/
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .inner>div {
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_uchiwa .inner>div {
    margin-bottom: 90px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .insertname {
  display: block;
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_uchiwa .insertname {
    margin-bottom: 90px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .insertname img {
  vertical-align: middle;
  width: 100%;
  height: auto;
  /*@include tab{
  	width: auto;
  }*/
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_uchiwa .box {
    margin-bottom: 30px;
  }

  #products #container #container-inner #content #content-inner main>section#products_uchiwa .box01 {
    margin-bottom: 0px;
  }

  #products #container #container-inner #content #content-inner main>section#products_uchiwa .box02 {
    margin-bottom: 30px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  background: #eee;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  background: #eee;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  background: #eee;
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div {
    width: 23%;
    margin: 1%;
  }

  #products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div {
    width: 23%;
    margin: 1%;
  }

  #products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div {
    width: 23%;
    margin: 1%;
  }
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div h3 {
  font-size: 2rem;
  line-height: 1.2em;
  margin-bottom: 10px;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div h3 {
  font-size: 2rem;
  line-height: 1.2em;
  margin-bottom: 10px;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div h3 {
  font-size: 2rem;
  line-height: 1.2em;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div h3 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }

  #products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div h3 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }

  #products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div h3 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div>a {
  display: block;
  height: 100%;
  background: #eee;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div>a p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div>a p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div>p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div>p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box>div>p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div>a {
  display: block;
  height: 100%;
  background: #eee;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div>a p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div>a p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div>p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div>p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box01>div>p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div>a {
  display: block;
  height: 100%;
  background: #eee;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div>a p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div>a p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div>p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div>p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_uchiwa .box02>div>p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .inner>div {
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_calendar .inner>div {
    margin-bottom: 90px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_calendar .box {
    margin-bottom: 30px;
  }

  #products #container #container-inner #content #content-inner main>section#products_calendar .box01 {
    margin-bottom: 0px;
  }

  #products #container #container-inner #content #content-inner main>section#products_calendar .box02 {
    margin-bottom: 30px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  background: #eee;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box01>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  background: #eee;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box02>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  background: #eee;
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_calendar .box>div {
    width: 23%;
    margin: 2%;
  }

  #products #container #container-inner #content #content-inner main>section#products_calendar .box01>div {
    width: 23%;
    margin: 1%;
  }

  #products #container #container-inner #content #content-inner main>section#products_calendar .box02>div {
    width: 23%;
    margin: 1%;
  }
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div h3 {
  font-size: 2rem;
  line-height: 1.2em;
  margin-bottom: 10px;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box01>div h3 {
  font-size: 2rem;
  line-height: 1.2em;
  margin-bottom: 10px;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box02>div h3 {
  font-size: 2rem;
  line-height: 1.2em;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_calendar .box>div h3 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }

  #products #container #container-inner #content #content-inner main>section#products_calendar .box01>div h3 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }

  #products #container #container-inner #content #content-inner main>section#products_calendar .box02>div h3 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div>a {
  display: block;
  height: 100%;
  background: #fff;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div>a p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div>a p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div>p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div>p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_calendar .box>div>p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .inner>div {
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty .inner>div {
    margin-bottom: 90px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty .box {
    margin-bottom: 30px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  background: #eee;
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty .box>div {
    width: 23%;
    margin: 1%;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div h3 {
  font-size: 2rem;
  line-height: 1.2em;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty .box>div h3 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>a {
  display: block;
  height: 100%;
  background: #eee;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>a p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>a p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>a:hover {
  color: #fff;
  background: #2dcebe;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>p:first-child {
  text-align: center;
  padding: 0;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>p:first-child img {
  width: 100%;
  height: auto;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>ul {
  margin-left: 10px;
  margin-bottom: 10px;
  list-style: none;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>ul li {
  position: relative;
  font-size: 14px;
  padding-left: 10px;
  box-sizing: border-box;
  display: inline-block;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .box>div>ul li::before {
  content: "・";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #000;
  font-size: 10px;
}

#products #container #container-inner #content #content-inner main>section#products_novelty .btn {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty .btn {
    display: flex;
    justify-content: center;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty .btn .linkbtn {
  width: auto;
  margin: 3%;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty .btn .linkbtn {
    margin: 1%;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner {
  width: 100%;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner {
    align-items: center;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div {
  box-sizing: border-box;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div:first-child {
    width: 40%;
    padding: 1%;
  }
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div:first-child {
    padding: 10px;
    background: #fff1d4;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div:first-child img {
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div:first-child img {
    width: 200px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div:last-child {
  text-align: left;
}

@media (min-width: 768px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div:last-child {
    width: 60%;
    padding: 1%;
  }
}

@media (min-width: 1024px) {
  #products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div:last-child {
    padding: 10px 20px;
  }
}

#products #container #container-inner #content #content-inner main>section#products_novelty#products_novelty #novelty_sensu .inner>div:last-child h5 {
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 10px;
  color: #e60000;
}

/*================================================
　ECO
================================================*/
#eco #container #container-inner #content .pagetitle {
  background: url("../images/eco/h1_bg.jpg") no-repeat;
  background-size: cover;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  #eco #container #container-inner #content .pagetitle {
    background-size: auto;
  }
}

#eco #container #container-inner #content .pagetitle .inner p {
  color: #fff;
  text-shadow: 0 0 10px #4ec8df;
}

#eco #container #container-inner #content .pagetitle .inner h1 {
  color: #fff;
  text-shadow: 0 0 10px #4ec8df;
}

#eco #container #container-inner #content #content-inner main>section .inner .sdgs {
  margin-top: 30px;
}

@incoude tab {
  #eco #container #container-inner #content #content-inner main>section .inner .sdgs {
    margin-top: 50px;
  }
}

#eco #container #container-inner #content #content-inner main>section .inner .sdgs h4 {
  margin-bottom: 10px;
}

#eco #container #container-inner #content #content-inner main>section .inner .sdgs ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section .inner .sdgs ul {
    flex-wrap: nowrap;
  }
}

#eco #container #container-inner #content #content-inner main>section .inner .sdgs ul li {
  width: 23%;
  margin: 1%;
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section .inner .sdgs ul li {
    width: auto;
  }
}

#eco #container #container-inner #content #content-inner main>section .inner .sdgs ul li img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section .inner .sdgs ul li img {
    width: 100px;
    height: auto;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco_intro .inner h2+p {
  text-align: center;
}

#eco #container #container-inner #content #content-inner main>section#eco_intro .inner h3 {
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 30px;
}

#eco #container #container-inner #content #content-inner main>section#eco_intro .inner strong {
  color: #e60000;
}

#eco #container #container-inner #content #content-inner main>section#eco_intro .inner p {
  text-align: left;
}

#eco #container #container-inner #content #content-inner main>section#eco_intro .inner .goal_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section#eco_intro .inner .goal_link {
    flex-wrap: nowrap;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco_intro .inner .goal_link>div {
  margin: 5px;
  /*
  &:first-child{
  	a{
  		background: #00abc3;
  	}
  }
  &:nth-child(2){
  	a{
  		background: #53b449;
  	}
  }
  &:last-child{
  	a{
  		background: #ff9200;
  	}
  }*/
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section#eco_intro .inner .goal_link>div {
    margin: 20px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco_intro .inner .goal_link>div a {
  font-size: 1.8rem;
  line-height: 1.2em;
  text-decoration: none;
  color: #fff;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  border-radius: 50%;
  border: 6px double #fff;
  padding-top: 50px;
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2dcebe+0,47ccbe+100 */
  background: #00abc3;
  transition: 0.5s;
}

@media (min-width: 1024px) {
  #eco #container #container-inner #content #content-inner main>section#eco_intro .inner .goal_link>div a {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 20px;
    height: 230px;
    width: 230px;
    padding-top: 100px;
  }
}

@media (max-width: 320px) {
  #eco #container #container-inner #content #content-inner main>section#eco_intro .inner .goal_link>div a {
    font-size: 1.6rem;
    width: 120px;
    height: 120px;
    padding-top: 30px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco_intro .inner .goal_link>div a:hover {
  color: #fff;
  background: #1ea739;
}

#eco #container #container-inner #content #content-inner main>section#eco1 {
  background: #f7fcfc;
}

#eco #container #container-inner #content #content-inner main>section#eco1 h2 {
  font-size: 2.4rem;
  color: #00abc3;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section#eco1 h2 {
    font-size: 35px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco1 h2 span {
  display: block;
  text-align: center;
  font-size: 50px;
  line-height: 1em;
}

#eco #container #container-inner #content #content-inner main>section#eco1 h2+p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5em;
  color: #000;
  text-align: left;
}

#eco #container #container-inner #content #content-inner main>section#eco1 p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  text-align: left;
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow {
  display: none;
  /*display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  >div{
  	font-size: 16px;
  	line-height: 1.2em;
  	text-align: center;
  	margin-bottom: 20px;
  	@include tab{
  		width: 20%;
  	}
  	img{
  		width: 100%;
  		height: auto;
  		margin-bottom: 10px;
  	}
  	&.yajirushi{
  		img{
  			width: 50%;
  		}
  	}
  }*/
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow1 {
  margin-bottom: 30px;
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow1 img {
  width: 100%;
  height: auto;
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div {
  width: 48%;
  margin: 1%;
  text-align: center;
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div p {
  font-size: 14px;
  text-align: center;
}

@media (min-width: 415px) {
  #eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div p {
    font-size: 16px;
  }
}

@media (max-width: 320px) {
  #eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div p {
    font-size: 13px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div p img {
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  #eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div p img {
    width: 300px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div p.yajirushi {
  font-size: 20px;
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div>div {
  font-size: 2.0rem;
  line-height: 1.2em;
  text-decoration: none;
  color: #fff;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  border-radius: 50%;
  border: 6px double #fff;
  padding-top: 50px;
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2dcebe+0,47ccbe+100 */
  background: #00abc3;
  transition: 0.5s;
}

@media (max-width: 320px) {
  #eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div>div {
    width: 120px;
    height: 120px;
    padding-top: 42px;
  }
}

@media (min-width: 1024px) {
  #eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div>div {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 20px;
    height: 150px;
    width: 150px;
    padding-top: 55px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div>div.circle3 {
  padding-top: 45px;
}

@media (max-width: 320px) {
  #eco #container #container-inner #content #content-inner main>section#eco1 .flow2>div>div.circle3 {
    padding-top: 30px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco2 {
  background: #fff;
}

#eco #container #container-inner #content #content-inner main>section#eco2 h2 {
  font-size: 2.4rem;
  color: #00abc3;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section#eco2 h2 {
    font-size: 35px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco2 h2 span {
  display: block;
  text-align: center;
  font-size: 50px;
  line-height: 1em;
}

#eco #container #container-inner #content #content-inner main>section#eco2 h2+p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5em;
  color: #000;
  text-align: left;
}

#eco #container #container-inner #content #content-inner main>section#eco2 p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  text-align: left;
}

#eco #container #container-inner #content #content-inner main>section#eco2 p.recycle {
  text-align: center;
}

#eco #container #container-inner #content #content-inner main>section#eco2 p.recycle img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section#eco2 p.recycle img {
    width: auto;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco3 {
  background: #f7fcfc;
}

#eco #container #container-inner #content #content-inner main>section#eco3 h2 {
  font-size: 2.4rem;
  color: #00abc3;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section#eco3 h2 {
    font-size: 35px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco3 h2 span {
  display: block;
  text-align: center;
  font-size: 50px;
  line-height: 1em;
}

#eco #container #container-inner #content #content-inner main>section#eco3 h2+p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5em;
  color: #000;
  text-align: left;
}

#eco #container #container-inner #content #content-inner main>section#eco3 p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  text-align: left;
}

#eco #container #container-inner #content #content-inner main>section#eco3 p.plasticsmart {
  text-align: center;
  margin-top: 30px;
}

@media (min-width: 1024px) {
  #eco #container #container-inner #content #content-inner main>section#eco3 p.plasticsmart {
    margin-top: 60px;
  }
}

#eco #container #container-inner #content #content-inner main>section#eco3 p.plasticsmart img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  #eco #container #container-inner #content #content-inner main>section#eco3 p.plasticsmart img {
    width: auto;
  }
}

/*------ 2021/07/28 追加-------*/
.limex_title {
  border-left: 5px solid #000000;
  padding: 9px;
  float: left;
  line-height: 2em;
  text-align: left;
}

.limex_title span {
  font-size: 1.4em;
  font-weight: 200;
}

.limex_text {
  margin-top: 20px;
  font-size: 1.2em;
  line-height: 1.2em;
}

.limex_tbm {
  display: inline-block;
  margin-top: 20px;
}

.characteristic_text {
  font-weight: bold;
  display: inline-block;
  margin: 30px 0 10px 0;
  font-size: 1.1em;
}

.eco_characteristic {
  display: block;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .limex_title span {
    font-size: 2em;
  }

  .limex_text {
    font-size: 1.5em;
  }

  .characteristic_text {
    font-size: 1.4em;
  }

  .eco_characteristic {
    display: flex;
    justify-content: space-evenly;
  }
}

/*================================================
　ECOのうちわ
================================================*/
.eco #container #container-inner #content .pagetitle,
.calendar #container #container-inner #content .pagetitle,
.material #container #container-inner #content .pagetitle {
  background: url("../images/eco/h1_bg.jpg") no-repeat;
  background-size: cover;
  margin-bottom: 0;
}

.eco .about {
  background-color: #fff !important;
  padding: 0px 0px 70px !important;
}

.eco .about img {
  width: 100%;
}

.eco .about h3 {
  margin: 40px auto;
  color: red;
  font-size: 2rem;
  display: block;
}

.eco .about ul {
  margin: 30px auto;
  text-align: left;
  display: block;
  list-style: none;
  font-weight: bold;
  width: 100%;
}

.eco .about ul li {
  font-size: 2rem;
  margin-bottom: 20px;
}

.eco .about ul li:first-child {
  margin-bottom: 50px;
}

.eco .about ul li::before {
  content: "■";
  position: relative;
  color: #fff100;
}

.eco .about ul li span {
  font-size: 2rem;
  margin-left: 10px;
}

.eco .about ul li a {
  word-wrap: break-word;
}

@media (min-width: 768px) {
  .eco .about h3 {
    margin: 60px auto;
    font-size: 4rem;
  }

  .eco .about ul li {
    font-size: 3rem;
  }

  .eco .about ul li a {
    margin-left: 30px;
    font-size: 2.5rem;
  }
}

@media (min-width: 1024px) {

  .eco #container #container-inner #content .pagetitle,
  .calendar #container #container-inner #content .pagetitle,
  .material #container #container-inner #content .pagetitle {
    background-size: auto;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner,
.calendar #container #container-inner #content #content-inner main>section .inner,
.material #container #container-inner #content #content-inner main>section .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div,
  .calendar #container #container-inner #content #content-inner main>section .inner>div,
  .material #container #container-inner #content #content-inner main>section .inner>div {
    width: 48%;
    margin: 1%;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.gallery,
.calendar #container #container-inner #content #content-inner main>section .inner>div.gallery,
.material #container #container-inner #content #content-inner main>section .inner>div.gallery {
  margin-bottom: 30px;
  width: 98%;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.gallery,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.gallery,
  .material #container #container-inner #content #content-inner main>section .inner>div.gallery {
    width: 48%;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.gallery .images,
.calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .images,
.material #container #container-inner #content #content-inner main>section .inner>div.gallery .images {
  height: 200px;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.gallery .images,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .images,
  .material #container #container-inner #content #content-inner main>section .inner>div.gallery .images {
    height: 200px;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.gallery .images>div,
.calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .images>div,
.material #container #container-inner #content #content-inner main>section .inner>div.gallery .images>div {
  box-shadow: none;
  border-radius: 0;
  background-size: contain;
  box-sizing: border-box;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left,
.calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left,
.material #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left {
  padding-left: 0;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left::before,
.calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left::before,
.material #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left::before {
  content: "\276E";
  font-size: 30px;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left::before,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left::before,
  .material #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left::before {
    font-size: 50px;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right,
.calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right,
.material #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right {
  left: auto;
  right: 20px;
  margin-left: 0;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right::before,
.calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right::before,
.material #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right::before {
  content: "\276F";
  font-size: 30px;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right::before,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right::before,
  .material #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right::before {
    font-size: 50px;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.gallery .thumbs>div,
.calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .thumbs>div,
.material #container #container-inner #content #content-inner main>section .inner>div.gallery .thumbs>div {
  width: 80px;
  height: 80px;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.gallery .thumbs>div::before,
.calendar #container #container-inner #content #content-inner main>section .inner>div.gallery .thumbs>div::before,
.material #container #container-inner #content #content-inner main>section .inner>div.gallery .thumbs>div::before {
  left: 33px;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail,
.material #container #container-inner #content #content-inner main>section .inner>div.detail {
  box-sizing: border-box;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.detail,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.detail,
  .material #container #container-inner #content #content-inner main>section .inner>div.detail {
    padding: 0 0 0 20px;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail h2,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail h2,
.material #container #container-inner #content #content-inner main>section .inner>div.detail h2 {
  font-size: 3rem;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom: 20px;
}

@media (min-width: 1024px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.detail h2,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.detail h2,
  .material #container #container-inner #content #content-inner main>section .inner>div.detail h2 {
    font-size: 30px;
    line-height: 2em;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail h2 span,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail h2 span,
.material #container #container-inner #content #content-inner main>section .inner>div.detail h2 span {
  display: block;
  color: #000;
  font-size: 1.8rem;
  line-height: 1em;
  margin-bottom: 0;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail h2 em,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail h2 em,
.material #container #container-inner #content #content-inner main>section .inner>div.detail h2 em {
  font-weight: normal;
  display: block;
  color: #000;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1em;
  margin-bottom: 0;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail table,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail table,
.material #container #container-inner #content #content-inner main>section .inner>div.detail table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border-top: 1px solid #666;
  width: 100%;
  margin-bottom: 20px;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail table tr th,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail table tr th,
.material #container #container-inner #content #content-inner main>section .inner>div.detail table tr th {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5em;
  background: #eee;
  border-bottom: 1px solid #666;
  width: 35%;
  padding: 1%;
  box-sizing: border-box;
  vertical-align: middle;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.detail table tr th,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.detail table tr th,
  .material #container #container-inner #content #content-inner main>section .inner>div.detail table tr th {
    padding: 10px;
    width: 30%;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail table tr td,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail table tr td,
.material #container #container-inner #content #content-inner main>section .inner>div.detail table tr td {
  font-size: 1.4rem;
  line-height: 1.5em;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid #666;
  padding: 1%;
  padding-left: 3%;
  box-sizing: border-box;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.detail table tr td,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.detail table tr td,
  .material #container #container-inner #content #content-inner main>section .inner>div.detail table tr td {
    padding: 10px;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail table tr td br.sp,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail table tr td br.sp,
.material #container #container-inner #content #content-inner main>section .inner>div.detail table tr td br.sp {
  display: none;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.detail table tr td br.sp,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.detail table tr td br.sp,
  .material #container #container-inner #content #content-inner main>section .inner>div.detail table tr td br.sp {
    display: inline;
  }
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail table tr:nth-child(3) td,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail table tr:nth-child(3) td,
.material #container #container-inner #content #content-inner main>section .inner>div.detail table tr:nth-child(3) td {
  text-align: justify;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail p,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail p,
.material #container #container-inner #content #content-inner main>section .inner>div.detail p {
  font-size: 1.4rem;
  text-align: left;
}

.eco #container #container-inner #content #content-inner main>section .inner>div.detail p br.sp,
.calendar #container #container-inner #content #content-inner main>section .inner>div.detail p br.sp,
.material #container #container-inner #content #content-inner main>section .inner>div.detail p br.sp {
  display: none;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section .inner>div.detail p br.sp,
  .calendar #container #container-inner #content #content-inner main>section .inner>div.detail p br.sp,
  .material #container #container-inner #content #content-inner main>section .inner>div.detail p br.sp {
    display: inline;
  }
}

.eco #container #container-inner #content #content-inner main>section.list h6,
.calendar #container #container-inner #content #content-inner main>section.list h6,
.material #container #container-inner #content #content-inner main>section.list h6 {
  font-size: 2rem;
  line-height: 1.5em;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {

  .eco #container #container-inner #content #content-inner main>section.list h6,
  .calendar #container #container-inner #content #content-inner main>section.list h6,
  .material #container #container-inner #content #content-inner main>section.list h6 {
    font-size: 24px;
  }
}

.eco #container #container-inner #content #content-inner main>section.list .inner,
.calendar #container #container-inner #content #content-inner main>section.list .inner,
.material #container #container-inner #content #content-inner main>section.list .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  width: 90%;
}

@media (min-width: 768px) {

  .eco #container #container-inner #content #content-inner main>section.list .inner,
  .calendar #container #container-inner #content #content-inner main>section.list .inner,
  .material #container #container-inner #content #content-inner main>section.list .inner {
    margin-bottom: 30px;
  }
}

.eco #container #container-inner #content #content-inner main>section.list .inner>div,
.calendar #container #container-inner #content #content-inner main>section.list .inner>div,
.material #container #container-inner #content #content-inner main>section.list .inner>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  margin-bottom: 20px;
  width: 18%;
  margin: 1%;
  background: #eee;
  /*p{
  	font-size: 14px;
  	text-align: left;
  	padding: 0 5%;
  	box-sizing: border-box;
  	&:first-child{
  		text-align: center;
  		padding: 0;
  		img{
  			width: 100%;
  			height: auto;
  		}
  	}
  }*/
}

@media (min-width: 1024px) {

  .eco #container #container-inner #content #content-inner main>section.list .inner>div,
  .calendar #container #container-inner #content #content-inner main>section.list .inner>div,
  .material #container #container-inner #content #content-inner main>section.list .inner>div {
    width: 8%;
    margin: 1%;
  }
}

.eco #container #container-inner #content #content-inner main>section.list .inner>div a img,
.calendar #container #container-inner #content #content-inner main>section.list .inner>div a img,
.material #container #container-inner #content #content-inner main>section.list .inner>div a img {
  width: 100%;
  height: auto;
}

/*================================================
　SPECIAL MATERIAL
================================================*/
.material #container #container-inner #content {
  /*.pagetitle{
  	background: url("../images/eco/h1_bg.jpg") no-repeat;
  	background-size: cover;
  	margin-bottom: 0;
  	@include pc{
  		background-size: auto;
  	}
  }*/
}

.material #container #container-inner #content #content-inner main {
  /*>section{
  	.inner{
  		display: flex;
  		flex-wrap: wrap;
  		justify-content: center;
  		>div{
  			@include tab{
  				width: 48%;
  				margin: 1%;
  			}
  			&.gallery{
  				margin-bottom: 30px;
  				width: 98%;
  				@include tab{
  					width: 48%;
  				}
  				.images{
  					height: 200px;
  					@include tab{
  						height: 200px;
  					}
  					>div{
  						box-shadow: none;
  						border-radius: 0;
  						background-size: contain;
  						box-sizing: border-box;
  					}
  					>span{
  						&.left{
  							padding-left: 0;
  							&::before{
  								content:"\276E";
  								font-size: 30px;
  								@include tab{
  									font-size: 50px;
  								}
  							}
  						}
  						&.right{
  							left: auto;
  							right: 20px;
  							margin-left: 0;
  							&::before{
  								content:"\276F";
  								font-size: 30px;
  								@include tab{
  									font-size: 50px;
  								}
  							}
  						}
  					}
  				}
  				.thumbs{
  					>div{
  						width: 80px;
  						height: 80px;
  						&::before{
  							left: 33px;
  						}
  					}
  				}
  			}
  			&.detail{
  				box-sizing: border-box;
  				@include tab{
  					padding: 0 0 0 20px;
  				}
  				h2{
  					font-size: 3rem;
  					font-weight: normal;
  					line-height: 1.5em;
  					margin-bottom: 20px;
  					@include pc{
  						font-size: 30px;
  						line-height: 2em;
  					}
  					span{
  						display: block;
  						color: #000;
  						font-size: 1.8rem;
  						line-height: 1em;
  						margin-bottom: 0;
  					}
  				}
  				table{
  					border-collapse: collapse;
  					border-spacing: 0;
  					empty-cells: show;
  					border-top:1px solid #666;
  					width: 100%;
  					margin-bottom: 20px;
  					tr{
  						th{
  							font-size: 1.4rem;
  							font-weight: normal;
  							line-height: 1.5em;
  							background: #eee;
  							border-bottom:1px solid #666;
  							width: 35%;
  							padding: 1%;
  							box-sizing: border-box;
  							vertical-align: middle;
  							@include tab{
  								padding: 10px;
  								width: 30%;
  							}
  						}
  						td{
  							font-size: 1.4rem;
  							line-height: 1.5em;
  							text-align: left;
  							background: #fff;
  							border-bottom:1px solid #666;
  							padding: 1%;
  							padding-left: 3%;
  							box-sizing: border-box;
  							@include tab{
  								padding: 10px;
  							}
  						}
  						&:nth-child(3){
  							td{
  								text-align: justify;
  							}
  						}
  					}
  				}
  				p{
  					font-size: 1.4rem;
  					text-align: left;
  					br{
  						&.sp{
  							display: none;
  							@include tab{
  								display: inline;
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	&.list{
  		h6{
  			font-size: 2rem;
  			line-height: 1.5em;
  			    font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
  			margin-bottom: 10px;
  			@include pc{
  				font-size: 24px;
  			}
  		}
  		.inner{
  			display: flex;
  			flex-wrap: wrap;
  			justify-content: center;
  			margin-bottom: 20px;
  			width: 90%;
  			@include tab{
  				margin-bottom: 30px;
  			}
  			>div{
  				border:1px solid #ccc;
  				box-sizing: border-box;
  				text-align: left;
  				background: #fff;
  				margin-bottom: 20px;
  				width: 18%;
  				margin: 1%;
  				background: #eee;
  				@include pc{
  					width: 8%;
  					margin: 1%;
  				}
  				a{
  					img{
  						width: 100%;
  						height: auto;
  					}
  				}
  			}
  		}
  	}
  }*/
}

.material #container #container-inner #content #content-inner main.material_chikukou th {
  background: #add268 !important;
}

.material #container #container-inner #content #content-inner main.material_uv th {
  background: #e9bcd1 !important;
}

/*================================================
　カレンダー詳細
================================================*/
.calendar #container #container-inner #content .pagetitle {
  background: url("../images/calendar/h1_bg.jpg") no-repeat;
  background-size: cover;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .calendar #container #container-inner #content .pagetitle {
    background-size: auto;
  }
}

.calendar #container #container-inner #content #content-inner main {
  /*>section{
  	.inner{
  		display: flex;
  		flex-wrap: wrap;
  		justify-content: center;
  		>div{
  			width: 100%;
  			@include tab{
  				width: 48%;
  				margin: 1%;
  			}
  			&.gallery{
  				margin-bottom: 30px;
  				.images{
  					height: 200px;
  					@include tab{
  						height: 200px;
  					}
  					>div{
  						box-shadow: none;
  						border-radius: 0;
  						background-size: contain;
  						box-sizing: border-box;
  					}
  					>span{
  						&.left{
  							padding-left: 0;
  							&::before{
  								content:"\276E";
  								font-size: 30px;
  								@include tab{
  									font-size: 50px;
  								}
  							}
  						}
  						&.right{
  							left: auto;
  							right: 20px;
  							margin-left: 0;
  							&::before{
  								content:"\276F";
  								font-size: 30px;
  								@include tab{
  									font-size: 50px;
  								}
  							}
  						}
  					}
  				}
  				.thumbs{
  					>div{
  						width: 80px;
  						height: 80px;
  						&::before{
  							left: 33px;
  						}
  					}
  				}
  			}
  			&.detail{
  				box-sizing: border-box;
  				@include tab{
  					padding: 0 0 0 20px;
  				}
  				h2{
  					font-size: 2.2rem;
  					font-weight: normal;
  					line-height: 1.5em;
  					margin-bottom: 10px;
  					@include pc{
  						font-size: 30px;
  						line-height: 2em;
  						margin-bottom: 20px;
  					}
  					span{
  						display: block;
  						color: #000;
  						font-size: 1.8rem;
  						line-height: 1em;
  						margin-bottom:0;
  					}
  				}
  				table{
  					border-collapse: collapse;
  					border-spacing: 0;
  					empty-cells: show;
  					border-top:1px solid #666;
  					width: 100%;
  					margin-bottom: 20px;
  					tr{
  						th{
  							font-size: 1.4rem;
  							font-weight: normal;
  							line-height: 1.5em;
  							background: #eee;
  							border-bottom:1px solid #666;
  							width: 35%;
  							padding: 1%;
  							box-sizing: border-box;
  							vertical-align: middle;
  							@include tab{
  								width: 30%;
  								padding: 10px;
  							}
  						}
  						td{
  							font-size: 1.4rem;
  							line-height: 1.5em;
  							text-align: left;
  							background: #fff;
  							border-bottom:1px solid #666;
  							padding: 1%;
  							padding-left: 3%;
  							box-sizing: border-box;
  							@include tab{
  								padding: 10px;
  							}
  						}
  						&:nth-child(3){
  							td{
  								text-align: justify;
  							}
  						}
  					}
  				}
  				p{
  					font-size: 1.4rem;
  					text-align: left;
  					br{
  						&.sp{
  							display: none;
  							@include tab{
  								display: inline;
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	&.list{
  		h6{
  			font-size: 2rem;
  			line-height: 1.5em;
  			    font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
  			margin-bottom: 10px;
  			@include pc{
  				font-size: 24px;
  			}
  		}
  		.inner{
  			display: flex;
  			flex-wrap: wrap;
  			justify-content: center;
  			margin-bottom: 20px;
  			width: 90%;
  			@include tab{
  				margin-bottom: 30px;
  			}
  			>div{
  				box-sizing: border-box;
  				text-align: left;
  				margin-bottom: 20px;
  				width: 18%;
  				margin: 1%;
  				@include pc{
  					width: 8%;
  					margin: 1%;
  				}
  				a{
  					img{
  						width: 100%;
  						height: auto;
  					}
  				}
  			}
  		}
  	}
  }*/
}

/*================================================
　ノベルティ　ハンドジェル
================================================*/
.product_detail #container #container-inner #content #content-inner main>section .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div {
  width: 100%;
}

@media (min-width: 768px) {
  .product_detail #container #container-inner #content #content-inner main>section .inner>div {
    width: 48%;
    margin: 1%;
  }
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery {
  margin-bottom: 30px;
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery .images {
  height: 200px;
}

@media (min-width: 768px) {
  .product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery .images {
    height: 200px;
  }
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery .images>div {
  box-shadow: none;
  border-radius: 0;
  background-size: contain;
  box-sizing: border-box;
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left {
  padding-left: 0;
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.left::before {
  content: "\276E";
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right {
  left: auto;
  right: 20px;
  margin-left: 0;
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery .images>span.right::before {
  content: "\276F";
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery .thumbs>div {
  width: 80px;
  height: 80px;
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.gallery .thumbs>div::before {
  left: 33px;
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.detail {
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .product_detail #container #container-inner #content #content-inner main>section .inner>div.detail {
    padding: 0 0 0 20px;
  }
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.detail h2 {
  font-size: 2.2rem;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .product_detail #container #container-inner #content #content-inner main>section .inner>div.detail h2 {
    font-size: 30px;
    line-height: 2em;
    margin-bottom: 20px;
  }
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.detail h2 span {
  display: block;
  font-size: 1.8rem;
  line-height: 1em;
  color: #000;
  margin-bottom: 0;
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.detail table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border-top: 1px solid #666;
  width: 100%;
  margin-bottom: 20px;
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.detail table tr th {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5em;
  background: #eee;
  border-bottom: 1px solid #666;
  width: 35%;
  padding: 1%;
  box-sizing: border-box;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .product_detail #container #container-inner #content #content-inner main>section .inner>div.detail table tr th {
    width: 30%;
    padding: 10px;
  }
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.detail table tr td {
  font-size: 1.4rem;
  line-height: 1.5em;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid #666;
  padding: 1%;
  padding-left: 3%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .product_detail #container #container-inner #content #content-inner main>section .inner>div.detail table tr td {
    padding: 10px;
  }
}

.product_detail #container #container-inner #content #content-inner main>section .inner>div.detail p {
  font-size: 1.4rem;
  text-align: left;
}

.product_detail #container #container-inner #content #content-inner main>section.list h6 {
  font-size: 2rem;
  line-height: 1.5em;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .product_detail #container #container-inner #content #content-inner main>section.list h6 {
    font-size: 24px;
  }
}

.product_detail #container #container-inner #content #content-inner main>section.list .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  width: 90%;
}

@media (min-width: 768px) {
  .product_detail #container #container-inner #content #content-inner main>section.list .inner {
    margin-bottom: 30px;
  }
}

.product_detail #container #container-inner #content #content-inner main>section.list .inner>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  margin-bottom: 20px;
  width: 18%;
  margin: 1%;
  background: #eee;
  /*p{
  	font-size: 14px;
  	text-align: left;
  	padding: 0 5%;
  	box-sizing: border-box;
  	&:first-child{
  		text-align: center;
  		padding: 0;
  		img{
  			width: 100%;
  			height: auto;
  		}
  	}
  }*/
}

@media (min-width: 1024px) {
  .product_detail #container #container-inner #content #content-inner main>section.list .inner>div {
    width: 8%;
    margin: 1%;
  }
}

.product_detail #container #container-inner #content #content-inner main>section.list .inner>div a img {
  width: 100%;
  height: auto;
}

/*================================================
　会社案内
================================================*/
#company #container #container-inner #content .pagetitle {
  background: url("../images/company/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#company #container #container-inner #content #content-inner main>section#company_list .inner .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#company #container #container-inner #content #content-inner main>section#company_list .inner .box>a {
  display: block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
  text-decoration: none;
  transition: 0.7s opacity;
  padding-bottom: 15px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #company #container #container-inner #content #content-inner main>section#company_list .inner .box>a {
    width: 18%;
    margin: 1%;
  }
}

#company #container #container-inner #content #content-inner main>section#company_list .inner .box>a:hover {
  color: #000;
  opacity: 0.5;
}

#company #container #container-inner #content #content-inner main>section#company_list .inner .box>a p {
  text-align: left;
  padding: 10px;
  box-sizing: border-box;
}

#company #container #container-inner #content #content-inner main>section#company_list .inner .box>a p:first-child {
  text-align: center;
  padding: 0;
  margin-bottom: 10px;
}

#company #container #container-inner #content #content-inner main>section#company_list .inner .box>a p:first-child img {
  width: 100%;
  height: auto;
}

#company #container #container-inner #content #content-inner main>section#company_sca {
  display: none;
}

#company #container #container-inner #content #content-inner main>section#company_sca h2+p {
  text-align: center;
}

#company #container #container-inner #content #content-inner main>section#company_sca p {
  text-align: justify;
}

#company #container #container-inner #content #content-inner main>section#company_sca .illust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#company #container #container-inner #content #content-inner main>section#company_sca .illust>div {
  width: 98%;
  margin: 1%;
}

@media (min-width: 768px) {
  #company #container #container-inner #content #content-inner main>section#company_sca .illust>div {
    width: 23%;
    margin: 1%;
  }
}

#company #container #container-inner #content #content-inner main>section#company_sca .illust>div img {
  width: 100%;
  height: auto;
}

/*================================================
　会社概要
================================================*/
#profile #container #container-inner #content .pagetitle {
  background: url("../images/company/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

@media (min-width: 1366px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .inner {
    width: 90%;
  }
}

@media (min-width: 1024px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .intro {
    margin-bottom: 60px;
  }
}

#profile #container #container-inner #content #content-inner main>section#company_profile .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1024px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.detail {
    width: 50%;
  }
}

#profile #container #container-inner #content #content-inner main>section#company_profile .box>div.detail table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.detail table {
    width: 95%;
  }
}

#profile #container #container-inner #content #content-inner main>section#company_profile .box>div.detail table tr th {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  line-height: 1.2em;
  text-align: left;
  padding: 10px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  width: 30%;
  vertical-align: middle;
}

@media (min-width: 768px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.detail table tr th {
    width: 20%;
  }
}

@media (min-width: 1024px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.detail table tr th {
    padding: 10px;
    width: 25%;
  }
}

@media (min-width: 1366px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.detail table tr th {
    width: 20%;
  }
}

#profile #container #container-inner #content #content-inner main>section#company_profile .box>div.detail table tr td {
  font-size: 16px;
  line-height: 1.2em;
  text-align: left;
  padding: 10px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}

@media (min-width: 768px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.detail table tr td {
    padding: 10px;
  }
}

#profile #container #container-inner #content #content-inner main>section#company_profile .box>div.photo {
  text-align: center;
}

@media (min-width: 1024px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.photo {
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.photo {
    width: 50%;
    display: block;
  }
}

@media (min-width: 768px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.photo>p {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.photo>p {
    margin: 0;
    margin-bottom: 10px;
  }
}

#profile #container #container-inner #content #content-inner main>section#company_profile .box>div.photo>p img {
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  #profile #container #container-inner #content #content-inner main>section#company_profile .box>div.photo>p img {
    width: 100%;
  }
}

/*================================================
　代表挨拶
================================================*/
#greeting #container #container-inner #content .pagetitle {
  background: url("../images/company/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#greeting #container #container-inner #content #content-inner main>section#greeting_message .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b1 {
  order: 1;
  width: 98%;
  margin: 1%;
}

@media (min-width: 768px) {
  #greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b1 {
    order: 0;
    width: 58%;
    margin: 1%;
  }
}

#greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b1 p {
  text-align: justify;
}

#greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b1 p:last-child {
  text-align: right;
  margin-bottom: 0;
}

#greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b1 p:last-child img {
  width: auto;
  height: auto;
}

@media (max-width: 320px) {
  #greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b1 p:last-child img {
    width: 100%;
  }
}

#greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b2 {
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b2 {
    width: 38%;
    margin: 1%;
  }
}

#greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b2 img {
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  #greeting #container #container-inner #content #content-inner main>section#greeting_message .box>div.b2 img {
    width: 375px;
  }
}

/*================================================
　アクセス
================================================*/
#access #container #container-inner #content .pagetitle {
  background: url("../images/company/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  #access #container #container-inner #content #content-inner main>section#access_office .office {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

#access #container #container-inner #content #content-inner main>section#access_office .office .box {
  padding: 20px 10px 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: 7px solid #2dcebe;
  text-align: left;
  margin-bottom: 20px;
  background: #fff;
}

@media (min-width: 768px) {
  #access #container #container-inner #content #content-inner main>section#access_office .office .box {
    width: 48%;
    margin: 1%;
  }
}

@media (min-width: 1024px) {
  #access #container #container-inner #content #content-inner main>section#access_office .office .box {
    padding: 30px 20px 20px;
  }
}

#access #container #container-inner #content #content-inner main>section#access_office .office .box>div.b1 h3 {
  font-size: 20px;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  #access #container #container-inner #content #content-inner main>section#access_office .office .box>div.b1 h3 {
    font-size: 24px;
  }
}

/*================================================
　うちわの歴史
================================================*/
#history #container #container-inner #content .pagetitle {
  background: url("../images/history/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#history #container #container-inner #content #content-inner main>section .inner h2 {
  margin-bottom: 30px;
}

#history #container #container-inner #content #content-inner main>section .inner p {
  text-align: left;
}

/*================================================
　個人情報保護方針
================================================*/
#privacy #container #container-inner #content .pagetitle {
  background: url("../images/privacy/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#privacy #container #container-inner #content #content-inner main>section .inner {
  text-align: left;
}

#privacy #container #container-inner #content #content-inner main>section .inner h2 {
  margin-bottom: 30px;
}

#privacy #container #container-inner #content #content-inner main>section .inner .intro {
  margin-bottom: 30px;
}

#privacy #container #container-inner #content #content-inner main>section .inner .intro p {
  font-size: 16px;
  text-align: justify;
}

#privacy #container #container-inner #content #content-inner main>section .inner>div {
  margin-bottom: 10px;
}

#privacy #container #container-inner #content #content-inner main>section .inner>div h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

#privacy #container #container-inner #content #content-inner main>section .inner>div ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

#privacy #container #container-inner #content #content-inner main>section .inner>div ul li {
  font-size: 16px;
}

@media (min-width: 768px) {
  #privacy #container #container-inner #content #content-inner main>section#privacy_inquiry {
    text-align: center;
  }
}

/*================================================
　うちわ
================================================*/
#uchiwa #container #container-inner #content .pagetitle {
  background: url("../images/uchiwa/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about {
  background: url("../images/uchiwa/uchiwa_about_bg.jpg") center no-repeat;
  background-size: cover;
  margin-top: -10px;
}

#uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about h2 {
  color: #fff;
}

#uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .intro {
  color: #fff;
}

@media (min-width: 768px) {
  #uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .box {
    display: flex;
    flex-wrap: wrap;
  }
}

#uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .box>div {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .box>div {
    width: 46%;
    margin: 2%;
  }
}

#uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .box>div a {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5em;
  border-radius: 10px;
  padding: 2%;
  box-sizing: border-box;
  background: #f34840;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  /* IE6-9 */
  transition: 0.5s;
  text-decoration: none;
  color: #fff;
}

@media (min-width: 768px) {
  #uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .box>div a {
    padding: 20px;
  }
}

#uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .box>div a strong {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  transition: 0.5s;
}

@media (min-width: 1024px) {
  #uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .box>div a strong {
    font-size: 25px;
    line-height: 1.5em;
  }
}

#uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .box>div a:hover {
  color: #fff;
  background: #ce0000;
}

#uchiwa #container #container-inner #content #content-inner main>section#uchiwa_about .box>div a:hover strong {
  color: #fff;
}

#uchiwa #container #container-inner #content #content-inner main>section#uchiwa_honetsukijuju .inner p img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  #uchiwa #container #container-inner #content #content-inner main>section#uchiwa_honetsukijuju .inner p img {
    width: auto;
  }
}

/*================================================
　オリジナルうちわ
================================================*/
#uchiwa_original #container #container-inner #content .pagetitle {
  background: url("../images/uchiwa/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original2 .inner {
  /*.box{
  										margin: 1%;
  										@include tab{
  											display: flex;
  											flex-wrap: wrap;
  											justify-content: center;
  										}
  										>div{
  											width: 98%;
  											margin: 1%;
  											@include tab{
                                                  width: 48%;
                                                  margin: 1%;
                                              }
  											img{
  												width: 100%;
  												height: auto;
  											}
  										}
  									}*/
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original2 .inner h2 strong {
  color: #f34840;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original2 .inner h2 span {
  font-size: 24px;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original2 .inner>div img {
  width: 100%;
  height: auto;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box {
  background: #ccc;
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:first-child {
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  background: #2dcebe;
  width: 100%;
  color: #fff;
  padding-top: 10px;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:first-child {
    width: 20%;
    color: #fff;
    padding-top: 30px;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:first-child span {
  display: block;
  font-size: 3rem;
  line-height: 1.2em;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:first-child span {
    font-size: 100px;
    line-height: 1em;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:last-child {
  width: 100%;
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:last-child {
    width: 80%;
    padding: 20px;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:last-child h3 {
  font-size: 2rem;
  line-height: 1.5em;
  border-bottom: 2px solid #2dcebe;
  margin-bottom: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:last-child h3 {
    font-size: 24px;
    line-height: 2em;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:last-child .temp_btn {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:last-child .temp_btn a {
  display: inline-block;
  font-size: 1.6rem;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  letter-spacing: -0.05em;
  text-align: center;
  color: #fff;
  padding: 20px 10px;
  box-sizing: border-box;
  background: #ce0000;
  border: 6px double #fff;
  text-decoration: none;
  transition: 0.3s;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:last-child .temp_btn a {
    font-size: 22px;
    letter-spacing: 0em;
    padding: 20px 20px;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .box>div:last-child .temp_btn a:hover {
  background: #f34840;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_example {
  background: #25b7aa;
  padding: 3%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_example {
    display: flex;
    justify-content: center;
    background: #25b7aa;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_example>div {
  width: auto;
  margin: 10%;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_example>div {
    margin: 20px;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_example>div h4 {
  font-size: 1.6rem;
  line-height: 1.2em;
  margin-bottom: 10px;
  color: #fff;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_example>div h4 {
    font-size: 18px;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_example>div img {
  width: 100%;
  height: auto;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_bone {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_bone>div {
  text-align: center;
  width: 48%;
  margin: 1%;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_bone>div {
    width: 31%;
    margin: 1%;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step1>div:last-child .type_bone>div img {
  width: 100%;
  height: auto;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child .data {
  text-align: center;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child .data img {
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child .data img {
    width: auto;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child>div {
  width: 90%;
  margin: 0 auto;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child>div h4 {
  font-size: 1.8rem;
  line-height: 1.2em;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child>div h4 {
    font-size: 20px;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child>div h4.a {
  color: #ff6600;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child>div h4.b {
  color: #2cb2cf;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child>div h4.c {
  color: #7dbf47;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child>div h4.d {
  color: #864b9a;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step2>div:last-child aside {
  background: none;
  box-shadow: none;
  border: 1px solid #ccc;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step3>div:last-child .detail table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-bottom: 20px;
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step3>div:last-child .detail table tr th {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  line-height: 1.2em;
  text-align: left;
  padding: 10px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  width: 30%;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step3>div:last-child .detail table tr th {
    padding: 10px;
    width: 20%;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step3>div:last-child .detail table tr td {
  font-size: 16px;
  line-height: 1.2em;
  text-align: left;
  padding: 10px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step3>div:last-child .detail table tr td {
    padding: 10px;
  }
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step3>div:last-child .btn {
    display: flex;
    justify-content: center;
  }
}

#uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step3>div:last-child .btn .linkbtn {
  width: auto;
  margin: 3%;
}

@media (min-width: 768px) {
  #uchiwa_original #container #container-inner #content #content-inner main>section#uchiwa_original1 .inner .step3>div:last-child .btn .linkbtn {
    margin: 1%;
  }
}

/*================================================
　ダウンロード
================================================*/
#download #container #container-inner #content .pagetitle {
  background: url("../images/uchiwa/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner p {
  text-align: justify;
}

@media (min-width: 768px) {
  #download #container #container-inner #content #content-inner main>section#uchiwa_template .inner p {
    text-align: center;
  }
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner h2+p {
  text-align: center;
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box>div {
  text-align: center;
  width: 48%;
  margin: 1%;
}

@media (min-width: 768px) {
  #download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box>div {
    width: 23%;
    margin: 1%;
  }
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box>div img {
  width: 100%;
  height: auto;
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box>div p {
  font-size: 1.6rem;
  margin-bottom: 0;
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box>div span.text_s {
  font-size: 1.2rem;
  line-height: 2rem;
  margin-bottom: 0;
  display: block;
  color: red;
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box>div ul {
  list-style: none;
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box>div ul li a {
  font-size: 1.6rem;
  line-height: 1.2em;
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box>div ul li:first-child i {
  color: #f2d068;
}

#download #container #container-inner #content #content-inner main>section#uchiwa_template .inner .box>div ul li:nth-child(2) i {
  color: #f34840;
}

/*================================================
　うちわができるまで
================================================*/
#uchiwa_flow #container #container-inner #content .pagetitle {
  background: url("../images/uchiwa/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box {
  background: #ccc;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box {
    margin-bottom: 40px;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:first-child {
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  background: #2dcebe;
  width: 20%;
  color: #fff;
  padding-top: 30px;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:first-child {
    background: #2dcebe;
    width: 20%;
    color: #fff;
    padding-top: 30px;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:first-child span {
  display: block;
  font-size: 3rem;
  line-height: 1.2em;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:first-child span {
    font-size: 100px;
    line-height: 1em;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child {
  width: 80%;
  background: #fff;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child {
    width: 80%;
    background: #fff;
  }
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div {
    display: flex;
    flex-wrap: wrap;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div {
  padding: 10px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div {
    padding: 20px;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div:first-child {
  text-align: left;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div:first-child {
    width: 70%;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div:first-child h3 {
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  font-size: 2rem;
  line-height: 1.5em;
  border-bottom: 2px solid #2dcebe;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div:first-child h3 {
    font-size: 24px;
    line-height: 2em;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div:first-child h5 {
  font-size: 1.8rem;
  line-height: 1.5em;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div:first-child h5 {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div:last-child {
    width: 30%;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div:last-child p {
  margin: 1%;
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow1 .inner .box>div:last-child>div>div:last-child p img {
  width: 100%;
  height: auto;
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 {
  background: url("../images/uchiwa/uchiwa_about_bg.jpg") center no-repeat;
  background-size: cover;
  margin-top: -10px;
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 h2 {
  color: #fff;
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 h2 span {
  color: #fff;
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .intro {
  color: #fff;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .box {
    display: flex;
    flex-wrap: wrap;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .box>div {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .box>div {
    width: 46%;
    margin: 2%;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .box>div a {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5em;
  border-radius: 10px;
  padding: 2%;
  box-sizing: border-box;
  background: #f34840;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  /* IE6-9 */
  transition: 0.5s;
  text-decoration: none;
  color: #fff;
}

@media (min-width: 768px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .box>div a {
    padding: 20px;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .box>div a strong {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  transition: 0.5s;
}

@media (min-width: 1024px) {
  #uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .box>div a strong {
    font-size: 25px;
    line-height: 1.5em;
  }
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .box>div a:hover {
  color: #fff;
  background: #ce0000;
}

#uchiwa_flow #container #container-inner #content #content-inner main>section#uchiwa_flow2 .box>div a:hover strong {
  color: #fff;
}

/*================================================
　カレンダーができるまで
================================================*/
#calendar_flow #container #container-inner #content .pagetitle {
  background: url("../images/calendar/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box {
  background: #ccc;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box {
    margin-bottom: 40px;
  }
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:first-child {
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  background: #2dcebe;
  width: 20%;
  color: #fff;
  padding-top: 30px;
}

@media (min-width: 768px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:first-child {
    background: #2dcebe;
    width: 20%;
    color: #fff;
    padding-top: 30px;
  }
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:first-child span {
  display: block;
  font-size: 3rem;
  line-height: 1.2em;
}

@media (min-width: 768px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:first-child span {
    font-size: 100px;
    line-height: 1em;
  }
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child {
  width: 80%;
  background: #fff;
}

@media (min-width: 768px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child {
    width: 80%;
    background: #fff;
  }
}

@media (min-width: 768px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div {
    display: flex;
    flex-wrap: wrap;
  }
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div {
  padding: 10px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div {
    padding: 20px;
  }
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div:first-child {
  text-align: left;
}

@media (min-width: 768px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div:first-child {
    width: 70%;
  }
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div:first-child h3 {
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  font-size: 2rem;
  line-height: 1.5em;
  border-bottom: 2px solid #2dcebe;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div:first-child h3 {
    font-size: 24px;
    line-height: 2em;
  }
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div:first-child h5 {
  font-size: 1.8rem;
  line-height: 1.5em;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div:first-child h5 {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  #calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div:last-child {
    width: 30%;
  }
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div:last-child p {
  margin: 1%;
}

#calendar_flow #container #container-inner #content #content-inner main>section#calendar_flow1 .inner .box>div:last-child>div>div:last-child p img {
  width: 100%;
  height: auto;
}

/*================================================
　オリジナルカレンダー
================================================*/
#calendar_original #container #container-inner #content .pagetitle {
  background: url("../images/calendar/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .intro p {
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  #calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .intro p {
    font-size: 28px;
  }

  #calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .intro p br {
    display: none;
  }
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner>p {
  text-align: left;
}

@media (min-width: 768px) {
  #calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner>p {
    text-align: center;
  }
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div {
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
  margin-bottom: 20px;
  width: 48%;
  margin: 1%;
}

@media (min-width: 768px) {
  #calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div {
    width: 23%;
    margin: 1%;
  }
}

@media (min-width: 1024px) {
  #calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div {
    width: 225px;
    margin: 10px;
  }
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div>a {
  display: block;
  height: 100%;
  background: #fff;
  text-decoration: none;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div>a h5 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div>a p {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  box-sizing: border-box;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div>a p:first-child {
  text-align: center;
  padding: 0;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div>a p:first-child img {
  width: 100%;
  height: auto;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div>a:hover {
  color: #000;
  background: #2dcebe;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div>a ul {
  list-style: none;
  margin-bottom: 10px;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div>a ul li {
  font-size: 14px;
  text-align: left;
  padding: 0 5%;
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .box>div>a ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  position: absolute;
  left: 10px;
  color: #000;
  font-size: 10px;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .detail table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-bottom: 20px;
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .detail table tr th {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  line-height: 1.2em;
  text-align: left;
  padding: 10px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  width: 30%;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  #calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .detail table tr th {
    padding: 10px;
    width: 20%;
  }
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .detail table tr td {
  font-size: 16px;
  line-height: 1.2em;
  text-align: left;
  padding: 10px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}

@media (min-width: 768px) {
  #calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .detail table tr td {
    padding: 10px;
  }
}

@media (min-width: 768px) {
  #calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .btn {
    display: flex;
    justify-content: center;
  }
}

#calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .btn .linkbtn {
  width: auto;
  margin: 3%;
}

@media (min-width: 768px) {
  #calendar_original #container #container-inner #content #content-inner main>section#calendar_original1 .inner .btn .linkbtn {
    margin: 1%;
  }
}

/*================================================
　設備一覧
================================================*/
#facility #container #container-inner #content .pagetitle {
  background: url("../images/facility/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

@media (min-width: 1024px) {
  #facility #container #container-inner #content #content-inner main>section:nth-child(even) .inner .box>div.b1 {
    order: 1;
  }
}

#facility #container #container-inner #content #content-inner main>section .inner .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#facility #container #container-inner #content #content-inner main>section .inner .box>div.b1 {
  width: 100%;
}

@media (min-width: 768px) {
  #facility #container #container-inner #content #content-inner main>section .inner .box>div.b1 {
    width: 56%;
    margin: 2%;
  }
}

#facility #container #container-inner #content #content-inner main>section .inner .box>div.b1 h2 {
  text-align: left;
  margin-bottom: 20px;
}

#facility #container #container-inner #content #content-inner main>section .inner .box>div.b1 h2 strong {
  color: #f34840;
}

#facility #container #container-inner #content #content-inner main>section .inner .box>div.b1 h2+p {
  color: #000;
  text-align: left;
}

#facility #container #container-inner #content #content-inner main>section .inner .box>div.b1 p {
  text-align: left;
}

#facility #container #container-inner #content #content-inner main>section .inner .box>div.b2 {
  width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  #facility #container #container-inner #content #content-inner main>section .inner .box>div.b2 {
    width: 36%;
    margin: 2%;
  }
}

#facility #container #container-inner #content #content-inner main>section .inner .box>div.b2 img {
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  #facility #container #container-inner #content #content-inner main>section .inner .box>div.b2 img {
    width: 100%;
  }
}

/*================================================
　メールフォーム
================================================*/
#estimate #container #container-inner #content .pagetitle {
  background: url("../images/contact/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div {
  width: 100%;
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:first-child {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0 0;
}

@media (min-width: 768px) {
  #estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:first-child {
    font-size: 16px;
    padding: 10px;
    width: 20%;
  }
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) {
  padding: 10px 0 0;
}

@media (min-width: 768px) {
  #estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) {
    padding: 10px;
    width: 80%;
  }
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) a {
  color: #2dcebe;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) select[name="uchiwa_hone"] {
  font-size: 16px;
  padding: 5px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) select[name="uchiwa_color"] {
  font-size: 16px;
  padding: 5px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) input[name="number"] {
  width: 200px !important;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) input[name="postal"] {
  width: 200px !important;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) input#my_attach_filename {
  border: none;
  background: no-repeat;
  font-size: 22px;
  color: #000;
  font-weight: bold;
  width: 50%;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) input[type="file"] {
  display: none;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) input[type="email"] {
  width: 100%;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) input[type="tel"] {
  width: 100%;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) input[name="delivery_number1"] {
  width: 200px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) input[name="delivery_number2"] {
  width: 200px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) input[name="delivery_number3"] {
  width: 200px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div:nth-child(2) .error {
  font-weight: bold;
  background: #ffc0d9;
  color: #ff0000;
  padding: 5px;
  display: inline-block;
  margin-top: 5px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div.err_message {
  width: 100%;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div .annotation {
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #e60000;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div .annotation mark {
  font-weight: normal;
  color: #e60000;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div .annotation a {
  color: #e60000;
  font-weight: bold;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div .caution {
  background: #fff;
  border: 1px solid #e60000;
  padding: 10px;
  box-sizing: border-box;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div .caution p {
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div.btn {
  display: flex;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div.btn p {
  margin: 10px;
  margin-bottom: 20px;
  font-size: 16px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div.btn input {
  border: 1px solid #ccc;
  padding: 8px;
  box-sizing: border-box;
  font-size: 14px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div.btn input[type="button"] {
  background: #2dcebe;
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border: none;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div.btn input[type="button"]:hover {
  background: #000;
  border-radius: 0;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div.btn input[type="submit"] {
  background: #2dcebe;
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border: none;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 form ul li>div.btn input[type="submit"]:hover {
  background: #000;
  border-radius: 0;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr th a {
  display: block;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td {
  /*input{
  	&[name="表色数"]{
  		width: 50px;
  	}
  }
  input{
  	&[name="裏色数"]{
  		width: 50px;
  	}
  }*/
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td select[name="うちわ骨の種類"] {
  font-size: 16px;
  padding: 5px;
  box-sizing: border-box;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td select[name="うちわ骨の色"] {
  font-size: 16px;
  padding: 5px;
  box-sizing: border-box;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td input[name="本数"] {
  width: 200px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td input[name="オプション：その他の内容"] {
  width: 60%;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td input[name="郵便番号"] {
  width: 200px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td p {
  margin-bottom: 5px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td p.annotation {
  font-size: 14px;
  line-height: 1.5em;
  margin-top: 10px;
  margin-bottom: 0;
  color: #e60000;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td p span.annotation {
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #e60000;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td .caution {
  background: #fff;
  border: 1px solid #e60000;
  padding: 10px;
  box-sizing: border-box;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td .caution p {
  font-size: 14px;
  line-height: 1.5em;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td .box {
  display: block;
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  margin-right: 1%;
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  #estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td .box {
    display: inline-block;
  }
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td .box input {
  width: 130px;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 table tr td button.btn-remove {
  display: none;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 dl {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 dl dt {
  width: 100%;
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
  vertical-align: top;
  padding: 10px;
  box-sizing: border-box;
  font-weight: bold;
}

@media (min-width: 768px) {
  #estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 dl dt {
    width: 20%;
  }
}

#estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 dl dd {
  width: 100%;
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
  vertical-align: top;
  padding: 10px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #estimate #container #container-inner #content #content-inner main>section#estimate_index .inner .wpcf7 dl dd {
    width: 80%;
  }
}

#contact #container #container-inner #content .pagetitle {
  background: url("../images/contact/h1_bg.jpg") center no-repeat;
  background-size: cover;
}

/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
.wpcf7 {
  background: #eee;
  padding: 0px;
  margin: 0 0 30px 0;
  padding: 20px;
  box-sizeing: border-box;
  /* エラー個所をわかりやすく表示 */
  /* 必須赤色表示 */
  /* 任意緑色表示 */
}

@media (min-width: 768px) {
  .wpcf7 {
    padding: 40px;
  }
}

.wpcf7 table {
  width: 100%;
  margin: 0 auto;
}

.wpcf7 table tr th {
  font-size: 18px;
  line-height: 1.5em;
  text-align: left;
  vertical-align: top;
  padding: 10px 10px 0;
  box-sizing: border-box;
  width: 100%;
  display: block;
}

@media (min-width: 768px) {
  .wpcf7 table tr th {
    font-size: 16px;
    display: table-cell;
    padding: 10px;
    width: 20%;
  }
}

.wpcf7 table tr td {
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
  vertical-align: top;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  display: block;
}

@media (min-width: 768px) {
  .wpcf7 table tr td {
    display: table-cell;
    width: 80%;
  }
}

@media (min-width: 768px) {
  .wpcf7 table tr td>div.array {
    display: flex;
    flex-wrap: wrap;
  }
}

.wpcf7 table tr td>div.array p {
  margin: 0 10px 5px 0;
}

.wpcf7 table.error {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .wpcf7 table.error {
    width: 80%;
    min-width: 450px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.wpcf7 table.error tr th {
  width: 100%;
  display: block;
  text-align: center;
  background: #ff0000;
  color: #fff;
  padding: 3%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .wpcf7 table.error tr th {
    padding: 20px;
  }
}

.wpcf7 table.error tr td {
  width: 100%;
  display: block;
  text-align: left;
  background: #fff;
  color: #000;
  padding: 3%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .wpcf7 table.error tr td {
    padding: 20px;
  }
}

.wpcf7 table.check {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .wpcf7 table.check {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.wpcf7 table.check tr th {
  width: 100%;
  display: block;
  text-align: left;
  box-sizing: border-box;
  padding: 5% 3% 3%;
  font-weight: bold !important;
}

@media (min-width: 768px) {
  .wpcf7 table.check tr th {
    padding: 20px 10px 10px;
  }
}

.wpcf7 table.check tr td {
  width: 100%;
  display: block;
  text-align: left;
  background: #fff;
  color: #000;
  padding: 3%;
  min-height: 40px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

@media (min-width: 768px) {
  .wpcf7 table.check tr td {
    padding: 10px;
  }
}

.wpcf7 .screen-reader-response {
  display: none;
}

.wpcf7 p {
  margin: 0;
  margin-bottom: 20px;
  font-size: 16px;
}

.wpcf7 input {
  border: 1px solid #ccc;
  padding: 8px;
  box-sizing: border-box;
  font-size: 14px;
}

.wpcf7 input[type="button"] {
  background: #2dcebe;
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border: none;
}

.wpcf7 input[type="button"]:hover {
  background: #000;
}

.wpcf7 input[type="submit"] {
  background: #2dcebe;
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border: none;
}

.wpcf7 input[type="submit"]:hover {
  background: #000;
}

.wpcf7 input[type="text"] {
  width: 100%;
}

.wpcf7 input[type="checkbox"] {
  vertical-align: baseline;
}

.wpcf7 input[name="your-name"] {
  width: 100%;
}

.wpcf7 input[name="your-ruby"] {
  width: 100%;
}

.wpcf7 input[name="your-tel"] {
  width: 100%;
}

.wpcf7 input[name="your-email"] {
  width: 100%;
}

.wpcf7 input[name="captcha-170"] {
  width: 50%;
}

.wpcf7 input[name="your-age"] {
  width: 70px;
}

.wpcf7 input[name="your-sex"] {
  text-align: left;
}

.wpcf7 input[name="your-sex"]+span {
  margin-right: 10px;
}

.wpcf7 input[name="zip"] {
  width: 150px;
}

.wpcf7 input[name="addr"] {
  width: 100%;
}

.wpcf7 input[name="your-subject"] {
  width: 100%;
}

@media (min-width: 768px) {
  .wpcf7 input[name="your-name"] {
    width: 50%;
  }

  .wpcf7 input[name="your-ruby"] {
    width: 50%;
  }

  .wpcf7 input[name="your-tel"] {
    width: 50%;
  }

  .wpcf7 input[name="your-email"] {
    width: 50%;
  }

  .wpcf7 input[name="captcha-170"] {
    width: 50%;
  }

  .wpcf7 input[name="your-age"] {
    width: 70px;
  }

  .wpcf7 input[name="your-sex"] {
    text-align: left;
  }

  .wpcf7 input[name="your-sex"]+span {
    margin-right: 10px;
  }

  .wpcf7 input[name="zip"] {
    width: 150px;
  }

  .wpcf7 input[name="addr"] {
    width: 100%;
  }

  .wpcf7 input[name="your-subject"] {
    width: 100%;
  }
}

.wpcf7 input .wpcf7-submit {
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  width: 200px;
  height: 45px;
  margin: 0 auto;
  display: block;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #333;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080;
  border: 1px solid #666;
  margin-bottom: 20px;
}

.wpcf7 input .wpcf7-submit:hover {
  background: #006080;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #2dcebe;
  border: 1px solid #006080;
}

.wpcf7 input .wpcf7-submit:active {
  box-shadow: none;
  bottom: -2px;
  position: relative;
}

.wpcf7 input:focus {
  border: 1px solid #2dcebe;
}

.wpcf7 textarea {
  border: 1px solid #ccc;
  padding: 8px;
  box-sizing: border-box;
  font-size: 14px;
  width: 100%;
  height: 300px;
}

.wpcf7 textarea:focus {
  border: 1px solid #009de1;
}

.wpcf7 button {
  background: #2dcebe;
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border: none;
}

.wpcf7 button:hover {
  background: #000;
}

.wpcf7 .wpcf7-not-valid {
  background: #ffb6c1;
}

.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 80%;
  display: block;
  color: #ff0000;
}

.wpcf7 .wpcf7-response-output {
  margin: 10px 0 20px;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.wpcf7 .wpcf7-validation-errors {
  font-weight: bold;
  text-align: center;
  color: #ff0000;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.wpcf7 .wpcf7-mail-sent-ok {
  font-weight: bold;
  text-align: center;
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
}

.wpcf7 .wpcf7-display-none {
  display: none;
}

.wpcf7 .required {
  font-size: 12px;
  color: #f00;
}

.wpcf7 .any {
  font-size: 12px;
  color: #080;
}

/*20240425*/
.iso {
  font-size: 1.5em;
  font-weight: 600;
  margin: 20px auto;
}

.top-txt {
  text-align: center;
  margin: 20px auto;
  color: red;
}

@media (min-width: 768px) {
  .iso {
    margin: 0px;
  }
}

/* ===============================================
# NHK 総合｢探検ファクトリー｣：お知らせ：2025/06
=============================================== */
#index #container #container-inner #content #content-inner main>section.notice {
  padding-block: 70px 0;
  background: #f7fcfc;
  font-family: "Noto Sans JP", sans-serif;
}

.notice__date {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}

.text-large {
  font-size: 52px;
}

.red {
  color: #D82628;
  padding-inline: 5px;
}

.blue {
  color: #1E98D5;
}

.notice__program-title {
  color: #D82628;
  font-size: 52px;
  font-weight: 700;
  letter-spacing: .01em;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 10px;
}

.title-small {
  color: #000000;
  font-size: 34px;
  font-family: "Noto Sans JP", sans-serif;
}

.notice__highlight {
  color: #ED008C;
  font-size: 52px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
  margin-bottom: 24px;
}

.notice__description {
  font-size: 20px;
  line-height: 2;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-bottom: 34px;
}

.notice__tv-link {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: fit-content;
  margin-inline: auto;
}

.notice__info {
  padding: 20px 30px;
  background: #fff;
  border: 3px solid #D82628;
  border-radius: 30px;
  width: fit-content;
  margin-inline: auto;
}

.notice__info-title {
  color: #000000;
  font-size: 24px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
  margin-bottom: 14px;
}

.notice__schedule {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}

.notice__schedule-item {
  font-size: 31px;
  font-weight: 800;
  letter-spacing: .01em;
  font-family: "Noto Sans JP", sans-serif;
  text-align: left;
  display: flex;
}

.notice__schedule-label {
  min-width: 180px;
  display: inline-block;
  text-align-last: justify;
  text-justify: inter-character;
}

.notice__schedule-time {
  margin-left: 30px;
  color: #D82628;
}

.time-small {
  color: #000000;
  font-size: 20px;
  margin-left: 10px;
}

.notice__note {
  font-size: 18px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 10px;
}

.notice__link {
  font-size: 21px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #000000;
  letter-spacing: .04em;
  margin-bottom: 0;
  overflow-wrap: anywhere;
}

.notice__tv-link-title {
  font-size: 20px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  letter-spacing: .04em;
  margin-bottom: 0;
  text-align: left;
}

.notice__tv-link-url {
  font-size: 18px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #0089d3;
  letter-spacing: .04em;
  line-height: 1.3;
  margin-bottom: 0;
  overflow-wrap: anywhere;
  text-align: left;
}

@media (min-width: 768px) {
  .u-sp {
    display: none;
  }
}

@media (max-width: 1026px) {
  #notice.notice {
    zoom: 0.7;
  }
}

@media (max-width: 767px) {
  #notice.notice {
    zoom: initial;
  }

  .u-pc {
    display: none;
  }

  .notice__date {
    margin-bottom: 10px;
    font-size: 28px;
  }

  .text-large {
    font-size: 38px;
  }

  .notice__highlight {
    font-size: 36px;
  }

  .notice__program-title {
    font-size: 33px;
    margin-bottom: 20px;
  }

  .title-small {
    font-size: 24px;
  }

  .notice__description {
    font-size: 18px;
    text-align: justify;
  }

  .notice__info {
    padding: 20px 15px;
    max-width: 600px;
    margin-inline: auto;
    border-radius: 20px;
  }

  .notice__info-title {
    font-size: 15px;
    letter-spacing: .007em;
    margin-bottom: 16px;
  }

  .notice__schedule {
    gap: 16px;
    margin-bottom: 20px;
  }

  .notice__schedule-item {
    font-size: 19px;
    flex-direction: column;
    text-align: center;
    gap: 2px;
  }

  .time-small {
    color: #000000;
    font-size: 14px;
    margin-left: 5px;
  }

  .notice__schedule-label {
    min-width: 130px;
  }

  .notice__note {
    font-size: 12px;
  }

  .notice__schedule-time {
    margin-left: 0;
  }

  .notice__link {
    font-size: 14px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    color: #000000;
    letter-spacing: .04em;
    margin-bottom: 0;
    overflow-wrap: anywhere;
  }
}