@charset "UTF-8";
/* Font awesome
    arrow top: f0d8 / f102 / f106 / f077 / f139
    arrow left: f0d9 / f100 / f104 / f053 / f137
    arrow right：f0da / f101 / f105 / f054 / f138
    arrow bottom: f0d7 / f103 / f107 / f078 / f13a
    link: f35d
    phone: f095 / f098
    envelope： f0e0 / f0e0
    plus: f067
    minus: f068
    close: f057 / f00d
    info: f05a 
    check: f00c / f14a / f058
    home: f015
    list: f0ca
*/
* {
  box-sizing: border-box;
  font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", sans-serif;
  color: #383E45;
}

html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, p, li, th, td, div, span {
  line-height: 100%;
  margin: 0;
}

p {
  line-height: 1.25;
}
p a {
  color: #004085;
  font-weight: bold;
  text-decoration: underline;
  transition: color 0.5s;
}
p a:hover {
  color: rgb(0, 109.1428571429, 191);
}

a {
  cursor: pointer;
  text-decoration: none;
}
a[href="javascript:void(0)"] {
  pointer-events: none;
  color: #383E45;
}
a[href="javascript:void(0)"] span {
  color: #383E45 !important;
}
a.textLink {
  color: #00508C;
}
a.textLink span {
  color: #00508C;
  font-weight: bold;
  transition: color 0.5s;
}
a.textLink span::after {
  content: "\f101";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  font-size: 12px;
  margin-left: 4px;
  transition: margin-left 0.5s;
}
a.textLink:hover span {
  color: rgb(0, 109.1428571429, 191);
}
a.textLink:hover span::after {
  margin-left: 6px;
}

ul {
  list-style: none;
  padding: 0;
}

img {
  width: 100%;
  image-rendering: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 8px;
}

body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
body.myFlex {
  justify-content: center;
}
body.myFlex main {
  flex-basis: calc(75% - 16px);
  padding: 24px 8px;
  margin: 0 auto;
}
body.myFlex aside {
  flex-basis: calc(25% - 16px);
  padding: 24px 8px;
  margin: 0 auto;
}
body.customize-support header {
  top: 32px !important;
}

main {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
}

aside {
  background-color: #e0e0e0;
}

.myFlex {
  display: flex;
  flex-wrap: wrap;
}
.myFlex .myBox {
  margin: 0 auto;
}
.myFlex.col2 > .myBox, .myFlex.col2 > li {
  flex-basis: 50%;
}
.myFlex.col3 > .myBox, .myFlex.col3 > li {
  flex-basis: 33.3333333333%;
}
.myFlex.col4 > .myBox, .myFlex.col3 > li {
  flex-basis: 25%;
}

@media only screen and (max-width: 600px) {
  .myFlex {
    display: block;
  }
}
table.myTbl:not(.itemTbl), table.common_tbl:not(.itemTbl) {
  width: 100%;
  border-collapse: collapse;
  margin: 16px auto 32px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  overflow: hidden; /* 角丸でボーダーがはみ出さないように */
}
table.myTbl:not(.itemTbl) thead, table.common_tbl:not(.itemTbl) thead {
  border-bottom: solid 2px #555;
}
table.myTbl:not(.itemTbl) thead tr, table.common_tbl:not(.itemTbl) thead tr {
  background-color: #e8e9ea; /* ヘッダーの背景色 */
  color: #555;
  text-align: center;
}
table.myTbl:not(.itemTbl) tbody tr:last-of-type th, table.common_tbl:not(.itemTbl) tbody tr:last-of-type th, table.myTbl:not(.itemTbl) tbody tr:last-of-type td, table.common_tbl:not(.itemTbl) tbody tr:last-of-type td {
  border: none;
}
table.myTbl:not(.itemTbl) th, table.common_tbl:not(.itemTbl) th, table.myTbl:not(.itemTbl) td, table.common_tbl:not(.itemTbl) td {
  line-height: 1.5;
  padding: 24px 16px;
}
table.myTbl:not(.itemTbl) th, table.common_tbl:not(.itemTbl) th {
  font-weight: bold;
  width: 30%;
  text-align: center;
  background-color: #ebebeb;
  color: #383E45;
  border-bottom: 1px solid #adadad; /* 薄い下線 */
  white-space: nowrap;
  letter-spacing: 0.25em;
  text-indent: 0.25em;
}
table.myTbl:not(.itemTbl) td, table.common_tbl:not(.itemTbl) td {
  text-align: left;
  border-bottom: 1px solid #a9a9a9; /* 薄い下線 */
}

@media only screen and (max-width: 600px) {
  .myTbl:not(.itemTbl), table.common_tbl:not(.itemTbl), .myTbl:not(.itemTbl) thead, table.common_tbl:not(.itemTbl) thead, .myTbl:not(.itemTbl) tbody, table.common_tbl:not(.itemTbl) tbody, .myTbl:not(.itemTbl) tfoot, table.common_tbl:not(.itemTbl) tfoot, .myTbl:not(.itemTbl) tr, table.common_tbl:not(.itemTbl) tr, .myTbl:not(.itemTbl) th, table.common_tbl:not(.itemTbl) th, .myTbl:not(.itemTbl) td, table.common_tbl:not(.itemTbl) td {
    display: block;
    width: 100%;
    text-align: left;
  }
  .myTbl:not(.itemTbl) tr:first-of-type th, table.common_tbl:not(.itemTbl) tr:first-of-type th {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .myTbl:not(.itemTbl) tr:last-of-type td, table.common_tbl:not(.itemTbl) tr:last-of-type td {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: solid 1px #a9a9a9;
  }
}
ul.myList {
  padding-left: 8px;
}
ul.myList li {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 8px;
}
ul.myList li:before {
  content: "\f0da";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  font-size: 10px;
  margin-right: 4px;
}

.textRight {
  text-align: right;
}

.textCenter {
  text-align: center;
}
.textCenter p {
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .textRight {
    text-align: center;
  }
}
.boxShadow {
  box-shadow: 0 0 8px 4px rgba(49, 49, 49, 0.1);
}

a.myBtn, button[type=button].myBtn, button[type=submit].myBtn, input[type=button].myBtn, input[type=submit].myBtn {
  display: inline-block;
  width: 100%;
  max-width: 200px;
  color: #00508C;
  padding: 16px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  border: none;
  cursor: pointer;
  transition: background 0.5s, color 0.5s;
}
a.myBtn:hover, button[type=button].myBtn:hover, button[type=submit].myBtn:hover, input[type=button].myBtn:hover, input[type=submit].myBtn:hover {
  opacity: 1;
}
a.myBtn.border, button[type=button].myBtn.border, button[type=submit].myBtn.border, input[type=button].myBtn.border, input[type=submit].myBtn.border {
  border: solid 2px #0064d1;
}
a.myBtn.border:hover, button[type=button].myBtn.border:hover, button[type=submit].myBtn.border:hover, input[type=button].myBtn.border:hover, input[type=submit].myBtn.border:hover {
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
}
a.myBtn.border:hover span, button[type=button].myBtn.border:hover span, button[type=submit].myBtn.border:hover span, input[type=button].myBtn.border:hover span, input[type=submit].myBtn.border:hover span {
  color: #f9f9f9;
}
a.myBtn.border span, button[type=button].myBtn.border span, button[type=submit].myBtn.border span, input[type=button].myBtn.border span, input[type=submit].myBtn.border span {
  color: #00508C;
}
a.myBtn.fill, button[type=button].myBtn.fill, button[type=submit].myBtn.fill, input[type=button].myBtn.fill, input[type=submit].myBtn.fill {
  background-color: #0064d1;
  color: #f9f9f9;
}
a.myBtn.fill:hover, button[type=button].myBtn.fill:hover, button[type=submit].myBtn.fill:hover, input[type=button].myBtn.fill:hover, input[type=submit].myBtn.fill:hover {
  background-color: rgb(5, 124.6172248804, 255);
}
a.myBtn.grad, button[type=button].myBtn.grad, button[type=submit].myBtn.grad, input[type=button].myBtn.grad, input[type=submit].myBtn.grad {
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
}
a.myBtn.grad:hover, button[type=button].myBtn.grad:hover, button[type=submit].myBtn.grad:hover, input[type=button].myBtn.grad:hover, input[type=submit].myBtn.grad:hover {
  background: linear-gradient(to right, rgb(0, 109.1428571429, 191), rgb(5, 124.6172248804, 255));
}
a.myBtn.rounded, button[type=button].myBtn.rounded, button[type=submit].myBtn.rounded, input[type=button].myBtn.rounded, input[type=submit].myBtn.rounded {
  border-radius: 100px;
}
a.myBtn.kadomaru, button[type=button].myBtn.kadomaru, button[type=submit].myBtn.kadomaru, input[type=button].myBtn.kadomaru, input[type=submit].myBtn.kadomaru {
  border-radius: 8px;
}
a.myBtn span, button[type=button].myBtn span, button[type=submit].myBtn span, input[type=button].myBtn span, input[type=submit].myBtn span {
  color: #f9f9f9;
}
a.myBtn span::after, button[type=button].myBtn span::after, button[type=submit].myBtn span::after, input[type=button].myBtn span::after, input[type=submit].myBtn span::after {
  content: "\f105";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-left: 4px;
}

input[type=text], input[type=email], textarea {
  width: 100%;
  margin: 4px 0;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1rem;
  color: #333;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
input[type=text]:hover, input[type=email]:hover, textarea:hover {
  border-color: #999;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
  outline: none;
}

.myMidashi, body.page-id-18 article h2, body.page-id-24 article h2, #p_company h2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 32px;
  font-weight: 900;
  color: #00508C;
  margin: 8px auto 24px;
  position: relative;
}
.myMidashi.center, body.page-id-18 article h2.center, body.page-id-24 article h2.center, #p_company h2.center {
  text-align: center;
  justify-content: center;
}
.myMidashi.white, body.page-id-18 article h2.white, body.page-id-24 article h2.white, #p_company h2.white {
  color: #f9f9f9;
}
.myMidashi.white span, body.page-id-18 article h2.white span, body.page-id-24 article h2.white span, #p_company h2.white span {
  color: #f9f9f9;
}
.myMidashi.reverse, body.page-id-18 article h2.reverse, body.page-id-24 article h2.reverse, #p_company h2.reverse {
  flex-direction: column-reverse;
}
.myMidashi.outline, body.page-id-18 article h2.outline, body.page-id-24 article h2.outline, #p_company h2.outline {
  text-shadow: 2px 2px 1px #00508C, 0px 0px 1px #00508C;
}
.myMidashi.firstLetter, body.page-id-18 article h2.firstLetter, body.page-id-24 article h2.firstLetter, #p_company h2.firstLetter {
  display: block;
}
.myMidashi.firstLetter::first-letter, body.page-id-18 article h2.firstLetter::first-letter, body.page-id-24 article h2.firstLetter::first-letter, #p_company h2.firstLetter::first-letter {
  font-size: 1.25em;
}
.myMidashi.border.left, body.page-id-18 article h2.border.left, body.page-id-24 article h2.border.left, #p_company h2.border.left {
  border-left: solid 8px #0064d1;
  padding: 4px 0;
  padding-left: 8px;
}
.myMidashi.border.top, body.page-id-18 article h2.border.top, body.page-id-24 article h2.border.top, #p_company h2.border.top {
  border-top: solid 1px #0064d1;
  padding-top: 8px;
}
.myMidashi.border.top.center, body.page-id-18 article h2.border.top.center, body.page-id-24 article h2.border.top.center, #p_company h2.border.top.center {
  display: inline-flex;
}
.myMidashi.border.bottom, body.page-id-18 article h2.border.bottom, body.page-id-24 article h2.border.bottom, #p_company h2.border.bottom {
  border-bottom: solid 1px #0064d1;
  padding-bottom: 8px;
}
.myMidashi.border.bottom.center, body.page-id-18 article h2.border.bottom.center, body.page-id-24 article h2.border.bottom.center, #p_company h2.border.bottom.center {
  display: inline-flex;
}
.myMidashi.row2, body.page-id-18 article h2.row2, body.page-id-24 article h2.row2, #p_company h2.row2 {
  flex-direction: column;
  align-items: unset;
}
.myMidashi.belt, body.page-id-18 article h2.belt, body.page-id-24 article h2.belt, #p_company h2.belt {
  color: #f9f9f9;
  margin: 80px auto;
}
.myMidashi.belt span, body.page-id-18 article h2.belt span, body.page-id-24 article h2.belt span, #p_company h2.belt span {
  color: #f9f9f9;
}
.myMidashi.belt::before, body.page-id-18 article h2.belt::before, body.page-id-24 article h2.belt::before, #p_company h2.belt::before, .myMidashi.belt::after, body.page-id-18 article h2.belt::after, body.page-id-24 article h2.belt::after, #p_company h2.belt::after {
  content: "";
  width: 100%;
  height: 160px;
  background: linear-gradient(to right, #00508C, #0064d1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  clip-path: polygon(0 25%, 100% 0, 100% 75%, 0% 100%);
}
.myMidashi.belt::before, body.page-id-18 article h2.belt::before, body.page-id-24 article h2.belt::before, #p_company h2.belt::before {
  background: linear-gradient(to right, #00508C, #0064d1);
  z-index: -1;
  opacity: 0.8;
}
.myMidashi.belt::after, body.page-id-18 article h2.belt::after, body.page-id-24 article h2.belt::after, #p_company h2.belt::after {
  background: url(../img/bicycle3.jpg) bottom center no-repeat;
  background-size: cover;
  z-index: -2;
}
.myMidashi.bg, body.page-id-18 article h2.bg, body.page-id-24 article h2.bg, #p_company h2.bg {
  background-color: #00508C;
  padding: 16px 4px;
}
.myMidashi.bg.grad, body.page-id-18 article h2.bg.grad, body.page-id-24 article h2.bg.grad, #p_company h2.bg.grad {
  background: linear-gradient(to right, #00508C, #0064d1);
}
.myMidashi.sideline, body.page-id-18 article h2.sideline, body.page-id-24 article h2.sideline, #p_company h2.sideline {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 40px auto;
}
.myMidashi.sideline:before, body.page-id-18 article h2.sideline:before, body.page-id-24 article h2.sideline:before, #p_company h2.sideline:before, .myMidashi.sideline:after, body.page-id-18 article h2.sideline:after, body.page-id-24 article h2.sideline:after, #p_company h2.sideline:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #0064d1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.myMidashi.sideline:before, body.page-id-18 article h2.sideline:before, body.page-id-24 article h2.sideline:before, #p_company h2.sideline:before {
  left: 80px;
}
.myMidashi.sideline:after, body.page-id-18 article h2.sideline:after, body.page-id-24 article h2.sideline:after, #p_company h2.sideline:after {
  right: 80px;
}
.myMidashi.sideline span, body.page-id-18 article h2.sideline span, body.page-id-24 article h2.sideline span, #p_company h2.sideline span {
  display: block;
  width: 100%;
  margin-top: 24px;
}
.myMidashi.grad-belt span, body.page-id-18 article h2.grad-belt span, body.page-id-24 article h2.grad-belt span, #p_company h2.grad-belt span {
  max-width: 320px;
  display: block;
  padding: 4px;
  margin: 8px 4px;
  background: linear-gradient(90deg, #00508C 0%, #0064d1 50%, transparent 90%);
  color: #f9f9f9;
}
.myMidashi.accent.top, body.page-id-18 article h2.accent.top, body.page-id-24 article h2.accent.top, #p_company h2.accent.top {
  margin-top: 56px;
  margin-bottom: 56px;
}
.myMidashi.accent.top:before, body.page-id-18 article h2.accent.top:before, body.page-id-24 article h2.accent.top:before, #p_company h2.accent.top:before {
  content: "";
  width: 40px;
  height: 8px;
  background: #FFC72C;
  border-radius: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -16px;
}
.myMidashi.accent.bottom, body.page-id-18 article h2.accent.bottom, body.page-id-24 article h2.accent.bottom, #p_company h2.accent.bottom {
  margin-top: 56px;
  margin-bottom: 56px;
}
.myMidashi.accent.bottom:after, body.page-id-18 article h2.accent.bottom:after, body.page-id-24 article h2.accent.bottom:after, #p_company h2.accent.bottom:after {
  content: "";
  width: 40px;
  height: 8px;
  background: #FFC72C;
  border-radius: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -16px;
}
.myMidashi.icon.left:before, body.page-id-18 article h2.icon.left:before, body.page-id-24 article h2.icon.left:before, #p_company h2.icon.left:before {
  content: "\f0da";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-right: 8px;
}
.myMidashi.en.large, body.page-id-18 article h2.en.large, body.page-id-24 article h2.en.large, #p_company h2.en.large {
  flex-direction: row-reverse;
  justify-content: flex-end;
  font-size: 14px;
}
.myMidashi.en.large span, body.page-id-18 article h2.en.large span, body.page-id-24 article h2.en.large span, #p_company h2.en.large span {
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
}
.myMidashi.en.large.override, body.page-id-18 article h2.en.large.override, body.page-id-24 article h2.en.large.override, #p_company h2.en.large.override {
  color: #f9f9f9;
  text-shadow: 1px 1px 1px #00508C, -1px -1px 1px #00508C;
  padding-left: 8px;
}
.myMidashi.en.large.override span, body.page-id-18 article h2.en.large.override span, body.page-id-24 article h2.en.large.override span, #p_company h2.en.large.override span {
  font-size: 64px;
  position: absolute;
  top: calc(50% - 8px);
  left: -4px;
  transform: translateY(-50%);
  z-index: -1;
  opacity: 0.9;
}
.myMidashi.flag, body.page-id-18 article h2, body.page-id-24 article h2, #p_company h2 {
  display: inline-block;
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
  padding: 8px 24px 8px 16px;
  margin-left: -8px;
  margin-bottom: 8px;
  position: relative;
}
.myMidashi.flag::after, body.page-id-18 article h2::after, body.page-id-24 article h2::after, #p_company h2::after {
  content: "";
  width: 64px;
  height: 100%;
  background-color: #0064d1;
  position: absolute;
  top: 0;
  right: -63px;
  clip-path: polygon(0 100%, 0 0, 100% 0);
}
.myMidashi.flag span, body.page-id-18 article h2 span, body.page-id-24 article h2 span, #p_company h2 span {
  display: block !important;
  color: #FFC72C !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
}
.myMidashi span, body.page-id-18 article h2 span, body.page-id-24 article h2 span, #p_company h2 span {
  display: inline-block;
  font-family: "Arial Black", "Yu Gothic", "游ゴシック", sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #0064d1;
  text-transform: capitalize;
  margin: 4px;
}

.mySentence {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
  margin: 8px 0;
  margin-bottom: 16px;
}
.mySentence span {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
  font-size: 32px;
  letter-spacing: 0.05em;
}

.myWidget {
  background-color: #fff;
  box-shadow: 0 0 8px 4px rgba(49, 49, 49, 0.1);
  overflow: hidden;
}
.myWidget.kadomaru {
  border-radius: 4px;
}
.myWidget .myWidgetTitle {
  font-weight: bold;
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
  text-align: center;
  padding: 16px 8px;
}
.myWidget .myInner {
  padding: 8px;
}
.myWidget .myInner ul {
  padding: 8px 16px 24px;
}
.myWidget .myInner ul li {
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: solid 1px #e0e0e0;
}
.myWidget .myInner ul li a {
  font-size: 14px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
.myWidget .myInner ul li a img {
  border-radius: 4px;
  margin-bottom: 8px;
}
.myWidget .myInner ul li a span {
  margin-bottom: 8px;
  padding: 0 4px;
}
.myWidget .myInner ul li a span.postTitle {
  font-weight: 700;
  padding-left: 1.25em;
  text-indent: -0.5em;
}
.myWidget .myInner ul li a span::before {
  content: "\f0da";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-right: 4px;
}

/* ------------------------------------------- */
section {
  position: relative;
  z-index: 0;
}
section .myFlex .myBox {
  margin: 16px auto;
}
section .myFlex .myBox.text {
  position: relative;
}
section .myFlex .myBox.image {
  width: 100%;
  position: relative;
  z-index: 0;
}
section .myFlex .myBox.image::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/bicycle1.jpg);
  background-size: cover;
  background-position: bottom center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

section.type_1 .myFlex {
  flex-direction: column;
}
section.type_1 .myFlex .myBox {
  text-align: center;
}
section.type_1 .myFlex .myBox.text {
  max-width: 600px;
}
section.type_1 .myFlex .myBox.image {
  height: 320px;
}

section.type_2 .myFlex .myBox {
  flex-basis: 50%;
}
section.type_2 .myFlex .myBox.text {
  padding: 80px 24px;
}
section.type_2 .myFlex .myBox.text .mySentence {
  margin-bottom: 24px;
}
section.type_2 .myFlex .myBox.text .mySentence span {
  display: block;
  margin-bottom: 8px;
}
section.type_2 .myFlex .myBox.image::before {
  height: calc(100% + 120px);
}

section.type_3 .myFlex {
  flex-direction: row-reverse;
}
section.type_3 .myFlex .myBox {
  flex-basis: 50%;
}
section.type_3 .myFlex .myBox.text {
  padding: 80px 24px;
}
section.type_3 .myFlex .myBox.text::after {
  content: "";
  width: 400px;
  height: 400px;
  background: url(../img/line_building.png) center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: -1;
  opacity: 0.2;
}
section.type_3 .myFlex .myBox.text .mySentence {
  margin-bottom: 24px;
}
section.type_3 .myFlex .myBox.text .mySentence span {
  display: block;
  margin-bottom: 8px;
}
section.type_3 .myFlex .myBox.image::before {
  height: calc(100% + 120px);
}
section.type_3 .myFlex .myBox.image::after {
  content: "";
  width: 100%;
  height: calc(100% + 120px);
  background: linear-gradient(to left, #ffffff, transparent);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

section.type_4 .myFlex {
  display: block;
  position: relative;
  z-index: 0;
}
section.type_4 .myFlex .myBox {
  text-align: center;
}
section.type_4 .myFlex .myBox.text {
  max-width: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
section.type_4 .myFlex .myBox.text * {
  color: #f9f9f9;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
section.type_4 .myFlex .myBox.image {
  height: 400px;
  position: relative;
  z-index: 0;
}
section.type_4 .myFlex .myBox.image::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #383E45;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.3;
}

section.type_5 .myFlex {
  display: block;
  position: relative;
  z-index: 0;
}
section.type_5 .myFlex .myBox.text {
  width: 50%;
  padding: 80px 24px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 64px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
section.type_5 .myFlex .myBox.text .mySentence {
  margin-bottom: 24px;
}
section.type_5 .myFlex .myBox.text .mySentence span {
  display: block;
  margin-bottom: 8px;
}
section.type_5 .myFlex .myBox.image {
  width: 50%;
  height: 480px;
  margin-right: 0;
}
section.type_5 .myFlex .myBox.image::before {
  height: calc(100% + 120px);
}

section.type_6 .myFlex {
  flex-direction: row-reverse;
}
section.type_6 .myFlex .myBox.text {
  flex-basis: 40%;
  padding: 40px 24px;
  background: linear-gradient(to right, #00508C, #0064d1);
}
section.type_6 .myFlex .myBox.text * {
  color: #f9f9f9;
}
section.type_6 .myFlex .myBox.text .mySentence {
  margin-bottom: 24px;
}
section.type_6 .myFlex .myBox.text .mySentence span {
  display: block;
  margin-bottom: 8px;
}
section.type_6 .myFlex .myBox.image {
  flex-basis: 60%;
  overflow: hidden;
}
section.type_6 .myFlex .myBox.image::before {
  height: calc(100% + 120px);
}

section.type_7 .myFlex .myBox {
  flex-basis: 50%;
}
section.type_7 .myFlex .myBox.text {
  padding: 80px 24px;
}
section.type_7 .myFlex .myBox.text .mySentence {
  margin-bottom: 24px;
}
section.type_7 .myFlex .myBox.text .mySentence span {
  display: block;
  margin-bottom: 8px;
}
section.type_7 .myFlex .myBox.image::before {
  height: calc(100% + 120px);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 30% 100%);
}

section.type_8 .myFlex {
  display: block;
  position: relative;
  z-index: 0;
}
section.type_8 .myFlex .myBox {
  text-align: center;
}
section.type_8 .myFlex .myBox.text {
  max-width: 400px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 24px;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
  z-index: 2;
}
section.type_8 .myFlex .myBox.text * {
  text-align: left;
  color: #383E45;
}
section.type_8 .myFlex .myBox.image {
  height: 400px;
  position: relative;
  z-index: 0;
}
section.type_8 .myFlex .myBox.image::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #383E45;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.3;
}

section.type_9 {
  overflow: visible;
}
section.type_9 .myInner .myFlex {
  box-shadow: 0 0 8px 4px rgba(49, 49, 49, 0.1);
  border-radius: 24px;
  overflow: hidden;
}
section.type_9 .myInner .myFlex .myBox {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  position: relative;
  z-index: 0;
}
section.type_9 .myInner .myFlex .myBox.left {
  flex-basis: 30%;
  min-height: 240px;
  padding: 40px 24px;
}
section.type_9 .myInner .myFlex .myBox.left::before, section.type_9 .myInner .myFlex .myBox.left::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.type_9 .myInner .myFlex .myBox.left::before {
  background: linear-gradient(to right, #00508C, #0064d1);
  z-index: -1;
  opacity: 0.8;
}
section.type_9 .myInner .myFlex .myBox.left::after {
  background: url(../img/bicycle3.jpg) center no-repeat;
  background-size: cover;
  z-index: -2;
}
section.type_9 .myInner .myFlex .myBox.left * {
  color: #f9f9f9 !important;
}
section.type_9 .myInner .myFlex .myBox.right {
  flex-basis: 70%;
  padding: 16px 24px;
}

section.type_10 .myInner .myFlex .myBox {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  position: relative;
  z-index: 0;
}
section.type_10 .myInner .myFlex .myBox.left {
  flex-basis: 30%;
  padding: 40px 24px;
}
section.type_10 .myInner .myFlex .myBox.right {
  min-height: 400px;
  flex-basis: 70%;
  padding: 40px 24px;
}
section.type_10 .myInner .myFlex .myBox.right::before, section.type_10 .myInner .myFlex .myBox.right::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
section.type_10 .myInner .myFlex .myBox.right::before {
  background: linear-gradient(to bottom right, #ffffff 0%, #ffffff 30%, transparent);
  z-index: -1;
}
section.type_10 .myInner .myFlex .myBox.right::after {
  background: url(../img/bicycle3.jpg) bottom right no-repeat;
  background-size: cover;
  z-index: -2;
}
section.type_10 .myInner .myFlex .myBox.right * {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

section.bg_belt::before, section.bg_belt::after {
  content: "";
  width: 100%;
  height: 280px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.bg_belt.bottom {
  margin-bottom: 280px;
  overflow: visible;
}
section.bg_belt.bottom::before, section.bg_belt.bottom::after {
  top: auto;
  bottom: -160px;
  transform: translateX(-50%);
}
section.bg_belt.bottom::before {
  background: #e0e0e0;
}
section.bg_belt.bottom .myFlex .myBox.text * {
  color: #383E45;
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
section.bg_belt::before {
  background: linear-gradient(to right, #00508C, #0064d1);
  z-index: -1;
  opacity: 0.8;
}
section.bg_belt::after {
  background: url(../img/bicycle3.jpg) bottom center no-repeat;
  background-size: cover;
  z-index: -2;
}
section.bg_belt .myFlex .myBox {
  flex-basis: calc(50% - 40px);
}
section.bg_belt .myFlex .myBox.text * {
  color: #f9f9f9;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.8);
}

section.bg_skew::before, section.bg_skew::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.bg_skew::before {
  background: linear-gradient(to right, rgb(0, 109.1428571429, 191), rgb(5, 124.6172248804, 255));
  clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
  z-index: -1;
  opacity: 0.8;
}
section.bg_skew::after {
  background: url(../img/bicycle3.jpg) bottom center no-repeat;
  background-size: cover;
  clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
  z-index: -2;
}
section.bg_skew .myFlex .myBox.text * {
  color: #f9f9f9;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.8);
}

section.bg_text {
  margin-bottom: 240px;
  overflow: visible;
}
section.bg_text::before {
  content: "";
  width: 70%;
  height: 100%;
  background-color: #f0f0f0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
  clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
}
section.bg_text .myFlex .myBox.text {
  padding-left: 40px;
  padding-right: 40px;
}

section.bg_half-circle {
  overflow: visible;
}
section.bg_half-circle::before {
  content: "";
  width: 100%;
  height: 160px;
  clip-path: ellipse(50% 160px at 50% 100%);
  background-color: #e0e0e0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
section.bg_half-circle::after {
  content: "";
  width: 100%;
  height: 24px;
  background-color: #e0e0e0;
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
section.bg_half-circle .myFlex {
  max-width: calc(100% - 80px);
  margin: 0 auto;
}
section.bg_half-circle .myFlex .myBox.image {
  overflow: hidden;
  border-radius: 16px;
}

section.bg_rounded .myFlex {
  max-width: calc(100% - 80px);
  justify-content: flex-end;
  margin: 0 auto;
  margin-right: 0;
  padding-left: 24px;
  position: relative;
  z-index: 0;
}
section.bg_rounded .myFlex::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
  border-top-left-radius: 120px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
section.bg_rounded .myFlex .myBox.image::before {
  height: 100%;
}

section.img_rounded .myBox.image {
  overflow: hidden;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}

ul.myCard {
  counter-reset: my-card;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.myCard.col3 li {
  flex-basis: calc(33.3333333333% - 32px);
}
ul.myCard.col4 li {
  flex-basis: calc(25% - 24px);
}
ul.myCard.col5 li {
  flex-basis: calc(20% - 16px);
}
ul.myCard li {
  padding: 8px 8px 16px;
  margin: 8px auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
ul.myCard li:before {
  counter-increment: my-card;
  content: "0" counter(my-card);
  font-size: 16px;
  font-family: "Arial Black", "Yu Gothic", "游ゴシック", sans-serif;
  font-weight: bold;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
ul.myCard li:nth-of-type(1) div.image::before {
  background-image: url(../img/bicycle1.jpg);
}
ul.myCard li:nth-of-type(2) div.image::before {
  background-image: url(../img/bicycle2.jpg);
}
ul.myCard li:nth-of-type(3) div.image::before {
  background-image: url(../img/bicycle3.jpg);
}
ul.myCard li:nth-of-type(4) div.image::before {
  background-image: url(../img/image_none.png);
}
ul.myCard li div.image {
  width: 100%;
  height: 160px;
  overflow: hidden;
  margin-bottom: 4px;
  position: relative;
  z-index: 0;
}
ul.myCard li div.image::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/image_none.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
ul.myCard li div.text {
  padding: 4px 8px;
}
ul.myCard li h4 {
  color: #00508C;
  margin-bottom: 4px;
}
ul.myCard li p {
  font-size: 14px;
  line-height: 1;
}

ul.myCard.belt {
  position: relative;
  z-index: 0;
}
ul.myCard.belt::before {
  content: "";
  width: 100%;
  height: 160px;
  background-color: #e9e9e9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.5;
}

ul.myCard.basic li {
  border-radius: 8px;
  box-shadow: 0 0 8px 4px rgba(49, 49, 49, 0.1);
}
ul.myCard.basic li:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 8px;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
ul.myCard.basic li div.image {
  border-radius: 8px;
}

ul.myCard.border li {
  margin-top: 40px;
  border-radius: 8px;
  border: solid 4px #00508C;
  overflow: visible;
}
ul.myCard.border li:before {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
ul.myCard.border li div.image {
  border-radius: 8px;
}

ul.myCard.grid li {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
ul.myCard.grid li:nth-of-type(even) {
  flex-direction: column-reverse;
}
ul.myCard.grid li::before {
  display: none;
}
ul.myCard.grid li div {
  height: 160px;
  margin: 0;
}
ul.myCard.grid li div.text {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
  padding: 16px;
}
ul.myCard.grid li div.text h4, ul.myCard.grid li div.text p {
  color: #f9f9f9;
}
ul.myCard.grid li div.text h4 {
  margin-bottom: 8px;
}

ul.myCard.large-num li {
  margin-bottom: 40px;
  overflow: visible;
}
ul.myCard.large-num li::before {
  font-size: 80px;
  color: #0064d1;
  opacity: 0.1;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
ul.myCard.large-num li div.text h4 {
  font-size: 20px;
  margin: 8px 0;
}

ul.myCard.flag-num li {
  overflow: visible;
}
ul.myCard.flag-num li::before {
  justify-content: flex-start;
  width: 48px;
  font-size: 16px;
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
  margin-bottom: 8px;
  padding: 8px;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  position: absolute;
  top: -8px;
  left: 0px;
  z-index: 2;
}

ul.myCard.circle li {
  text-align: center;
}
ul.myCard.circle li::before {
  display: none;
}
ul.myCard.circle li div.image {
  text-align: center;
  margin: 0 auto 32px;
  position: relative;
  overflow: visible;
  z-index: 0;
}
ul.myCard.circle li div.image::before {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
}
ul.myCard.circle li div.image::after {
  content: "0" counter(my-card);
  counter-increment: my-card;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-family: "Arial Black", "Yu Gothic", "游ゴシック", sans-serif;
  width: 32px;
  height: 32px;
  padding: 4px;
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
  border-radius: 50%;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
ul.myCard.circle li div.text h4 {
  font-size: 18px;
  margin-bottom: 8px;
}
ul.myCard.circle li div.text p {
  text-align: left;
}

ul.myCard.shadow li {
  padding: 0;
  background-color: #ffffff;
  border: solid 4px #00508C;
  overflow: visible;
  position: relative;
  z-index: 0;
}
ul.myCard.shadow li::before {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 8px 4px;
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
  padding: 8px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
ul.myCard.shadow li::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #0064d1;
  position: absolute;
  bottom: -16px;
  right: -16px;
  z-index: -2;
  opacity: 0.2;
}
ul.myCard.shadow li div {
  margin: 0;
  padding: 16px;
  background-color: #ffffff;
}
ul.myCard.shadow li div.text {
  padding-bottom: 24px;
}
ul.myCard.shadow li div.text h4 {
  margin-bottom: 8px;
  text-align: center;
}

ul.myCard.shift.down {
  margin-bottom: 80px;
}
ul.myCard.shift.down li:nth-of-type(2) {
  margin-top: 80px;
}
ul.myCard.shift.down li:nth-of-type(3) {
  margin-top: 160px;
}

ul.myCard.shift.up {
  margin-top: 200px;
}
ul.myCard.shift.up li:nth-of-type(2) {
  margin-top: -80px;
}
ul.myCard.shift.up li:nth-of-type(3) {
  margin-top: -160px;
}

/*テーマ修正***********************/
header {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
}
header.active {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
header.active .myWrap:before {
  opacity: 0.8;
}
header.active .myWrap .myInner .myBox.left a img {
  max-width: 320px;
}
header.active .myWrap .myInner .myBox.right nav ul.menu li a {
  font-size: 14px;
}
header .myWrap {
  position: relative;
  z-index: 0;
}
header .myWrap:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #00508C, #0064d1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: 0.5s;
}
header .myWrap .myInner {
  padding: 8px 16px 24px;
  position: relative;
}
header .myWrap .myInner .myBox {
  flex-basis: 50%;
}
header .myWrap .myInner .myBox.left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
header .myWrap .myInner .myBox.left a {
  display: inline-block;
}
header .myWrap .myInner .myBox.left a img {
  width: 100% !important;
  max-width: 360px;
  transition: 0.5s;
}
header .myWrap .myInner .myBox.right ul.myCta {
  display: flex;
  justify-content: flex-end;
}
header .myWrap .myInner .myBox.right ul.myCta li {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-left: 4px;
}
header .myWrap .myInner .myBox.right ul.myCta li img {
  max-width: 240px;
  margin-bottom: 4px;
}
header .myWrap .myInner .myBox.right ul.myCta li span {
  font-size: 10px;
  color: #f9f9f9;
}
header .myWrap .myInner .myBox.right ul.myCta li a.myBtn {
  background-color: #FFC72C;
  color: #00508C;
  letter-spacing: 0;
}
header .myWrap .myInner .myBox.right ul.myCta li a.myBtn:hover {
  background-color: rgb(255, 239.6066350711, 197);
}
header .myWrap .myInner .myBox.right nav {
  margin-top: 16px;
}
header .myWrap .myInner .myBox.right nav ul.menu {
  display: flex;
  justify-content: flex-end;
}
header .myWrap .myInner .myBox.right nav ul.menu li {
  margin-left: 1em;
  position: relative;
}
header .myWrap .myInner .myBox.right nav ul.menu li a {
  font-weight: bold;
  color: #f9f9f9;
  transition: 0.5s;
}
header .myWrap .myInner .myBox.right nav ul.menu li.current_page_item::after {
  content: "";
  width: 32px;
  height: 2px;
  background-color: #FFC72C;
  border-radius: 8px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
header .myWrap .myInner .myBox.right nav ul.menu li.current_page_item a {
  color: #FFC72C;
}
header .myWrap .myInner .myHamburger {
  display: none;
  position: absolute;
  top: 4px;
  right: 16px;
  z-index: 99;
}
header .myWrap .myInner .myHamburger button {
  width: 32px;
  height: 32px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  cursor: pointer;
}
header .myWrap .myInner .myHamburger button.active span {
  width: 100% !important;
  transform-origin: center center;
}
header .myWrap .myInner .myHamburger button.active span:nth-of-type(1) {
  transform: translateY(18px) rotate(45deg);
}
header .myWrap .myInner .myHamburger button.active span:nth-of-type(2) {
  opacity: 0;
}
header .myWrap .myInner .myHamburger button.active span:nth-of-type(3) {
  transform: translateY(-3px) rotate(-45deg);
}
header .myWrap .myInner .myHamburger button span {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #FFC72C;
  border-radius: 8px;
  transition: 0.5s;
}
header .myWrap .myInner .myHamburger button span:nth-of-type(2) {
  width: calc(100% - 8px);
}
header .myWrap .myInner .myHamburger button span:nth-of-type(3) {
  width: calc(100% - 16px);
}

.myMobileMenu {
  display: none;
  width: 50%;
  height: 100%;
  transition: transform 0.5s;
  transform: translateX(101%);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 998;
}
.myMobileMenu nav {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.myMobileMenu nav::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #383E45;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.8;
}
.myMobileMenu nav::after {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.myMobileMenu nav ul li {
  border-left: solid 2px #383E45;
  border-bottom: outset 2px #f9f9f9;
}
.myMobileMenu nav ul li.current_page_item, .myMobileMenu nav ul li.current-menu-item, .myMobileMenu nav ul li.current-post-parent, .myMobileMenu nav ul li.current-menu-parent {
  background: linear-gradient(to right, #00508C, #0064d1);
}
.myMobileMenu nav ul li.current_page_item a, .myMobileMenu nav ul li.current-menu-item a, .myMobileMenu nav ul li.current-post-parent a, .myMobileMenu nav ul li.current-menu-parent a {
  color: #FFC72C;
}
.myMobileMenu nav ul li a {
  line-height: 1.25;
  padding: 16px;
  color: #f9f9f9;
  font-weight: bold;
  letter-spacing: 0.25em;
  display: flex;
  align-items: center;
  transition: 0.5s;
}
.myMobileMenu nav ul li a::before {
  content: "\f0da";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  font-size: 12px;
  margin-right: 4px;
}
.myMobileMenu nav ul li a:hover {
  color: #FFC72C;
  background: linear-gradient(to right, #00508C, #0064d1);
  opacity: 1;
}

@media only screen and (max-width: 900px) {
  header .myWrap .myInner {
    display: flex;
    padding: 8px 16px;
  }
  header .myWrap .myInner .myBox.left {
    flex-basis: 80%;
  }
  header .myWrap .myInner .myBox.right {
    display: none;
  }
  header .myWrap .myInner .myHamburger {
    display: block;
  }
  .myMobileMenu {
    display: block;
  }
  .myMobileMenu.active {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 600px) {
  header .myWrap .myInner .myBox.left a img {
    max-width: 200px !important;
  }
  .myMobileMenu {
    width: 75%;
  }
}
@media only screen and (max-width: 900px) {
  .myOverlay.active {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(10, 10, 10, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 997;
  }
}
.myLoader {
  width: 100%;
  height: 100%;
  background-color: rgba(249, 249, 249, 0.9411764706);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.myLoader.hide {
  /* animation: loadingFadeout .5s linear forwards; */
  animation-name: loadingFadeout;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.myLoader .myLoader_inner {
  width: 5em;
  height: 5em;
  border: solid 3px #999;
  border-top-color: #144da0;
  border-radius: 50%;
  animation: loadingAnime 1.5s linear infinite;
}

@keyframes loadingFadeout {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -999;
  }
}
@keyframes loadingAnime {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
footer {
  position: relative;
  z-index: 0;
}
footer::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #e8e9ea;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
footer .myInner {
  max-width: 1200px;
  padding: 40px 4%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
footer .myInner .myBox {
  flex-basis: 50%;
  padding: 16px 0;
}
footer .myInner .myBox.left ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
}
footer .myInner .myBox.left ul li {
  margin-bottom: 8px;
}
footer .myInner .myBox.left ul li.myLogo a img {
  max-width: 320px;
}
footer .myInner .myBox.left ul li a {
  display: inline-block;
}
footer .myInner .myBox.left ul li a img {
  max-width: 160px;
}
footer .myInner .myBox.right nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
footer .myInner .myBox.right nav ul li {
  margin: 4px 8px;
}
footer .myInner .myBox.right nav ul li.current_page_item a {
  font-weight: bold;
}
footer .myInner .myBox.right nav ul li a {
  display: inline-flex;
  align-items: center;
}
footer .myInner .myBox.right nav ul li a::before {
  content: "\f0da";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  font-size: 10px;
  margin-right: 4px;
}
footer .myCopyRight {
  text-align: center;
}
footer .myCopyRight small {
  display: inline-block;
  font-size: 12px;
  padding: 8px;
}
footer .secretWrap {
  text-align: right;
  margin-top: 48px;
}
footer .secretWrap a {
  display: inline-block;
}
footer .secretWrap a img {
  max-width: 160px;
}

@media only screen and (max-width: 900px) {
  footer .myInner {
    display: block;
  }
  footer .myInner .myBox.left ul li {
    margin-bottom: 16px;
  }
  footer .myInner .myBox.left ul li a {
    margin: 8px auto;
  }
  footer .secretWrap {
    text-align: left;
  }
}
@media only screen and (max-width: 900px) {
  footer .myInner .myBox.left ul li {
    width: 100%;
  }
  footer .myInner .myBox.left ul li a img {
    max-width: 240px;
  }
  footer .myInner .myBox.right nav ul {
    display: block;
  }
  footer .myInner .myBox.right nav ul li {
    margin-bottom: 8px;
  }
}
.btnPageTop {
  opacity: 1;
  visibility: visible;
  position: fixed; /* 画面に固定 */
  right: 24px;
  bottom: 24px;
  transition: opacity 0.3s, visibility 0.3s; /* フェードイン・アウト */
  z-index: 996;
}
.btnPageTop.hide {
  opacity: 0;
  visibility: hidden;
}
.btnPageTop img {
  max-width: 80px;
}

@media only screen and (max-width: 600px) {
  .btnPageTop img {
    max-width: 64px;
  }
}
ul.myPaging {
  display: flex;
  justify-content: center;
  margin: 24px auto;
}
ul.myPaging li {
  border: solid 2px #f9f9f9;
  overflow: hidden;
}
ul.myPaging li.prev {
  border-right: none;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
ul.myPaging li.next {
  border-left: none;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
ul.myPaging li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 24px 32px;
  background-color: #0064d1;
}
ul.myPaging li a::before, ul.myPaging li a::after {
  content: "";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  color: #f9f9f9;
  margin: 0 4px;
}
ul.myPaging li a[href="javascript:void(0)"] {
  pointer-events: none;
  background-color: #a0a0a0;
}
ul.myPaging li a span {
  font-weight: bold;
  color: #f9f9f9;
}
ul.myPaging li.all a::before {
  content: "\f0ca";
}
ul.myPaging li.prev a::before {
  content: "\f060";
}
ul.myPaging li.next a::after {
  content: "\f061";
}

@media only screen and (max-width: 600px) {
  ul.myPaging {
    display: block;
  }
  ul.myPaging li {
    border-radius: 100px;
  }
  ul.myPaging li a {
    display: block;
  }
}
.myMainVisual {
  height: 80vh;
  line-height: 0;
}
.myMainVisual img {
  height: 100%;
}

@media only screen and (max-width: 600px) {
  .myMainVisual {
    height: auto;
  }
}
.myBnr_bg {
  background-color: transparent;
  position: relative;
  z-index: 1;
}
.myBnr_bg::before {
  content: "";
  width: 100%;
  height: 64%;
  background: linear-gradient(to bottom, #d9d9d9, #e9e9e9, transparent);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.myBnr_bg::after {
  content: "";
  width: 100%;
  height: 64%;
  background-image: radial-gradient(#e9e9e9 15%, transparent 16%);
  background-size: 8px 8px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.myBnr_bg .myBnr {
  display: flex;
  flex-wrap: wrap;
  max-width: 1160px;
  margin: 0 auto;
  padding: 40px 16px;
}
.myBnr_bg .myBnr .box {
  flex-basis: calc(50% - 24px);
  margin: 8px auto;
  margin-top: -80px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 8px 4px rgba(49, 49, 49, 0.1);
  overflow: hidden;
}
.myBnr_bg .myBnr .box h2 {
  background: linear-gradient(to right, #00508C, #0064d1);
  color: #f9f9f9;
  padding: 16px 4px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.myBnr_bg .myBnr .box h2.myMidashi, .myBnr_bg .myBnr .box body.page-id-18 article h2, body.page-id-18 article .myBnr_bg .myBnr .box h2, .myBnr_bg .myBnr .box body.page-id-24 article h2, body.page-id-24 article .myBnr_bg .myBnr .box h2, .myBnr_bg .myBnr .box #p_company h2, #p_company .myBnr_bg .myBnr .box h2 {
  align-items: center;
}
.myBnr_bg .myBnr .box h2 span {
  color: #FFC72C;
}
.myBnr_bg .myBnr .box h2::after {
  content: "";
  width: 100px;
  height: 100px;
  background: url(../images/bg_image1.png) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.4;
}
.myBnr_bg .myBnr .box p.empty {
  padding: 16px 4px;
}
.myBnr_bg .myBnr .box ul.myPostList {
  height: 240px;
  overflow-y: scroll;
  padding: 16px;
  padding-bottom: 0;
}
.myBnr_bg .myBnr .box ul.myPostList li {
  display: block;
  padding-bottom: 4px;
  margin-bottom: 8px;
}
.myBnr_bg .myBnr .box ul.myPostList li::before {
  display: none;
}
.myBnr_bg .myBnr .box ul.myPostList li a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  text-decoration: none;
}
.myBnr_bg .myBnr .box ul.myPostList li a::after {
  display: none;
}
.myBnr_bg .myBnr .box ul.myPostList li a:hover .myInner span.postTitle::after {
  margin-left: 8px;
}
.myBnr_bg .myBnr .box ul.myPostList li a img {
  max-width: 80px;
  border-radius: 8px;
}
.myBnr_bg .myBnr .box ul.myPostList li a .myInner {
  padding: 4px 8px;
}
.myBnr_bg .myBnr .box ul.myPostList li a .myInner span {
  display: block;
}
.myBnr_bg .myBnr .box ul.myPostList li a .myInner span.postDate {
  font-size: 14px;
  margin-bottom: 8px;
}
.myBnr_bg .myBnr .box ul.myPostList li a .myInner span.postTitle {
  color: #00508C;
  letter-spacing: 0;
}
.myBnr_bg .myBnr .box ul.myPostList li a .myInner span.postTitle::after {
  content: "\f101";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  font-size: 10px;
  margin-left: 4px;
  transition: 0.5s;
}
.myBnr_bg .myBnr .box .btnArea {
  text-align: right;
  padding: 8px 8px 16px;
}
.myBnr_bg .myBnr .box .btnArea .myBtn {
  background-color: #FFC72C;
  transition: 0.5s;
}
.myBnr_bg .myBnr .box .btnArea .myBtn:hover {
  background-color: rgb(255, 212.5355450237, 95);
}
.myBnr_bg .myBnr .box .btnArea .myBtn span {
  color: #00508C;
}

@media only screen and (max-width: 900px) {
  .myBnr_bg .myBnr {
    display: block;
  }
  .myBnr_bg .myBnr .box.left h2 {
    font-size: 40px !important;
    text-align: center;
  }
  .myBnr_bg .myBnr .box.left h2 span {
    font-size: 14px;
  }
  .myBnr_bg .myBnr .box.right {
    padding: 16px;
    margin-top: 24px;
  }
  .myBnr_bg .myBnr .box.right .btnArea a img {
    max-width: 40px;
  }
  .myBnr_bg .myBnr .box ul.myPostList {
    min-height: auto;
  }
}
@media only screen and (max-width: 600px) {
  .myBnr_bg .myBnr .box.left h2, .myBnr_bg .myBnr .box.right h2 {
    font-size: 24px !important;
  }
  .myBnr_bg .myBnr .box.left .btnArea, .myBnr_bg .myBnr .box.right .btnArea {
    margin-top: 16px;
    text-align: center;
  }
  .myBnr_bg .myBnr .box.right {
    display: block;
    padding: 0;
  }
}
.myNewsBnr {
  width: 96%;
  max-width: calc(1200px - 4%);
  margin: 40px auto;
  box-shadow: 0 0 8px 4px rgba(49, 49, 49, 0.1);
  border-radius: 16px;
  overflow: hidden;
}
.myNewsBnr .myInner {
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
}
.myNewsBnr .myInner .myBox.left {
  flex-basis: 30%;
  background: linear-gradient(to right, #00508C, #0064d1);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.myNewsBnr .myInner .myBox.left::after {
  content: "";
  width: 80px;
  height: 80px;
  background: url(../images/bg_image1.png) center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 4px;
  right: 4px;
  z-index: 1;
  opacity: 0.4;
}
.myNewsBnr .myInner .myBox.left h2 {
  min-height: 240px;
  font-size: 36px;
  color: #f9f9f9;
  font-weight: 900;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.myNewsBnr .myInner .myBox.left h2 span {
  display: block;
  color: #FFC72C;
  font-size: 14px;
  font-family: "Arial Black", "Yu Gothic", "游ゴシック", sans-serif;
  margin: 8px 0;
  text-align: left;
}
.myNewsBnr .myInner .myBox.right {
  flex-basis: 70%;
  padding: 16px 24px;
}
.myNewsBnr .myInner .myBox.right .btnArea {
  text-align: right;
  padding: 24px 0;
}

@media only screen and (max-width: 900px) {
  .myNewsBnr .myInner {
    display: block;
  }
  .myNewsBnr .myInner .myBox.left h2 {
    display: block;
    min-height: auto;
    text-align: center;
    padding: 24px 0;
  }
  .myNewsBnr .myInner .myBox.left h2 span {
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  .myNewsBnr .myInner {
    display: block;
  }
  .myNewsBnr .myInner .myBox.left h2 {
    font-size: 24px !important;
  }
}
.myCntbnr {
  position: relative;
  z-index: 0;
}
.myCntbnr::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/cntbnr_bg.png) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.myCntbnr::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #00508C, #0064d1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.6;
}
.myCntbnr .myInner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 4%;
}
.myCntbnr .myInner .flex {
  justify-content: center;
}
.myCntbnr .myInner .flex .myBox {
  flex-basis: 50%;
  padding: 8px 16px;
}
.myCntbnr .myInner .flex .myBox * {
  color: #f9f9f9;
}
.myCntbnr .myInner .flex .myBox.left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  border-right: solid 4px #FFC72C;
}
.myCntbnr .myInner .flex .myBox.left h2 {
  text-align: left;
  font-size: 40px;
  font-weight: 900;
  color: #f9f9f9;
}
.myCntbnr .myInner .flex .myBox.left h2 span {
  display: block;
  text-align: left;
  font-family: "Arial Black", "Yu Gothic", "游ゴシック", sans-serif;
  font-size: 12px;
  color: #FFC72C;
  margin-top: 8px;
  padding-left: 4px;
}
.myCntbnr .myInner .flex .myBox.right p {
  margin-bottom: 8px;
}
.myCntbnr .myInner .flex .myBox.right a {
  margin: 16px 8px;
}
.myCntbnr .myInner .flex .myBox.right a img {
  max-width: 320px;
}

@media only screen and (max-width: 900px) {
  .myCntbnr .myInner .flex {
    display: block;
  }
  .myCntbnr .myInner .flex .myBox.left {
    display: block;
    border: none;
  }
  .myCntbnr .myInner .flex .myBox.left h2 {
    text-align: center;
    margin-bottom: 24px;
  }
  .myCntbnr .myInner .flex .myBox.left h2 span {
    text-align: center;
  }
  .myCntbnr .myInner .flex .myBox.right {
    text-align: center;
  }
  .myCntbnr .myInner .flex .myBox.right p {
    text-align: center;
  }
  .myCntbnr .myInner .flex .myBox.right a img {
    max-width: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .myCntbnr .myInner .flex .myBox {
    padding-left: 0;
    padding-right: 0;
  }
  .myCntbnr .myInner .flex .myBox.left h2 {
    font-size: 32px;
  }
  .myCntbnr .myInner .flex .myBox.right p {
    text-align: left;
    letter-spacing: 0;
  }
}
.myPostList li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  border-bottom: solid 1px #e0e0e0;
  margin-bottom: 4px;
}
.myPostList li:before {
  content: "\f017";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  font-size: 12px;
  font-weight: 400;
  margin-top: 2px;
  margin-right: 4px;
}
.myPostList li:hover a::after {
  margin-left: 8px;
}
.myPostList li a {
  text-decoration: underline;
  font-weight: bold;
  color: #00508C;
}
.myPostList li a::after {
  content: "\f101";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-left: 4px;
  transition: 0.5s;
}
.myPostList li.has_thumbnail::before {
  display: none;
}
.myPostList li.has_thumbnail:hover a::after {
  margin-left: 4px;
}
.myPostList li.has_thumbnail .myBox {
  padding: 8px;
}
.myPostList li.has_thumbnail .myBox.left {
  flex-basis: 10%;
}
.myPostList li.has_thumbnail .myBox.left img {
  border-radius: 8px;
}
.myPostList li.has_thumbnail .myBox.right {
  flex-basis: 90%;
}
.myPostList li.has_thumbnail .myBox.right .post-categories {
  display: inline-block;
}
.myPostList li.has_thumbnail .myBox.right .post-categories li {
  margin: 0;
  padding: 0;
}
.myPostList li.has_thumbnail .myBox.right span {
  display: block;
  margin-bottom: 4px;
}
.myPostList li.has_thumbnail .myBox.right span:before {
  content: "\f017";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  font-weight: 400;
  margin-right: 4px;
}
.myPostList li.has_thumbnail .myBox.right a {
  display: inline-block;
}
.myPostList li.has_thumbnail .myBox.right a:hover::after {
  margin-left: 8px;
}

.post-categories li {
  display: inline-block;
  border: none;
  margin: 2px;
}
.post-categories li::before, .post-categories li::after {
  display: none;
}
.post-categories li a {
  display: inline-block;
  text-decoration: none;
  padding: 4px;
  line-height: 1.25;
  background-color: #0064d1;
  color: #f9f9f9;
  border-radius: 4px;
  font-size: 14px;
}
.post-categories li a::before, .post-categories li a::after {
  display: none;
}

@media only screen and (max-width: 900px) {
  .myPostList li.has_thumbnail .myBox.left {
    flex-basis: 20%;
  }
  .myPostList li.has_thumbnail .myBox.right {
    flex-basis: 80%;
  }
}
@media only screen and (max-width: 600px) {
  .myPostList li {
    display: block;
    padding-bottom: 8px;
  }
  .myPostList li::before {
    margin-top: -2px;
  }
  .myPostList li .post-categories li {
    margin: 4px 0;
  }
  .myPostList li a {
    margin: 4px 0;
    line-height: 1.25;
  }
}
.lowerTitle {
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 16px;
  position: relative;
  z-index: 0;
}
.lowerTitle::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/lowerTitleBg.png) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.lowerTitle::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.lowerTitle h1 {
  font-size: 32px;
  font-weight: 900;
  color: #00508C;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  margin: 0 !important;
  letter-spacing: 0.25em !important;
  text-indent: 0.25em;
}
.lowerTitle h1.letterSpacingReset {
  letter-spacing: 0 !important;
}

@media only screen and (max-width: 600px) {
  .lowerTitle h1 {
    font-size: 24px;
    letter-spacing: 0;
  }
}
ul.myBreadcrumbs {
  width: 100%;
  max-width: calc(1200px - 4%);
  margin: 8px auto 16px;
  padding: 4px 8px;
  border-bottom: solid 1px #e0e0e0;
}
ul.myBreadcrumbs li {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}
ul.myBreadcrumbs li::after {
  content: ">";
  font-size: 10px;
  margin-left: 6px;
  margin-right: 4px;
}
ul.myBreadcrumbs li:first-of-type::before {
  content: "\f015";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-right: 4px;
}
ul.myBreadcrumbs li:last-of-type::after {
  display: none;
}

body:not(.home).archive main .myContent {
  padding-bottom: 80px;
}
body main {
  position: relative;
}
body main .myContent {
  width: 100%;
  min-height: 75vh;
}
body:not(.home) main .myContent {
  max-width: 1200px;
  padding: 0 4%;
  margin: 0 auto;
}

#s_aboutus {
  margin-top: 0;
  margin-bottom: 40px;
  position: relative;
  z-index: 0;
  overflow: visible;
}
#s_aboutus::before {
  content: "";
  width: 100%;
  height: 150%;
  background-image: url(../images/image_aboutus1920.jpg);
  background-size: cover;
  background-position: top left;
  position: absolute;
  top: -140px;
  left: 0;
  z-index: -1;
}
#s_aboutus .myInner {
  padding-top: 40px;
}
#s_aboutus .myInner .flex {
  max-width: 1200px;
  margin: 0 auto;
}
#s_aboutus .myInner .flex .box {
  flex-basis: 50%;
}
#s_aboutus .myInner .flex .box.right {
  padding: 24px 40px;
}
#s_aboutus .myInner .flex .box.right h3 {
  text-align: left;
}
#s_aboutus .myInner .flex .box.right h3 span {
  display: inline-block;
  text-align: left;
  color: #00508C;
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
  font-weight: 900;
  font-size: 32px;
  text-align: left;
  margin-bottom: 8px;
  text-shadow: 1px 1px 1px #f9f9f9;
}
#s_aboutus .myInner .flex .box.right p {
  line-height: 1.25;
  padding: 8px;
}
#s_aboutus .myInner .flex .box.right .btnArea {
  text-align: right;
  padding: 24px 0;
}

@media only screen and (max-width: 900px) {
  #s_aboutus::before {
    height: 100%;
    background-image: url(../images/image_aboutus-sp.png);
    background-size: cover;
    background-position: center;
    top: 0;
    opacity: 0.2;
  }
  #s_aboutus .flex {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  #s_aboutus .myInner .flex .box.right {
    padding: 8px;
  }
  #s_aboutus .myInner .flex .box.right h3 span {
    display: inline;
  }
  #s_aboutus .myInner .flex .box.right .btnArea {
    text-align: center;
  }
}
#s_items {
  margin: 0 auto;
}
#s_items .myInner {
  max-width: 1200px;
  margin: 0 auto;
}
#s_items .myInner .flex {
  border: solid 2px #00508C;
  margin-bottom: 2px;
}
#s_items .myInner .flex:nth-of-type(1) .myCol {
  flex-direction: row;
}
#s_items .myInner .flex .myCol {
  flex-basis: 50%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
#s_items .myInner .flex .myCol .box {
  flex-basis: 50%;
}
#s_items .myInner .flex .myCol .box.box_img {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#s_items .myInner .flex .myCol .box.box_img::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/image_none.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.5s;
}
#s_items .myInner .flex .myCol .box.box_img[data-image=機械式アタッチメント]::before {
  background-image: url(../images/image_home-kikai1.png);
}
#s_items .myInner .flex .myCol .box.box_img[data-image=油圧式アタッチメント]:before {
  background-image: url(../images/image_home-yuatsu1.png);
}
#s_items .myInner .flex .myCol .box.box_img[data-image=油圧ショベル]:before {
  background-image: url(../images/image_home-shovel1.png);
}
#s_items .myInner .flex .myCol .box.box_img[data-image=その他]:before {
  background-image: url(../images/image_home-other1.png);
}
#s_items .myInner .flex .myCol .box.box_text {
  padding: 40px 16px;
  background: linear-gradient(to right, #00508C, #0064d1);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#s_items .myInner .flex .myCol .box h3 {
  font-size: 18px;
  font-weight: 900;
  color: #f9f9f9;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 8px;
}
#s_items .myInner .flex .myCol .box p {
  min-height: 8em;
  text-align: justify;
  color: #f9f9f9;
  line-height: 1.25;
  font-size: 14px;
  padding: 4px;
}
#s_items .myInner .flex .myCol .box .btnArea {
  text-align: right;
  margin-top: 8px;
}
#s_items .myInner .flex .myCol .box .btnArea a {
  width: 100%;
  max-width: 160px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFC72C;
  color: #00508C;
  font-weight: 700;
  text-decoration: none;
  border-radius: 50px;
  padding: 8px;
  line-height: 1;
}
#s_items .myInner .flex .myCol .box .btnArea a:hover {
  opacity: 1;
  background-color: rgb(255, 212.5355450237, 95);
}
#s_items .myInner .flex .myCol .box .btnArea a span {
  font-size: 14px;
  color: #00508C;
  text-decoration: none;
  padding-left: 1em;
}
#s_items .myInner .flex .myCol .box .btnArea a span::after {
  content: "\f054";
  font-family: "font awesome 5 free";
  font-weight: bold;
  font-size: 10px;
  margin-left: 8px;
}

@media (hover: hover) {
  #s_items .flex .myCol:hover .box_img:before {
    transform: scale(1.1);
  }
}
@media only screen and (max-width: 900px) {
  #s_items .myInner .flex {
    display: block;
  }
  #s_items .myInner .flex .myCol:nth-of-type(odd) {
    flex-direction: row;
    border-bottom: solid 1px #f9f9f9;
  }
  #s_items .myInner .flex:nth-of-type(1) .myCol {
    flex-direction: row-reverse;
  }
  #s_items .myInner .flex:nth-of-type(1) .myCol:nth-of-type(1) {
    flex-direction: row;
  }
}
@media only screen and (max-width: 600px) {
  #s_items .myInner .flex .myCol {
    display: block;
  }
  #s_items .myInner .flex .myCol .box {
    flex-basis: 100%;
  }
  #s_items .myInner .flex .myCol .box_img {
    min-height: 280px;
  }
}
#p_company img.myBuilding, #p_company iframe {
  width: 100%;
  margin: 24px auto;
  border-radius: 8px;
}
@media only screen and (max-width: 600px) {
  #p_company table.myTbl th, #p_company table.common_tbl th {
    width: 100%;
  }
  #p_company table.myTbl td, #p_company table.common_tbl td {
    padding-left: 8px;
    padding-right: 8px;
  }
  #p_company table.myTbl td br.pc, #p_company table.common_tbl td br.pc {
    display: none;
  }
}
body.page-id-24 .myCntbnr {
  display: none;
}
body.page-id-24 .myNewsBnr {
  display: none;
}
body.page-id-24 article {
  min-height: 100vh;
}
body.page-id-24 article p {
  text-align: left;
  line-height: 1.5;
  margin-bottom: 4px;
}
body.page-id-24 article .textLeft {
  text-align: left;
  padding: 24px 0;
  position: relative;
}
body.page-id-24 article .textLeft a {
  display: inline-block;
  margin-bottom: 8px;
}
body.page-id-24 article .textLeft a img {
  max-width: 400px;
}
body.page-id-24 article .textLeft span {
  display: block;
}
body.page-id-24 article .textCenter img {
  max-width: 900px;
  border-radius: 8px;
}

@media only screen and (max-width: 600px) {
  #p_mailform p.textCenter {
    text-align: left;
  }
}
.wpcf7 {
  margin-bottom: 80px;
}
.wpcf7 table.myTbl th, .wpcf7 table.common_tbl th {
  vertical-align: middle;
}
.wpcf7 table.myTbl th span, .wpcf7 table.common_tbl th span {
  font-size: 12px;
  color: #bf0000;
}
.wpcf7 table.myTbl td, .wpcf7 table.common_tbl td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.wpcf7 table.myTbl td input[name=your-postal], .wpcf7 table.common_tbl td input[name=your-postal] {
  max-width: 200px;
}
.wpcf7 .wpcf7-submit {
  letter-spacing: 1.5em;
  text-indent: 1.5em;
  margin: 24px auto;
}
.wpcf7 .wpcf7-spinner {
  display: none;
}
.wpcf7 .wpcf7-not-valid-tip::before {
  content: "\f06a";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-right: 4px;
}
.wpcf7 .hide_error_message span.wpcf7-not-valid-tip {
  display: none;
}
.wpcf7 .wpcf7-response-output {
  margin: 0 !important;
  padding: 16px !important;
  border: none !important;
  background-color: #bf0000;
  color: #f9f9f9;
}
.wpcf7 .wpcf7-response-output::before {
  content: "\f06a";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-right: 4px;
}
.wpcf7 form.sent:not(.invalid) .wpcf7-response-output {
  background-color: #46b450 !important;
}

@media only screen and (max-width: 600px) {
  .wpcf7 table.myTbl th, .wpcf7 table.common_tbl th {
    width: 100%;
  }
}
body.page-id-18 article h2 {
  font-size: 18px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.wsp-pages-list, .wsp-category-title + .wsp-posts-list, .wsp-itemss-list, .wsp-items-cates-list, .wsp-items-tags-list {
  padding-left: 1em;
}
.wsp-pages-list li, .wsp-category-title + .wsp-posts-list li, .wsp-itemss-list li, .wsp-items-cates-list li, .wsp-items-tags-list li {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.wsp-pages-list li::before, .wsp-category-title + .wsp-posts-list li::before, .wsp-itemss-list li::before, .wsp-items-cates-list li::before, .wsp-items-tags-list li::before {
  content: "\f0da";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-right: 4px;
  font-size: 12px;
}
.wsp-pages-list li a, .wsp-category-title + .wsp-posts-list li a, .wsp-itemss-list li a, .wsp-items-cates-list li a, .wsp-items-tags-list li a {
  display: inline-block;
}

.wsp-category-title {
  display: block;
  font-size: 18px;
  margin-bottom: 16px;
}
.wsp-category-title a {
  display: inline-block;
}
#p_privacy h2 {
  font-size: 20px;
  text-align: left;
  margin: 16px 0;
}
#p_privacy h2::before {
  content: "■";
}
#p_privacy h2 + p {
  padding-left: 1.25em;
}
#p_privacy ul {
  list-style: disc;
  padding-left: 2.75em;
  margin-bottom: 16px;
}
#p_privacy ul + p {
  padding-left: 1.25em;
}
#p_privacy ul li {
  text-align: left;
  line-height: 1.25;
  margin-bottom: 16px;
}
#p_privacy p {
  margin-bottom: 24px;
}

@media only screen and (max-width: 600px) {
  #p_privacy ul {
    padding-left: 1.5em;
  }
  #p_privacy .textRight {
    text-align: right;
  }
}
body.error404 .myContent {
  max-width: 600px;
}
body.error404 .myContent .textCenter {
  margin: 24px auto;
}
body.error404 .myContent .textCenter img {
  max-width: 400px;
}
body.error404 .myContent h2 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
  color: #00508C;
  margin: 16px auto;
  text-align: center;
}

body.single:not(.single-items) .myContent {
  display: flex;
}
body.single:not(.single-items) .myContent .myBlock {
  flex-basis: 75%;
  padding: 0 24px;
}
body.single:not(.single-items) .myContent .myBlock h1 {
  font-size: 24px;
  letter-spacing: 0;
  text-align: left !important;
  margin: 16px 0;
}
body.single:not(.single-items) .myContent .myBlock .publishDate {
  display: block;
  font-size: 14px;
  margin-bottom: 24px;
}
body.single:not(.single-items) .myContent .myBlock p:not(.publishDate) {
  line-height: 1.5;
}
body.single:not(.single-items) .myContent .myBlock p:not(.publishDate) a {
  margin: 0 4px;
}
body.single:not(.single-items) .myContent .myBlock p:not(.publishDate) a::after {
  content: "\f101";
  font-family: "Font awesome 5 free";
  font-weight: bold;
}
body.single:not(.single-items) .myContent .myBlock .info_kikan {
  font-weight: bold;
  font-size: 18px;
  color: #bf0000;
  text-align: center;
  padding: 24px 8px;
  background-color: #f5f5f5;
  margin: 16px 4px;
  border-radius: 8px;
  border: double 4px #0064d1;
}
body.single:not(.single-items) .myContent .myBlock .myThumbnail {
  margin: 24px auto;
  text-align: center;
}
body.single:not(.single-items) .myContent .myBlock .myThumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
body.single:not(.single-items) .myContent .myBlock .myPaging {
  margin: 80px auto;
}
body.single:not(.single-items) .myContent aside.mySidebar {
  flex-basis: 25%;
  background-color: transparent;
  margin-bottom: 80px;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget h4 {
  padding: 16px 4px;
  text-align: center;
  color: #f9f9f9;
  background: linear-gradient(to right, #00508C, #0064d1);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget ul {
  padding: 8px 16px;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget ul.myPostList li {
  display: block;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget ul.myPostList li::before {
  display: none;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget ul.myPostList li a {
  text-decoration: none;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget ul.myPostList li a img {
  border-radius: 8px;
  margin-bottom: 8px;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget ul.myPostList li a span.postDate {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget ul.myPostList li a span.postDate::before {
  content: "\f017";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-right: 4px;
  font-weight: 400;
}
body.single:not(.single-items) .myContent aside.mySidebar .myWidget ul.myPostList li a span.postTitle {
  color: #00508C;
}

@media only screen and (max-width: 900px) {
  body.single:not(.single-items) .myContent {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  body.single:not(.single-items) .myContent .myBlock {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.toc_items-cate {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.toc_items-cate li {
  flex-basis: calc(25% - 8px);
  margin: 4px auto;
  transition: 0.5s;
}
.toc_items-cate li:hover {
  transform: translateY(-4px);
}

@media only screen and (max-width: 900px) {
  .toc_items-cate li {
    flex-basis: calc(50% - 8px);
  }
}
@media only screen and (max-width: 900px) {
  .toc_items-cate {
    display: block;
  }
}
.myArchive li {
  min-height: 280px;
  flex-basis: calc(25% - 16px);
  margin: 8px auto;
  padding: 4px;
}
.myArchive li a.myTaxonomy {
  display: inline-block;
  color: #f9f9f9;
  font-size: 14px;
  padding: 2px 4px;
  border-radius: 4px;
  margin: 4px 0;
}
.myArchive li a.myTaxonomy.myCate {
  background-color: #0064d1;
}
.myArchive li a.myTaxonomy.myTags {
  background-color: #FFC72C;
  color: #00508C;
}
.myArchive li a.myItem {
  display: block;
  margin: 8px 0 0;
}
.myArchive li a.myItem .myThumbnail {
  margin-bottom: 8px;
  border-radius: 8px;
  box-shadow: 0 0 8px 4px rgba(49, 49, 49, 0.1);
  overflow: hidden;
}
.myArchive li a.myItem h3 {
  font-weight: 900;
  color: #00508C;
  letter-spacing: 0;
  padding-left: 0.5em;
  text-indent: -0.5em;
}
.myArchive li a.myItem h3::before {
  content: "\f0da";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-right: 4px;
}

@media only screen and (max-width: 1080px) {
  .myArchive li {
    flex-basis: calc(33.3333333333% - 16px);
  }
}
@media only screen and (max-width: 900px) {
  .myArchive li {
    flex-basis: calc(50% - 16px);
  }
}
@media only screen and (max-width: 600px) {
  .myArchive {
    display: block;
  }
}
body.archive .btnArea {
  text-align: center;
  padding: 24px 0 40px;
}
body.archive .btnArea .myBtn {
  padding-top: 24px;
  padding-bottom: 24px;
}

body.single-items ul.itemToc {
  display: flex;
  flex-wrap: wrap;
  background: unset !important;
  list-style: none;
  justify-content: center;
}
body.single-items ul.itemToc li {
  flex-basis: calc(50% - 24px);
  margin: 4px;
  padding: 0;
}
body.single-items ul.itemToc li::after {
  display: none;
}
body.single-items ul.itemToc li a {
  text-align: left;
  text-decoration: none;
  align-items: center;
  font-weight: bold;
  border-radius: 16px;
  overflow: hidden;
  padding: 8px;
  margin: 0;
  background-color: #f9f9f9;
  border: outset 4px #566ec5;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
}
body.single-items ul.itemToc li a:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.3);
  opacity: 1;
}
body.single-items ul.itemToc li a .myBox {
  padding: 0;
  margin: 0 auto;
  border: none;
}
body.single-items ul.itemToc li a .myBox.left {
  flex-basis: 45%;
  overflow: hidden;
  padding-right: 8px;
}
body.single-items ul.itemToc li a .myBox.left img {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border: solid 1px #e0e0e0;
}
body.single-items ul.itemToc li a .myBox.right {
  flex-basis: 55%;
  padding-left: 8px;
}
body.single-items ul.itemToc li a .myBox.right p {
  color: #00508C;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0;
  margin-bottom: 4px;
}
body.single-items ul.itemToc li a .myBox.right span {
  color: #0064d1;
}
body.single-items ul.itemToc li a .myBox.right span.myTag {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  background-color: #FFC72C;
  color: #00508C;
  border-radius: 4px;
  padding: 4px 2px;
  margin-left: 2px;
}
body.single-items blockquote::before, body.single-items blockquote::after {
  display: none;
}
body.single-items blockquote p {
  display: block !important;
  font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", sans-serif !important;
}
body.single-items q:before, body.single-items q:after {
  display: none;
}
body.single-items section {
  margin: 24px auto 48px;
}
body.single-items section h2.child_name {
  font-size: 24px;
  font-weight: 900;
  background: linear-gradient(to right, #00508C, #0064d1) !important;
  color: #f9f9f9 !important;
  padding: 24px 16px;
  margin: 16px auto 8px;
  border-top-left-radius: 16px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
body.single-items section h2.child_name::after {
  content: "";
  width: 80px;
  height: 100%;
  background: url(../images/bg_image1.png) center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0.4;
}
body.single-items section .myInner {
  padding-left: 8px;
  padding-right: 8px;
}
body.single-items section .myInner .flex {
  align-items: flex-start;
  margin-bottom: 32px;
  padding: 4px;
  background-color: #f5f5f5;
}
body.single-items section .myInner .flex .myBox {
  flex-basis: 50%;
  padding: 16px;
  margin: 8px auto;
}
body.single-items section .myInner .flex .myBox.left.myThumbnail img {
  border-radius: 8px;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl {
  margin: 0 auto;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail th, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl th, body.single-items section .myInner .flex .myBox.right table.myTbl.detail td, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl td {
  border: solid 1px #909090;
  padding: 16px 8px;
  vertical-align: middle;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail th, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl th {
  width: 25%;
  background-color: #e0e0e0;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail td, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl td {
  width: 75%;
  text-align: left;
  background-color: #ffffff;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail td a, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl td a {
  display: inline-block;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail td a::after, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl td a::after {
  content: "\f35d";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-left: 4px;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail td ul, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl td ul {
  list-style: disc;
  padding-left: 1.5em;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail td ul li, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl td ul li {
  margin-bottom: 8px;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail td span.myMark, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl td span.myMark {
  display: block;
  line-height: 0;
}
body.single-items section .myInner .flex .myBox.right table.myTbl.detail td span.myMark img, body.single-items section .myInner .flex .myBox.right table.detail.common_tbl td span.myMark img {
  max-width: 80px;
}
body.single-items section .myInner iframe {
  margin: 24px auto;
}
body.single-items section .myInner cite {
  display: block;
  text-align: center;
  margin: 24px auto;
}
body.single-items section .myInner cite a {
  display: inline-block;
  text-decoration: underline;
}
body.single-items section .myInner .midashi_table {
  font-size: 24px;
  font-weight: bold;
  color: #666;
  line-height: 1;
  margin: 24px 0 8px;
}
body.single-items section .myInner .midashi_table::before {
  content: "■";
}
body.single-items .myPaging {
  margin-bottom: 80px;
}

@media only screen and (max-width: 900px) {
  .midashi_table {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  body.single-items section .myInner {
    padding-left: 0;
    padding-right: 0;
  }
  body.single-items section .myInner .flex .myBox {
    padding: 4px 8px;
  }
}
.scroll_area {
  margin-bottom: 24px;
}

table.itemTbl {
  border: solid 2px #999;
  margin: 0 auto !important;
}
table.itemTbl th, table.itemTbl td {
  border: solid 2px #999;
  padding: 15px 0px;
  font-weight: bold;
  vertical-align: middle;
}
table.itemTbl th {
  background: #cfd3e1;
}
table.itemTbl td {
  background: #f0f0ee;
}
table.itemTbl td[rowspan="2"] + td {
  border-bottom: dotted 2px #999;
}
table.itemTbl td .flex {
  display: flex !important;
}
table.itemTbl td .flex li {
  flex-basis: 25%;
  padding: 15px 0;
  border-right: solid 2px #999;
}
table.itemTbl td .flex li:last-of-type {
  border: none;
}
table.itemTbl tr.cell_top td {
  border-bottom: dotted 2px #999;
}
table.itemTbl tr.cell_btm td {
  border-top: none;
}
table.itemTbl tr.cell_center td {
  border-top: dotted 2px #999;
  border-bottom: dotted 2px #999;
}
table.itemTbl tr.cell_center:first-of-type td {
  border-top: none;
}
table.itemTbl tr.cell_center:last-of-type td {
  border-bottom: none;
}
table.itemTbl tbody tr:nth-child(even) td {
  background: #e1e1e1;
}

/* 表【個別設定】 */
table.itemTbl_kakuhan-m tbody td {
  width: 25%;
}

table.itemTbl_sc400 tbody td {
  width: 20%;
}

table.itemTbl_bucket tbody td,
table.itemTbl_tilt-rake-fork tbody td,
table.itemTbl_z-fork tbody td,
table.itemTbl_grip-bucket tbody td,
table.itemTbl_drum-cutter tbody td,
table.itemTbl_rake-fork tbody td {
  width: 14.2857142857%;
}

table.itemTbl_tilt-norimen tbody td,
table.itemTbl_wall-crusher tbody td,
table.itemTbl_garabuster tbody td,
table.itemTbl_garacrasher tbody td,
table.itemTbl_yosaku tbody td,
table.itemTbl_owariki-sv7x tbody td,
table.itemTbl_kowarikun tbody td,
table.itemTbl_kowariki-tm tbody td {
  width: 12.5%;
}

table.itemTbl_stamp-cutter tbody td,
table.itemTbl_owariki-sv80 tbody td,
table.itemTbl_tadura-bucket tbody td {
  width: 11.1111111111%;
}

table.itemTbl_floor-scraper tbody td,
table.itemTbl_mokuzai-grapple tbody td {
  width: 10%;
}

table.itemTbl_auger-ag2000 tbody td,
table.itemTbl_auger-ag3000 tbody td {
  width: 9.0909090909%;
}

table.itemTbl_felling-grapple td,
table.itemTbl_sp7000 tbody td {
  width: 8.3333333333%;
}

table.itemTbl_auto-pump tbody td {
  width: 7.6923076923%;
}

table.itemTbl_patch-planer tbody td {
  width: 6.25%;
}

table.itemTbl_yuatsu-kusakariki tbody td {
  width: 5.8823529412%;
}

ul.notice {
  margin: 8px 4px 24px;
  padding-left: 1em;
}
ul.notice li {
  list-style: "※";
  color: #bf0000;
  text-align: left;
  line-height: 1.5;
}

@media only screen and (max-width: 900px) {
  body.single-items ul.itemToc li {
    flex-basis: calc(50% - 24px);
    margin: 8px auto;
  }
  body.single-items section h2.child_name {
    font-size: 24px !important;
  }
  body.single-items section .flex .myBox {
    padding: 0;
  }
  body.single-items section .flex .myBox.right table.myTbl, body.single-items section .flex .myBox.right table.common_tbl {
    display: block;
    width: 100% !important;
    text-align: left;
  }
  body.single-items section .flex .myBox.right table.myTbl thead, body.single-items section .flex .myBox.right table.common_tbl thead, body.single-items section .flex .myBox.right table.myTbl tbody, body.single-items section .flex .myBox.right table.common_tbl tbody, body.single-items section .flex .myBox.right table.myTbl tr, body.single-items section .flex .myBox.right table.common_tbl tr, body.single-items section .flex .myBox.right table.myTbl th, body.single-items section .flex .myBox.right table.common_tbl th, body.single-items section .flex .myBox.right table.myTbl td, body.single-items section .flex .myBox.right table.common_tbl td {
    display: block;
    width: 100% !important;
    text-align: left;
  }
  body.single-items .scroll_area {
    overflow-x: scroll;
  }
  body.single-items .scroll_area .itemTbl {
    width: 900px;
  }
}
@media only screen and (max-width: 600px) {
  body.single-items ul.itemToc {
    display: block;
  }
  body.single-items ul.itemToc li a {
    display: flex;
  }
}
body.postid-3364 ul.myBreadcrumbs li:nth-of-type(3) {
  display: none;
}
body.postid-3364 .myContent article section .myFrame {
  margin: 24px auto;
}
body.postid-3364 .myContent article section .myFrame.flex {
  justify-content: space-around;
  padding: 16px 8px;
  border: double 5px #999;
  border-radius: 8px;
  background: #f9f9f9;
}
body.postid-3364 .myContent article section .myFrame.flex .myCol {
  flex-basis: calc(25% - 16px);
  margin: 8px auto;
}
body.postid-3364 .myContent article section .myFrame.flex .myCol h3 {
  font-size: 18px;
  color: #f9f9f9;
  background-color: #00508C;
  padding: 8px 4px;
  letter-spacing: 0;
  margin-bottom: 8px;
}
body.postid-3364 .myContent article section .myFrame.flex .myCol ul {
  padding-left: 1em;
}
body.postid-3364 .myContent article section .myFrame.flex .myCol ul li {
  text-align: left;
  line-height: 1.5;
  margin-bottom: 8px;
}
body.postid-3364 .myContent article section .myFrame.flex .myCol ul li::before {
  content: "\f0da";
  font-family: "Font awesome 5 free";
  font-weight: bold;
  margin-right: 4px;
}
body.postid-3364 .myContent article section .myRow h4 {
  font-size: 18px;
  letter-spacing: 0;
}
body.postid-3364 .myContent article section .myRow .myThumbnails li {
  flex-basis: calc(33.3333333333% - 16px);
  margin-bottom: 24px;
}
body.postid-3364 .myContent article section .myRow .myThumbnails li img {
  border-radius: 8px;
  margin-bottom: 8px;
}
body.postid-3364 .myContent article section .myRow .myThumbnails li h5 {
  text-align: center;
  letter-spacing: 0;
}
body.postid-3364 .myContent article section .myRow .myThumbnails li h5 span {
  display: block;
  font-size: 12px;
}

@media only screen and (max-width: 900px) {
  body.postid-3364 .myContent article section .myFrame.flex .myCol {
    flex-basis: calc(50% - 16px);
  }
  body.postid-3364 .myContent article section .myRow .myThumbnails li {
    flex-basis: calc(50% - 16px);
  }
}/*# sourceMappingURL=child.css.map */